@charset "utf-8";

/************************************************
 Common Parts
************************************************/
*{margin:0; padding:0;}
html, body{width:100%; height:100%;}
html{font-size:62.5%;}
body{
 font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 font-weight:500;
 font-style:normal;
	font-size:13px;
 font-size:1.3rem;
	line-height:1.5;
	letter-spacing:normal;
	text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
	color:#444;
 background:#f9fafc;
 position:relative;
}
/****************************************************
　Reset
****************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
h1,h2,h3,h4,h5,p,ul,ol,dl,li,dt,dd,form, figure{margin:0px; padding:0px; box-sizing:border-box;}

ul,ol,dl{list-style:none outside;}
ul.disc{list-style:disc outside; margin-left:15px;}
ul.circle{list-style:circle outside; margin-left:15px;}
ul.square{list-style:square outside; margin-left:15px;}
ul.dot > li:before{content:"・"; margin-right:2px;}
ol.decimal{list-style:decimal outside; margin-left:25px;}
ul.disc > li, ul.circle > li, ul.square > li, ol.decimal > li{text-indent:-5px;}

address{text-decoration:none; font-style:normal;}

a{text-decoration:underline; border:none; outline:none !important;}
a:link{text-decoration:underline;}
a:visited{color:#800080; text-decoration:underline;}
a:active{text-decoration:underline;}
a:hover{text-decoration:underline;}

img{border:none; outline:none; width:100%; height:auto;}
.rover{outline:none; cursor:pointer;}
.rover:hover{
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.alpha(style=0, opacity=70);
	-moz-transition: opacity 0.12s linear;
	-webkit-transition: opacity 0.12s linear;
	transition: opacity 0.12s linear;
}
/************************************************
 Clearfix
************************************************/
.cfx:after{content: ""; clear:both; display:block; height:0;}
.clear{clear:both;}

/************************************************
 Base Parts
************************************************/
#wrapper{
 min-height:100vh;
 height:100%;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
}


/* Header
-----------------------------------------------*/
#head-box{
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 width:100%;
 min-width:100%;
 height:50px;
 margin:0 auto;
 padding:0;
 font-size:1px;
 line-height:1px;
 letter-spacing:-0.4em;
 box-sizing:border-box;
 background-color:#006dae;
 z-index:3;
}
#head-box h1{
 display:block;
 width:250px;
 height:50px;
 padding:3px 16px;
 vertical-align:top;
 box-sizing:border-box;
}
#head-box h1 img{vertical-align:middle; width:218px; height:45px;}

/* --- NAVI --- */
#gmenu{
 display:block;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 height:50px;
 text-align:left;
 border-left:1px solid #fff;
 vertical-align:top;
 white-space:nowrap;
}
#gmenu a,
#gmenu .submenu span,
#gmenu .available-capacity,
#gmenu dl,
#gmenu label{
 color:#fff;
 text-decoration:none;
 text-align:left;
}
#gmenu a,
#gmenu label,
#gmenu .submenu span{
 display:block;
 height:100%;
 margin:0;
 padding:0 14px;
}
#gmenu .submenu .submenu > a{
 padding-left:2em;
}
#gmenu input{vertical-align:middle;}
#gmenu .submenu span{
 background-image:url(../resource/hd-arrow.png);
 background-repeat:no-repeat;
 background-position:right 10px top 0px;
 padding-right:24px;
 cursor:pointer;
}

#gmenu a:hover,
#gmenu .submenu span:hover,
#gmenu .active > span,
#gmenu .active > a{
 background-color:rgba(0,0,0,0.1);
}

#gmenu ul.nav-left > li,
#gmenu ul.nav-right > li,
#gmenu dt,
#gmenu dd{
 display:inline-block;
 float:left;
 height:50px;
 letter-spacing:normal;
 text-align:center;
 margin:0;
 padding:0;
}

/* --- MENU Bar --- */
#gmenu ul.nav-left{
 float:left;
 font-weight:bold;
 font-size:13px;
 font-size:1.3rem;
 line-height:4;
 margin:0 0 0 1.2%;
}

/* --- LINK Bar --- */
#gmenu .link-box{
 display:inline-block;
 float:right;
 margin:0 1.4% 0 0;
 padding:0;
 white-space:nowrap;
}
#gmenu.no-border{border:none !important;}
#gmenu ul.nav-right{
 display:inline-block;
 font-size:12px;
 font-size:1.2rem;
 line-height:4.3;
}
#gmenu ul.nav-right a,
#gmenu dl.lang dt{
 padding:0 10px 0 30px;
 background-image:url(../resource/hd-icon.png);
 background-repeat:no-repeat;
}
#gmenu ul.nav-right li.faq a{background-position:left 5px top 0px;}
/* #gmenu ul.nav-right li.help a{background-position:left 5px top -50px;} */
#gmenu ul.nav-right li.inquiry a{background-position:left 5px top -100px;}
#gmenu ul.nav-right li.logout a{background-position:left 5px top -150px;}
#gmenu dl.lang dt{background-position:left 5px top -200px;}

#gmenu ul.nav-right li.submenu a{
 padding-left:1em;
 background-image:none;
}

/* --- Language --- */
#gmenu dl.lang{
 display:inline-block;
 font-size:14px;
 font-size:1.4rem;
 line-height:3.6;
}
#gmenu dl.lang dd a{
 padding:0;
}
#gmenu dl.lang dd span{
 padding:0 14px;
 border-left:1px solid #fff;
}


@media screen and (max-width: 1025px) {
 #gmenu ul.nav-left{margin-left:0.8%;}
 #gmenu .link-box{margin-right:0.8%;}
 #gmenu a,
 #gmenu .submenu span{padding:0 7px;}
 #gmenu .submenu span{padding-right:18px; background-position: right 5px top 0px;}
}


/* --- Sub Menu --- */
.submenu{
 position:relative;
 overflow:visible;
}
.submenu > ul{
 display:none;
 min-width:100%;
 padding:0;
 margin:0;
 line-height:2.5;
 background-color:rgba(153,155,156,0.9);
 position:absolute;
 top:100%;
 left:0;
 z-index:999;
}
.submenu li{
 display:block;
 min-width:100%;
 height:auto;
 white-space:nowrap;
 border-bottom:1px solid #d3d7df;
}
.submenu li:last-child{
 border-bottom:none;
}
.submenu a{
 width:100%;
 box-sizing:border-box;
 text-align:left;
}
.submenu .submenu{
 background-image:url(../resource/hd-arrow.png);
 background-repeat:no-repeat;
 background-position:right 10px top -60px;
}
.submenu .submenu ul{
 display:none;
 min-width:auto;
 top:0px;
 left:100%;
 border-left:1px solid #d3d7df;
}


