@charset "utf-8";
/*------------------------------------------------------------------------------
* 
* Update  : 2015.08.13
* version : 0.4
* 
* ------------------------------------------------------------------------------*/
#pages{ min-width:760px; margin-right:2px; padding-top:0px; }

#pages #page1{ background-color:#99cb66; padding:10px; border-radius:0px 2px 0px 0px; overflow:hidden; box-shadow:0px 0px 2px #dddddd; }
#pages #page2{ background-color:#99cb66; padding:10px; border-radius:0px 2px 0px 0px; overflow:hidden; box-shadow:0px 0px 2px #dddddd; }
#pages #page3{ background-color:#4fb9df; padding:10px; border-radius:0px 2px 0px 0px; overflow:hidden; box-shadow:0px 0px 2px #dddddd; }
#pages #page4{ background-color:#f2c252; padding:10px; border-radius:0px 2px 0px 0px; overflow:hidden; box-shadow:0px 0px 2px #dddddd; }
#pages #page5{ background-color:#e58ec9; padding:10px; border-radius:0px 2px 0px 0px; overflow:hidden; box-shadow:0px 0px 2px #dddddd; }


#pages #page1 .header{ padding:0px 0px; padding-top:10px; padding-bottom:10px; }
#pages #page1 .header p{ padding:0px; }
#pages #page1 .header p.header-left{ font-size:2.0em; color:#fff; font-weight:bold; background-color:#79b045; padding:5px 20px; display:block; border-radius:20px; float:left; }
#pages #page1 .header div.header-right{ color:#fff; float:right; padding-top:0px; }
#pages #page1 .header .header-right p{ font-size:1.2em; float:left; padding-right:10px; padding-top:9px; }