/* --- Text vertical-align:middle  --- */
#gmenu > ul > li > .submenu span:before,
#gmenu ul.nav-right a:before,
#gmenu dt:before,
#gmenu dd span:before{
 display:inline-block; content:""; height:100%; vertical-align:middle; width:0px;
}

ul.step li{
 display:inline-block;
}


/* Tool Box
-----------------------------------------------*/
#tool-box{
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 width:100%;
 min-width:100%;
 height:40px;
 text-align:left;
 vertical-align:top;
 padding:0;
 font-size:1px;
 line-height:1px;
 letter-spacing:-0.4em;
 box-sizing:border-box;
 z-index:2;
}
#tool-box h2.nowStep,
#tool-box .toolbar{
 display:block;
 height:40px;
 box-sizing:border-box;
 border-bottom:1px solid #d3d7df;
}
#tool-box h2.nowStep{
 min-width:250px;
 height:40px;
 font-size:18px;
 font-size:1.8rem;
 font-weight:normal;
 line-height:2.2;
 letter-spacing:normal;
 text-align:center;
 color:#fff;
 background-color:#6d6d6d;
}
#tool-box h2.nowStep span{
 display:inline-block;
 height:100%;
 padding:0 0 0 22px;
 margin:0 0 0 -22px;
 background-repeat:no-repeat;
 background-image:url(../resource/control_ttl_icon.png);
}
#tool-box h2.nowStep span.step2{background-position:0px 0px;}

/* --- Tool Bar --- */
#tool-box .toolbar{
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 width:auto;
 border-left:1px solid #fff;
 background-color:#e8e9eb;
 white-space:nowrap;
}

.toolbar .tool1,
.toolbar .tool2,
.toolbar .tool2-msg,
.toolbar .tool3,
.toolbar .system-tool{
 display:inline-block;
 vertical-align:top;
}
.toolbar .tool2,
.toolbar .tool2-msg{
 position:relative;
}

.toolbar div > ul,
.toolbar div > ul > li{
 display:inline-block;
 vertical-align:top;
 white-space:nowrap;
}
.bar1{
 margin-left:1.5%;
}
.bar1 > li{
 height:40px;
 font-size:12px;
 font-size:1.2rem;
 line-height:3.5;
 letter-spacing:normal;
}
.bar1 > li:hover,
.bar1 > li.active{
 background-color:rgba(0,0,0,0.1);
}

.bar1 a,
.toolbar .submenu{
 background-image:url(../resource/toolbar-icon.png);
 background-repeat:no-repeat;
}
.bar1 a{
 display:block;
 height:100%;
 padding:0 10px 0 30px;
 text-decoration:none;
 color:#000;
 box-sizing:border-box;
}
.bar1 a.icon-btn{width:40px; text-indent:-9999px;}
.bar1 .bar1-tool01 a{background-position:left 10px top -40px;}
.bar1 .bar1-tool02 a{background-position:left 10px top -80px;}
.bar1 .bar1-tool03 a{background-position:left 10px top -120px;}
.bar1 .bar1-tool04 a{background-position:left 10px top -160px;}
.bar1 .bar1-tool05 a{background-position:left 10px top -200px;}
.bar1 .bar1-tool06 a{background-position:left 10px top -240px;}
.bar1 .bar1-tool07 a{background-position:left 10px top -280px;}
.bar1 .bar1-tool08 a{background-position:left 10px top -320px;}
.bar1 .bar1-tool09 a{background-position:left 10px top -360px;}
.bar1 .bar1-tool10 a{background-position:left 10px top -400px;}
.bar1 .bar1-tool11 a{background-position:left 10px top -440px;}
.bar1 .bar1-tool12 a{background-position:left 10px top -480px;}
.bar1 .bar1-tool13 a{background-position:left 10px top -520px;}
.bar1 .bar1-tool14 a{background-position:left 10px top -560px;}
.bar1 .toolbar-button{
    border-color: #006dae;
    background-color: #006dae;
    padding: 0.2em 0.8em;
    color: #fff;
    border: 1px solid #006dae;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
    outline: none;
    margin-top: -5px;
}

.toolbar .submenu{
 padding-right:10px;
 background-position:right 0px top 0px;
}
.toolbar .submenu > ul{background-color:rgba(232,233,235, 0.9);}
.toolbar .submenu li{
 height:32px;
 line-height:2.8;
 border-bottom:1px solid #d3d7df;
}
.toolbar .submenu li a{background-image:url(../resource/toolbar-pulldown-icon.png);}
.toolbar .submenu li.bar1-tool01-sub1 a{background-position:left 10px top 0px;}
.toolbar .submenu li.bar1-tool01-sub2 a{background-position:left 10px top -32px;}
.toolbar .submenu li.bar1-tool01-sub3 a{background-position:left 10px top -64px;}
.toolbar .submenu li.bar1-tool05-sub1 a{background-position:left 10px top -96px;}
.toolbar .submenu li.bar1-tool05-sub2 a{background-position:left 10px top -128px;}
.toolbar .submenu li.bar1-tool05-sub3 a{background-position:left 10px top -160px;}
.toolbar .submenu li.bar1-tool05-sub4 a{background-position:left 10px top -192px;}
.toolbar .submenu li.bar1-tool05-sub5 a{background-position:left 10px top -224px;}
.toolbar .submenu li a:hover,
.bar2 a:hover,
.bar2 a.active{background-color:rgba(0,0,0,0.1);}

/* --- Tool Bar2 --- */
.bar2-container,
.bar2-msg-container{
 display:block; overflow:hidden;
}
.bar2 li,
.bar2-msg li{
 height:40px;
 padding:0;
}
.bar2 a,
.bar2-msg a{
 display:block;
 width:30px;
 height:40px;
 line-height:1;
 text-indent:-9999px;
 background-repeat:no-repeat;
 background-image:url(../resource/toolbar2-icon.png);
}
.bar2 li.bar2-tool01 a{background-position:left 0px top 0px;}
.bar2 li.bar2-tool02 a{background-position:left 0px top -40px;}
.bar2 li.bar2-tool03 a{background-position:left 0px top -80px;}
.bar2 li.bar2-tool04 a{background-position:left 0px top -120px;}
.bar2 li.bar2-tool05 a{background-position:left 0px top -160px;}
.bar2 li.bar2-tool06 a{background-position:left 0px top -200px;}
.bar2 li.bar2-tool07 a{background-position:left 0px top -240px;}
.bar2 li.bar2-tool08 a{background-position:left 0px top -280px;}
.bar2 li.bar2-tool09 a{background-position:left 0px top -320px;}
.bar2 li.bar2-tool10 a{background-position:left 0px top -360px;}
.bar2 li.bar2-tool11 a{background-position:left 0px top -400px;}
.bar2 li.bar2-tool12 a{background-position:left 0px top -440px;}
.bar2 li.bar2-tool13 a{background-position:left 0px top -480px;}
.bar2 li.bar2-tool14 a{background-position:left 0px top -520px;}
.bar2 li.bar2-tool15 a{background-position:left 0px top -560px;}
.bar2 li.bar2-tool16 a{background-position:left 0px top -600px;}
.bar2 li.bar2-tool17 a{background-position:left 0px top -640px;}
.bar2 li.bar2-tool18 a{background-position:left 0px top -680px;}
.bar2 li.bar2-tool19 a{background-position:left 0px top -800px;}
.bar2 li.bar2-tool20 a{background-position:left 0px top -840px;}
.bar2 li.bar2-tool21 a{background-position:left 0px top -880px;}
.bar2 li.bar2-tool22 a{background-position:left 0px top -920px;}
.bar2 li.bar2-tool23 a{background-position:left 0px top -960px;}
.bar2 li.bar2-tool24 a{background-image:url(../resource/message-icon.png)}
.bar2-arrow{
 display:none;
 width:20px;
 height:40px;
 vertical-align:middle;
 text-indent:-9999px;
 background-color:#e8e9eb;
 background-repeat:no-repeat;
 background-image:url(../resource/toolbar2-icon.png);
 position:absolute;
 top:0;
}
.bar2-arrow.bar2-prev,
.bar2-arrow.bar2-msg-prev{
 background-position:-5px -720px; left:0; top:-3%
}
.bar2-arrow.bar2-next,
.bar2-arrow.bar2-msg-next{
 background-position:-5px -760px; right:0; top:-3%
}

.parts-submenu{
 display:none;
 position:absolute;
 top:100%;
 background-color:#e8e9eb;
}
.parts-submenu li{
 display:block !important;
 height:32px;
 font-size:12px;
 font-size:1.2rem;
 letter-spacing:normal;
 line-height:2.8;
 border-bottom:1px solid #d3d7df;
}
.parts-submenu a{
 display:block;
 height:100%;
 padding:0 10px;
 text-decoration:none;
 color:#000;
 box-sizing:border-box;
}
.parts-submenu a:hover{background-color:rgba(0,0,0,0.1);}

/* --- Tool Bar3 --- */
.bar3{}
.bar3 li{
 height:40px;
 padding:0;
 margin-right:10px;
 font-size:12px;
 font-size:1.2rem;
}
.bar3 > li > a{
 display:block;
 width:30px;
 height:40px;
 line-height:1;
 text-indent:-9999px;
 background-repeat:no-repeat;
 background-image:url(../resource/toolbar-icon.png);
}

.bar3 > li > ul a{
 display:block;
 height:100%;
 padding:0 10px;
 text-decoration:none;
 letter-spacing:normal;
 color:#000;
 box-sizing:border-box;
 background-image:none !important;
}

.bar3 .bar3-tool01 a{background-position:left 0px top -440px;}
.bar3 .bar3-tool02 a{background-position:left 0px top -480px;}
.bar3 .bar3-tool03 a{background-position:left 0px top -400px;}

/* --- Tool System --- */
.system-btn{
 height:40px;
 margin:0 auto;
 font-size:1px;
 line-height:1px;
 letter-spacing:-0.4em;
}
.system-btn li{
 display:inline-block;
 width:130px;
 font-size:18px;
 font-size:1.8rem;
 line-height:40px;
 letter-spacing:normal;
 text-align:center;
 border-right:1px solid #6e6e6e;
}
.system-btn li a{
 display:block;
 width:100%;
 height:100%;
 color:#fff;
 text-decoration:none;
}
.system-btn li.active,
.system-btn li a:hover{background-color:#212121;}



h2.nowStep span:before,
.bar1 li > a:before,
.bar2:before{
 display:inline-block; content:""; height:100%; vertical-align:middle; width:0px;
}

hr.section-line,
.bar2 > li.section-line{
 display:inline-block;
 width:1px;
 height:22px;
 padding:0;
 margin:9px 0.8%;
 margin-left:9px;
 margin-right:9px;
 vertical-align:middle;
 border:none;
 border-left:1px solid #d3d7df;
}

#tool-box li .first-or-last-page{
	background-color:#80ccf1;
}


/* Login Form
-----------------------------------------------*/
#lognin-box, #portal-box{
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 width:100%;
 height:auto;
 background-color:#fff;
 padding:0;
 margin:0 auto 0;
 box-sizing:border-box;
 z-index:2;
}
#lognin-box h2.login-logo{
/*  width:300px; */
/*  height:107px; */
 margin:50px auto 30px;
 padding:0;
}
#lognin-box h2.login-logo img{
 width: auto;
 height:300px;
}

form.login-form{
 width:255px;
 margin:0 auto;
 padding:0;
 text-align:left;
}
form.login-form label{
 display:block;
 margin:15px auto 0;
 font-weight:bold;
 font-size:16px;
 font-size:1.6rem;
 line-height:1.8;
 color:#444;
}
form.login-form .login-txt{
 box-sizing:border-box;
 width:100%;
 padding:0.35em 0.75em;
 border:1px solid #6d6d6d;
 border-radius:3px;
}
form.login-form .submit-bnt{
 width:100%;
 margin:10px auto 0;
 padding:0.35em 0.75em;
 font-size:17.5px;
 font-size:1.75rem;
 font-weight:bold;
 color:#fff;
 border:none;
 background-color:#006dae;
 border-radius:4px;
}
form.login-form .submit-bnt:hover{
 background-color:#0096f0;
}


/* Portal
-----------------------------------------------*/
#portal-box h2.portal-title{
 max-width:1168px;
 width:100%;
 margin:3% auto 1.4%;
 line-height:1px;
}
ul.portal-menu{
 max-width:880px;
 width:90%;
 min-height:215px;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 margin:0 auto 1%;
 text-align:left;
}
ul.portal-menu li{
 width:145px;
 margin-left:11.3636%;
 text-align:left;
}
ul.portal-menu li:first-child{
 margin-left:0;
}
ul.portal-menu li > a{
 display:block;
 max-width:145px;
 text-decoration:none;
 color:#808080;
}
ul.portal-menu li > a > span{
 padding:4px 23px 4px 0;
 font-size:13px;
 font-size:1.3rem;
 line-height:1.5;
 background:url(../resource/step_arrow.png) no-repeat right 0px top 0px;
}
ul.portal-menu li > a > img{
 margin:0.2em 0 0;
 border-radius:6%;
 -webkit-box-shadow:rgba(0, 0, 0, 0.298039) 5px 5px 20px 0px;
 -moz-box-shadow:rgba(0, 0, 0, 0.298039) 5px 5px 20px 0px;
 box-shadow:rgba(0, 0, 0, 0.298039) 5px 5px 20px 0px;
}