.page-block{ border-radius:3px; background-color:#fff; margin-bottom:20px; overflow:hidden;}
.page-block:last-child{ border-radius:3px; background-color:#fff; margin-bottom:0px; }

#pages #page1 .page-block{ margin-bottom:5px; }

.page-block.bnr{ text-align:center; }
#page3 .page-block.bnr{ background-color: #4fb9df; }
#page4 .page-block.bnr{ background-color: #f2c252; }


.page-block-header{ background-color:#f7f7f8; padding:10px 20px; border-bottom:solid 1px #dfe2e5; }
.page-block-header-left{ float:left; }
.page-block-header-left h2{ font-size:1.6em; color:#333d48; padding:7px 0px; }
.page-block-header-left h3{ font-size:1.6em; color:#333d48; padding:7px 0px; }
.page-block-header-right{ float:right; }
.page-block-header-right p.update-time{ font-size:1.2em; line-height:1em; color:#333d48; padding-top:0px; display:inline-block; padding-right:10px;}
.page-block-header-right p.sub-txt{ font-size:1.2em; line-height:1em; color:#333d48; padding-top:7px; display:inline-block; padding-right:5px;}
.page-block-header-right a.subbtn{ margin-left:3px; }
.page-block-contents{ padding:20px; }

.page-block-contents.align-left{ text-align:left; }
.page-block-contents.align-left .read_txt{ height:175px; overflow:auto; }

#modal-box .page-block.info-block{ text-align:left; border-bottom: none; border-top: 1px solid #dfe2e5; }
#modal-box .page-block.info-block .page-block-header{ padding:6px 10px; }
#modal-box .page-block.info-block .page-block-header p{ padding:0px; font-size:1.1em; line-height:1.1em; }
#modal-box .page-block.info-block .page-block-content .info-item{ border-bottom: 1px solid #dfe2e5; }
#modal-box .page-block.info-block .page-block-content p{ display:inline-table; padding:7px 10px; font-size:1.2em; line-height:1.1em; }
#modal-box .page-block.info-block .page-block-content p.label{ padding-left:16px; padding-right:0px; min-width:35px; }
#modal-box .page-block.info-block .page-block-content p.txt{ padding-left:5px; }

#pages .page-block-contents.block-cols{ padding:0px; }
#pages .page-block-contents.panel-box-cols{ padding:0px; }

#pages .page-block-contents h3{ font-size:1.6em; line-height:1.4em; padding-bottom:10px; }
#pages .page-block-contents p{ font-size:1.6em; line-height:1.4em; padding-bottom:1.6em; color:#333d48; }

#pages .page-block-contents a.helplink{ color:#333d48; text-decoration:underline; background-image:none; padding-left:0px; }
#pages .page-block-contents a.helplink:hover{ color:#333d48; text-decoration:none; }

ul.not-list li a{ font-size:1.6em; line-height:1.4em; }
ul.not-list li{ list-style:none; }

ul.not-list li a{ background-image:url(../img/icons/icon_linkArrow2.png); background-repeat:no-repeat; background-position:left center; padding-left:10px; }
/*#pages .page-block-contents p a{ background-image:url(../img/icons/ico_linkArrow2.png); background-repeat:no-repeat; background-position:left center; padding-left:10px; }*/

#pages #page1 .page-block-contents h3{ color:#79b045; } 
#pages #page2 .page-block-contents h3{ color:#79b045; } 
#pages #page3 .page-block-contents h3{ color:#319bca; } 
#pages #page4 .page-block-contents h3{ color:#e6a637; } 
#pages #page5 .page-block-contents h3{ color:#79b045; } 


#pages .page-block-contents .page-block-cols{ display:inline-block; margin-bottom:0px; width:100%; max-width:100%; }
#pages .page-block-contents .page-block-col{ display:inline-block; padding:0px 0px; padding-bottom:0px; border-right: 1px solid #dfe2e5; text-align:center; position:relative; vertical-align:top; }

#pages .page-block-contents .page-block-col.ch-layout-box{ display:inline-block; float:left; }
#pages .page-block-contents .page-block-col.ch-layout-box .page-block-contents{ border:none; }
#pages .page-block-contents .page-block-col.ch-layout-box.tate{ border-bottom: 1px solid #dfe2e5; border-right: none; }
#pages .page-block-contents .page-block-col.ch-layout-box.yoko{ border-bottom: none; border-right: 1px solid #dfe2e5; }

#pages .page-block-contents .page-block-col.noborder{ border:none; vertical-align:top; }



#pages .page-block-contents .page-block-col-inner{ padding:30px 20px; padding-bottom:55px; display:block; }

#pages #page3 .page-block-contents .page-block-col-inner{ padding:30px 20px; display:block; }
#pages #page4 .page-block-contents .page-block-col-inner{ padding:30px 20px; display:block; }
#pages .page-block-contents .page-block-col-inner .page-block-col-inner-block{ padding-bottom:30px; }
#pages .page-block-contents .page-block-col-inner .page-block-col-inner-block:last-child{ padding-bottom:0px; }

#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block .page-block-col-inner-header a.subbtn,
#pages #page4 .page-block-contents .page-block-col-inner .page-block-col-inner-block .page-block-col-inner-header a.subbtn{ float:right; }


#pages #page4 table.kouza tr .cel1{ width:17%; }
#pages #page4 table.kouza tr .cel2{ width:26%; }
#pages #page4 table.kouza tr .cel3{ width:22%; }
#pages #page4 table.kouza tr .cel4{ width:22%; }
#pages #page4 table.kouza tr .cel1{ vertical-align:middle; }
#pages #page4 table.kouza tr .cel2{ text-align:left; }
#pages #page4 table.kouza tr .cel2 input{ margin:0px; }
#pages #page4 table.kouza tr .cel3{ text-align:left; }
#pages #page4 table.kouza tr .cel4 input{ width:115px; margin-top:0px; }


#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr th{ }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td{ vertical-align:middle; text-align:left; }

#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr th:first-child,
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td:first-child{  }

#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table tr td{ text-align:left; }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table tr td:last-child{ text-align:right;  }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table tr td:first-child{ width:auto; }

#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table tr th{ text-align:left; }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table tr th:first-child{ width:auto; }

#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td:last-child input.text{ width:92px; }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr th:last-child,
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td:last-child{ }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td:last-child{ text-align:right; }

#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td:last-child input{ margin-top:0px; margin-bottom:0px; }


#pages #page3 .page-block-contents .page-block-col .page-block-contents{ padding-top:30px; padding-bottom:30px; text-align:left; }
#pages #page3 .page-block-contents .page-block-col .page-block-contents .iframe-block{ width:400px; margin:0px auto; text-align:center; }
#pages #page3 .page-block-contents .page-block-col .page-block-contents .iframe-block.pt20{ padding-top:20px; }
#pages #page3 .page-block-contents .page-block-col .page-block-contents .iframe-block img{ margin-bottom:10px; }
#pages #page3 .page-block-contents .page-block-col .page-block-contents .iframe-block p.small{ text-align:right; font-size:1.2em; }

#pages #page3 .page-block-contents .page-block-col.ch-layout-box.tate .page-block-contents .iframe-block.pt20{ padding-top:0px; }

#pages #page3 .page-block-contents .page-block-col .page-block-contents>p.small{ font-size:1.2em; max-width:505px; margin:0px auto; padding-bottom:0px; position:relative; padding-left:35px; }
#pages #page3 .page-block-contents .page-block-col .page-block-contents>p.small i{ position:absolute; left:0px; top:0px; }

#pages #page4 .page-block-contents .page-block-col-inner .page-block-col-inner-block table tr td{ text-align:left; }
#pages #page4 .page-block-contents .page-block-col-inner .page-block-col-inner-block table tr td:last-child{ text-align:right; }

.message-block{ border:solid 1px #4fb9df; background-color:#f8fcfe; padding:20px; }
.message-block .message-block-lf{ display:table-cell; vertical-align:top; }
.message-block .message-block-ri{ display:table-cell; vertical-align:middle; width:175px; }
.message-block .message-block-ri a{ display:block; margin-left:20px; }

#pages .page-block-contents .message-block .message-block-lf p{ padding-bottom:0px; text-align:left; }

#pages #page3 .message-block{ border:solid 1px #4fb9df; }
#pages #page4 .message-block{ border:solid 1px #f2c252; background-color:#fefdf8; }

/*
#pages .page-block-contents .page-block-col.main .page-block-col-inner{ padding:30px 20px; padding-bottom:55px; display:block; }
#pages .page-block-contents .page-block-col.sub .page-block-col-inner{ padding:0px 20px; padding-bottom:55px; display:block; }
*/
#pages .page-block-contents .page-block-col-inner .page-block-col-inner-header h3{ float:left; }
#pages .page-block-contents .page-block-col-inner .page-block-col-inner-header p.update-time{ float:right; padding-bottom:0px;  }

#pages .page-block-contents .page-block-col-inner.pb20{ padding-bottom:20px; text-align:left; }
#pages .page-block-contents .page-block-col-inner.btn-style:hover a.subbtn{ opacity:0.8; background-color:#f2f2f4; }

#pages .page-block-contents .page-block-col-inner.p30{ padding:10px 0px; }

#pages .page-block-contents .page-block-col h3{ text-align:left; padding-bottom:15px; }
#pages .page-block-contents .page-block-col .page-block-col-inner>a.subbtn{ display:inline-block; position:absolute; bottom:20px; left:50%; margin-left:-30px; font-weight:bold; }
#pages .page-block-contents .page-block-col:last-child{ border-right: none; }

#pages .page-block-contents .page-block-col.main{ display:table-cell; width:60%; }
#pages .page-block-contents .page-block-col.sub{ display:table-cell; width:40%; /*background-color:#09F;*/ }
#pages .page-block-contents .page-block-col.sub .page-block-col.w50{ display:table-cell; width:50%; overflow:hidden; }
#pages .page-block-contents .page-block-col.sub .page-block-col.w50 .page-block-col-inner h3{ padding-left:20px; }
#pages .page-block-contents .page-block-col.sub .page-block-col.w50 .page-block-col-inner{ padding-left:0px; padding-right:0px; }

#pages .page-block-contents .page-block-col.main2{ display:table-cell; width:60%; }
#pages .page-block-contents .page-block-col.sub2{ display:table-cell; width:40%; /*background-color:#09F;*/ }
#pages .page-block-contents .page-block-col.sub2 .page-block-col.w50{ display:table-cell; width:50%; overflow:hidden; }
#pages .page-block-contents .page-block-col.sub2 .page-block-col.w50 .page-block-col-inner h3{ padding-left:20px; }
#pages .page-block-contents .page-block-col.sub2 .page-block-col.w50 .page-block-col-inner{ padding-left:0px; padding-right:0px; }




#pages .page-block-contents .page-block-col.detail{ border:none; position:relative; overflow:hidden; padding-bottom:25px; }
#pages .page-block-contents .page-block-col.detail .page-detail-block{ position:absolute; left:0px; top:0px; }
#pages .page-block-contents .page-block-col.detail .page-detail-block .page-block{ border: 1px solid #dfe2e5; border-radius:3px; }

/* AP基盤修正 */
/* #pages .page-block-contents .page-block-col.detail a.prevbtn{ display:block; position:absolute; left:0px; top:100px; width:24px; height:96px; z-index:10; } */
#pages .page-block-contents .page-block-col.detail a.prevbtn{ display:block; position:absolute; left:0px; top:143px; width:24px; height:96px; z-index:10; }
#pages .page-block-contents .page-block-col.detail a.prevbtn:before{ content: " "; display: block; width: 24px; height: 96px; background-image: url(../img/prev.gif); background-repeat: no-repeat; }
/* AP基盤修正 */
/* #pages .page-block-contents .page-block-col.detail a.nextbtn{ display:block; position:absolute; right:0px; top:100px; width:24px; height:96px; z-index:10; } */
#pages .page-block-contents .page-block-col.detail a.nextbtn{ display:block; position:absolute; right:0px; top:143px; width:24px; height:96px; z-index:10; }
#pages .page-block-contents .page-block-col.detail a.nextbtn:before{ content:" "; display:block; width:24px; height:96px; background-image: url(../img/next.gif); background-repeat: no-repeat; }
#pages .page-block-contents .page-block-col.detail>a:hover{ opacity:0.8; }


#pages .page-block-contents .page-block-col.detail ul.footnavi{ display:block; width:90px; height:18px; text-align:center; background-color:#dfe2e5; border-radius:20px; position:absolute; bottom:0px; left:50%; margin-left:-45px; }
#pages .page-block-contents .page-block-col.detail ul.footnavi li{ display:inline-block; width:10px; height:10px; border-radius:20px; margin:4px 3px; }
#pages .page-block-contents .page-block-col.detail ul.footnavi li a{ display:inline-block; width:10px; height:10px; border-radius:20px; background-color:#fff; }
#pages .page-block-contents .page-block-col.detail ul.footnavi li.active a{ background-color:#99cb66; }

#pages .page-block-contents .page-block-col.detail ul.footnavi li a:hover{ opacity:0.8; }


#pages .page-block-contents .page-block-col.detail .page-detail-block .btns{ padding-top:10px; padding-bottom:10px; }
#pages .page-block-contents .page-block-col.detail .page-detail-block .btns .subbtn{ position:relative; bottom:auto; left:auto; margin-left:auto; background-color:#fff; width:auto; padding: 6px 9px 6px 12px; box-shadow:none; margin:0px 2px; }
#pages .page-block-contents .page-block-col.detail .page-detail-block .page-block .page-block-header{ padding:10px 15px; }
#pages .page-block-contents .page-block-col.detail .page-detail-block .page-block .page-block-header .page-block-header-left h3{ padding-bottom:0px; padding-top:0px; }


#pages .page-block-contents .page-block-q-inner{ display:table; width:100%; }
#pages .page-block-contents .page-block-q-inner .page-block-q-col-box>p{ position:relative; padding-left:50px; padding-right:25px; padding-bottom:0px; }
#pages .page-block-contents .page-block-q-inner .page-block-q-col-box>p span{ color:#79b045; display:inline-block; }
#pages .page-block-contents .page-block-q-inner .page-block-q-col-box>p span.l{ color:#79b045; display:inline-block; font-size:1.3em; padding-top:3px; }
#pages .page-block-contents .page-block-q-inner .page-block-q-col-box>p i{ position:absolute; left:0px; top:2px; display:block; }

#pages .page-block-contents .page-block-q-inner .page-block-q-col-box>p.l{ font-size:1.8em; }

#pages .page-block-contents .page-block-col.noborder:first-child{ padding-left:0px; }
#pages .page-block-contents .page-block-col.noborder:last-child{ padding-right:0px; }


.panel-block-contents{ padding:30px 15px; }
.panel-block-contents.pb10{ padding:30px 15px; padding-bottom:10px; }
.panel-block-contents .panel-block-cols{ vertical-align:top; }
.panel-block-contents .panel-block-cols.center{ text-align:center; }
.panel-block-contents .panel-block-cols.center2{ text-align:center; }

#pages .panel-block-contents .panel-block-cols.center2 .panel-box.bnr-panel{ border:none; }

#pages .panel-block-contents .panel-block-cols.center2 .panel-box.bnr-panel .panel-box-content{ text-align:center; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; }
#pages .panel-block-contents .panel-block-cols.center2 .panel-box.bnr-panel .panel-box-content p{ text-align:left; padding-bottom:20px; padding-top:0px; padding-left:0px; padding-right:10px; }
#pages .panel-block-contents .panel-block-cols.center2 .panel-box.bnr-panel .panel-box-content a{ display:inline-block; }

#pages .panel-block-contents .panel-block-cols.center2 .panel-box.bnr-panel .panel-box-content.pt25{ padding-top:25px; }

/*#pages #page4 #plan4 .panel-block-contents .panel-block-cols.center2 .panel-box.bnr-panel .panel-box-content a.mainbtn{ display:inline-block; margin-top:23px; }*/

#pages .panel-block-contents .panel-block-cols .panel-box{ border:solid 1px #e2e8ea; display:inline-block; margin-right:5px; margin-left:5px; width:31.3333%; vertical-align:top; }
#pages #plan1 .panel-block-contents .panel-block-cols .panel-box{ min-height:80px; }
#pages #plan3 .panel-block-contents .panel-block-cols .panel-box{ min-height:auto; }

#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-header{ border-bottom:solid 1px #dfe2e5; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-header a{ padding:15px; display:block; font-size: 1.6em; line-height: 1.4em; text-decoration:none; text-align:left; background-color:#f7f7f8; font-weight:bold; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-header .ico_ttl i{ float:left; margin-right:15px; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-header .ico_ttl{ padding:15px 0px 15px 15px; text-align:left; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-header p{ display:inline-block; padding-bottom:0px; letter-spacing:-0.07em; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-header p span{ display:inline-block; font-size:2.0em; line-height:1.0em; display:block; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-content{ padding:10px; text-align:left; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-content p{ color:#333d48; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-content a.mainbtn{ display:block; text-align:center; }

#pages .panel-block-contents .panel-block-cols .panel-box-img{ border:solid 1px #e2e8ea; margin:5px; background-color:#f7f7f8; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-header{ border-bottom: solid 1px #dfe2e5;}
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-header a{ padding:15px 20px; display:block; font-size: 1.6em; line-height: 1.4em; text-decoration:none; text-align:left; background-color:#f7f7f8; font-weight:bold;  background-image: url(../img/icons/icon_side_sub_navi_defo.png); background-repeat: no-repeat; background-position: right center; color: #79b045; }

#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-header a:hover{ background-color:#efeff5; }

#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-header .ico_ttl i{ float:left; margin-right:15px; margin-top:7px; }

#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-content{ padding:15px; text-align:left; padding-bottom:15px; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-content p{ color:#333d48; font-size: 1.6em; line-height: 1.6em; padding:5px; }
#pages .panel-block-contents .panel-block-cols .panel-box .panel-box-content a.mainbtn{ display:block; text-align:center; vertical-align:middle; }

#pages #page4 .panel-block-contents .panel-block-cols .panel-box .panel-box-content a.mainbtn{ display:block; text-align:center; vertical-align:middle; }

#pages #page4 .panel-block-contents .panel-block-cols .panel-box .panel-box-content.pt25 a.mainbtn{ display:inline-block; }

#pages #page4 .panel-block-contents .panel-block-cols .panel-box .panel-box-content a.mainbtn span{ display:table-cell; text-align:center; vertical-align:middle; height:30px; width:100%; }
/*- icon -*/
#pages .panel-block-contents .panel-block-cols .panel-box.icon-panel .panel-box-header .ico_ttl{ padding:25px 10px 25px 20px; text-align:left; }
#pages .panel-block-contents .panel-block-cols .panel-box.icon-panel .panel-box-header p{ display:inline-block; padding-bottom:0px; letter-spacing:-0.00em; font-size: 1.6em; font-weight:bold; line-height: 1.4em; }
#pages .panel-block-contents .panel-block-cols .panel-box.icon-panel .panel-box-header p span{ display:inline-block; font-size:1.6em; line-height:1.1em; display:block; }
#pages .panel-block-contents .panel-block-cols .panel-box.icon-panel{ background-color:#f7f7f8; margin-bottom:15px; }
#pages .panel-block-contents .panel-block-cols .panel-box.icon-panel .panel-box-content p{ background-color:#f7f7f8; padding-bottom:10px; }


#pages .panel-block-contents .panel-block-cols.center .panel-box.icon-panel .panel-box-header{ text-align:center; }
#pages .panel-block-contents .panel-block-cols.center .panel-box.icon-panel .panel-box-header .ico_ttl{ display:inline-block; }

#pages .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header{ text-align:center; }
#pages .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl{ display:inline-block; padding-left:0px; padding-right:0px; }
#pages .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl i{ margin:0px; margin-right:9px; }
#pages .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header p{ font-size:1.7em; line-height:1.2em; }

#pages #page1 .panel-block-contents .panel-block-cols .panel-box .panel-box-header p{ color:#79b045; }
#pages #page3 .panel-block-contents .panel-block-cols .panel-box .panel-box-header p{ color:#319bca; }

#pages #page1 .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl{ position:relative; padding:20px 0px 20px 0px; padding-left:40px; }
#pages #page1 .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl i{ position:absolute; left:0px; top:50%; margin:0px; margin-top:-16px; }
#pages #page1 .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl p{ display:table-cell; vertical-align:middle; }

#pages #page3 .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl{ position:relative; padding:20px 0px 20px 0px; padding-left:40px; }
#pages #page3 .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl i{ position:absolute; left:0px; top:50%; margin:0px; margin-top:-16px; }
#pages #page3 .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl p{ display:table-cell; font-size:2.3em; vertical-align:middle; }

#pages #page4 .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl{ position:relative; padding:20px 0px 20px 0px; padding-left:40px; }
#pages #page4 .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl i{ position:absolute; left:0px; top:50%; margin:0px; margin-top:-16px; }
#pages #page4 .panel-block-contents .panel-block-cols.center2 .panel-box.icon-panel .panel-box-header .ico_ttl p{ display:table-cell; font-size:2.3em; vertical-align:middle; color:#e6a637; }



/*- image -*/
#pages .panel-block-contents.pb20{ padding-bottom:20px; }
#pages .panel-block-contents .panel-block-cols.image-block p{ font-size: 1.6em; line-height: 1.4em; padding-bottom:20px; padding-left:5px; padding-right:5px; }
#pages .panel-block-contents .panel-block-cols.image-block .panel-box.image-panel{ margin-bottom:10px; }
#pages .panel-block-contents .panel-block-cols.image-block .panel-box.image-panel .panel-box-header{}
#pages .panel-block-contents .panel-block-cols.image-block .panel-box.image-panel .panel-box-header img{ width:100%; height:auto; }

#pages .panel-block-contents .panel-block-cols.image-block .panel-box.image-panel .panel-box-content{ padding: 0px; background-image: url(../img/icons/icon_side_sub_navi_defo.png); background-repeat: no-repeat; background-position: right center; }
#pages .panel-block-contents .panel-block-cols.image-block .panel-box.image-panel .panel-box-content p{ font-size: 1.6em; line-height: 1.4em; padding:10px 20px; display:block; color:#79b045; } 
#pages .panel-block-contents .panel-block-cols.image-block .panel-box.image-panel a:hover{ text-decoration:none; opacity:0.8; }


.btn-style{ cursor:pointer; }


#pages .page-block-contents .page-block-q-inner{ text-align:center; }
#pages .page-block-contents .page-block-q-inner.center{ text-align:center; max-width:500px; margin:0px auto; }

#pages .page-block-contents .page-block-q-inner .panel-box{ border: 1px solid #e2e8ea;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 160px;
    vertical-align: top;
    width: 47%; }
#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel {
    background-color: #f7f7f8;
    margin-bottom: 15px;
}
#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-header {
    border-bottom: 1px solid #dfe2e5;
	text-align:center;
}
#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-header .ico_ttl {
    padding: 25px 0px 25px 0px;
    text-align: left;
	display:inline-block;
}

#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-header p {
    color: #79b045;
}
#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-header p{ display:inline-block; padding-bottom:0px; letter-spacing:-0.00em; font-size: 1.6em; font-weight:bold; line-height: 1.4em; }
#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-header p span.l{ display:inline-block; font-size:1.75em; line-height:1.0em; display:block; }
#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-header p span.s{ font-size:0.6em; line-height:1em; }
#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel{ background-color:#f7f7f8; margin-bottom:15px; }
#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-content p{ background-color:#f7f7f8; padding-bottom:10px; }

#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-content{ padding:15px; text-align:left; padding-bottom:15px; }
#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-content p{ color:#333d48; font-size: 1.6em; line-height: 1.6em; padding:5px; padding-bottom:10px; }
#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-content a.mainbtn{ display:block; text-align:center; }

#pages .page-block-contents .page-block-q-inner .panel-box.icon-panel .panel-box-header i {
    float: left;
    margin-right: 15px;
    margin-top: 7px;
}


#pages .page-block-contents .page-block-q-inner .page-block-q-col{ display:table-cell; width:50%; vertical-align:top; max-width:240px; }
#pages .page-block-contents .page-block-q-inner .page-block-q-col .page-block-q-col-box{ display:table-cell; padding-bottom:20px; text-align:left; }
#pages .page-block-contents .page-block-q-inner .page-block-q-col .page-block-q-col-box a{ display:inline-block; font-size:1.6em; line-height:1.4em; position:relative; padding-left:50px; margin-left:10px; margin-right:10px; padding-top:10px; }
#pages .page-block-contents .page-block-q-col a.mainbtn{ line-height:1em; }

table{ border-top:solid 1px #dfe2e5; width:100%; margin-bottom:20px; }

table tr th{ border-bottom:solid 1px #dfe2e5; font-size:1.2em;  background-color:#f4f4f5; font-weight:normal; line-height:1em; text-align:left; }
table tr th span{ border-right:solid 1px #dfe2e5; display:block; padding:5px 0px 5px 10px; margin-top:1px; margin-bottom:1px;  }
table tr td{ border-bottom:solid 1px #dfe2e5; text-align:right; font-size:1.6em; padding:7px 10px; }
table tr td span{ font-size:0.85em;  }
table tr td:first-child{ text-align:left; padding-right:0px; }
table tr th:first-child{ text-align:left; padding-right:0px; }
table tr th:last-child span{ border:none; }
table tr td:last-child,
table tr th:last-child{ padding-left:0px; }

table.product{ font-size:1.0em; border:none; }
table.product tr.select,
table.product tr:hover{ background-color:#f5fcef; }

table.product th{ font-size:1.0em; font-size:10px; background-color:#f4f4f5; }
table.product td{ font-size:1.2em; text-align:left; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; }
table.product tbody tr td{ white-space:nowrap; font-size:1.2em; }

table.product .graph-tr{ display:none; }
table.product .graph-tr .graph{ height:170px; display:none; }

table.product thead tr{border-top:solid 1px #dfe2e5;  }
table.product tr td:first-child{ text-align:left; padding-right:15px; }
table.product tr th:first-child{ text-align:left; padding-right:0px; }
table.product tr td:last-child{ padding-left:10px; padding-right:10px; text-align:center; }
table.product tr th:last-child{ padding-left:0px; padding-right:8px; text-align:center; }

.table-block table.product thead,
.table-block table.product tbody{ display: block; float:left; width:890px; }
.table-block table.product tbody{ height:280px; overflow:auto; }

table.product tr td,
table.product tr th{ table-layout:fixed; }

table.product tr td{ vertical-align:middle; }

table.product tr .name{ width:220px; word-wrap: break-word; word-break:break-all; white-space:normal; line-height:1.1em; }
table.product tr .type{ width:85px; }
table.product tr .chart{ width:30px; text-align:center; }
table.product tr .chart i{ margin:0px; }
table.product tr td,table.product tr th{ min-width:30px; }


table.product tr td.name{ position:relative; padding-left:23px; }
table.product tr td.name i{ position:absolute; left:8px; top:50%; margin-top:-6px; }

table.kouza{ float:left; width:100%; display:block; border-bottom:solid 1px #dfe2e5; }
table.kouza thead{ display: table; float:left; width:100%; }
table.kouza thead tr{ display: table; float:left; width:100%; }
table.kouza tbody tr{ display: table; float:left; width:100%; }
table.kouza tbody tr th{ line-height:1em; }

#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr{ display:table; width:100%; }

#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr th:first-child{ /*min-width:170px;*/ }

#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td{ padding-left:5px; padding-right:5px; }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td:first-child{ width:auto; padding-right:2px; }


#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr th:last-child{ width:auto; }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td:last-child{ width:140px; padding-right:5px; }

#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td.cl1{ width:40%; }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td.cl2{ width:150px; }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td.cl3{ width:200px; }
#pages #page3 .page-block-contents .page-block-col-inner .page-block-col-inner-block table.kouza tr td.cl4{ }

table.kouza tbody{ display: block; float:left; width:100%; }
table.kouza tbody{ height:117px; overflow:auto; }

#pages #page4 table.kouza tbody{ height:61px; }

table.kouza tbody tr{ width:100%; display:table; }
table.kouza tr td,
table.kouza tr th{ table-layout:fixed; }

table.kouza tbody tr td .select-block{ width:120px; display:inline-block; float:left; }
table.kouza tbody tr td .select-block select{ background-color: transparent; background-image: url(../img/icons/icon_select_arrow.png); background-position: 104px center; }
	
table.kouza tbody tr td:first-child input.text{ width:133px; display:inline-block; }
table.kouza tbody tr td{ white-space:nowrap; padding-top:2px; padding-bottom:2px; }
table.kouza tbody tr td:first-child{ white-space:normal; }
table.kouza tbody tr td:first-child input{ margin-top:2px; margin-right:0px; }

table tr.active .graph-cell .graph{  }
#modal-box .modal-content table tr.active:hover{ background-color:#fff; }
#modal-box .modal-content table tr.active .graph-cell .graph p{ font-size:1.1em; color:#333d48; font-weight:bold; float:left; padding-top:0px; }
#modal-box .modal-content table tr.active .graph-cell .graph .graph-box{ width:765px; height:auto; float:right; margin-right:20px; padding-top:10px; padding-bottom:10px; height:170px; }

#pages .page-block-contents .page-block-col.main table{ /*border-top:solid 1px #c3c8ce;*/ width:100%; max-width:600px; margin:10px auto; }
#pages .page-block-contents .page-block-col .graph{ /*overflow:hidden;*/ }
#pages .page-block-contents .page-block-col .graph img{ width:auto; height:auto; }

#pages .page-block-contents .page-block-col .g-list ul{ text-align:left; padding-top:20px; }
#pages .page-block-contents .page-block-col .g-list ul li{ list-style:none; margin:0px; font-size:1.2em; padding-bottom:7px; }


#pages .page-block-contents .btns{ padding-top:0px; padding-bottom:0px; text-align:center; }
#pages .page-block-contents .btns .mainbtn{ display:inline-block; margin:0px 5px; }

.morebtn-block{ padding-top:0px; padding-bottom:6px; position:relative; }

a.morebtn{ background-color:#6e9642; background-color:rgba(0, 0, 0, 0.15); border-radius:3px; display:block; color:#fff; padding:5px 5px; padding-left:20px; padding-right:10px; text-decoration:none; width:60px; height:11px; overflow:hidden; margin:0px auto; text-align:left; font-size:1.1em; font-size:11px; position:relative; width:63px; text-align:right; }
a.morebtn i{ display:inline-block; position:absolute; top:4px; left:8px; }

/*------------------------------------------------------------------------------
* unyou
------------------------------------------------------------------------------*/
#unyou{ display:table; width:100%; width:325px; margin:0px auto; margin-bottom:15px; }
#unyou>div{ display:block; vertical-align:top; }
#unyou>div.now{ display:table-cell; width:auto; height:130px; text-align:center; }
#unyou>div.plan{ display:table-cell; width:auto; height:130px; text-align:center; }
#unyou>div.result{ display:table-cell; width:25px; height:130px; vertical-align:top; text-align:center; }

#unyou>div.result i{ width:27px; height:54px;display:inline-block; margin-top:40px; }

#unyou>div.now .cercle{ float:none; margin:0px auto; }
#unyou>div.plan .cercle{ float:none; margin:0px auto; }
#unyou>div.eq .cercle{ float:none; margin:0px auto; }

#pages .page-block-contents #unyou>div p{ padding-bottom:0px; display:block; vertical-align:top; text-align:center; }
#unyou>div p.txt{ font-size:1.85em; line-height:1.0em; text-align:center; }
#unyou>div p.txt span{ font-size:0.8em; }
#unyou>div p.price{ font-size:1.3em; line-height:1.1em; padding-top:0px; color:#fff; }
#unyou>div p.price span.number{ font-size:2.2em; font-size:24px; display:inline-block; line-height:1.1em; }

/* now > plan  */
#unyou.now{}
#unyou.now>div.now .cercle{ background-image: url(../img/unyo/l-cercle.png); background-repeat: no-repeat; background-position: center center; width:130px; height:130px; display:block; vertical-align:middle; }
#pages .page-block-contents #unyou.now>div.now p.price{ display:table-cell; width:130px; height:130px; vertical-align:middle; }
#unyou.now>div.plan .cercle{ background-image: url(../img/unyo/s-cercle.png); background-repeat: no-repeat; background-position: center center; width:100px; height:130px; display:block; vertical-align:middle; }
#pages .page-block-contents #unyou.now>div.plan p.price{ display:table-cell; width:100px; height:130px; vertical-align:middle; }
#unyou.now>div.result i{ background-image: url(../img/unyo/ico_result.png); background-repeat: no-repeat; background-position: 0px center; }

/* now < plan  */
#unyou.plan{}
#unyou.plan>div.now .cercle{ background-image: url(../img/unyo/s-cercle.png); background-repeat: no-repeat; background-position: center center; width:100px; height:130px; display:block; vertical-align:middle; }
#pages .page-block-contents #unyou.plan>div.now p.price{ display:table-cell; width:100px; height:130px; vertical-align:middle; }
#unyou.plan>div.plan .cercle{ background-image: url(../img/unyo/l-cercle.png); background-repeat: no-repeat; background-position: center center; width:130px; height:130px; display:block; vertical-align:middle; }
#pages .page-block-contents #unyou.plan>div.plan p.price{ display:table-cell; width:130px; height:130px; vertical-align:middle; }
#unyou.plan>div.result i{ background-image: url(../img/unyo/ico_result.png); background-repeat: no-repeat; background-position: right center; }

/* now = plan  */
#unyou.eq{}
#unyou.eq>div.now .cercle{ background-image: url(../img/unyo/s-cercle2.png); background-repeat: no-repeat; background-position: center center; width:100px; height:130px; display:block; vertical-align:middle; }
#pages .page-block-contents #unyou.eq>div.now p.price{ display:table-cell; width:100px; height:130px; vertical-align:middle; }
#unyou.eq>div.plan .cercle{ background-image: url(../img/unyo/s-cercle2.png); background-repeat: no-repeat; background-position: center center; width:100px; height:130px; display:block; vertical-align:middle; }
#pages .page-block-contents #unyou.eq>div.plan p.price{ display:table-cell; width:100px; height:130px; vertical-align:middle; }
#unyou.eq>div.result i{ background-image: url(../img/unyo/ico_result.png); background-repeat: no-repeat; background-position: -27px center; }

/*------------------------------------------------------------------------------
* home tooltip
------------------------------------------------------------------------------*/
#home-fill{ position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9996; background-color:#333d48; background-color:rgba(51,61,72,0.36); display:none; }
#home-tip{ position:fixed; top:34px; left:15px; width:990px; border-radius:2px 2px 2px 2px; z-index:9999; height:48px; overflow:hidden; overflow:hidden; padding-top:8px; display:none; }
#home-tip .inner{ box-shadow:0px 0px 2px #ccc,-1px -1px 2px #ccc,1px -1px 2px #ccc,-1px 1px 2px #ccc; background-color:#fff; height:60px; width:940px; padding:0px 20px; margin:0px auto; border-radius:2px 2px 2px 2px; position:relative; }
#home-tip .inner:before{ content: " "; display: block; width: 12px; height: 11px; background-image: url(../img/icons/home-arrow.png); background-repeat: no-repeat; background-position: center center; position:absolute; left:193px; top:-9px; }
#home-tip .inner a.closebtn{ display: block; width: 20px; height: 20px; float: right; background-image: url(../img/closebtn.png); background-repeat: no-repeat; background-position: center 0px; margin-top:20px; }
#home-tip .inner a.closebtn:hover{ background-position: center -20px; }

#home-content{ position:fixed; top:50px; left:0px; width:100%; z-index:9998;  display:none; overflow:auto; /*background-color: #f6f7f9;*/ }
#home-content-block{ width:940px; box-shadow:0px 0px 2px #ccc,-1px -1px 2px #ccc,1px -1px 2px #ccc,-1px 1px 2px #ccc;/**/ background-color:#fff; border-radius:2px 2px 2px 2px; padding:17px 20px; margin-left:20px; margin-bottom:10px; }
#home-content-block .inner{ background-color:#fff; padding-top:25px; }

/* AP基盤修正 */
/* #home-content-block .inner p.read{ font-size:40px; line-height:1.3em; text-align:center; color:#0099b3; padding-bottom:10px; } */
#home-content-block .inner p.read{ font-size:40px; line-height:1.3em; text-align:left; color:#0099b3; padding-bottom:10px; }
#home-content-block .inner p.txt{ font-size:18px; line-height:1.3em; text-align:center; color:#798796; padding-bottom:50px; }
#home-content-block .inner p.txt span{ font-size:30px; line-height:1.3em; text-align:center; color:#0099b3; }

#home-content-block .inner ul#navi{ text-align:center; padding-bottom:50px; }
#home-content-block .inner ul#navi>li>a>i{ display:block; margin:0px auto; margin-bottom:7px; }
#home-content-block .inner ul#navi>li{ display:inline-block; width:155px; height:155px; font-size:1.6em; text-align:center; margin:0px 15px; position:relative; }
#home-content-block .inner ul#navi>li>a{ display:table-cell; vertical-align:middle; text-align:center; width:155px; height:155px; color:#fff; line-height:1.2em; }
#home-content-block .inner ul#navi>li>a:hover{ text-decoration:none; }
#home-content-block .inner ul#navi>li>a>span{ font-size:0.85em; display:block; }

#home-content-block .inner ul#navi li#home-ico0>a{ background-image: url(../img/navi_l0.png); background-position:center 0px; background-repeat:no-repeat; }
#home-content-block .inner ul#navi li#home-ico1>a{ background-image: url(../img/navi_l1.png); background-position:center 0px; background-repeat:no-repeat; }
#home-content-block .inner ul#navi li#home-ico2>a{ background-image: url(../img/navi_l2.png); background-position:center 0px; background-repeat:no-repeat; }
#home-content-block .inner ul#navi li#home-ico3>a{ background-image: url(../img/navi_l3.png); background-position:center 0px; background-repeat:no-repeat; }
#home-content-block .inner ul#navi li#home-ico4>a{ background-image: url(../img/navi_l4.png); background-position:center 0px; background-repeat:no-repeat; }

#home-content-block .inner ul#navi li#home-ico0:hover>a{ background-image: url(../img/navi_l0.png); background-position:center -156px; background-repeat:no-repeat; }
#home-content-block .inner ul#navi li#home-ico1:hover>a{ background-image: url(../img/navi_l1.png); background-position:center -156px; background-repeat:no-repeat; }
#home-content-block .inner ul#navi li#home-ico2:hover>a{ background-image: url(../img/navi_l2.png); background-position:center -156px; background-repeat:no-repeat; }
#home-content-block .inner ul#navi li#home-ico3:hover>a{ background-image: url(../img/navi_l3.png); background-position:center -156px; background-repeat:no-repeat; }
#home-content-block .inner ul#navi li#home-ico4:hover>a{ background-image: url(../img/navi_l4.png); background-position:center -156px; background-repeat:no-repeat; }

#home-content-block .inner ul#navi li#home-ico0:hover div.tooltips{ display:block; cursor:pointer; }
#home-content-block .inner ul#navi li#home-ico0 div.tooltips{ padding-top:155px; display:none; width:235px; left:50%; margin-left:-120px; }
#home-content-block .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner{ background-color:#89bc53; box-shadow: -1px -1px 1px #ccc, 1px 1px 1px #ccc, 1px -1px 1px #ccc, -1px 1px 1px #ccc; }
#home-content-block .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner p{ text-align:left; color:#fff; font-size:0.85em; padding-bottom:5px; }
#home-content-block .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner p span{  display:block; }
#home-content-block .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner a.mainbtn{ display:block; font-size:0.85em; box-shadow: 1px 1px 2px rgba(0,0,0,0.1),-1px -1px 2px rgba(0,0,0,0.1),-1px 1px 2px rgba(0,0,0,0.1),1px -1px 2px rgba(0,0,0,0.1); }
#home-content-block .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner:before { background-image: url(../img/kakutei_tooltip-arrow.png); background-position: center center;  background-repeat: no-repeat; content: " "; display: block; height: 20px; left: 50%; margin-left:-10px; position: absolute; top: -15px; width: 20px; }

#home-content-block .inner .block{ border-radius:2px; border:solid 1px #e2e8ea; margin-bottom:20px; }
#home-content-block .inner .block:last-child{ margin-bottom:0px;  }
#home-content-block .inner .block .block-title{ background-color:#f7f7f8; border-bottom:solid 1px #e2e8ea; padding:18px 20px; }
#home-content-block .inner .block .block-title p{ font-size:1.6em; color:#333d48; font-weight:bold; }
#home-content-block .inner .block .block-cont{ padding:18px 20px; }
#home-content-block .inner .block .block-cont.p0{ padding:0px; }
#home-content-block .inner .block .block-cont ul{ padding:18px 20px; border-bottom:solid 1px #e2e8ea; }
#home-content-block .inner .block .block-cont ul li{ list-style:none; font-size:1.6em; line-height:1.4em; }
#home-content-block .inner .block .block-cont ul:last-child{ border:none; }
#home-content-block .inner .block .block-cont ul.arrow-link{ padding: 0px; }
#home-content-block .inner .block .block-cont ul.arrow-link li a{ background-image: url(../img/icons/icon_linkArrow2.png); background-repeat: no-repeat; background-position: left center; padding-left:10px; }

#home-content-block .inner .block .block-cont ul li span.label{ font-size:0.6em; font-size:11px; color:#fff; line-height:0.85em; width:80px; text-align:center; }
#home-content-block .inner .block .block-cont ul li span.label.kakutei{ font-size:0.75em; font-size:11px;  border-radius:3px; color:#fff; background-color:#89bc53; padding:3px 5px; display:inline-block; margin-right:10px; }
#home-content-block .inner .block .block-cont ul li span.label.other{ font-size:0.75em; font-size:11px; border-radius:3px; color:#fff; background-color:#89bc53; padding:3px 5px; display:inline-block; margin-right:10px; }
#home-content-block .inner .block .block-cont ul li span.label.stock{ font-size:0.75em; font-size:11px; border-radius:3px; color:#fff; background-color:#3da9d3; padding:3px 5px; display:inline-block; margin-right:10px; }
#home-content-block .inner .block .block-cont ul li span.label.loan{ font-size:0.75em; font-size:11px; border-radius:3px; color:#fff; background-color:#ebb343; padding:3px 5px; display:inline-block; margin-right:10px; }
#home-content-block .inner .block .block-cont ul li span.label.save{ font-size:0.75em; font-size:10px; border-radius:3px; color:#fff; background-color:#d17ab7; padding:3px 5px; display:inline-block; margin-right:10px; }
#home-content-block .inner .block .block-cont.pb10{ padding-bottom:10px; }
#home-content-block .inner .block .block-cont ul.osusume-link{ padding: 0px; margin-right:-20px; }


#home-content-block .inner .block .block-cont ul.osusume-link li a{ box-shadow: 1px 1px 2px #ccc,-1px -1px 2px #ccc,1px -1px 2px #ccc,-1px 1px 2px #ccc; box-shadow: 1px 1px 2px rgba(200,200,200,0.5),-1px -1px 2px rgba(200,200,200,0.5),1px -1px 2px rgba(200,200,200,0.5),-1px 1px 2px rgba(200,200,200,0.5); padding: 10px; display: inline-block; color: #333d48; background-image: url(../img/icons/icon_side_sub_navi_defo.png); background-position: right center; background-repeat: no-repeat; border-radius:2px; border:solid 1px #ccc; font-weight:bold; display:block; }
#home-content-block .inner .block .block-cont ul.osusume-link li a:hover{ text-decoration:none; /*opacity:0.8;*/ }
#home-content-block .inner .block .block-cont ul.osusume-link li a span{ float:left; margin-top:3px; }
#home-content-block .inner .block .block-cont ul.osusume-link li{ margin-bottom:10px; display:inline-block; margin-right:10px; }

#home-content-block .inner .block .block-cont ul.osusume-link li a.kakuteibtn{ border:solid 1px #99cb66; }
#home-content-block .inner .block .block-cont ul.osusume-link li a.stockbtn{ border:solid 1px #4fb9df; }
#home-content-block .inner .block .block-cont ul.osusume-link li a.loanbtn{ border:solid 1px #f2c252; }
#home-content-block .inner .block .block-cont ul.osusume-link li a.savebtn{ border:solid 1px #e58ec9; }

#home-content-block .inner .block .block-cont ul.osusume-link li a.kakuteibtn:hover{ background-color:#f9fcf6; }
#home-content-block .inner .block .block-cont ul.osusume-link li a.stockbtn:hover{ background-color:#f5fbfd; }
#home-content-block .inner .block .block-cont ul.osusume-link li a.loanbtn:hover{ background-color:#fefbf5; }
#home-content-block .inner .block .block-cont ul.osusume-link li a.savebtn:hover{ background-color:#fdf8fc; }


/*------------------------------------------------------------------------------
* tooltips
------------------------------------------------------------------------------*/
.tooltips{ position:absolute; top:0px; left:0px; z-index:1000; padding-top:25px; }
.tooltips-inner{ box-shadow:-1px -1px 2px #ccc,1px 1px 2px #ccc,1px -1px 2px #ccc,-1px 1px 2px #ccc; background-color:#fff; border-radius:2px; width:200px; padding:17px 20px; position:relative; }
.tooltips-inner:before{ content: " "; display: block; position: absolute; width: 20px; height: 20px; background-image: url(../img/tooltip-arrow1.png); background-repeat: no-repeat; background-position: center center; top:-11px; left:25px; }
.tooltips-inner p{ color:#333d48; font-size:1.0em; line-height:1.4em; }


/*------------------------------------------------------------------------------
* btn
------------------------------------------------------------------------------*/
a.subbtn { border: solid 1px #bcc3ca; border-radius: 2px; background-color: #fff; font-size: 1.4em; line-height:1em; padding: 5px 9px 5px 12px; text-decoration: none; text-decoration: none; color:#333d48; display:inline-block; min-height:11px; }
a.subbtn:hover{ background-color:#f2f2f4; text-decoration: none; }
a.subbtn.active{ background-color:#929fac; color:#fff; }
a.subbtn.active i:before{ background-image: url(../img/icons/icon_mainbtn_arrow.png); }

input.subbtn { border: solid 1px #bcc3ca; border-radius: 2px; background-color: #fff; font-size: 1.4em; line-height:1em; padding: 6px 9px 6px 12px; text-decoration: none; text-decoration: none; color:#333d48; display:inline-block; }
input.subbtn:hover{ opacity:0.8; text-decoration: none; }

a.mainbtn { border-radius: 2px; background-color: #0099b3; font-size: 1.6em; line-height:1em; font-weight:bold; padding: 8px 10px 8px 10px; text-decoration: none; text-decoration: none; color:#fff; display:inline-block; box-shadow:2px 2px 2px #eaeaea; }
a.mainbtn:hover{ background-color:#008ca6; text-decoration: none; }
a.mainbtn.middle{ width:165px; text-align:center; }


input.mainbtn { border-radius: 2px; background-color: #0099b3; font-size: 1.6em; line-height:1em; font-weight:bold; padding: 8px 10px 8px 10px; text-decoration: none; text-decoration: none; color:#fff; display:inline-block; box-shadow:2px 2px 2px #eaeaea; padding:8px 10px; border:none; cursor:pointer; }
input.mainbtn:hover{ background-color:#008ca6; text-decoration: none; }

input.text{ border-radius: 2px; border:solid 1px #66c2d1; padding:4px 8px; display:inline-block; margin-right:5px; margin-top:5px; margin-bottom:0px; line-height:1em; font-size:0.9em; width:145px; }
/* AP基盤追加 */
textarea{ border-radius: 2px; border:solid 1px #66c2d1; padding:4px 8px; display:inline-block; margin-right:5px; margin-top:5px; margin-bottom:0px; line-height:1em; font-size:0.9em; width:145px; }

a.maingrybtn {
    border-radius: 2px;
    box-shadow: 2px 2px 2px #eaeaea;
    color: #fff;
    display: inline-block;
    font-size: 1.6em;
	font-weight:bold;
    line-height: 1em;
    padding:7px 8px;
    text-decoration: none; background-color:#e9eaec; border:solid 1px #bcc3ca; color:#798796; }
a.maingrybtn:hover{ background-color:#e1e3e6; text-decoration: none; }
a.maingrybtn.middle{ width:165px; text-align:center; }


/*------------------------------------------------------------------------------
* modal window
------------------------------------------------------------------------------*/
#modal-fill { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; display: block; background-color: #e6ebec; background-color: rgba(235, 239, 241, 0.8); }
/* AP基盤修正 */
/* #modal-box { background-color: #fff; border-radius: 3px; box-shadow: 1px 1px 2px #ccc, -1px -1px 2px #ccc, -1px 1px 2px #ccc, 1px -1px 2px #ccc; height: 400px; left: 50%; margin-left: -380px; margin-top: -200px; position: fixed; top: 50%; width: 760px; z-index: 9999; } */
#modal-box { background-color: #fff }
#modal-box-logon { background-color: #fff; border-radius: 3px; box-shadow: 1px 1px 2px #ccc, -1px -1px 2px #ccc, -1px 1px 2px #ccc, 1px -1px 2px #ccc; height: 400px; left: 50%; margin-left: -380px; margin-top: -200px; position: fixed; top: 50%; width: 760px; z-index: 9999; }
#modal-box-system { background-color: #fff; border-radius: 3px; box-shadow: 1px 1px 2px #ccc, -1px -1px 2px #ccc, -1px 1px 2px #ccc, 1px -1px 2px #ccc; height: 610px; left: 50%; margin-left: -475px; margin-top: -305px; position: fixed; top: 50%; width: 950px; z-index: 9999; }
#modal-box.size-M{ height: 400px; left: 50%; margin-left: -380px; margin-top: -200px; position: fixed; top: 50%; width: 760px; }
#modal-box.size-L{ height: 610px; left: 50%; margin-left: -475px; margin-top: -305px; position: fixed; top: 50%; width: 950px; }

#modal-box .modal-header { display: block; padding: 15px; position:absolute; top:0px; left:0px; width:730px; }
#modal-box .modal-header-txt { padding-right:35px; }
#modal-box .modal-header-txt .subbtn{ float:right; margin-left:5px; }
#modal-box .modal-header-txt p{ font-size: 1.6em; font-weight: bold; float:left; padding-top:6px; }

#modal-box .modal-header-txt:before{ clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden; }

#modal-box .modal-header a.closebtn { display: block; width: 20px; height: 20px; position:absolute; top:18px; right:17px; overflow:hidden; }

#modal-box .modal-header a.closebtn:before{ content:""; display: block; width: 20px; height: 20px; background-image: url(../img/closebtn.png); background-repeat: no-repeat; background-position:0px 0px; }

#modal-box .modal-header a.closebtn:hover:before { background-position:0px -20px; }

/* AP基盤削除 */
/* #modal-box .modal-content { display: table-cell; text-align: center; vertical-align: middle; width: 600px; height: 320px; padding: 40px 80px 40px 80px; } */
#modal-box .modal-content p { font-size: 1.6em; line-height: 1.6em; }
#modal-box .modal-content p.small { font-size: 1.2em; line-height: 1.4em; text-align: left; }

#modal-box .modal-content .btns{ padding:25px 0px 50px 0px; }
#modal-box .modal-content .btns>a{ margin:0px 3px; }
.btns .mainbtn,
.btns .maingrybtn{ width:165px; text-align:center; }
.btns .subbtn{ background-color: #0099b3;
    border-radius: 2px;
    box-shadow: 2px 2px 2px #eaeaea;
    color: #fff;
    display: inline-block;
    font-size: 1.6em;
    line-height: 1em;
    padding: 9px;
    text-decoration: none; background-color:#e9eaec; border:solid 1px #bcc3ca; color:#798796; width:165px; text-align:center; }

#modal-box.size-L .modal-header { display: block; padding: 10px; position:absolute; top:0px; left:0px; width:930px; background-color:#f7f7f8; border-bottom:1px solid #dfe2e5; }
#modal-box.size-L .modal-header-txt p{ margin:10px; padding:0px; }
#modal-box.size-L .modal-header-txt .subbtn{ margin-top:5px; }

#modal-box.size-L .modal-content { display: table-cell; text-align: center; vertical-align: middle; width: 900px; height: 500px; padding: 80px 30px 30px 30px; }

#modal-box.size-L .modal-content .table-block{ padding-bottom:15px; }

#modal-box.size-L .modal-content .prod-header{ padding-bottom:10px; }
#modal-box.size-L .modal-content .prod-header .prod-header-left{ float:left; }
#modal-box.size-L .modal-content .prod-header .prod-header-left form{ float:left; padding-right:30px; }
#modal-box.size-L .modal-content .prod-header .prod-header-left form input.subbtn{ line-height:1.0em; padding-top:0px; padding-bottom:0px; vertical-align:middle; float:left; height:25px; display:block; }



#modal-box.size-L .modal-content .prod-header .prod-header-right{ float:right; }
#modal-box.size-L .modal-content .prod-header .prod-header-right p{ font-size:1.2em; line-height:1em; padding-top:12px; }

#modal-box.size-L .modal-content .prod-content .sub-block{ padding-top:5px; }
#modal-box.size-L .modal-content .prod-content .sub-block-left{ float:left; }
#modal-box.size-L .modal-content .prod-content .sub-block-left p{ font-size:1.1em;  }
#modal-box.size-L .modal-content .prod-content .sub-block-right{ float:right; }
#modal-box.size-L .modal-content .prod-content .sub-block-right p{ font-size:1.1em; }

/*------------------------------------------------------------------------------
* 1 Top login Page
------------------------------------------------------------------------------*/
#toplogin-page #header{ position:relative; background-color:#e3e3e3; }
#toplogin-page #header header>.inner{ background-color:#e3e3e3; height:440px; width:940px; margin:0px auto; }

#toplogin-page #header header>.inner div.left-block{ width:460px; float:left; padding-top:140px; }

#toplogin-page #header header>.inner div.left-block h1{ width:312px; height:76px; overflow:hidden; margin-bottom:33px; margin-left:45px; }
#toplogin-page #header header>.inner div.left-block h1:before{ content:""; display:block; width:312px; height:76px; background-image: url(../img/login_logo.png); background-position:center center; background-repeat:no-repeat; }

#toplogin-page #header header>.inner div.left-block p{ color:#015f6f; text-shadow:1px 1px 2px #fff, -1px -1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff; font-size:1.6em; line-height:1.6em; margin-left:52px; }
#toplogin-page #header header>.inner div.right-block{ width:460px; float:right; padding-top:35px; }


#toplogin-content .inner{ background-color:#f5f7f8; padding-top:25px; }
#toplogin-content .inner p.read{ font-size:3.0em; line-height:1.3em; text-align:center; color:#798796; padding-bottom:10px; }
#toplogin-content .inner ul#navi{ text-align:center; padding-bottom:50px; }
#toplogin-content .inner ul#navi>li>a>i{ display:block; margin:0px auto; margin-bottom:7px; }
#toplogin-content .inner ul#navi>li{ display:inline-block; width:155px; height:155px; font-size:1.6em; text-align:center; margin:0px 20px; position:relative; }
#toplogin-content .inner ul#navi>li>a{ display:table-cell; vertical-align:middle; text-align:center; width:155px; height:155px; color:#fff; line-height:1.2em; }
#toplogin-content .inner ul#navi>li>a:hover{ text-decoration:none; }
#toplogin-content .inner ul#navi>li>a>span{ font-size:0.85em; display:block; }

#toplogin-content .inner ul#navi li#home-ico0>a{ background-image: url(../img/navi_l0.png); background-position:center 0px; background-repeat:no-repeat; }
#toplogin-content .inner ul#navi li#home-ico1>a{ background-image: url(../img/navi_l1.png); background-position:center 0px; background-repeat:no-repeat; }
#toplogin-content .inner ul#navi li#home-ico2>a{ background-image: url(../img/navi_l2.png); background-position:center 0px; background-repeat:no-repeat; }
#toplogin-content .inner ul#navi li#home-ico3>a{ background-image: url(../img/navi_l3.png); background-position:center 0px; background-repeat:no-repeat; }
#toplogin-content .inner ul#navi li#home-ico4>a{ background-image: url(../img/navi_l4.png); background-position:center 0px; background-repeat:no-repeat; }

#toplogin-content .inner ul#navi li#home-ico0:hover>a{ background-image: url(../img/navi_l0.png); background-position:center -156px; background-repeat:no-repeat; }
#toplogin-content .inner ul#navi li#home-ico1:hover>a{ background-image: url(../img/navi_l1.png); background-position:center -156px; background-repeat:no-repeat; }
#toplogin-content .inner ul#navi li#home-ico2:hover>a{ background-image: url(../img/navi_l2.png); background-position:center -156px; background-repeat:no-repeat; }
#toplogin-content .inner ul#navi li#home-ico3:hover>a{ background-image: url(../img/navi_l3.png); background-position:center -156px; background-repeat:no-repeat; }
#toplogin-content .inner ul#navi li#home-ico4:hover>a{ background-image: url(../img/navi_l4.png); background-position:center -156px; background-repeat:no-repeat; }

#toplogin-content .inner ul#navi li#home-ico0:hover div.tooltips{ display:block; cursor:pointer; }
#toplogin-content .inner ul#navi li#home-ico0 div.tooltips{ padding-top:155px; display:none; width:175px; left:-10px; }
#toplogin-content .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner{ background-color:#89bc53; width:135px; box-shadow: -1px -1px 1px #ccc, 1px 1px 1px #ccc, 1px -1px 1px #ccc, -1px 1px 1px #ccc; }
#toplogin-content .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner p{ text-align:left; color:#fff; font-size:0.85em; padding-bottom:5px; }

#toplogin-content .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner ul{ padding-bottom:10px; }
#toplogin-content .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner ul li{ list-style:none; padding-bottom:5px; text-align:left; }
#toplogin-content .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner ul li a{ color:#fff; background-image: url(../img/icons/icon_linkArrow.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
	font-size:0.85em;
}


#toplogin-content .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner a.mainbtn{ display:block; box-shadow: 1px 1px 2px rgba(0,0,0,0.1),-1px -1px 2px rgba(0,0,0,0.1),-1px 1px 2px rgba(0,0,0,0.1),1px -1px 2px rgba(0,0,0,0.1); padding-left:2px; padding-right:2px; margin-bottom:10px; font-size:0.85em; }
#toplogin-content .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner:before { background-image: url(../img/kakutei_tooltip-arrow.png); background-position: center center;  background-repeat: no-repeat; content: " "; display: block; height: 20px; left: 78px; position: absolute; top: -15px; width: 20px; }

#toplogin-content .inner ul#navi li#home-ico0 div.tooltips div.tooltips-inner a.mainbtn:last-child{ margin-bottom:0px; }

#toplogin-content-block { width:940px; margin:0px auto; }
#toplogin-content-block #side{ position:relative; top:inherit; left:inherit; width:160px; }
#toplogin-content-block #side .inner{ padding-top:0px; width:160px; }
#toplogin-content-block #side .side-sub-navi{ width:140px; }
#toplogin-content-block #side .side-sub-navi a{ line-height:1.3em; }
#toplogin-content-block #side .side-sub-navi ul li:first-child a{ padding-top:5px; padding-bottom:5px; }

#toplogin-content-block #toplogin-content-main-block{ float:right; width:760px; position:relative; top:inherit; left:inherit; }

#toplogin-content-block #toplogin-content-main-block .page-block{ border:solid 1px #d8d8d8; box-shadow:1px 1px 2px #ecedee,-1px -1px 2px #ecedee,-1px 1px 2px #ecedee,1px -1px 2px #ecedee; }
.bnr-block{ padding-bottom:20px; }
ul.not-list li{ list-style:none; }

.login-block{ background-color:#0099b3; padding:30px; border-radius:2px 2px 2px 2px; color:#fff; }
.login-block input{ display:block; }
.login-block input[type=text],
.login-block input[type=password]{ width:300px; padding:8px; border:solid 1px #66c2d1; border-radius:2px; font-size:1.6em; line-height:1.1em; margin-bottom:10px; }
.login-block input[type=checkbox]{ width:15px; height:15px; margin:0px; padding:0px; border:none; border:solid 1px #66c2d1; border-radius:2px; background-color:#fff; }
.login-block input[type=checkbox] {
    display: none;
    margin: 0 5px 0 0;
    opacity: 0;
}

.login-block input[type="checkbox"] + label:before {
    background-image: url(../img/icons/icon_checkbox.png);
    background-position: 0 0;
    content: " ";
    display: inline-block;
    height: 16px;
    margin-bottom: -2px;
    margin-right: 10px;
    width: 16px;
}
.login-block input[type="checkbox"] + label {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    position: relative;
    width: auto;
}

.login-block input[type="checkbox"]:checked + label:before,
.login-block.checked input[type="checkbox"]:checked + label:before {
    background-position: 0 -16px;
    content: " ";
    display: inline-block;
    height: 16px;
    width: 16px;
}
.login-block input[type="checkbox"] + label:before {
    background-image: url(../img/icons/icon_checkbox.png);
    background-position: 0 0;
    content: " ";
    display: inline-block;
    height: 16px;
    margin-bottom: -2px;
    margin-right: 10px;
    width: 16px;
}

.login-block i{ float:left; }
.input-block{ float:right; width:320px; }

.login-block ul{ clear:both; margin-left:35px; padding-bottom:5px; }
.login-block ul li{ display:block; } 
.login-block ul li a{ color:#fff; background-image: url(../img/icons/icon_linkArrow.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
}

.login-block p{ clear:both; margin-left:35px; color:#333d48; }
.login-block p .small{ font-size:1.2em;  line-height:1.4em; }

.input-block-checkbox{ display:block; color:#fff; font-size:1.6em; line-height:1.0em; padding-bottom:17px; }
.input-block-checkbox input[type="checkbox"]{ float:left; margin-right:5px; }

.input-block-checkbox input[type="submit"]{ display:block; }

.mainbtn2{ background-color:#fff; color:#0099b3; border-radius:2px; border:none;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #008fa8,-1px -1px 2px #008fa8,-1px 1px 2px #008fa8,1px -1px 2px #008fa8;
    display: inline-block;
    font-size: 1.6em;
    line-height: 1em;
    padding:8px 10px;
    text-decoration: none; width:165px; margin-bottom:18px; float:right; cursor:pointer; background-image: url(../img/icons/icon_mainbtn_arrow2.png);
    background-position: 120px center;
    background-repeat: no-repeat;
	}

.mainbtn2:hover{ opacity:0.8;}


#logintabs{}
#logintabs>ul{ display:block; width:100%; }
#logintabs>ul>li.tab{ list-style:none; width:230px; display:block; float:left; padding-top:14px; }
#logintabs>ul>li.tab a{ font-size: 1.6em; line-height: 1em; background-color:#fff; color:#0099b3; border-radius:6px 6px 0px 0px; width:208px; display:block; text-align:center; }
#logintabs>ul>li.tab a:hover{ text-decoration:none; }
#personal-tab a{ margin-right:2px; padding:10px; }
#enterprise-tab a{ margin-left:2px; padding:10px; }
#logintabs>ul:after{ content:""; display:block; height:0px; clear:both; visibility:hidden; overflow:hidden; }

.right-block>p{ color:#015f6f; text-shadow:1px 1px 2px #fff, -1px -1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff; font-size:1.8em; line-height:1.0em; text-align:center; padding-bottom:15px; }

#logintabs>ul>li.tab.active{ padding-top:0px; }
#logintabs>ul>li.tab.active a{ background-color:#0099b3; color:#fff; padding:17px 10px; }

#enterprise{ display:none; }

#toplogin-page #footer .inner{ padding-right:18px; }


/*------------------------------------------------------------------------------
* 2 Single Page
------------------------------------------------------------------------------*/
#single-page{  }
#single-page #header{ position:relative; box-shadow: 0 2px 2px rgba(221, 221, 221, 0.7); }

#single-page #footer .inner{ padding-right:18px; }

#single-page #content{ width:950px; margin:0px auto; margin-top:15px; }

#single-page #content .inner>.page-block{ box-shadow: 1px 1px 2px #e6e7e8, -1px -1px 2px #e6e7e8, -1px 1px 2px #e6e7e8, 1px -1px 2px #e6e7e8; }
#single-page #content .page-block .page-block-contents p{ font-size:1.6em; line-height:1.6em; padding-bottom:20px; }

#single-page #content .page-block .page-block-contents h4{ font-size:1.6em; line-height:1.6em; }
#single-page #content .page-block .page-block-contents ul{ margin-left:20px; padding-bottom:20px; }
#single-page #content .page-block .page-block-contents ul li{ font-size:1.6em; line-height:1.6em; padding-bottom:0px; list-style:none; }
#single-page #content .page-block .page-block-contents ul li:before{ content:"・" }
#single-page #content .page-block .page-block-contents ul li{ text-indent:-1em; margin-left:1em; }

#single-page #content .page-block{ border:solid 1px #d6d7d7; }

#single-page #content .page-block .page-block{ margin-bottom:20px; }
#single-page #content .page-block .page-block .page-block-contents p:last-child{ padding-bottom:0px; }
#single-page #content .page-block .page-block .page-block-contents p span.small{ display:inline-block;  line-height:1.4em; }
#single-page #content .page-block .page-block .page-block-contents a{ font-size:1.6em; line-height:1.6em; }
#single-page #content .page-block .page-block .page-block-contents.align-center{ text-align:center; }
#single-page #content .page-block .page-block .page-block-contents .btns{ padding-top:28px; padding-bottom:10px; text-align:center; }



/*-- radio btn --*/
div.radiobtn { display: inline-block; border-radius: 2px; background-color: #e9eaec; font-size: 1.6em; font-weight: bold; line-height: 1em; padding: 0px; text-decoration: none; text-decoration: none; color: #798796; display: inline-block; box-shadow: 2px 2px 2px #eaeaea; border: solid 1px #bcc3ca; min-width: 100px; margin: 0px 5px; }
div.radiobtn.checked { display: inline-block; border-radius: 2px; background-color: #0099b3; font-size: 1.6em; font-weight: bold; line-height: 1em; padding: 0px; text-decoration: none; text-decoration: none; color: #fff; display: inline-block; box-shadow: 2px 2px 2px #eaeaea; border: solid 1px #0099b3; min-width: 100px; margin: 0px 5px; }
div.radiobtn input { margin: 0px; margin-right: 5px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; display: none; }
div.radiobtn input[type="radio"] + label { display: block; padding: 7px 10px; width: 165px; position: relative; cursor: pointer; }
div.radiobtn input[type="radio"] + label:before { content: " "; display: inline-block; width: 16px; height: 16px; background-image: url(../img/icons/icon_checkbox.png); background-position: 0px 0px; position: absolute; top: 50%; margin-top: -8px; left: 5px; }
div.radiobtn input[type="radio"]:checked + label:before, div.radiobtn.checked input[type="radio"]:checked + label:before { content: " "; display: inline-block; width: 16px; height: 16px; background-position: 0px -16px; }


/*-- check btn --*/
div.checkboxbtn { display: inline-block; border-radius: 2px; background-color: #e9eaec; font-size: 1.6em; font-weight: bold; line-height: 1em; padding: 0px; text-decoration: none; text-decoration: none; color: #798796; display: inline-block; box-shadow: 2px 2px 2px #eaeaea; border: solid 1px #bcc3ca; min-width: 100px; margin: 0px 5px; }
div.checkboxbtn.checked { display: inline-block; border-radius: 2px; background-color: #0099b3; font-size: 1.6em; font-weight: bold; line-height: 1em; padding: 0px; text-decoration: none; text-decoration: none; color: #fff; display: inline-block; box-shadow: 2px 2px 2px #eaeaea; border: solid 1px #0099b3; min-width: 100px; margin: 0px 5px; }
div.checkboxbtn input { margin: 0px; margin-right: 5px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; display: none; }
div.checkboxbtn input[type="checkbox"] + label { display: block; padding: 7px 10px; width: 165px; position: relative; cursor: pointer; }
div.checkboxbtn input[type="checkbox"] + label:before { content: " "; display: inline-block; width: 16px; height: 16px; background-image: url(../img/icons/icon_checkbox.png); background-position: 0px 0px; position: absolute; top: 50%; margin-top: -8px; left: 5px; }
div.checkboxbtn input[type="checkbox"]:checked + label:before, div.checkboxbtn.checked input[type="checkbox"]:checked + label:before { content: " "; display: inline-block; width: 16px; height: 16px; background-position: 0px -16px; }



.doui-box { text-align: center; padding-bottom: 10px; }
.doui-box div.mainchecktxt { font-size: 1.2em; font-size: 12px; line-height: 1em; margin-bottom: 20px; text-align: center; }
.doui-box div.mainchecktxt input { margin: 0px; margin-right: 5px; }
.doui-box div.mainchecktxt input { margin: 0px; margin-right: 5px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; display: none; }
.doui-box div.mainchecktxt input[type="checkbox"] + label { display: inline-block; padding: 0px; width: 165px; position: relative; cursor: pointer; }
.doui-box div.mainchecktxt input[type="checkbox"] + label:before { content: " "; display: inline-block; width: 16px; height: 16px; background-image: url(../img/icons/icon_checkbox.png); background-position: 0px 0px; margin-bottom: -3px; margin-right: 5px; }
.doui-box div.mainchecktxt input[type="checkbox"]:checked + label:before, .doui-box div.mainchecktxt.checked input[type="checkbox"]:checked + label:before { content: " "; display: inline-block; width: 16px; height: 16px; background-position: 0px -16px; }


.select-block{ background-color: #fff; border: 1px solid #bcc3ca; border-radius: 2px; position:relative; float:left; margin-right:5px; width:150px; padding-bottom:0px; padding-top:0px; overflow:hidden; }
.select-block select{ -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: content-box; font-size: 14px; line-height: 1em; padding: 1px 45px 0px 5px; background-color: transparent; background-image: url(../img/icons/icon_select_arrow.png); background-repeat: no-repeat; background-position:134px center; width:170px; min-height:23px; }

.select-block:after{ content:" "; display:block; width:0px; height:100%; border-left: 1px solid #bcc3ca; position:absolute; top:0px; right:25px; background-color:#09C; }

.dummybox1{ background-color:#E7E7E7; height:500px; }
.dummybox2{ background-color:#E7E7E7; height:650px; }
.dummybox3{ background-color:#E7E7E7; height:800px; }


/*- width size check 
body:before{ content:""; display:block; position:fixed; left:1008px; top:0px; height:100%; width:0px; border-right:1px solid #F00; z-index:9999; }
body:after{ content:""; display:block; position:fixed; left:1350px; top:0px; height:100%; width:0px; border-right:1px solid #F00; z-index:9999; }-*/