#portal-box .news{
 max-width:880px;
 width:90%;
 margin:0 auto;
}
#portal-box .news h3{
 width:100%;
 margin:0 auto 0.5em;
 text-align:left;
 font-size:16px;
 font-size:1.6rem;
 line-height:1.5;
}
#portal-box .news h3 span{
 display:block;
 padding:4px 0;
 text-align:right;
 font-size:14px;
 font-size:1.4rem;
 font-weight:normal;
 line-height:1.2;
 border-top:1px solid #000;
}
#portal-box .news h3 a{
 color:#3378c5;
 text-decoration:none;
}
#portal-box ul.news-list{
 max-height:120px;
 overflow-y:auto;
 text-align:left;
}
#portal-box ul.news-list li{
 font-size:14px;
 font-size:1.4rem;
 line-height:1.3;
 margin:0 auto 1.5em;
}
#portal-box ul.news-list time{
 display:block;
}


/* All Projects
-----------------------------------------------*/
#project-list{
 width:100%;
 height:550px;
 overflow:auto;
 border:2px solid #92949a;
}
table.project-tbl{
 width:100%;
 margin:0 auto;
 font-size:13px;
 font-size:1.3rem;
 line-height:1.3;
 table-layout:fixed;
 background-color:#fff;
 border:1px solid #f3f3f3;
 border-collapse:collapse;
}
table.project-tbl a{color:#006dae;}

table.project-tbl th,
table.project-tbl td{
 padding:1em 0.5em;
 border:1px solid #e8e9eb;
}
table.project-tbl th{
 font-weight:bold;
 background-color:#e8e9eb;
}
table.project-tbl tbody tr:nth-child(even){background-color:#f9fafc;}
table.project-tbl .cell01{width:4%; text-align:center;}
table.project-tbl .cell02{width:12%;}
table.project-tbl .cell03{width:25%;}
table.project-tbl .cell04{width:17%;}
table.project-tbl .cell07,
table.project-tbl .cell08{width:9.5%;}



/* Project Info
-----------------------------------------------*/
.project-info{
}
.project-info:after{
 display:block;
 content:"";
 clear:both;
 height:0;
}
.project-info .form-hd-box{
 width:100%;
 padding:20px 60px;
 box-sizing:border-box;
 background-color:#eeeff0;
}
.project-info .form-body-box{
 margin:0 7.5%;
 padding:20px 0;
 box-sizing:border-box;
 border-bottom:1px solid #e3e6e8;
}
.project-info .form-foot-box{
 padding:50px 7.5%;
 text-align: right;
}
.project-info .form-left{
 width:49%;
 display:block;
 float:left;
 padding:0 5% 0 0;
 box-sizing:border-box;
}
.project-info .form-right{
 width:49%;
 display:block;
 float:right;
 box-sizing:border-box;
 padding:0 0 0 5%;
 border-left:1px solid #e3e6e8;
}

.project-info label{
 display:block;
 margin:0.5em 0;
 line-height:1;
}
.project-info .dt{
 display:inline-block;
 width:50%;
 vertical-align:middle;
}
.project-info .dd{
 display:inline-block;
 vertical-align:middle;
}
.project-info .text-fld{
 text-align:left;
 font-size:13px;
 font-size:1.3rem;
 font-weight:normal;
 padding:0.2em 0.5em;
 border:1px solid #ccc;
 border-radius:4px;
 vertical-align:middle;
}
.project-info .form-btn{
/*  float:right; */
 padding:0.5em 1em 0.5em 1.8em;
 line-height:1;
 color:#fff;
 border:none;
 border-radius:5px;
}

.project-info .form-hd-box .form-left{
 width:50%;
 padding-right:0;
}
.project-info .form-hd-box .form-right{
 width:49%;
 padding-left:0%;
 border-left:none;
}
.project-info .form-hd-box label{
 font-weight:bold;
 font-size:18px;
 font-size:1.8rem;
}
.project-info .form-hd-box .text-fld{width:70%;}
.project-info .form-hd-box .text-fld.short{width:55%;}
.project-info .form-body-box .text-fld{width:79%;}
.project-info .form-body-box .text-fld.half{width:40%;}
.project-info .form-body-box .text-fld.short{width:30%;}

.project-info .disable-fld{
 text-align:left;
 border:none;
 background-color:transparent;
 padding:0;
}
.project-info .form-body-box h4{
 font-size:16px;
 font-size:1.6rem;
 line-height:1.2;
 padding:0 0.4em;
 margin-bottom:20px;
 border-left:3px solid #444;
}
.project-info .form-body-box hr.border{
 border:none;
 border-bottom:1px solid #e3e6e8;
 margin:20px 0;
}
.project-info .form-body-box input{
 font-size:12px;
 font-size:1.2rem;
 vertical-align:middle;
 margin:0 0.2em;
}

.project-info .form-body-box .form-left .dt{width:15%;}
.project-info .form-body-box .form-right .dt{width:46%; white-space:nowrap;}
.project-info .form-body-box dt.dt{vertical-align:top; margin-top:0.8em;}
.project-info .form-body-box dd.dd{width:83%; vertical-align:top;}
.project-info .form-body-box .form-left > label{margin-bottom:18px;}
.project-info .form-body-box .form-right label{margin-bottom:20px;}
.project-info .form-body-box .addres-box {margin-bottom:10px;}
.project-info .form-body-box .addres-box label{
 display:inline-block;
 font-size:13px;
 font-size:1.3rem;
}
.project-info .form-body-box .zip-code{width:74%; text-align:right;}
.project-info .form-body-box .zip-code.abroad{float:right;}
.project-info .form-body-box .set-btn{
 clear:right;
 min-width:65%;
 padding:0.5em 1em;
 background-color:#6d6d6d;
}
.project-info .form-body-box .area-select{clear:both;}
.project-info .form-body-box .area-select > label{width:32%;}
.project-info .form-body-box .area-select input{width:100%; box-sizing:border-box;}
.project-info .form-body-box .area-select select{width:100%;}
.project-info .form-body-box .address-fld{width:94%;}


.project-info .form-foot-box .next-btn{
 font-size:16px;
 font-size:1.6rem;
 background:#006dae url(../resource/hd-arrow.png) no-repeat left 15px top -60px;
 margin-left:10px;
 width : 130px;
}
.project-info .form-foot-box span{
 font-size:16px;
 font-size:1.6rem;
}


/* Main
-----------------------------------------------*/
#main{
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 width:100%;
 min-width:100%;
 height:auto;
 margin:0;
 font-size:1px;
 line-height:1px;
 letter-spacing:-0.4em;
 text-align:left;
 vertical-align:top;
 box-sizing:border-box;
 background-color:#6d6d6d;
}

/* --- Control Panel --- */
#control-panel{
 display:block;
 width:250px;
 min-width:50px;
 height:auto;
 max-height:100%;
 font-size:13px;
 font-size:1.3rem;
 line-height:1.5;
 letter-spacing:normal;
 vertical-align:top;
 background-color:#e6e8ea;
}
#control-panel h3{
 width:100%;
 height:40px;
 margin:0 auto 1px;
 padding:0;
 font-size:14px;
 font-size:1.4rem;
 font-weight:normal;
 line-height:1;
 letter-spacing:normal;
 color:#006dae;
 background-color:#fff;
 box-sizing:border-box;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
#control-panel h3.panel-ttl{
 text-indent:8px;
 background-repeat:no-repeat;
 background-position:right 8px top 0px;
 background-image:url(../resource/control_arrow.png);
 cursor:pointer;
}
#control-panel h3.panel-ttl.active{
 text-indent:5px;
 background-position:right 8px top -40px;
 border-left:3px solid #006dae;
}
#control-panel h3.active-panel{
 text-indent:10px;
 font-weight:bold;
 border-left:3px solid #006dae;
}
#control-panel h3.all-times-display-panel-ttl{
 text-indent:5px;
 border-left:3px solid #006dae;
}
#control-panel .panel-box{
 display:none;
 max-height:350px;
 overflow:auto;
 font-size:13px;
 font-size:1.3rem;
 line-height:1.2;
 padding:10px 2% 10px 8%;
 border-bottom:1px solid #7fa3bb;
}
#control-panel p.panel-box{
 padding:10px 5%;
 text-align:center;
}
#control-panel .all-times-display-panel-box{
 display:block;
 max-height:330px;
 overflow:auto;
 font-size:13px;
 font-size:1.3rem;
 line-height:1.2;
 padding:10px 2% 10px 8%;
 border-bottom:1px solid #7fa3bb;
}
#control-panel .active-panel{
 display:block;
}
#control-panel .search-box{
 max-height:100%;
}
#control-panel .info-panel{
 max-height:none;
 min-height:450px;
}
#control-panel .panel-box dt,
#control-panel .all-times-display-panel-box dt{
 clear:both;
 margin:0 0 0.5em;
 padding:0 0.5em;
 border-left:3px solid #444;
}
#control-panel .panel-box dd,
#control-panel .all-times-display-panel-box dd{
 margin:0 0 1.5em 0.7em;
}

#control-panel .panel-box dt.inline{
 display:inline;
}
#control-panel .panel-box dt.inline-float{
 display:inline;
 float:left;
 margin:0.5em -100% 0 0;
}
#control-panel .panel-box dd.inline,
#control-panel .all-times-display-panel-box dd.inline{
 display:inline;
 float:right;
 width:100%;
 margin:0 0 1em 0;
 text-align:right;
 vertical-align:middle;
}
#control-panel .panel-box dd:last-child,
#control-panel .panel-box dd.inline:last-child,
#control-panel .all-times-display-panel-box dd:last-child,
#control-panel .all-times-display-panel-box dd.inline:last-child{
 margin-bottom:0;
}
#control-panel .panel-box dd p.note{
 clear:both;
 text-align:left;
 margin-top:0.5em;
 padding-left:0.8em;
}

#control-panel .ctl-btn-m{
 display:inline-block;
 width:44.5%;
 padding:0.2em 0;
 margin:0.2em 0.3em;
 background-color:#fff;
 border:1px solid #6d6d6d;
 border-radius:5px;
 outline:none;
}
#control-panel .ctl-btn-w{
 width:89%;
}
#control-panel .ctl-btn-m:hover{
 background-color:#eee;
}
#control-panel .ctl-btn-m:active{
 background-color:#ccc;
 outline:none;
}
#control-panel .text-fld{
 margin:0 0.2em;
 padding:0.1em 0.2em;
 background-color:#fff;
 border:1px solid #6d6d6d;
 border-radius:5px;
 vertical-align:middle;
 outline:none;
}
#control-panel .fld-l{
 width:90%;
}
#control-panel .fld-l-2{
 width:70%;
}
#control-panel .set-btn{
 margin:0 auto;
 width:56%;
 padding:0 0.2em;
 color:#fff;
 background-color:#6d6d6d;
 border:1px solid #6d6d6d;
 border-radius:5px;
 text-align:center;
 vertical-align:middle;
 word-wrap:break-word;
 outline:none;
}
#control-panel .set-btn.fullsize{width:90%; clear:both; margin:0.5em auto;}
#control-panel .set-btn:hover{
 background-color:#777;
}
#control-panel .set-btn:active{
 background-color:#555;
 outline:none;
}

#control-panel .select-btn-box{
 text-align:center;
 padding:10px 0;
 margin:0;
}
#control-panel .select-btn-box .select-btn{
 width:38%;
 margin:0 8px;
 color:#fff;
 border:none;
 background-color:#006dae;
}

#control-panel .formgroup{clear:both; margin:0.8em 0 0 0;}

#control-panel .editable-box{clear:both; margin:0.8em 0 0;}
#control-panel .editable-box span{display:inline-block; width:28%;}
#control-panel .editable-box input{
 display:inline-block;
 width:56%;
 margin:0;
 padding:0 0 0 0.5em;
 border:none;
 border-radius:0;
 background-color:transparent;
}

/* --- Panel Style --- */
#control-panel .direction-box .set-btn{
 float:right;
 margin-bottom:0.4em;
}
#control-panel .scale-box{text-align:right;}
#control-panel .grid-box{padding-left:3em;}
#control-panel .label-span{display:block; clear:both; margin-bottom:0.4em;}
#control-panel .grid-box .set-btn{width:100%; margin-bottom:0.4em;}
#control-panel .temple-box select{float:right;}
#control-panel .graphic-box .graphic-btn{
 display:inline-block;
 width:45px;
 height:26px;
 padding:0;
 margin:0.1em;
 border:none;
 background-color:transparent;
 background-image:url(../resource/cp_tool-icon.png);
 background-repeat:no-repeat;
 border-radius:0px;
 outline:none;
}

#control-panel .graphic-box .graphic-btn:hover{background-color:rgba(0,0,0,0.2);}
#control-panel .graphic-box .graphic01{background-position:left 0px top 0px; width:25px;}
#control-panel .graphic-box .graphic02{background-position:left 0px top -40px; width:25px;}
#control-panel .graphic-box .graphic03{background-position:left 0px top -80px; width:40px;}
#control-panel .graphic-box .graphic04{background-position:left 0px top -120px; width:40px;}
#control-panel .graphic-box .graphic05{background-position:left 0px top -160px; width:40px;}
#control-panel .graphic-box .graphic06{background-position:left 0px top -200px; width:44px;}
#control-panel .graphic-box .graphic07{background-position:left 0px top -240px; width:44px;}
#control-panel .graphic-box .graphic08{background-position:left 0px top -280px; width:35px; margin-left:4.5%;}
#control-panel .graphic-box .graphic09{background-position:left 0px top -320px; width:35px; margin-left:4.5%;}

#control-panel .pattern-box select {margin-left:3em;}
#control-panel .sunshine-box .calendar{margin-left:6em;}
#control-panel .sunshine-box .time{margin-left:2em;}

#control-panel .capacity-box .text-fld{margin-left:5em; width:6em; text-align:center;}

#control-panel .module-box .right-justifi{clear:both; padding-top:0.5em;}
#control-panel .module-box .right-justifi select{float:right; margin-left:1em;}

#control-panel .array-box .box-ttl{display:block;}
#control-panel .array-box span.inline{display:inline-block; margin:0 0 0.5em 0.5em;}

#control-panel label{display:block; clear:both; margin-bottom:0.4em;}
#control-panel label:after{content: ""; clear:both; display:block; height:0;}
#control-panel label.inline-item{display:inline-block; margin-right:0.5em;}
#control-panel select.inline-item{
 padding:0;
 margin:0;
 font-size:1.2rem;
 letter-spacing:-0.05em;
}


#control-panel .disable-input{color:#fff; background-color:#aaa}



#control-panel .help-btn{
 display:inline-block;
 margin:0 0.3em;
 width:18px;
 height:18px;
 vertical-align:middle;
}
.disabled{opacity:0.5 !important;}

/* --- CANVAS BOX --- */
#canvas-box{
 display:block;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 width:auto;
 min-width:200px;
 height:100%;
 padding:8px 20px;
 font-size:14px;
 font-size:1.4rem;
 line-height:1.5;
 letter-spacing:normal;
 background-color:#f9fafc;
 box-sizing:border-box;
}
#canvas-box.nopadding{padding:0;}
.half-canvas{
 box-sizing:border-box;
 border-bottom:1px solid #7fa3bb;
 padding:10px 30px;
}
#canvas-box ul.step{
 display:block;
 margin:0 auto 8px;
 font-size:1px;
 line-height:1px;
 letter-spacing:-0.4em;
 white-space:nowrap;
}
#canvas-box ul.step li{
 display:inline-block;
 width:142px;
 height:26px;
 position:relative;
 margin:0 36px 0 0;
 padding:0 0 0 30px;
 font-size:14px;
 font-size:1.4rem;
 line-height:1.8;
 letter-spacing:normal;
 box-sizing:border-box;
 border:1px solid #aaa;
 border-radius:5px;
 background-repeat:no-repeat;
 background-position:left 5px top 0px;
 background-image:url(../resource/step_arrow.png);
 background-color: #eee;
 color: #000;
 cursor: pointer;
}
#canvas-box ul.step li.child-step:before{
 display:inline-block;
 content:"";
 width:37px;
 height:1px;
 background-color:#6d6d6d;
 position:absolute;
 top:50%;
 left:-37px;
}
#canvas-box ul.step li:first-child:before{
 content:none;
}
#canvas-box ul.step li:last-child{margin-right:0;}
#canvas-box ul.step li.now{
 color:#fff;
 border:1px solid #006dae;
 background-color:#006dae;
}
#canvas-box ul.step li.now{background-position:left 5px top -24px;}

#canvas-box h2{
 font-size:14px;
 font-size:1.4rem;
 letter-spacing:normal;
 line-height:1.8;
 margin:10px 0;
 color:#006dae;
}

#canvas{
 width:100%;
 height:90%;
 margin:0 auto;
 border:2px solid #6d6d6d;
 overflow:auto;
}

/* --- Text vertical-align:middle  --- */
#control-panel h3.panel-ttl:before,
#control-panel h3.active-panel:before,
#control-panel h3.all-times-display-panel-ttl:before{
 display:inline-block;
 content:"";
 height:100%;
 vertical-align:middle;
 width:0px;
}

/* @media screen and (max-width: 1165px) { */
/*  #canvas-box ul.step li{ */
/*   width:135px; */
/*   padding-left:25px; */
/*   background-position:left 2px top 0px; */
/*  } */
/* } */
/* @media screen and (max-width: 1130px) { */
/*  #canvas-box ul.step li{ */
/*   width:120px; */
/*   padding-left:25px; */
/*   background-position:left 2px top 0px; */
/*  } */
/* } */
/* @media screen and (max-width: 1060px) { */
/*  #canvas-box ul.step li{ */
/*   width:110px; */
/*   padding-left:25px; */
/*   background-position:left 2px top 0px; */
/*  } */
/* } */

/* Footer
-----------------------------------------------*/
#foot-box{
 width:100%;
 height:1px;
}

#head-box:after,
#gmenu:after,
#gmenu ul:after,
#foot-box:after{
 display:block; content:""; clear:both; height:0;
}




/* Dialog Panel
-----------------------------------------------*/
.dialog-wrapp{display:none;}
.dialog-panel-container{
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -webkit-flex-direction:row;
 -ms-flex-direction:row;
 flex-direction:row;
}
.dialog-panel{
/*  width:450px; */
 height:200px;
 border:1px solid #d3d7df;
 background-color:#fbfbfb;
 flex-grow:1;
 -webkit-justify-content:space-between;
 justify-content:space-between;
 margin:5px 8px;
}
.dialog-panel-head{
 box-sizing:border-box;
 padding:10px;
 color:#fff;
 background-color:#9d9fa0;
}
.dialog-panel-head h3,
.dialog-panel-head label{
 font-size:13px;
 font-size:1.3rem;
 line-height:1;
}
.dialog-panel-head h3{
 float:left;
}
.dialog-panel-head label{
 display:block;
 float:left;
}
.dialog-panel-head label input{
 vertical-align:middle;
}
.dialog-panel-head p.dialog-panel-sub-ttl{
 clear:both;
 font-size:13px;
 font-size:1.3rem;
 line-height:1;
 text-align:left;
}

.thumbnail-canvas{
 display:block;
 width:230px;
 margin:10px auto;
 border:1px solid #6d6d6d;
}

.dialog-panel-data-list{
 box-sizing:border-box;
 padding:0 10px;
 overflow-y:auto;
 text-align:left;
}
.dialog-panel-data-list.h215{max-height:215px;}
.dialog-panel-data-list.h235{max-height:235px;}
.dialog-panel-data-list h4{
 font-size:14px;
 font-size:1.4rem;
 line-height:1.2;
 padding:0 0 0 10px;
 border-left:4px solid #444;
 margin:0 0 5px;
}
.dialog-panel-data-list h4.inline{
 display:inline-block;
 min-width:80px;
 margin-bottom:15px;
}
.dialog-panel-data-list ul{
 list-style-position:outside;
 margin:5px 0 10px 10px;
 font-size:13px;
 font-size:1.3rem;
 text-align:left;
 line-height:1;
}
.dialog-panel-data-list li{
 margin:0 0 5px;
}
.dialog-panel-data-list li:after{
 content:"";
 display:block;
 height:0;
 clear:both;
}
.dialog-panel-data-list .dialog-panel-data-th{
 display:inline-block;
 min-width:70px;
 box-sizing:border-box;
}
.dialog-panel-data-list .dialog-panel-data-td:before{
 content:":";
 font-size:13px;
 font-size:1.3rem;
 font-weight:normal;
 margin:0 0.2em 0 0;
}
.dialog-panel-data-list .dialog-panel-data-td{
 display:inline-block;
/*  max-width:125px; */
 vertical-align:top;
}
.dialog-panel-data-list .dialog-panel-data-td.s-size{
/*  width:31%; */
 margin-left: -0.3em;
}

.dialog-panel-container .paln-list{
 width:98%;
 margin:1em auto;
}

/*-----------------------------------------------------
 2016.01.25 追加スタイル
-----------------------------------------------------*/
/* ダイアログ */
.dialog-wrapp input,
.dialog-wrapp select{
  border-radius:4px !important;
  border:1px solid #ccc;
  background-color:#fff;
  margin:0 0.2em;
 }
.alert-box{
 width:100%;
 text-align:center;
 padding:15px 0;
}
#height-confing form,
#scale-confing form,
#gradient-confing,
#parapetto-confing form,
.input-common-dialog form{
 width:100%;
 text-align:center;
 vertical-align:middle;
 padding:1.2em 0 0;
}

/* 設定タブダイアログ */
#application-setting ul {
 display: flex;
 justify-content: space-between;
}
#application-setting ul > li {
 width: 100%;
}
.app-setting-tab-contents{
 text-align:left;
 padding:2em !important;
}
.app-setting-tab-contents h4{
 font-size:14px;
 font-size:1.4rem;
 line-height:1.2;
 padding:0 0 0 10px;
 border-left:4px solid #444;
 margin:0 0 0.5em;
 text-align:left;
}
.dialog-wrapp input.form-color-picker{
 width: 0;
 height: 0;
 margin: 0;
 padding: 0;
 border-radius: 0 !important;
 border: none;
 visibility:hidden;
}
input.excolor_clrbox {
 width: 25px;
 height: 25px;
 padding:0;
 margin:0.2em 0;
 border-radius: 0 !important;
 border:1px solid #6d6d6d !important;
}
table.app-setting-tbl{
 width:100%;
 margin:0 auto;
 border-collapse:collapse;
 border:2px solid #6d6d6d;
}
table.app-setting-tbl thead{background-color:#e8e9eb;}
table.app-setting-tbl tbody tr{background-color:#fff;}
table.app-setting-tbl tbody tr:nth-child(even){background-color:#f9fafc;}
table.app-setting-tbl th,
table.app-setting-tbl td{padding:0.5em; width:125px;}
table.app-setting-tbl .color-select{
 padding:0;
 border:1px solid #d4d4d4;
 border-width:0 1px;
 text-align: center;
 width:60px;
}
table.app-setting-tbl .line-type-select{
 padding:0;
 border:1px solid #d4d4d4;
 border-width:0 1px;
 text-align: center;
 width:100px;
}
table.app-setting-tbl .line-size-select{
 padding:0;
 border:1px solid #d4d4d4;
 border-width:0 1px;
 text-align: center;
 width:60px;
}

.app-setting-tab01 table.app-setting-tbl{margin-top:2em;}

/* 表示設定 */
.app-setting-tab02 dl,
.app-setting-tab02 p{
 margin: 1.5em 1.5em 1.5em 11.8em;
}
.app-setting-tab02 dt{margin-bottom:0.8em;}
.app-setting-tab02 dd{margin-bottom:1.2em;}
.app-setting-tab02 label{
 display:block;
 margin-bottom:0.5em;
 vertical-align:middle;
}
.app-setting-tab02 input{vertical-align:middle;}
.app-setting-tab02 p{padding-left:1.3em;}
.app-setting-tab02 table.app-setting-tbl{margin-top:2em;margin-bottom:2em;}

/* エリア設定（Tab03） */
.app-setting-tab03 table.app-setting-tbl{margin-top:2em;}

/* 割付（Tab04） */
.app-setting-tab04 table.app-setting-tbl{margin-top:2em;}

/* 日影（Tab05） */
.app-setting-tab05 table.app-setting-tbl{margin-top:2em;}




/* スケール設定 */
#scale-confing{
 width:100%;
 margin:1.5em auto;
}

.app-setting-tab-contents select.select-wide{
	width:80%;
}

/* 共有設定ダイアログ */
table.share-setting-tbl{
 table-layout: fixed;
 width:100%;
 margin:auto;
 border-collapse:collapse;
 border:2px solid #6d6d6d;
}
table.share-setting-tbl thead{background-color:#006dae; color:#fff;}
table.share-setting-tbl tbody tr{background-color:#fff;}
table.share-setting-tbl tbody tr:nth-child(even){background-color:#f9fafc;}
table.share-setting-tbl th,
table.share-setting-tbl td,
table.share-setting-tbl .share-access-key{
 padding:0;
 border:1px solid #d4d4d4;
 border-width:0 1px;
 text-align: left;
}
table.share-setting-tbl .share-groupname{
 padding:0;
 border:1px solid #d4d4d4;
 border-width:0 1px;
 text-align: left;
}

.share-setting-tbl tbody tr.selected {
    background-color: peachpuff !important;
}

.share-setting-tab01 table.share-setting-tbl{margin-top:2em;}



/* .dialog-panel-container .maker-select{
 text-align:left;
} */
.dialog-panel-container .wiring-item-inline{
 display:block;
 text-align:left;
}

.dialog-panel-container .plan-dialog-tbl{
 width:100%;
 border-collapse:collapse;
 border:2px solid #006dae;
 margin:0.5em auto 1em;
}
.dialog-panel-container .plan-dialog-tbl thead th,
.dialog-panel-container .plan-dialog-tbl tbody td{padding:0.3em 1em; text-align:left;}
.dialog-panel-container .plan-dialog-tbl thead th{
 background-color:#006dae;
 border-left:1px solid #006dae;
 color:#fff;
}
.dialog-panel-container .plan-dialog-tbl tbody tr{background-color:#f6fbfe;}
.dialog-panel-container .plan-dialog-tbl tbody td{border-left:1px solid #cbdbe3; padding:0.5em 1em;}
.dialog-panel-container .plan-dialog-tbl tbody tr:nth-child(odd){background-color:#fff;}
.dialog-panel-container .plan-dialog-tbl tbody tr:nth-child(odd) td{border-left:1px solid #e5edf1;}
.dialog-panel-container .plan-dialog-tbl thead th:first-child{border-left:none;}
.dialog-panel-container .plan-dialog-spec{
 text-align:left;
}
.dialog-panel-container select,
.dialog-panel-container input{
 border:1px solid #7fa3bb;
 border-radius:5px;
 background-color:#fff !important;
}
.dialog-panel-container input.plan-dialog-add-btn,
.dialog-panel-container input.plan-dialog-del-btn{
 color:#fff;
 padding:0 1em 0 2em;
 margin:0 auto;
 background-image:url(../resource/toolbar-icon.png);
 background-repeat:no-repeat;
}
.dialog-panel-container input.plan-dialog-add-btn{
 border:1px solid #6d6d6d;
 background-color:#6d6d6d !important;
 background-position:6px -490px;
}
.dialog-panel-container input.plan-dialog-del-btn{
 border:1px solid #e50000;
 background-color:#e50000 !important;
 background-position:6px -410px;
}
img.info-icon{width:18px; height:18px; vertical-align:middle;}

.dialog-panel-container .dialog-add-data{
 width:98%;
 margin:1em auto;
}
.dialog-panel-container .dialog-add-data-list{
 width:100%;
 margin:0 auto;
 text-align: left;
}
.dialog-panel-container .dialog-add-data-list dt,
.dialog-panel-container .dialog-add-data-list dd{
 display:inline-block;
 text-align:left;
 vertical-align:top;
 margin:0.5em auto 1em;
 padding:0 0.5em;
 box-sizing:border-box;
}
.dialog-panel-container .dialog-add-data-list dt{
 width:30%;
 border-left:4px solid #7fa3bb;
}
.dialog-panel-container .dialog-add-data-list dd{width:60%;}
.dialog-panel-container .dialog-add-data-list dd label{margin-right:1em;}
.dialog-panel-container .dialog-add-data-list dd label.block{display:block; width:100%; margin:0 0 1em;}
.dialog-panel-container .dialog-add-data-list dd label span{
 display:inline-block;
}
.dialog-panel-container .dialog-add-data-list dd .area-select label{
 display:inline-block;
	width: 100%;
 margin:0 1em 0 0;
}
.dialog-panel-container .dialog-add-data-list dd .area-select{margin:0.5em 0 0.8em;}
.dialog-panel-container .dialog-add-data-list dd .area-select select{width:100%;}



#canvas .view-area{
 min-width:100%;
 min-height:100%;
 box-sizing:border-box;
 padding:1.5em;
 background-color:#fff;
}
#canvas .view-area > div{margin-bottom:1.5em;}
#canvas .view-area h4{
 font-size:14px;
 font-size:1.4rem;
 line-height:1.2;
 padding:0 0 0 0.5em;
 border-left:4px solid #bbb;
 margin:0 0 0.8em;
 text-align:left;
}
.left-canvas-box,
.right-canvas-box{display:inline-block; vertical-align:top;}
.left-canvas-box{width:47%;}
.right-canvas-box{width:47%; margin-left:4.5%;}

table.canvas-tbl{
 width:100%;
 border-collapse:collapse;
 border:none;
 margin:0 auto;
 font-size:12px;
 font-size:1.2rem;
 line-height:1;
}
table.canvas-tbl thead,
table.canvas-tbl tbody,
table.canvas-tbl tfoot{border:2px solid #9d9d9d;}
table.canvas-tbl thead{
 color:#fff;
 background-color:#9d9d9d;
 border-width:2px 2px 0 2px;
}
table.canvas-tbl tbody{border-width:0 2px 2px 2px;}
table.canvas-tbl th,
table.canvas-tbl td{
 padding:0.5em;
 text-align:center;
}

table.tbody-scroll thead,
table.tbody-scroll tbody,
table.tbody-scroll tfoot{display:block; box-sizing:border-box; width:100%;}
table.tbody-scroll thead,
table.tbody-scroll tfoot{padding-right:17px;}

table.tbody-scroll tbody{overflow:auto; overflow-x:hidden;}
table.tbody-scroll tr{display:block; width:100%; white-space:nowrap;}
table.tbody-scroll th,
table.tbody-scroll td{display:inline-block;}

table.canvas-tbl thead th{border-left:1px solid #898989;}
table.canvas-tbl td{border-left:1px solid #ebebeb;}
table.canvas-tbl.even-glay tr:nth-child(even){background-color:#ebebeb;}
table.canvas-tbl.even-glay tr:nth-child(even) td{border-left:1px solid #d7d7d7;}
table.canvas-tbl thead th:first-child,
table.canvas-tbl td:first-child,
table.even-glay tr:nth-child(even) td:first-child{border:none;}

/* Responsive UpDate
*********************************************/
.smp-obj{
 display:none !important;
}


@media screen and (max-width: 800px) {
.pc-obj{
 display:none !important;
}
}

#login-box {
 margin-bottom: 20px;
}

#show-picture-dialog .show-picture-header{
 /*width: 60%;*/
}
#clear-date {
 background-image: url(../resource/jquery-ui-images/ui-icons_777777_256x240.png);
 background-position: -96px -128px;
 width: 16px;
 height: 16px;
 cursor: pointer;
 margin: 0px -6px;
 display: inline-block;
 position: relative;
 top: 4px;
}

/* カーソル情報一覧ダイアログ */
.cursor-attributes-list-label {
	width: 170px;
}
.cursor-attributes-list-color {
	width: 140px;
}
.cursor-attributes-list-line {
	width: 140px;
}