@charset "UTF-8";.clearfix, .clear, #LayerHeader, #AreaHeader, #HeaderLink, #AreaGnavi, .list-column2, #LayerContentsBody .links-column3 ul, #LayerContentsBody .links-column4 ul, #LayerContentsBody .links-column2 ul, #LayerContentsBody .links-column5 ul, #LayerContentsBody .float-column ul, .column2-list, #LayerContentsBody .course-list, #LayerContentsBody .course-list a.course-content, #LayerContentsBody .course-list div.course-content, #LayerContentsBody .course-button, #LayerContentsBody .course-button li, .side-list, .news-contents dl, #LayerContentsBody .area-point, #LayerContentsBody .area-before-after,#LayerContentsBody .coating_img, #LayerContentsBody .area-before-after .before-after-img, #AreaDouga, .comb-case, #AreaFAQ .faq-question, #AreaContact, .area-gift-contact, #AreaNavi, #AreaGroup, #AreaPickup, #AreaSearch .h2-detail, #AreaPurpose, #purpose-contents01, #purpose-contents02, #purpose-contents03, #purpose-contents04, #TopPage #AreaInfo, #TopPage .news-list .h2-detail, #TopPage .news-list .news-contents dl, #TopPage .top-banner ul, #Form #LayerContents, #Form #AreaFlow, #Form #AreaForm, #Form #AreaMitumori, #Form #AreaMitumori .detail, #Form .couse-contents, #Form .area-place, #AreaForm .fulfillment-info .data-title{*zoom:1;}
.clearfix:before, .clear:before, #LayerHeader:before, #AreaHeader:before, #HeaderLink:before, #AreaGnavi:before, .list-column2:before, #LayerContentsBody .links-column3 ul:before, #LayerContentsBody .links-column4 ul:before, #LayerContentsBody .links-column2 ul:before, #LayerContentsBody .links-column5 ul:before, #LayerContentsBody .float-column ul:before, .column2-list:before, #LayerContentsBody .course-list:before, #LayerContentsBody .course-list a.course-content:before, #LayerContentsBody .course-list div.course-content:before, #LayerContentsBody .course-button:before, #LayerContentsBody .course-button li:before, .side-list:before, .news-contents dl:before, #LayerContentsBody .area-point:before,#LayerContentsBody .coating_img:before , #LayerContentsBody .area-before-after:before, #LayerContentsBody .area-before-after .before-after-img:before, #AreaDouga:before, .comb-case:before, #AreaFAQ .faq-question:before, #AreaContact:before, .area-gift-contact:before, #AreaNavi:before, #AreaGroup:before, #AreaPickup:before, #AreaSearch .h2-detail:before, #AreaPurpose:before, #purpose-contents01:before, #purpose-contents02:before, #purpose-contents03:before, #purpose-contents04:before, #TopPage #AreaInfo:before, #TopPage .news-list .h2-detail:before, #TopPage .news-list .news-contents dl:before, #TopPage .top-banner ul:before, #Form #LayerContents:before, #Form #AreaFlow:before, #Form #AreaForm:before, #Form #AreaMitumori:before, #Form #AreaMitumori .detail:before, #Form .couse-contents:before, #Form .area-place:before, #AreaForm .fulfillment-info .data-title:before, .clearfix:after, .clear:after, #LayerHeader:after, #AreaHeader:after, #HeaderLink:after, #AreaGnavi:after, .list-column2:after, #LayerContentsBody .links-column3 ul:after, #LayerContentsBody .links-column4 ul:after, #LayerContentsBody .links-column2 ul:after, #LayerContentsBody .links-column5 ul:after, #LayerContentsBody .float-column ul:after, .column2-list:after, #LayerContentsBody .course-list:after, #LayerContentsBody .course-list a.course-content:after, #LayerContentsBody .course-list div.course-content:after, #LayerContentsBody .course-button:after, #LayerContentsBody .course-button li:after, .side-list:after, .news-contents dl:after, #LayerContentsBody .area-point:after, #LayerContentsBody .area-before-after:after, #LayerContentsBody .area-before-after .before-after-img:after, #AreaDouga:after, .comb-case:after, #AreaFAQ .faq-question:after, #AreaContact:after, .area-gift-contact:after, #AreaNavi:after, #AreaGroup:after, #AreaPickup:after, #AreaSearch .h2-detail:after, #AreaPurpose:after, #purpose-contents01:after, #purpose-contents02:after, #purpose-contents03:after, #purpose-contents04:after, #TopPage #AreaInfo:after, #TopPage .news-list .h2-detail:after, #TopPage .news-list .news-contents dl:after, #TopPage .top-banner ul:after, #Form #LayerContents:after, #Form #AreaFlow:after, #Form #AreaForm:after, #Form #AreaMitumori:after, #Form #AreaMitumori .detail:after, #Form .couse-contents:after, #Form .area-place:after, #AreaForm .fulfillment-info .data-title:after{content:"";display:table;}
.clearfix:after, .clear:after, #LayerHeader:after, #AreaHeader:after, #HeaderLink:after, #AreaGnavi:after, .list-column2:after, #LayerContentsBody .links-column3 ul:after, #LayerContentsBody .links-column4 ul:after, #LayerContentsBody .links-column2 ul:after, #LayerContentsBody .links-column5 ul:after, #LayerContentsBody .float-column ul:after, .column2-list:after, #LayerContentsBody .course-list:after, #LayerContentsBody .course-list a.course-content:after, #LayerContentsBody .course-list div.course-content:after, #LayerContentsBody .course-button:after, #LayerContentsBody .course-button li:after, .side-list:after, .news-contents dl:after, #LayerContentsBody .area-point:after,#LayerContentsBody .coating_img:after, #LayerContentsBody .area-before-after:after, #LayerContentsBody .area-before-after .before-after-img:after, #AreaDouga:after, .comb-case:after, #AreaFAQ .faq-question:after, #AreaContact:after, .area-gift-contact:after, #AreaNavi:after, #AreaGroup:after, #AreaPickup:after, #AreaSearch .h2-detail:after, #AreaPurpose:after, #purpose-contents01:after, #purpose-contents02:after, #purpose-contents03:after, #purpose-contents04:after, #TopPage #AreaInfo:after, #TopPage .news-list .h2-detail:after, #TopPage .news-list .news-contents dl:after, #TopPage .top-banner ul:after, #Form #LayerContents:after, #Form #AreaFlow:after, #Form #AreaForm:after, #Form #AreaMitumori:after, #Form #AreaMitumori .detail:after, #Form .couse-contents:after, #Form .area-place:after, #AreaForm .fulfillment-info .data-title:after{clear:both;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font-style:normal;background:transparent;word-wrap:break-word;word-break:break-word;}
body{font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;color:#333333;font-size:62.5%;line-height:140%;background:white;min-width:320px;}
@media only screen and (max-width:568px){body{-webkit-text-size-adjust:100%;}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
h1, h2, h3, h4, h5, h6, strong, em{font-weight:normal;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a, a:link, a:visited{margin:0;padding:0;color:#333333;background:transparent;outline:none;vertical-align:bottom;cursor:pointer;text-decoration:underline;}
a:hover, a:active{text-decoration:underline;cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
select, option, input, textarea{font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif !important;}
img{font-size:0;line-height:0;vertical-align:top;}
.skipLink, #skip{position:absolute;text-indent:-9999px;outline:none;}
#LayerContainer{width:960px;height:auto;margin:0 auto 10px;}
@media screen and (max-width:960px){#LayerContainer{width:100%;margin:0;background-color:#ffffff;}
}
@media screen and (max-width:568px){#LayerContainer{width:100%;margin:0;background-color:#ffffff;}
}
#LayerBase{width:960px;height:auto;margin:0;padding:0;}
@media screen and (max-width:960px){#LayerBase{width:100%;margin:0;padding:0;}
}
@media screen and (max-width:568px){#LayerBase{width:100%;margin:0;padding:0;}
}
#LayerBody{width:960px;height:auto;margin:0 auto 0 auto;padding:0;}
@media screen and (max-width:960px){#LayerBody{width:100%;margin:0 auto;padding:0;background-color:#ffffff;}
}
@media screen and (max-width:568px){#LayerBody{width:100%;margin:0 auto;padding:0;background-color:#ffffff;}
}
@font-face{font-family:'icon-list';src:url("fonts/icon-list.eot?130724");src:url("fonts/icon-list.eot?#iefix") format("embedded-opentype"), url("fonts/icon-list.woff?130724") format("woff"), url("fonts/icon-list.ttf?130724") format("truetype"), url("fonts/icon-list.svg#icon-list?130724") format("svg");font-weight:normal;font-style:normal;}
[data-icon]:before{font-family:'icon-list';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.icon-circle, .icon-square, .icon-right-arrow, .icon-top-arrow, #AreaSearch .h2-detail p:before, #AreaPurpose ul li:before, #LayerContentsBody #IdWhole:before, #TopPage .news-list .h2-detail p:before, #HeaderLink li:before, #FooterLink li:before, #LayerContentsBody .fnavi:before, #AreaLnavi ul li a:before{font-family:'icon-list';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.icon-circle:before{content:"\e000";}
.icon-square:before{content:"\e001";}
.icon-right-arrow:before{content:"\e002";}
.icon-top-arrow:before{content:"\e003";}
#AreaSearch .h2-detail p:before, #TopPage .news-list .h2-detail p:before{content:"\e002";font-size:16px;line-height:100%;color:#58472b;vertical-align:top;padding:2px 0 0 0;margin:0 2px 0 0;background:none;}
#AreaPurpose ul li:before{content:"\e002";font-size:16px;line-height:89%;color:#eb8b16;margin:0 2px 0 0;background:none;}
#AreaPurpose ul li#IdStores:before{content:none;}
#LayerContentsBody #IdWhole:before{content:"\e002";font-size:16px;line-height:100%;color:#eb5f2e;margin:0 2px 0 0;vertical-align:middle;background:none;}
#HeaderLink li:before{content:"\e002";font-size:16px;line-height:100%;color:#0c2e78;margin:0 2px 0 0;vertical-align:middle;background:none;}
#HeaderLink li#IdLink:before{display:none;}
#FooterLink li:before{content:"\e002";font-size:16px;line-height:100%;color:#0c2e78;margin:0 2px 0 0;vertical-align:top;background:none;}
#LayerContentsBody .fnavi:before{content:"\e003";font-size:16px;line-height:100%;color:#524a3f;margin:0 2px 0 0;vertical-align:top;}
#AreaLnavi ul li a:before{content:"\e002";font-size:16px;line-height:100%;color:#fd8c01;position:absolute;top:11px;left:10px;}
#AreaLnavi ul li a.highlight:before, #AreaLnavi ul li a:hover:before{color:#d57602;}
#LayerHeader{width:960px;height:auto;padding:0;margin:0 0 15px 0;background:white;}
@media screen and (max-width:960px){#LayerHeader{width:100%;}
}
@media screen and (max-width:568px){#LayerHeader{width:100%;}
}
#AreaHeader{position:relative;width:960px;height:107px;padding:0;margin:0 0 15px 0;}
@media screen and (max-width:960px){#AreaHeader{width:100%;height:auto;display:table;}
}
@media screen and (max-width:568px){#AreaHeader{width:100%;height:auto;margin:0 0 0 0;}
}
@media screen and (max-width:568px){#AreaHeader .m-t40{margin-top:15px !important;}
}

/*200317edit*/
#AreaSEO{position:absolute;/*top:68px;*/top:56px;/*left:314px;*/left:276px;width:380px;padding:0;}
#AreaSEO h1, #AreaSEO p{font-size:120%;line-height:20px;color:#888888;}
/*200317edit*/
@media screen and (max-width:960px){#AreaSEO{/*position:relative;*/position:absolute;top:0;left:0;display:table-row-group;width:auto;margin:0 0 0 10px;}
#AreaSEO h1, #AreaSEO p{width:auto;margin:0 0 0 10px;}
}
/*200317edit*/
@media screen and (max-width:568px){#AreaSEO{/*display:none;*/display:block;}
}
#HeaderLeft{margin:19px 0 0 13px;width:279px;float:left;}
@media screen and (max-width:960px){#HeaderLeft{float:none;display:table-header-group;width:100%;margin:0 0 0 0;}
}
@media screen and (max-width:568px){#HeaderLeft{float:left;width:auto;display:block;margin:0 0 0 0;position:relative;z-index:100;}
}
#HeaderLeft p#logo{padding:0;}
@media screen and (max-width:960px){#HeaderLeft p#logo{margin:10px 0 15px 10px;}
}
@media screen and (max-width:568px){#HeaderLeft p#logo{margin:0;display:inline-block;width:auto;height:auto;}
#HeaderLeft p#logo img,#HeaderLeft h1#logo img{width:60%;height:auto;padding:4px 0 0 4px;}
}
noscript p{font-size:116%;}
#HeaderRight{float:right;width:auto;}
@media screen and (max-width:960px){#HeaderRight{float:none;margin:0;width:auto;position:absolute;top:0;right:0;}
}
@media screen and (max-width:568px){#HeaderRight{position:relative;width:100%;float:none;text-align:center;}
}
#HeaderLink{margin:0;float:right;}
@media screen and (max-width:568px){#HeaderLink{display:inline-block;width:100%;margin:15px 0 0 0;text-align:center;z-index:200;}
}
#HeaderLink li{font-size:130%;line-height:130%;float:left;margin:7px 5px 0 15px;}
@media screen and (max-width:568px){#HeaderLink li{margin-top:0;}
}
#HeaderLink li:first-child{overflow:hidden;max-width:240px;height:16px;}
#HeaderLink li a{font-size:100%;line-height:130%;display:inline-block;vertical-align:middle;color:#333333;}
#HeaderLink #IdLink{float:right;margin:0 0 0 15px;padding:0;background:none;}
@media screen and (max-width:568px){#HeaderLink #IdLink{float:none;max-width:150px;position:absolute;top:0;right:0;}
#HeaderLink #IdLink img{width:90%;height:auto;}
}
#HeaderRight #IdContact{float:right;clear:right;margin:15px 0 0 0;}
@media screen and (max-width:568px){#HeaderRight #IdContact{position:absolute;top:40px;right:0;width:auto;height:auto;max-width:150px;margin:0;}
#HeaderRight #IdContact img{width:80%;height:auto;}
}
#Form #HeaderRight #IdContact{position:absolute;top:55px;right:0;float:none;margin:0 0 0 0;}
@media screen and (max-width:568px){#Form #HeaderRight #IdContact{top:30px;}
}
#AreaGnavi{width:960px;height:50px;padding:0;margin:0 auto;}
@media screen and (max-width:960px){#AreaGnavi{width:100%;height:auto;}
}
@media screen and (max-width:568px){#AreaGnavi{width:100%;height:auto;}
}
#AreaGnavi li{position:relative;float:left;height:43px;overflow:hidden;margin:6px 0 0 0;border-top:1px solid #fdd6a5;background:#fce5c9;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #fce5c9), color-stop(0, #fefcfa));background:-webkit-linear-gradient(top, #fefcfa 0%, #fce5c9 100%);background:-moz-linear-gradient(top, #fefcfa 0%, #fce5c9 100%);background:-o-linear-gradient(top, #fefcfa 0%, #fce5c9 100%);background:-ms-linear-gradient(top, #fefcfa 0%, #fce5c9 100%);background:linear-gradient(top, #fefcfa 0%, #fce5c9 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefcfa', endColorstr='#fce5c9')";}
#AreaGnavi li.active{position:relative;display:block;background:#fbb45e;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #fbb45e), color-stop(0, #fcd8ae));background:-webkit-linear-gradient(top, #fcd8ae 0%, #fbb45e 100%);background:-moz-linear-gradient(top, #fcd8ae 0%, #fbb45e 100%);background:-o-linear-gradient(top, #fcd8ae 0%, #fbb45e 100%);background:-ms-linear-gradient(top, #fcd8ae 0%, #fbb45e 100%);background:linear-gradient(top, #fcd8ae 0%, #fbb45e 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcd8ae', endColorstr='#fbb45e')";cursor:pointer;}
@media screen and (max-width:960px){#AreaGnavi li{width:18%;height:44px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
}
@media screen and (max-width:830px){#AreaGnavi li{width:33%;}
}
@media screen and (max-width:568px){#AreaGnavi li{width:50%;}
}
#AreaGnavi li:hover{background:#fbb45e;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #fbb45e), color-stop(0, #fcd8ae));background:-webkit-linear-gradient(top, #fcd8ae 0%, #fbb45e 100%);background:-moz-linear-gradient(top, #fcd8ae 0%, #fbb45e 100%);background:-o-linear-gradient(top, #fcd8ae 0%, #fbb45e 100%);background:-ms-linear-gradient(top, #fcd8ae 0%, #fbb45e 100%);background:linear-gradient(top, #fcd8ae 0%, #fbb45e 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcd8ae', endColorstr='#fbb45e')";cursor:pointer;}
#AreaGnavi li a, #AreaGnavi li a:link, #AreaGnavi li a:visited{position:relative;display:block;height:41px;margin:0 0 0 0;border-right:1px dotted #f29424;border-bottom:2px solid #faa53f;text-align:center;}
@media screen and (max-width:960px){#AreaGnavi li a, #AreaGnavi li a:link, #AreaGnavi li a:visited{width:auto;}
}
#AreaGnavi li a img, #AreaGnavi li a:link img, #AreaGnavi li a:visited img{margin:12px 0 0 0;}
#AreaGnavi li.active a, #AreaGnavi li.active a:link, #AreaGnavi li.active a:visited, #AreaGnavi li a:hover, #AreaGnavi li a:active{border-bottom:2px solid #df7b04;}
#AreaGnavi li.gnavi01{width:70px;border-left:1px solid #fdd5a5;border-radius:5px 0 0 0/5px 0 0 0;-moz-border-radius:5px 0 0 0/5px 0 0 0;-webkit-border-radius:5px 0 0 0/5px 0 0 0;-o-border-radius:5px 0 0 0/5px 0 0 0;-ms-border-radius:5px 0 0 0/5px 0 0 0;border-radius:0\9;}
@media screen and (max-width:960px){#AreaGnavi li.gnavi01{width:10%;}
}
@media screen and (max-width:830px){#AreaGnavi li.gnavi01{width:34%;}
}
@media screen and (max-width:568px){#AreaGnavi li.gnavi01{width:49.5%;margin-left:0.5%;}
}
#AreaGnavi li.gnavi01 a, #AreaGnavi li.gnavi01 a:link, #AreaGnavi li.gnavi01 a:visited{width:69px;margin:0 0 0 0;}
@media screen and (max-width:960px){#AreaGnavi li.gnavi01 a, #AreaGnavi li.gnavi01 a:link, #AreaGnavi li.gnavi01 a:visited{width:auto;}
}
#AreaGnavi li.gnavi01 a img, #AreaGnavi li.gnavi01 a:link img, #AreaGnavi li.gnavi01 a:visited img{margin:10px 0 0 0;}
#AreaGnavi li.gnavi02{width:176px;}
@media screen and (max-width:960px){#AreaGnavi li.gnavi02{width:18%;}
}
@media screen and (max-width:830px){#AreaGnavi li.gnavi02{width:33%;}
}
@media screen and (max-width:568px){#AreaGnavi li.gnavi02{width:49.5%;border-right:1px solid #fdd6a5;border-radius:0 5px 0 0/0 5px 0 0;-moz-border-radius:0 5px 0 0/0 5px 0 0;-webkit-border-radius:0 5px 0 0/0 5px 0 0;-o-border-radius:0 5px 0 0/0 5px 0 0;-ms-border-radius:0 5px 0 0/0 5px 0 0;border-radius:0\9;}
}
@media screen and (max-width:568px){#AreaGnavi li.gnavi02 a, #AreaGnavi li.gnavi02 a:link, #AreaGnavi li.gnavi02 a:visited{border-right:none;}
}
#AreaGnavi li.gnavi03{width:176px;}
@media screen and (max-width:960px){#AreaGnavi li.gnavi03{width:18%;}
}
@media screen and (max-width:830px){#AreaGnavi li.gnavi03{width:33%;border-radius:0 5px 0 0/0 5px 0 0;-moz-border-radius:0 5px 0 0/0 5px 0 0;-webkit-border-radius:0 5px 0 0/0 5px 0 0;-o-border-radius:0 5px 0 0/0 5px 0 0;-ms-border-radius:0 5px 0 0/0 5px 0 0;border-radius:0\9;}
}
@media screen and (max-width:568px){#AreaGnavi li.gnavi03{border-left:1px solid #fdd6a5;width:49.5%;border-radius:5px 0 0 0/5px 0 0 0;-moz-border-radius:5px 0 0 0/5px 0 0 0;-webkit-border-radius:5px 0 0 0/5px 0 0 0;-o-border-radius:5px 0 0 0/5px 0 0 0;-ms-border-radius:5px 0 0 0/5px 0 0 0;border-radius:0\9;margin-left:0.5%;}
}
@media screen and (max-width:830px){#AreaGnavi li.gnavi03 a, #AreaGnavi li.gnavi03 a:link, #AreaGnavi li.gnavi03 a:visited{border-right:1px solid #fdd6a5;}
}
@media screen and (max-width:568px){#AreaGnavi li.gnavi03 a, #AreaGnavi li.gnavi03 a:link, #AreaGnavi li.gnavi03 a:visited{border-right:1px dotted #f29424;}
}
#AreaGnavi li.gnavi04{width:176px;}
@media screen and (max-width:960px){#AreaGnavi li.gnavi04{width:18%;}
}
@media screen and (max-width:830px){#AreaGnavi li.gnavi04{width:34%;margin:12px 0 0 0;border-radius:5px 0 0 0/5px 0 0 0;-moz-border-radius:5px 0 0 0/5px 0 0 0;-webkit-border-radius:5px 0 0 0/5px 0 0 0;-o-border-radius:5px 0 0 0/5px 0 0 0;-ms-border-radius:5px 0 0 0/5px 0 0 0;border-radius:0\9;}
}
@media screen and (max-width:568px){#AreaGnavi li.gnavi04{width:49.5%;margin:6px 0 0 0;border-right:1px solid #fdd6a5;border-radius:0 5px 0 0/0 5px 0 0;-moz-border-radius:0 5px 0 0/0 5px 0 0;-webkit-border-radius:0 5px 0 0/0 5px 0 0;-o-border-radius:0 5px 0 0/0 5px 0 0;-ms-border-radius:0 5px 0 0/0 5px 0 0;border-radius:0\9;}
}
@media screen and (max-width:568px){#AreaGnavi li.gnavi04 a, #AreaGnavi li.gnavi04 a:link, #AreaGnavi li.gnavi04 a:visited{border-right:none;}
}
#AreaGnavi li.gnavi05{width:176px;}
@media screen and (max-width:960px){#AreaGnavi li.gnavi05{width:18%;}
}
@media screen and (max-width:830px){#AreaGnavi li.gnavi05{width:33%;margin:12px 0 0 0;}
}
@media screen and (max-width:568px){#AreaGnavi li.gnavi05{width:49.5%;border-left:1px solid #fdd6a5;margin-left:0.5%;border-radius:5px 0 0 0/5px 0 0 0;-moz-border-radius:5px 0 0 0/5px 0 0 0;-webkit-border-radius:5px 0 0 0/5px 0 0 0;-o-border-radius:5px 0 0 0/5px 0 0 0;-ms-border-radius:5px 0 0 0/5px 0 0 0;border-radius:0\9;}
}
#AreaGnavi li.gnavi06{width:auto;height:47px;margin:0;border-top:1px solid #f88e68;border-left:1px solid #f88e68;border-right:1px solid #f88e68;border-bottom:2px solid #de5d2a;border-radius:5px 5px 0 0/5px 5px 0 0;-moz-border-radius:5px 5px 0 0/5px 5px 0 0;-webkit-border-radius:5px 5px 0 0/5px 5px 0 0;-o-border-radius:5px 5px 0 0/5px 5px 0 0;-ms-border-radius:5px 5px 0 0/5px 5px 0 0;border-radius:0\9;background:#ee8134;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #ee8134), color-stop(0, #fa9d5b));background:-webkit-linear-gradient(top, #fa9d5b 0%, #ee8134 100%);background:-moz-linear-gradient(top, #fa9d5b 0%, #ee8134 100%);background:-o-linear-gradient(top, #fa9d5b 0%, #ee8134 100%);background:-ms-linear-gradient(top, #fa9d5b 0%, #ee8134 100%);background:linear-gradient(top, #fa9d5b 0%, #ee8134 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa9d5b', endColorstr='#ee8134')";}
@media screen and (max-width:960px){#AreaGnavi li.gnavi06{width:18%;height:50px;}
}
@media screen and (max-width:830px){#AreaGnavi li.gnavi06{width:33%;margin:6px 0 0 0;}
}
@media screen and (max-width:568px){#AreaGnavi li.gnavi06{margin:6px 0 0 0;width:49.5%;}
}
#AreaGnavi li.gnavi06:hover, #AreaGnavi li.gnavi06.active{background:#f66e3f;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f66e3f), color-stop(0, #fda484));background:-webkit-linear-gradient(top, #fda484 0%, #f66e3f 100%);background:-moz-linear-gradient(top, #fda484 0%, #f66e3f 100%);background:-o-linear-gradient(top, #fda484 0%, #f66e3f 100%);background:-ms-linear-gradient(top, #fda484 0%, #f66e3f 100%);background:linear-gradient(top, #fda484 0%, #f66e3f 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fda484', endColorstr='#f66e3f')";}
#AreaGnavi li.gnavi06 a, #AreaGnavi li.gnavi06 a:link, #AreaGnavi li.gnavi06 a:visited{width:181px;height:47px;margin:0;border-right:none;}
@media screen and (max-width:960px){#AreaGnavi li.gnavi06 a, #AreaGnavi li.gnavi06 a:link, #AreaGnavi li.gnavi06 a:visited{width:100%;}
}
@media screen and (max-width:568px){#AreaGnavi li.gnavi06 a, #AreaGnavi li.gnavi06 a:link, #AreaGnavi li.gnavi06 a:visited{width:100%;}
}
#AreaGnavi li.gnavi06 a img, #AreaGnavi li.gnavi06 a:link img, #AreaGnavi li.gnavi06 a:visited img{margin:14px 0 0 0;}
#LayerContents{float:right;width:715px;height:auto;margin:0 0 0 0;padding:0;}
@media screen and (max-width:960px){#LayerContents{float:none;width:100%;}
}
#LayerContentsBody{width:695px;height:auto;min-height:380px;margin:0 10px;padding:0;clear:both;}
@media screen and (max-width:960px){#LayerContentsBody{width:96%;margin:0 2%;}
#LayerContentsBody .clear .left, #LayerContentsBody .clear .right{float:none;width:100%;}
#LayerContentsBody .clear .left img, #LayerContentsBody .clear .right img{display:block;margin:0 auto;height:auto;}
#LayerContentsBody .resize{width:100%;height:auto;max-width:338px;}
}
@media screen and (max-width:568px){#LayerContentsBody .clear .left img, #LayerContentsBody .clear .right img{max-width:300px;}
}
#LayerContentsBody h1{width:671px;height:auto;min-height:23px;color:#502727;font-size:260%;line-height:108%;padding:22px 0 22px 44px;margin:0 0 24px -10px;border-top:1px solid #dbcab4;border-bottom:1px solid #dbcab4;background:url(i/common.png) no-repeat -138px -836px #fefbf6;}
@media screen and (max-width:960px){#LayerContentsBody h1{margin-left:0;width:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
}
@media screen and (max-width:568px){#LayerContentsBody h1{margin-left:0;width:auto;padding:22px 15px 22px 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;background:none;background-color:#fefbf6;}
}
#LayerContentsBody h2{width:709px;height:auto;color:#353535;font-size:180%;line-height:112%;font-weight:bold;padding:2px;margin:35px 0 25px -10px;border:1px solid #dbcab4;background-color:#fdf6ec;box-shadow:0 0 0 2px #ffffff inset;-moz-box-shadow:0 0 0 2px #ffffff inset;-webkit-box-shadow:0 0 0 2px #ffffff inset;-o-box-shadow:0 0 0 2px #ffffff inset;-ms-box-shadow:0 0 0 2px #ffffff inset;}
#TopPage #LayerContentsBody #AreaComment h2{width:960px;}
#LayerContentsBody h2 span{display:block;width:100%;min-height:21px;padding:6px 0 6px 22px;margin:0 0 0 -3px;background:url(i/common.png) no-repeat -113px -921px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
@media screen and (max-width:960px){#LayerContentsBody h2{margin-left:0;width:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#TopPage #LayerContentsBody #AreaComment h2{width:auto;}
}
#LayerContentsBody h2.h2-fixed-price, #LayerContentsBody h2.h2-fixed-time{width:715px;margin:35px 0 25px -10px;padding:0;font-size:260%;line-height:108%;border:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
#LayerContentsBody h2.h2-fixed-price span, #LayerContentsBody h2.h2-fixed-time span{display:inline-block;width:100%;margin:0;padding:12px 20px 10px;color:#ffffff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;}
#LayerContentsBody h2.h2-fixed-price.bg-possession, #LayerContentsBody h2.h2-fixed-time.bg-possession{position:relative;min-height:99px;margin:40px 0 25px -10px;}
#LayerContentsBody h2.h2-fixed-price.bg-possession span, #LayerContentsBody h2.h2-fixed-time.bg-possession span{margin:50px 0 0 0;}
@media screen and (max-width:960px){#LayerContentsBody h2.h2-fixed-price, #LayerContentsBody h2.h2-fixed-time{width:auto;margin-left:0;}
#LayerContentsBody h2.h2-fixed-price.bg-possession, #LayerContentsBody h2.h2-fixed-time.bg-possession{margin-left:0;}
}
#LayerContentsBody h2.h2-fixed-price span{background:#e56eae;}
#LayerContentsBody h2.h2-fixed-price.bg-possession{background:url(i/h2_fixed_price.png) 0 0 repeat-x;}
#LayerContentsBody h2.h2-fixed-time span{background:#32a6c7;}
#LayerContentsBody h2.h2-fixed-time.bg-possession{background:url(i/h2_fixed_time.png) 0 0 repeat-x;}
#LayerContentsBody h3{height:auto;font-size:160%;line-height:113%;font-weight:bold;padding:7px 0 5px 27px;margin:25px 0 20px -10px;color:#444444;border-top:1px dotted #aa7639;border-bottom:1px dotted #aa7639;background:url(i/common.png) no-repeat -66px -972px #fefbf6;}
#TopPage #LayerContentsBody #AreaComment h3{width:auto;margin-left:0;}
#LayerContentsBody h3.bg-none{border:none;background:none;margin:0 0 5px 0;padding:0;}
@media screen and (max-width:960px){#LayerContentsBody h3{margin-left:0;width:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
}
#LayerContentsBody h3.h3-fixed-price, #LayerContentsBody h3.h3-fixed-time{width:613px;min-height:44px;margin:0 0 25px 0;padding:22px 0 0 82px;border:none;font-size:220%;line-height:110%;background:url(i/h3_fixed.png) no-repeat 0 0;}
@media screen and (max-width:960px){#LayerContentsBody h3.h3-fixed-price, #LayerContentsBody h3.h3-fixed-time{width:auto;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;}
}
#LayerContentsBody h3.h3-fixed-price{color:#e557a3;}
#LayerContentsBody h3.h3-fixed-time{color:#0a9ec7;}
#LayerContentsBody h4{width:688px;height:auto;font-size:140%;line-height:115%;font-weight:bold;padding:0 0 5px 27px;margin:12px 0 20px -10px;color:#444444;border-bottom:1px solid #f0e8e0;background:url(i/common.png) no-repeat -26px -1026px;}
@media screen and (max-width:960px){#LayerContentsBody h4{margin-left:0;width:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
}
#LayerContentsBody h5{width:auto;height:auto;font-size:130%;line-height:124%;font-weight:bold;padding:0 0 5px 17px;margin:25px 0 5px 0;color:#5e5e5d;background:url(i/common.png) no-repeat 3px -1063px;}
@media screen and (max-width:960px){#LayerContentsBody h5{margin-left:10px;width:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
}
#LayerContentsBody p{margin:0 0 18px 0;font-size:130%;line-height:150%;}
#LayerContentsBody p span.notes{font-size:93%;line-height:125%;}
#LayerContentsBody ul{margin:0 0 18px 15px;}
#LayerContentsBody ul li{position:relative;margin:15px 0 0 0;padding:0 0 0 15px;list-style:none;font-size:130%;line-height:124%;background:url(i/common.png) no-repeat -796px -172px;}
#LayerContentsBody ul li a{color:#444444;text-decoration:underline;}
#LayerContentsBody ul li ul li{position:relative;margin:10px 0 0 0;padding:0 0 0 12px;list-style:none;font-size:100%;background:url(i/common.png) no-repeat -761px -209px;}
#LayerContentsBody ul li ol li{position:relative;margin:10px 0 0 0;padding:0 0 0 0;list-style:decimal;font-size:100%;background:none;}
#LayerContentsBody ul li ul{margin:10px 0 0 0;}
#LayerContentsBody ul li ol{margin:10px 0 0 17px;}
#LayerContentsBody ol{margin:0 0 18px 33px;}
#LayerContentsBody ol li{position:relative;margin:15px 0 0 0;font-size:130%;line-height:124%;}
#LayerContentsBody ol li a{color:#444444;text-decoration:underline;}
#LayerContentsBody ol li ul li{position:relative;margin:10px 0 0 0;padding:0 0 0 12px;list-style:none;font-size:100%;background:url(i/common.png) no-repeat -761px -209px;}
#LayerContentsBody ol li ol li{position:relative;margin:10px 0 0 0;padding:0 0 0 0;font-size:100%;background:none;}
#LayerContentsBody ol li ul{margin:10px 0 0 0;}
#LayerContentsBody ol li ol{margin:10px 0 0 17px;}
#LayerContentsBody .ranking{padding:30px 0 0 0;background:url(i/rank_bg_top.png) center 0 no-repeat;}
#LayerContentsBody .clear .ranking{width:240px;}
@media screen and (max-width:960px){#LayerContentsBody .clear .ranking{margin:0 auto;}
}
#LayerContentsBody .ranking dl{position:relative;border-top:1px dotted #a3a3a3;min-height:37px;}
#LayerContentsBody .ranking dl dt, #LayerContentsBody .ranking dl dd{vertical-align:middle;display:table-cell;*display:inline;*zoom:1;height:23px;min-height:23px;}
#LayerContentsBody .ranking dl dt{padding:7px 0;width:90px;text-align:center;}
#LayerContentsBody .ranking dl dd{padding:10px 5px 7px 0;font-size:130%;line-height:150%;height:20px;}
#LayerContentsBody .ranking dl:first-child{border-top:none;min-height:57px;}
#LayerContentsBody .ranking dl:first-child dt, #LayerContentsBody .ranking dl:first-child dd{padding:3px 0;height:51px;min-height:51px;}
#LayerContentsBody .ranking dl:first-child dd{padding:3px 5px 3px 0;}
#LayerContentsBody .ranking dl.rank-1 dd{font-size:150%;line-height:134%;color:#5c4609;font-weight:bold;height:42px;padding:12px 5px 3px 0;}
#LayerContentsBody .ranking dl.rank-1 dd a{color:#5c4609;}
#LayerContentsBody .ranking dl.rank-2 dd{font-size:140%;line-height:115%;font-weight:bold;padding:14px 5px 7px 0;height:16px;}
#LayerContentsBody .ranking dl.rank-3 dd{font-weight:bold;padding:14px 5px 7px 0;height:16px;}
#LayerContentsBody .ranking dl.rank-5{padding:0 0 30px 0;background:url(i/rank_bg_bottom.png) center bottom no-repeat;}
#LayerContentsBody table{font-size:130%;line-height:150%;border-collapse:collapse;border:1px solid #d5d5d5;clear:both;width:100%;margin:0 0 0 0;}
@media screen and (max-width:960px){#LayerContentsBody table{width:100%;}
}
#LayerContentsBody table td, #LayerContentsBody table th{border-right:1px dotted #a3a3a3;border-bottom:1px dotted #a3a3a3;padding:8px 10px 5px 10px;word-wrap:break-word;word-break:break-word;}
#LayerContentsBody table th{color:#394766;background:#f4f7fd;}
#LayerContentsBody table th.thSecond{text-align:left;background:#f7f8fa;}
#LayerContentsBody table.no-border{border:none;}
#LayerContentsBody table.no-border th, #LayerContentsBody table.no-border td{border:none;background:inherit;}
@media screen and (max-width:568px){#LayerContentsBody th.w340{width:auto;}
}
@media screen and (max-width:568px){#LayerContentsBody td.price{width:100px;}
}
#LayerContentsBody hr{clear:both;width:auto;height:0px;border:none;border-top:1px dotted #ccc;margin:0 0 20px;}
#LayerContentsBody * + html hr{margin:33px 0;}
#LayerContentsBody em{font-weight:bold;font-size:116%;line-height:134%;}
#LayerContentsBody strong{font-weight:bold;}
#LayerContentsBody .text-bold{font-weight:bold;}
#LayerContentsBody .small{color:#444444;font-size:110%;line-height:137%;}
#LayerContentsBody .dis-none{display:none;}
#LayerContentsBody sup{vertical-align:super;font-size:smaller;}
#LayerContentsBody .bg-color{background:#fcfbfa;}
#LayerContentsBody .color-brown{color:#925F20;}
#LayerContentsBody .color-brown strong{font-size:116%;}
#LayerContentsBody .color-brown .font-larger{font-size:131%;font-weight:bold;}
#LayerContentsBody .color-brown-2{color:#925F20;font-weight:bold;}
#LayerContentsBody .color-brown-2 strong{font-size:116%;}
#LayerContentsBody .color-brown-2 .font-larger{font-size:131%;font-weight:bold;}
#LayerContentsBody .color-brown-2 .font-small{font-size:75%;font-weight:bold;}
#LayerContentsBody .color-red{color:#A22929;}
#LayerContentsBody .color-blue{color:#2c6bc3;}
#LayerContentsBody a:hover.color-blue{color:#618cc7;}
#LayerContentsBody .read-text{font-weight:bold;font-size:150%;line-height:134%;width:auto;margin:0 0 15px 0;}
#LayerContentsBody .explanation{display:none;}
@media screen and (max-width:568px){#LayerContentsBody .explanation{display:block;}
}
.area-withdrawal{width:auto;background:#FEE8E8;padding:18px 18px 14px;margin:15px auto;}
.list-column2 li{float:left;width:45%;}
@media screen and (max-width:568px){.list-column2 li{width:auto;float:none;}
}
@media screen and (max-width:568px){.list-icon td{padding:8px 5px 0;}
.list-icon td img{width:50px;height:50px;}
}
#LayerContentsBody .menu-select{padding:15px;background-color:#f5f8ff;letter-spacing:-.40em;border:1px solid #dfe5f0;margin-bottom:18px;}
#LayerContentsBody .menu-select p{margin:0;display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;}
#dorp{position:relative;}
#LayerContentsBody .menu-select ul{display:block;width:213px;letter-spacing:normal;vertical-align:top;margin:0;position:absolute;top:16px;right:20px;}
@media screen and (max-width:568px){#LayerContentsBody .menu-select ul{position:relative;top:0;right:0;margin:18px auto 0;}
}
#LayerContentsBody .menu-select ul li.title{font-size:160%;line-height:113%;z-index:1;}
#LayerContentsBody .menu-select ul li.title span{border:1px solid #9db7e0;background-color:#ffffff;min-height:25px;padding:10px 0 0 14px;display:block;background:url(../css/i/select_arrow.png) right center no-repeat white;}
#LayerContentsBody .menu-select ul li.title span:hover{background-color:#e0ebfa;}
#LayerContentsBody .menu-select ul li ul{display:none;position:relative;top:0;right:0;width:211px;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;}
@media screen and (max-width:568px){#LayerContentsBody .menu-select ul li ul{margin:0;}
}
#LayerContentsBody .menu-select ul li ul li{font-size:88%;line-height:115%;z-index:1;}
#LayerContentsBody .menu-select ul li ul li:first-child{padding:0;}
#LayerContentsBody .menu-select ul li ul li a{display:block;min-height:20px;padding:7px 0 0 14px;background-color:#ffffff;text-decoration:none;}
#LayerContentsBody .menu-select ul li ul li a:hover{background-color:#e0ebfa;}
#LayerContentsBody .menu-select ul li{margin:0;padding:0;background:none;}
#LayerContentsBody .links-column3 ul, #LayerContentsBody .links-column4 ul, #LayerContentsBody .links-column2 ul, #LayerContentsBody .links-column5 ul, #LayerContentsBody .float-column ul{width:auto;padding:0;}
#LayerContentsBody .links-column3 ul li, #LayerContentsBody .links-column4 ul li, #LayerContentsBody .links-column2 ul li, #LayerContentsBody .links-column5 ul li, #LayerContentsBody .float-column ul li{float:left;padding:0 0 0 0;list-style:none;border:1px solid #d5d5d5;overflow:hidden;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:0\9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;background:#eae9e9;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #eae9e9), color-stop(0, white));background:-webkit-linear-gradient(top, white 0%, #eae9e9 100%);background:-moz-linear-gradient(top, white 0%, #eae9e9 100%);background:-o-linear-gradient(top, white 0%, #eae9e9 100%);background:-ms-linear-gradient(top, white 0%, #eae9e9 100%);background:linear-gradient(top, #ffffff 0%, #eae9e9 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eae9e9')";}
#LayerContentsBody .links-column3 ul li.highlight, #LayerContentsBody .links-column3 ul li:hover, #LayerContentsBody .links-column3 ul li.housekeeping_highlight, #LayerContentsBody .links-column3 ul li:hover, #LayerContentsBody .links-column4 ul li.highlight, #LayerContentsBody .links-column4 ul li:hover, #LayerContentsBody .links-column2 ul li.highlight, #LayerContentsBody .links-column2 ul li:hover, #LayerContentsBody .links-column5 ul li.highlight, #LayerContentsBody .links-column5 ul li:hover, #LayerContentsBody .float-column ul li.highlight, #LayerContentsBody .float-column ul li:hover{border:1px solid #e5cba3;background:#f3e4d3;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f3e4d3), color-stop(0, #fefefd));background:-webkit-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-moz-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-o-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-ms-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:linear-gradient(top, #fefefd 0%, #f3e4d3 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefd', endColorstr='#f3e4d3')";}
#LayerContentsBody .links-column3 ul li a, #LayerContentsBody .links-column4 ul li a, #LayerContentsBody .links-column2 ul li a, #LayerContentsBody .links-column5 ul li a, #LayerContentsBody .float-column ul li a{position:relative;display:table-cell;*display:inline;*zoom:1;padding:5px 0 0 26px;vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;text-decoration:none;color:#30200b;font-size:100%;line-height:120%;border-left:1px solid #ffffff;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:0\9;background:url(i/common.png) no-repeat -713px -232px;}
#LayerContentsBody .links-column3 ul{margin:-10px 0 20px -16px;}
#LayerContentsBody .links-column3 ul li{width:221px;margin:10px 0 0 16px;}
@media screen and (max-width:568px){#LayerContentsBody .links-column3 ul li{width:48%;margin:10px 0 0 2%;}
}
@media screen and (max-width:400px){#LayerContentsBody .links-column3 ul li{width:100%;margin:10px 0 0;}
}
#LayerContentsBody .links-column3 ul a{width:219px;height:43px;}
@media screen and (max-width:568px){#LayerContentsBody .links-column3 ul a{min-width:300px;background-position:-713px -1482px;padding:4px 0 0 26px;}
}
@media screen and (max-width:400px){#LayerContentsBody .links-column3 ul a{width:1%;}
}
@media screen and (max-width:568px){#LayerContentsBody .links-column3 ul{margin:-10px 0 20px -2%;}
}
@media screen and (max-width:400px){#LayerContentsBody .links-column3 ul{margin:-10px 0 20px;}
}
#LayerContentsBody .links-column2 ul{margin:-10px 0 20px -15px;}
#LayerContentsBody .links-column2 ul li{width:340px;margin:10px 0 0 15px;}
@media screen and (max-width:400px){#LayerContentsBody .links-column2 ul li{max-width:310px;}
}
#LayerContentsBody .links-column2 ul a{width:338px;height:43px;}
@media screen and (max-width:568px){#LayerContentsBody .links-column2 ul a{background-position:-713px -1482px;padding:4px 0 0 26px;}
}
#LayerContentsBody .links-column5 ul{margin:-10px 0 20px -10px;}
#LayerContentsBody .links-column5 ul li{width:131px;margin:10px 0 0 10px;}
@media screen and (max-width:568px){#LayerContentsBody .links-column5 ul li{width:48%;margin:10px 0 0 2%;}
}
#LayerContentsBody .links-column5 ul a{width:129px;height:43px;}
@media screen and (max-width:568px){#LayerContentsBody .links-column5 ul a{width:1%;background-position:-713px -1482px;padding:4px 0 0 26px;}
}
@media screen and (max-width:568px){#LayerContentsBody .links-column5 ul{margin:-10px 0 20px -2%;}
}
#LayerContentsBody .float-column ul{margin:-10px 0 10px -10px;}
#LayerContentsBody .float-column ul li{width:175px;margin:10px 0 0 10px;}
@media screen and (max-width:568px){#LayerContentsBody .float-column ul li{width:48%;margin:10px 0 0 2%;}
}
#LayerContentsBody .float-column ul a{width:173px;height:43px;}
#LayerContentsBody .float-column ul a span{font-size:85%;display:inline-block;}
@media screen and (max-width:568px){#LayerContentsBody .float-column ul a{width:1%;background-position:-713px -1482px;padding:4px 0 0 26px;}
}
@media screen and (max-width:568px){#LayerContentsBody .float-column ul{margin:-10px 0 20px -2%;}
}
.notes{color:#666666;font-size:120%;line-height:125%;}
.column2-list{margin:-15px 0 18px -15px;}
.column2-list div{float:left;width:338px;margin:15px 0 0 15px;border:1px solid #d7d7d7;}
@media screen and (max-width:960px){.column2-list div{float:none;display:inline-block;text-align:left;letter-spacing:normal;}
}
@media screen and (max-width:568px){.column2-list div{max-width:300px;}
.column2-list div p br{display:none;}
}
.column2-list div p{display:table-cell;margin:0 0 0 0;padding:5px 13px;vertical-align:middle;*display:inline;*zoom:1;}
.column2-list div p:first-child{padding:0;border-right:1px solid #d7d7d7;}
@media screen and (max-width:960px){.column2-list{text-align:center;letter-spacing:-.40em;}
}
#LayerContentsBody .fnavi{min-height:13px;margin:25px 0;padding:0;font-size:120%;line-height:100%;text-align:right;}
#LayerContentsBody .fnavi a, #LayerContentsBody .fnavi a:link, #LayerContentsBody .fnavi a:visited{display:inline-block;*display:inline;*zoom:1;padding:3px 0 3px 0;color:#000000;text-decoration:none;line-height:100%;}
#LayerContentsBody .fnavi a:hover, #LayerContentsBody .fnavi a:active{text-decoration:underline;}
.border-box{width:auto;height:auto;margin:0 0 35px 0;padding:14px;border:1px solid #d7d7d7;}
@media screen and (max-width:960px){.border-box.w310{width:310px;margin:0 auto 35px;}
.border-box.w310 .left{float:left;width:150px;}
.border-box.w310 .right{float:right;width:150px;}
.border-box.w310 .m-b0{margin:0;}
.border-box p{margin:0 0 15px 0;}
}
@media screen and (max-width:960px) and (max-width:568px){.border-box.w310{width:298px;padding:10px 0;}
.border-box.w310 .left{width:149px;}
.border-box.w310 .left img{width:100%;height:auto;max-width:149px;}
.border-box.w310 .right{width:149px;}
.border-box.w310 .right img{width:100%;height:auto;max-width:149px;}
}
#LayerContentsBody .course-list{margin:-15px 0 35px -15px;}
#LayerContentsBody .course-list a.course-content, #LayerContentsBody .course-list div.course-content{display:block;float:left;width:340px;min-height:75px;margin:15px 0 0 15px;padding:0 18px;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:0\9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#LayerContentsBody .course-list div.course-content{border:2px solid #e0e0e0;background:#ffffff;}
#LayerContentsBody .course-list .course-content .left{margin:18px 0 0 0;}
@media screen and (max-width:960px){#LayerContentsBody .course-list .course-content .left{float:left;width:auto;}
}
@media screen and (max-width:568px){#LayerContentsBody .course-list .course-content .left{float:none;margin:18px 0 5px 0;}
}
#LayerContentsBody .course-list .course-content .sub-title{margin-bottom:0;color:#5a4a34;}
#LayerContentsBody .course-list .course-content .title{margin-bottom:0;color:#5a4a34;font-weight:bold;font-size:180%;line-height:112%;}
#LayerContentsBody .course-list .course-content .title span{font-size:83%;}
@media screen and (max-width:568px){#LayerContentsBody .course-list .course-content .title span:after{content:"  ";}
#LayerContentsBody .course-list .course-content .title br{display:none;}
}
#LayerContentsBody .course-list .course-content .right{margin:18px 0 0 0;text-align:right;}
@media screen and (max-width:960px){#LayerContentsBody .course-list .course-content .right{float:right;width:auto;}
}
@media screen and (max-width:568px){#LayerContentsBody .course-list .course-content .right{margin:0 0 18px 0;float:none;text-align:left;}
}
#LayerContentsBody .course-list .course-content .right.price-two{margin:13px 0 0 0;}
#LayerContentsBody .course-list .course-content .price{margin-bottom:0;color:#925f1f;font-weight:bold;font-size:200%;line-height:100%;}
#LayerContentsBody .course-list .course-content .price span{font-size:65%;}
#LayerContentsBody .course-list .course-content .sub-price{margin-bottom:0;color:#925f20;}
#LayerContentsBody .course-list .course-content p{clear:both;margin-bottom:12px;color:#444444;font-size:120%;line-height:134%;}
@media screen and (max-width:568px){#LayerContentsBody .course-list .course-content p{margin:0 0 12px 0;}
}
@media screen and (max-width:960px){#LayerContentsBody .course-list .course-content{float:none;display:inline-block;text-align:left;letter-spacing:normal;vertical-align:top;}
}
@media screen and (max-width:320px){#LayerContentsBody .course-list .course-content{padding:0 5px;height:auto !important;max-width:310px;}
}
#LayerContentsBody .course-list .line2 .left{margin:9px 0 0 0;}
@media screen and (max-width:568px){#LayerContentsBody .course-list .line2 .left{margin:9px 0 5px 0;}
}
@media screen and (max-width:960px){#LayerContentsBody .course-list{text-align:center;letter-spacing:-.40em;}
}

#LayerContentsBody .course-list a.course-content{border:2px solid #e0e0e0;background:#ffffff;}
#LayerContentsBody .course-list a.course-content:hover, #LayerContentsBody .course-btn-list .course-btn.is-link:hover{border:2px solid #e5cba3;background:#f3e4d3;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f3e4d3), color-stop(0, #fefefd));background:-webkit-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-moz-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-o-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-ms-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:linear-gradient(top, #fefefd 0%, #f3e4d3 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefd', endColorstr='#f3e4d3')";}
#LayerContentsBody .course-list .course-content p.badge_one{width:50px;height:0;margin:0;padding:0;padding-top:50px;overflow:hidden;background:url(i/badge_no_1.png) 0 0 no-repeat;position:relative;top:-20px;left:-20px;}
#LayerContentsBody .course-list .course-content p.badge_one + p{margin:-50px 0 0 10px;}
#LayerContentsBody .option-list, #LayerContentsBody .course-btn-list{margin:0 0 0 -15px;letter-spacing:-.40em;}
@media screen and (max-width:568px){#LayerContentsBody .course-btn-list{margin:0;}}

#LayerContentsBody .option-list a.option-content, #LayerContentsBody .option-list div.option-content{display:inline-block;vertical-align:middle;letter-spacing:normal;width:340px;min-height:49px;margin:0 0 10px 15px;padding:0 18px 0;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:0\9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#LayerContentsBody .option-list div.option-content2{display:inline-block;vertical-align:middle;letter-spacing:normal;min-height:49px;margin:0 0 10px 15px;padding:0 5px 0 18px;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:0\9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#LayerContentsBody .option-list div.option-content3, #LayerContentsBody .course-btn-list .course-btn, #LayerContentsBody .course-btn-list a.course-btn{display:inline-block;vertical-align:middle;letter-spacing:normal;min-height:49px;margin:0 0 10px 15px;padding:0 10px 0 18px;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:0\9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
@media screen and (max-width:320px){#LayerContentsBody .option-list a.option-content, #LayerContentsBody .option-list div.option-content{padding:0 5px;height:auto !important;max-width:310px;}
}
@media screen and (max-width:320px){#LayerContentsBody .option-list a.option-content2, #LayerContentsBody .option-list div.option-content2{padding:0 5px;height:auto !important;max-width:310px;}
}
@media screen and (max-width:320px){#LayerContentsBody .option-list a.option-content2, #LayerContentsBody .option-list div.option-content3{padding:0 5px;height:auto !important;max-width:310px;}
}
@media screen and (max-width:400px){#LayerContentsBody div.option-content2 .price{float:right;width:auto;margin-top:5px !important;}
}
@media screen and (max-width:400px){#LayerContentsBody div.option-content2 .title{float:left;width:auto;margin-bottom:0px !important;}
}
@media screen and (max-width:400px){#LayerContentsBody div.option-content2 .price2{float:right;width:auto;margin-top:10px !important;}
}
@media screen and (max-width:400px){#LayerContentsBody div.option-content2 .title2{float:left;width:auto;margin-bottom:5px !important;}
}
@media screen and (max-width:400px){#LayerContentsBody div.option-content3 .price, #LayerContentsBody a.option-content3 .price{float:right;width:auto;margin-top:5px !important;}
}
@media screen and (max-width:400px){#LayerContentsBody div.option-content3 .title, #LayerContentsBody a.option-content3 .title{float:left;width:auto;margin-bottom:0px !important;}
}
#LayerContentsBody .option-list a.option-content, #LayerContentsBody .option-list a.option-content2, #LayerContentsBody .option-list a.option-content3, #LayerContentsBody .course-btn-list .course-btn.is-link{border:1px solid #d5d5d5;background:#eae9e9;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #eae9e9), color-stop(0, white));background:-webkit-linear-gradient(top, white 0%, #eae9e9 100%);background:-moz-linear-gradient(top, white 0%, #eae9e9 100%);background:-o-linear-gradient(top, white 0%, #eae9e9 100%);background:-ms-linear-gradient(top, white 0%, #eae9e9 100%);background:linear-gradient(top, #ffffff 0%, #eae9e9 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eae9e9')";}
#LayerContentsBody .option-list a.option-content:hover, #LayerContentsBody .option-list a.option-content2:hover, #LayerContentsBody .option-list a.option-content3:hover{border:1px solid #e5cba3;background:#f3e4d3;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f3e4d3), color-stop(0, #fefefd));background:-webkit-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-moz-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-o-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-ms-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:linear-gradient(top, #fefefd 0%, #f3e4d3 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefd', endColorstr='#f3e4d3')";}
@media screen and (max-width:568px){#LayerContentsBody .course-btn-list .course-btn, #LayerContentsBody .course-btn-list .course-btn.is-link{width: 100%;margin-left: 0;}}
#LayerContentsBody .option-list div.option-content, #LayerContentsBody .option-list div.option-content2, #LayerContentsBody .option-list div.option-content3, #LayerContentsBody .course-btn-list .course-btn, #LayerContentsBody .course-btn-list .course-btn.is-link{border:2px solid #e0e0e0;background:#ffffff;}
#LayerContentsBody .option-list .title, #LayerContentsBody .course-btn-list .title{float:left;margin:15px 0 12px;color:#5a4a34;font-weight:bold;font-size:180%;line-height:112%;}
@media screen and (max-width:960px){#LayerContentsBody .option-list .title, #LayerContentsBody .course-btn-list .title{float:left;width:auto;}
}
@media screen and (max-width:960px){#LayerContentsBody div.option-content2 p.title{margin-bottom:5 !important;}
}
#LayerContentsBody .option-list .line2{margin:5px 0 5px;}
#LayerContentsBody .option-list .price, #LayerContentsBody .course-btn-list .price{float:right;margin:15px 0 12px;color:#925f1f;font-weight:bold;font-size:200%;line-height:110%;}
#LayerContentsBody .option-list .price2{float:right;margin:23px 0 12px;color:#925f1f;font-weight:bold;font-size:200%;line-height:110%;}
#LayerContentsBody .option-list .price span, #LayerContentsBody .course-btn-list .price span{font-size:65%;line-height:150%;}
#LayerContentsBody .option-content2 .price span{font-size:65%;line-height:150%;}
#LayerContentsBody .option-content2 .price2 span{font-size:65%;line-height:150%;}
#LayerContentsBody .option-content3 .price span{font-size:65%;line-height:150%;}
#LayerContentsBody .option-content3 .price2 span{font-size:65%;line-height:150%;}
@media screen and (max-width:960px){#LayerContentsBody .option-list .price, #LayerContentsBody .course-btn-list .price{float:right;width:auto;}
}
@media screen and (max-width:960px){#LayerContentsBody div.option-content2 .price{float:right;width:auto;}
}
@media screen and (max-width:960px){#LayerContentsBody div.option-content2 .price2{float:right;width:auto;}
}
@media screen and (max-width:960px){#LayerContentsBody div.option-content3 .price{float:right;width:auto;}
}
@media screen and (max-width:960px){#LayerContentsBody div.option-content3 .price2{float:right;width:auto;}
}
pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr25{padding-right:25px;}
.pt8{padding-top:8px;}
.pt18{padding-top:18px;}
#LayerContentsBody .course-button{margin:-15px 0 0 -11px;}
#LayerContentsBody .course-button li{display:block;float:left;width:312px;height:auto;margin:15px 0 0 21px;padding:0 0;border:1px solid #f2d5b3;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:0\9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;background:#fef8f0;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #fef8f0), color-stop(0, white));background:-webkit-linear-gradient(top, white 0%, #fef8f0 100%);background:-moz-linear-gradient(top, white 0%, #fef8f0 100%);background:-o-linear-gradient(top, white 0%, #fef8f0 100%);background:-ms-linear-gradient(top, white 0%, #fef8f0 100%);background:linear-gradient(top, #ffffff 0%, #fef8f0 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#fef8f0')";}
@media screen and (max-width:960px){#LayerContentsBody .course-button li{float:none;display:inline-block;text-align:left;letter-spacing:normal;max-width:320px;}
}
@media screen and (max-width:568px){#LayerContentsBody .course-button li{max-width:250px;}
}
#LayerContentsBody .course-button li:hover{background:#fdedd9;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #fdedd9), color-stop(0, white));background:-webkit-linear-gradient(top, white 0%, #fdedd9 100%);background:-moz-linear-gradient(top, white 0%, #fdedd9 100%);background:-o-linear-gradient(top, white 0%, #fdedd9 100%);background:-ms-linear-gradient(top, white 0%, #fdedd9 100%);background:linear-gradient(top, #ffffff 0%, #fdedd9 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#fdedd9')";}
#LayerContentsBody .course-button li a{display:block;width:auto;height:auto;padding:22px 0 0 73px;min-height:51px;text-decoration:none;font-size:139%;line-height:112%;background:url(i/common.png) no-repeat -907px -1028px;}
#LayerContentsBody .course-button li a span{color:#925f20;font-size:134%;line-height:109%;}
@media screen and (max-width:568px){#LayerContentsBody .course-button li a{padding:22px 0 0 38px;background:url(i/common.png) no-repeat -938px -1028px;}
}
@media screen and (max-width:960px){#LayerContentsBody .course-button{text-align:center;letter-spacing:-.40em;margin:-15px 0 0 -21px;}
}
#LayerContentsBody .link{width:auto;margin:0 0 20px 0;padding:0;}
#LayerContentsBody .link li{position:relative;width:auto;display:inline-block;*display:inline;*zoom:1;margin:0 0 0 0;padding:0 0 0 0;list-style:none;border:1px solid #f0ca9d;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:0\9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;background:#fcf1e3;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #fcf1e3), color-stop(0, white));background:-webkit-linear-gradient(top, white 0%, #fcf1e3 100%);background:-moz-linear-gradient(top, white 0%, #fcf1e3 100%);background:-o-linear-gradient(top, white 0%, #fcf1e3 100%);background:-ms-linear-gradient(top, white 0%, #fcf1e3 100%);background:linear-gradient(top, #ffffff 0%, #fcf1e3 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#fcf1e3')";}
@media screen and (max-width:960px){#LayerContentsBody .link li{text-align:left;width:auto;letter-spacing:normal;}
}
#LayerContentsBody .link li:hover{border:1px solid #e5cba3;background:#fee7c9;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #fee7c9), color-stop(0, #fffffe));background:-webkit-linear-gradient(top, #fffffe 0%, #fee7c9 100%);background:-moz-linear-gradient(top, #fffffe 0%, #fee7c9 100%);background:-o-linear-gradient(top, #fffffe 0%, #fee7c9 100%);background:-ms-linear-gradient(top, #fffffe 0%, #fee7c9 100%);background:linear-gradient(top, #fffffe 0%, #fee7c9 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fffffe', endColorstr='#fee7c9')";}
#LayerContentsBody .link a{position:relative;display:table-cell;*display:inline-block;*zoom:1;vertical-align:middle;width:auto;height:39px;padding:3px 10px 0 26px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;text-decoration:none;color:#30200b;font-size:100%;line-height:150%;border-left:1px solid #ffffff;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:0\9;background:url(i/common.png) no-repeat -713px -235px;}
@media screen and (max-width:960px){#LayerContentsBody .link{text-align:center;letter-spacing:-.40em;}
}
#LayerContentsBody .flow-contents .link li{border:1px solid #d5d5d5;background:#eae9e9;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #eae9e9), color-stop(0, white));background:-webkit-linear-gradient(top, white 0%, #eae9e9 100%);background:-moz-linear-gradient(top, white 0%, #eae9e9 100%);background:-o-linear-gradient(top, white 0%, #eae9e9 100%);background:-ms-linear-gradient(top, white 0%, #eae9e9 100%);background:linear-gradient(top, #ffffff 0%, #eae9e9 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fffffe', endColorstr='#eae9e9')";}
#LayerContentsBody .flow-contents .link li:hover{border:1px solid #e5cba3;background:#f3e4d3;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f3e4d3), color-stop(0, #fefefd));background:-webkit-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-moz-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-o-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:-ms-linear-gradient(top, #fefefd 0%, #f3e4d3 100%);background:linear-gradient(top, #fefefd 0%, #f3e4d3 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefd', endColorstr='#f3e4d3')";}
#LayerContentsBody .flow-contents .link li a{border-left:1px solid #ffffff;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;}
#TopPage #LayerContentsBody #AreaComment .link li{background:#f6d1c8;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f6d1c8), color-stop(0, white));background:-webkit-linear-gradient(top, white 0%, #f6d1c8 100%);background:-moz-linear-gradient(top, white 0%, #f6d1c8 100%);background:-o-linear-gradient(top, white 0%, #f6d1c8 100%);background:-ms-linear-gradient(top, white 0%, #f6d1c8 100%);background:linear-gradient(top, #ffffff 0%, #f6d1c8 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f6d1c8')";}
#TopPage #LayerContentsBody #AreaComment .link li:hover{border:1px solid #e5cba3;background:#f3e4d3;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f6d1c8), color-stop(0, #f6e5e0));background:-webkit-linear-gradient(top, #f6e5e0 0%, #f6d1c8 100%);background:-moz-linear-gradient(top, #f6e5e0 0%, #f6d1c8 100%);background:-o-linear-gradient(top, #f6e5e0 0%, #f6d1c8 100%);background:-ms-linear-gradient(top, #f6e5e0 0%, #f6d1c8 100%);background:linear-gradient(top, #f6e5e0 0%, #f6d1c8 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f6e5e0', endColorstr='#f6d1c8')";}
#TopPage #LayerContentsBody #AreaComment .link li a{border-left:1px solid #ffffff;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;}
.side-list{margin-top:-15px;letter-spacing:-.40em;}
.side-list li{display:inline-block;width:170px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;letter-spacing:normal;vertical-align:top;}
@media screen and (max-width:568px){.side-list li{width:50%;}
}
#LayerContentsBody .flow-box{margin:0 0 18px 0;border:1px solid #d7d7d7;}
#LayerContentsBody .flow-box .flow-title{padding:10px 15px 6px 15px;color:#394766;background-color:#f4f7fd;font-weight:bold;font-size:150%;line-height:134%;}
#LayerContentsBody .flow-box .flow-contents{padding:0 11px 0;}
.news-contents{width:715px;margin:0 0 20px -10px;}
.news-contents dl{clear:both;height:auto;margin:0;padding:0;border-bottom:1px dotted #aaaaaa;}
.news-contents dl:first-child{margin-top:0;}
.news-contents dt{float:left;width:120px;font-size:130%;line-height:135%;height:auto;margin:0 5px 0 0;padding:10px 0 10px 11px;color:#402c0e;}
@media screen and (max-width:960px){.news-contents dt{float:none;width:auto;}
}
.news-contents dd{float:left;width:524px;height:auto;margin:0;padding:10px 11px 10px 0;font-size:130%;line-height:135%;}
.news-contents dd a, .news-contents dd a:link, .news-contents dd a:visited{color:#333333;text-decoration:none;}
.news-contents dd a:hover, .news-contents dd a:active{text-decoration:underline;}
@media screen and (max-width:960px){.news-contents dd{float:none;width:auto;padding:0 11px 10px 11px;}
}
@media screen and (max-width:960px){.news-contents{width:auto;margin:0 0 20px 0;}
}
.douga{width:auto;height:auto;}
.douga a, .douga a:link, .douga a:visited{display:block;width:114px;height:68px;padding:12px 0 0 141px;background:url(i/douga_bg.png) 0 0 no-repeat;}
.douga a:hover, .douga a:active{background:url(i/douga_bg.png) 0 -80px no-repeat;}
.douga img{border:1px solid #ffffff;}
@media screen and (max-width:960px){.douga a{margin:0 auto;}
}
#LayerContentsBody .area-point{margin:0 0 34px 0;}
#LayerContentsBody .area-point .point-contents{float:left;width:398px;}
@media screen and (max-width:740px){#LayerContentsBody .area-point .point-contents{float:none;width:auto;}
}
#LayerContentsBody .area-point .point-contents .point-img{float:left;width:173px;}
@media screen and (max-width:740px){#LayerContentsBody .area-point .point-contents .point-img{float:none;width:auto;text-align:center;}
}
#LayerContentsBody .area-point .point-contents .point-text{float:right;width:210px;}
@media screen and (max-width:740px){#LayerContentsBody .area-point .point-contents .point-text{float:none;width:auto;}
}
#LayerContentsBody .area-point .point-contents .point-text .title{margin:5px 0 5px 0;padding-left:15px;color:#c66d10;font-size:150%;line-height:134%;background:url(i/common.png) no-repeat -836px -131px;}
#LayerContentsBody .area-point .point-legend{float:right;width:234px;padding:18px 18px 14px 18px;border:2px solid #e6e0da;background:#fcfaf7;}
@media screen and (max-width:740px){#LayerContentsBody .area-point .point-legend{float:none;width:auto;}
}
#LayerContentsBody .area-point .point-legend .title{margin:25px 0 0 0;padding:0 0 0 18px;background:url(i/common.png) no-repeat -590px -354px;font-size:140%;line-height:115%;}
#LayerContentsBody .area-point .point-legend .title:first-child{margin:0 0 0 0;}
#LayerContentsBody .area-point .point-legend p{margin:0 0 4px 0;}
@media screen and (max-width:960px){#LayerContentsBody .area-point{width:695px;margin:0 auto 34px;}
}
@media screen and (max-width:740px){#LayerContentsBody .area-point{width:auto;margin:0 0 34px;}
}
#LayerContentsBody .area-before-after .before-after-img{float:left;width:590px;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after .before-after-img{float:none;width:auto;}
#LayerContentsBody .area-before-after .before-after-img p{text-align:center;}
}
#LayerContentsBody .area-before-after .before-after-img ul{margin:0 0 20px 0;height:187px;letter-spacing:-.40em;}
#LayerContentsBody .area-before-after .before-after-img ul li{margin:0 0 0 6px;padding:0;background:none;display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;}
#LayerContentsBody .area-before-after .before-after-img ul li:first-child{margin:0;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after .before-after-img ul li{display:block;margin:10px 0 0 0;}
#LayerContentsBody .area-before-after .before-after-img ul li:nth-child(2){background:url(/service/osouji/i/flow_arrow.png) center 0 no-repeat;text-indent:-9999px;height:18px;}
}
#LayerContentsBody .area-before-after .before-after-img ul li img{vertical-align:middle;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after .before-after-img ul{letter-spacing:normal;height:auto;text-align:center;}
}
#LayerContentsBody .area-before-after .before-after-list{float:right;width:86px;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after .before-after-list{float:none;width:auto;}
}
#LayerContentsBody .area-before-after .before-after-list ul{margin:0;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after .before-after-list ul{letter-spacing:-.40em;text-align:center;}
}
#LayerContentsBody .area-before-after .before-after-list ul li{padding:0;margin:0 0 8px 0;background:none;cursor:pointer;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after .before-after-list ul li{display:inline-block;letter-spacing:normal;margin:0 0 0 10px;}
#LayerContentsBody .area-before-after .before-after-list ul li:first-child{margin:0;}
}
#LayerContentsBody .area-before-after #IdPanel2, #LayerContentsBody .area-before-after #IdPanel3{display:none;}
@media screen and (max-width:960px){#LayerContentsBody .area-before-after{width:695px;margin:0 auto;}
}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after{width:auto;margin:0 0;}
}
#LayerContentsBody .caution-text-lg{font-size:160%;font-weight:bold;line-height:125%;color:#A22929;}
#AreaDouga{margin:0 0 20px 0;}
#AreaDouga .douga-contents{float:left;width:530px;padding:20px 15px 0;border:1px solid #d7d7d7;}
#AreaDouga .douga-contents iframe{margin:0 0 20px 0;}
#AreaDouga .douga-list{float:right;width:113px;}
#AreaDouga .douga-list li{margin:0 0 8px 0;padding:0;background:none;cursor:pointer;}
#AreaDouga .douga-list li span{font-size:93%;line-height:125%;}
#AreaDouga .douga-list li img{margin:0 0 6px 0;padding:7px 6px;border:1px solid #dadada;background-color:#f1f1f1;}
#AreaDouga #IdDouga2, #AreaDouga #IdDouga3, #AreaDouga #IdDouga4, #AreaDouga #IdDouga5, #AreaDouga #IdDouga6, #AreaDouga #IdDouga7{display:none;}
@media screen and (max-width:960px){#AreaDouga{width:695px;margin:0 auto 20px;}
}
@media screen and (max-width:740px){#AreaDouga{width:auto;margin:0 0;}
#AreaDouga .douga-contents{float:none;width:100%;margin:0 0 20px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#AreaDouga .douga-contents iframe{width:100%;}
#AreaDouga .douga-list{float:none;width:auto;margin:-10px 0 20px -10px;text-align:center;letter-spacing:-.40em;}
#AreaDouga .douga-list li{width:113px;display:inline-block;text-align:left;letter-spacing:normal;vertical-align:top;margin:10px 0 0 10px;}
}
@media screen and (max-width:960px){.estimate-img{text-align:center;}
.estimate-img img{width:100%;height:auto;max-width:308px;}
}
#LayerContentsBody .em-area{border:1px solid #e4edf5;background-color:#f7fafc;padding:17px 14px 14px;margin:0 0 40px 0;}
#LayerContentsBody .em-area h2{width:auto;color:#444444;font-size:150%;line-height:134%;font-weight:bold;padding:0;margin:0 0 10px 0;border:none;background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
#LayerContentsBody .onepoint-lesson{margin:2px 0 0;padding:13px 13px 0;border:1px solid #ffffff;background-color:#e9f1f7;}
#LayerContentsBody .onepoint-lesson h2{min-height:22px;margin:0 0 13px 0;padding:12px 0 0 45px;color:#25496b;font-size:160%;line-height:132%;background:url(i/common.png) no-repeat -345px -604px;}
.comb-case{margin:0 0 40px 0;padding:18px 15px 0;border-top:1px dotted #d7d7d7;border-bottom:1px dotted #d7d7d7;}
.comb-case .price{margin:0 0 10px 0;color:#925f20;font-weight:bold;font-size:200%;line-height:110%;}
.comb-case .price span{font-weight:normal;font-size:65%;line-height:150%;}
@media screen and (max-width:960px){.comb-case div{float:none;text-align:center;width:auto;}
}
#LayerContentsBody .area-menu{background-color:#fcf9f5;margin:0 0 40px 0;border:1px solid #e8dabe;}
#LayerContentsBody .area-menu h2{width:auto;min-height:13px;color:#444444;font-size:140%;line-height:129%;font-weight:bold;padding:11px 0 10px 15px;margin:0 0 15px 0;border:none;background:#e8dabe;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
#LayerContentsBody .area-menu h3{width:auto;font-size:130%;line-height:113%;font-weight:bold;padding:0;margin:0 0 10px 15px;color:#c66d10;border-top:none;border-bottom:none;background:none;}
#LayerContentsBody .area-menu h3:first-child{margin:15px 0 10px 15px;}
#LayerContentsBody .area-menu ul{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #d7d7d7;margin-right:15px;}
#LayerContentsBody .area-menu ul li{width:25%;background:url(i/common.png) no-repeat -911px -47px;}
#LayerContentsBody .area-menu ul li a, #LayerContentsBody .area-menu ul li a:link, #LayerContentsBody .area-menu ul li a:visited{text-decoration:none;}
#LayerContentsBody .area-menu ul li a:hover, #LayerContentsBody .area-menu ul li a:active{text-decoration:underline;}
#LayerContentsBody .area-menu ul.solid{padding-bottom:20px;border-bottom:1px solid #d7d7d7;}
#LayerContentsBody .area-menu ul.bottom{border-bottom:none;margin-bottom:0;}
@media screen and (max-width:568px){#LayerContentsBody .area-menu ul li{width:50%;}
}
#LayerContentsBody .area-menu.list-3 ul li{width:33%;}
@media screen and (max-width:568px){#LayerContentsBody .area-menu.list-3 ul li{width:50%;}
}
#LayerContentsBody .area-caution{background-color:#ffffff;margin:0 0 40px 0;padding:0 0 0 0;}
#LayerContentsBody .area-caution h2{width:auto;min-height:13px;color:#6c5b47;font-size:140%;line-height:129%;font-weight:bold;padding:11px 0 10px 15px;margin:0 0 0 0;border:none;background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
#LayerContentsBody .area-caution h4{width:auto;min-height:13px;color:#6c5b47;font-size:140%;line-height:129%;font-weight:bold;padding:11px 0 10px 15px;margin:0 0 0 0;border:none;background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
#LayerContentsBody .area-caution p{margin-left:15px;font-size:110%;line-height:129%;color:#666666;margin-right:15px;}
#LayerContentsBody .area-caution .title{width:auto;font-weight:bold;padding:0;color:#8f7556;margin-bottom:10px;font-size:130%;line-height:113%;}
#LayerContentsBody .area-caution ul{margin-bottom:20px;margin-right:15px;margin-top:-5px;}
#LayerContentsBody .area-caution ul li{font-size:110%;line-height:129%;color:#666666;background:url(i/common.png) no-repeat -874px -92px;padding-left:10px;margin-top:5px;}
#LayerContentsBody .area-caution ul li a{color:#666666;}
#LayerContentsBody .area-caution ul.bottom{padding-bottom:20px;border-bottom:1px dotted #d7d7d7;}
#LayerContentsBody .area-caution ul.list-column2 li{width:47%;}
@media screen and (max-width:568px){#LayerContentsBody .area-caution ul.list-column2 li{float:none;width:auto;}
}
#LayerContentsBody #AreaError{width:auto;margin:0 0 20px 0;padding:20px 25px 1px;background:#fee8e8;}
#LayerContentsBody #AreaError dl{letter-spacing:-0.4em;margin:0 0 20px;position:relative;}
#LayerContentsBody #AreaError dt{position:relative;display:inline-block;width:30%;margin:0;padding:0 0 0 15px;letter-spacing:normal;font-size:130%;line-height:150%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;color:#a22929;background:url(i/form_parts.png) 0 -35px no-repeat;}
#LayerContentsBody #AreaError dd{display:inline-block;vertical-align:top;width:70%;margin:0;padding:0;letter-spacing:normal;font-size:130%;line-height:150%;color:#a22929;}
@media screen and (max-width:960px){#LayerContentsBody #AreaError{width:auto;margin:0 0 20px 0;}
}
#LayerContentsBody .area-hk-service{background-color:#fff;margin:0 0 40px 0;border:2px solid #ffbf36;}
#LayerContentsBody .area-hk-service h2{width:auto;min-height:13px;color:#444444;font-size:140%;line-height:129%;font-weight:bold;padding:11px 0 10px 15px;margin:0 0 15px 0;border:none;background:#ffbf36;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
#LayerContentsBody .area-hk-service h3{width:auto;font-size:130%;line-height:113%;font-weight:bold;padding:0;margin:0 0 10px 15px;color:#c66d10;border-top:none;border-bottom:none;background:none;}
#LayerContentsBody .area-hk-service h3:first-child{margin:15px 0 10px 15px;}
#LayerContentsBody .area-hk-service ul{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #d7d7d7;margin-right:15px;}
#AreaFAQ{margin:0 0 15px 0;}
#AreaFAQ .all-button{text-align:right;letter-spacing:-.40em;margin:0 0 10px 0;}
#AreaFAQ .all-button p{display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;margin:0 0 0 38px;padding:0 0 0 18px;cursor:pointer;text-decoration:underline;}
#AreaFAQ .all-button .all-open{background:url(i/common.png) no-repeat -682px -285px;}
#AreaFAQ .all-button .all-close{background:url(i/common.png) no-repeat -641px -323px;}
#AreaFAQ .box-faq{margin:0 0 5px;padding:0 0 5px 0;border-bottom:1px dotted #b8b8b8;}
#AreaFAQ .faq-question{margin:0 0 0 10px;padding:9px 0 3px 25px;background:url(i/common.png) no-repeat -544px -407px;cursor:pointer;}
#AreaFAQ .faq-question p:first-child{width:550px;float:left;margin:0;}
@media screen and (max-width:960px){#AreaFAQ .faq-question p:first-child{width:auto;}
}
#AreaFAQ .open-close{float:right;width:50px;height:18px;margin:0 10px 0 0;padding:0 23px 0 0;color:#444444;text-align:right;background:url(i/common.png) no-repeat -397px -510px;cursor:pointer;}
#AreaFAQ .faq-answer{display:none;margin:9px 0 5px 10px;padding:0 0 0 25px;background:url(i/common.png) no-repeat -498px -463px;}
#AreaFAQ p{margin:0;}
#AreaContact{width:709px;margin:0 0 0 -10px;padding:15px 0 0 0;border:3px solid #fdedd9;}
#AreaContact .text-bold{font-weight:bold;font-size:150%;line-height:134%;}
#AreaContact #IdEstimate{text-align:center;border-bottom:1px dotted #bcbcbc;}
#AreaContact #IdEstimate p{margin:0 0 10px 0;}
#AreaContact #IdEstimate p:first-child{margin:0 0 15px 0;}
@media screen and (max-width:960px){#AreaContact #IdEstimate{margin:0 5px;}
#AreaContact #IdEstimate img{width:100%;height:auto;max-width:299px;}
#AreaContact #IdEstimate .estimate-img img{width:100%;height:auto;max-width:308px;}
}
#AreaContact #IdTell{float:left;width:352px;min-height:66px;padding:17px 0 0 0;border-right:1px dotted #bcbcbc;text-align:center;}
#AreaContact #IdTell p{margin:0 0 10px 0;}
@media screen and (max-width:960px){#AreaContact #IdTell{float:none;width:auto;border-right:none;border-bottom:1px dotted #bcbcbc;}
#AreaContact #IdTell img{width:100%;height:auto;max-width:181px;}
}
#AreaContact #IdContactForm{float:right;width:355px;min-height:68px;padding:15px 0 0 0;text-align:center;}
#AreaContact #IdContactForm p{margin:0 0 5px 0;}
#AreaContact #IdContactForm p img{margin:10px 0 0 0;}
@media screen and (max-width:960px){#AreaContact #IdContactForm{float:none;width:auto;}
#AreaContact #IdContactForm img{width:100%;height:auto;max-width:191px;}
}
@media screen and (max-width:960px){#AreaContact{width:auto;margin:0 0 0 0;}
}
.area-gift-contact{width:709px;margin:0 0 0 -10px;padding:0 0 0 0;border:3px solid #fdedd9;}
.area-gift-contact .gift-tell{float:right;width:355px;min-height:66px;padding:17px 0 0 0;text-align:center;border-left:1px dotted #bcbcbc;}
.area-gift-contact .gift-tell p{margin:0 0 10px 0;}
@media screen and (max-width:960px){.area-gift-contact .gift-tell{float:none;width:auto;border-left:none;}
.area-gift-contact .gift-tell img{width:100%;height:auto;max-width:244px;}
}
.area-gift-contact .gift-contact-form{float:left;width:352px;min-height:68px;padding:15px 0 0 0;text-align:center;}
.area-gift-contact .gift-contact-form p{margin:0 0 5px 0;}
@media screen and (max-width:960px){.area-gift-contact .gift-contact-form{float:none;width:auto;border-bottom:1px dotted #bcbcbc;}
.area-gift-contact .gift-contact-form img{width:100%;height:auto;max-width:283px;}
}
@media screen and (max-width:960px){.area-gift-contact{width:auto;margin:0 0 0 0;}
}
.caption{font-size:1.0em;color:#666;line-height:117%;border-left:3px solid #93acc1;margin:6px 0 0 0;padding:0 0 0 2px;}
.tnavi{margin:0 0 12px 10px;padding:0;}
.tnavi ol{margin:0;}
.tnavi ol li{display:inline;list-style:none;margin:0;font-size:110%;}
.tnavi ol li a{color:#444444;text-decoration:underline;}
@media screen and (max-width:960px){.tnavi{margin:0 0 12px 4%;}
}
#fancybox-title{width:95% !important;margin:20px auto 0;}
#fancybox-title.fancybox-title-float{position:relative;left:0 !important;bottom:0;height:auto;}
#fancybox-title #fancybox-title-float-wrap{width:100% !important;background-color:#000;border:2px solid #fff;}
#fancybox-title #fancybox-title-float-wrap td{white-space:normal;}
#fancybox-title #fancybox-title-float-wrap #fancybox-title-float-main{width:100% !important;background:none;padding:5px 15px;line-height:19px;}
#fancybox-title #fancybox-title-float-wrap #fancybox-title-float-left{display:none;}
#fancybox-title #fancybox-title-float-wrap #fancybox-title-float-right{display:none;}
#LayerSnavi{float:left;width:230px;padding:0;margin:0 0 0 0;}
@media screen and (max-width:960px){#LayerSnavi{float:none;width:96%;margin:0 2% 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
}
#AreaLnavi{margin:0 0 25px 0;padding:0;border:1px solid #fcbb6d;border-radius:5px 5px 0 0/5px 5px 0 0;-moz-border-radius:5px 5px 0 0/5px 5px 0 0;-webkit-border-radius:5px 5px 0 0/5px 5px 0 0;-o-border-radius:5px 5px 0 0/5px 5px 0 0;-ms-border-radius:5px 5px 0 0/5px 5px 0 0;}
#AreaLnavi h2,p.heading{width:228px;height:auto;margin:0;font-size:150%;line-height:134%;background:#fdc27a;border-bottom:1px solid #fcbb6d;border-radius:3px 3px 0 0/3px 3px 0 0;-moz-border-radius:3px 3px 0 0/3px 3px 0 0;-webkit-border-radius:3px 3px 0 0/3px 3px 0 0;-o-border-radius:3px 3px 0 0/3px 3px 0 0;-ms-border-radius:3px 3px 0 0/3px 3px 0 0;}
@media screen and (max-width:960px){#AreaLnavi h2{width:auto;}
}
#AreaLnavi h2 a,p.heading a{display:block;width:197px;height:auto;padding:10px 12px 10px 19px;margin:0;color:#4b2b05;font-weight:bold;text-decoration:none;}
@media screen and (max-width:960px){#AreaLnavi h2 a{width:auto;}
}
#AreaLnavi ul, #AreaLnavi ul li{position:relative;margin:0;padding:0;background:#fefbf7;}
#AreaLnavi ul strong{display:block;margin:0;padding:0;}
#AreaLnavi ul{background-color:#fefbf7;}
#AreaLnavi ul li{display:block;border-bottom:1px dotted #a68c6b;line-height:100%;font-size:100%;}
#AreaLnavi ul li:first-child{border-top:none;}
#AreaLnavi ul li a, #AreaLnavi ul li a:link, #AreaLnavi ul li a:visited{display:block;width:187px;height:auto;padding:12px 12px 10px 29px;color:#1e1515;text-decoration:none;font-size:150%;line-height:108%;}
@media screen and (max-width:960px){#AreaLnavi ul li a, #AreaLnavi ul li a:link, #AreaLnavi ul li a:visited{width:auto;}
}
#AreaLnavi ul li .highlight, #AreaLnavi ul li .highlight:link, #AreaLnavi ul li .highlight:visited, #AreaLnavi ul li a:hover, #AreaLnavi ul li a:active{position:relative;background-color:#fff3e4;}
#AreaLnavi ul li.bottom{position:relative;border-bottom:none;}
#AreaLnavi ul.font-s li a{font-size:140%;}
#SnaviPickup{margin:0 0 25px 0;}
#SnaviPickup li{margin:0 0 10px 0;}
@media screen and (max-width:960px){#SnaviPickup{text-align:center;}
}
#SnaviRnk{position:relative;margin:0 0 25px 0;border:1px solid #f6d16b;}
#SnaviRnk h2,#SnaviRnk p.heading{width:204px;height:auto;padding:9px 12px 8px 12px;border-bottom:1px solid #f6d16b;margin:0;font-weight:bold;font-size:160%;line-height:113%;color:#5d4401;background:#fbd56b;}
#SnaviRnk h2 span, #SnaviRnk p.heading span{position:relative;display:inline-block;margin:-2px 6px 0 0;padding:5px 5px 3px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;background:#fef7e1;}
@media screen and (max-width:960px){#SnaviRnk h2{width:auto;}
}
#SnaviRnk a, #SnaviRnk a:link, #SnaviRnk a:visited{color:#444444;text-decoration:none;}
#SnaviRnk a:hover, #SnaviRnk a:active{text-decoration:underline;}
#SnaviRnk dl{padding:10px 5px 10px 62px;border-top:1px dotted #bcbcbc;}
#SnaviRnk dl dt{margin:0 0 3px 0;color:#3a3a3a;font-weight:bold;font-size:130%;line-height:150%;}
#SnaviRnk dl dd{color:#666666;font-size:110%;line-height:125%;}
#SnaviRnk #IdFirst{border-top:none;background:url(/service/osouji/css/i/rank_1.png) no-repeat 0 0 #fffdf7;min-height:67px;}
#SnaviRnk #IdFirst:hover{background-position:0 -100px;}
#SnaviRnk #IdFirst dt{color:#5c4609;font-size:150%;line-height:134%;}
#SnaviRnk #IdSecond{background:url(i/common.png) no-repeat -267px -670px;}
#SnaviRnk #IdThird{background:url(i/common.png) no-repeat -203px -740px;}
#SnaviBanner{margin:0 0 25px 0;}
#SnaviBanner li{margin:0 0 10px 0;}
@media screen and (max-width:960px){#SnaviBanner{text-align:center;}
}
#LayerFooter{clear:both;width:960px;height:auto;margin:0;padding:0;}
@media screen and (max-width:960px){#LayerFooter{width:100%;}
}
#LayerFooter p.copy{margin-top:15px;text-align:center;}
#AreaNavi{margin:0 0 20px 0;padding:0;border-top:1px dotted #999999;border-bottom:1px dotted #999999;}
#AreaNavi p{float:right;width:149px;height:18px;margin:5px 13px 3px 0;}
@media screen and (max-width:960px){#AreaNavi p{width:100%;float:none;text-align:center;margin:5px 13px 6px 0;}
}
#FooterLink{float:left;width:700px;}
@media screen and (max-width:960px){#FooterLink{width:100%;float:none;}
}
#FooterLink ul{margin:6px 0 4px 0;}
@media screen and (max-width:960px){#FooterLink ul{width:100%;text-align:center;margin:0 0 6px 0;}
}
#FooterLink li{display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;width:auto;font-size:130%;margin:0 0 0 19px;}
#FooterLink li a, #FooterLink li a:link, #FooterLink li a:visited{line-height:130%;　　color:#333333;text-decoration:none;display:inline-block;}
#FooterLink li a:hover, #FooterLink li a:active{text-decoration:underline;}
@media screen and (max-width:960px){#FooterLink li{margin:9px 0 0 19px;}
}
#AreaGroup{width:910px;margin:0 auto;padding:10px;background-color:#fafafa;}
@media screen and (max-width:960px){#AreaGroup{width:100%;padding:0;}
}
#AreaGroup p{float:left;width:134px;font-size:120%;margin:0 0 0 0;padding:4px 0 5px 4px;color:#666666;position:relative;}
@media screen and (max-width:960px){#AreaGroup p{width:auto;float:none;margin:10px;padding:0;height:auto !important;}
}
#AreaGroup p span{position:absolute;top:42%;}
@media screen and (max-width:960px){#AreaGroup p span{position:relative;top:0;}
}
#AreaGroup ul{width:749px;padding:4px 3px 5px 18px;float:right;border-left:1px dotted #999999;}
@media screen and (max-width:960px){#AreaGroup ul{width:auto;margin:0;padding:10px;height:auto !important;float:none;border-left:none;border-top:1px dotted #999999;}
}
#AreaGroup li{display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;font-size:110%;color:#6e6e6e;}
#AreaGroup li a, #AreaGroup li a:link, #AreaGroup li a:visited{color:#6e6e6e;text-decoration:none;}
#AreaGroup li a:hover, #AreaGroup li a:active{text-decoration:underline;}
@media screen and (max-width:960px){#AreaGroup li{line-height:182%;}
}
#TopPage #LayerContents{float:none;width:auto;height:auto;margin:0 0 0 0;padding:0;}
#TopPage #LayerContentsBody{float:none;width:auto;height:auto;margin:0 0 0 0;padding:0;}
#AreaKeyImg{width:954px;height:275px;margin:0 0 20px 0;padding:3px;background:#fdedd9;box-shadow:5px 5px 5px 0 #cccccc;-moz-box-shadow:5px 5px 5px 0 #cccccc;-webkit-box-shadow:5px 5px 5px 0 #cccccc;-o-box-shadow:5px 5px 5px 0 #cccccc;-ms-box-shadow:5px 5px 5px 0 #cccccc;}
@media screen and (max-width:960px){#AreaKeyImg{width:auto;height:auto;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
}
#AreaSlider{float:left;width:727px !important;height:275px;}
@media screen and (max-width:960px){#AreaSlider{width:100% !important;height:auto;float:none;max-width:727px;margin:0 auto;}
}
#AreaSlider img{display:none;}
@media screen and (max-width:960px){#AreaSlider img{width:100%;height:auto;max-width:727px;}
}
#AreaPickup{float:right;width:227px;}
@media screen and (max-width:960px){#AreaPickup{float:none;width:100%;margin:10px 0 0 0;}
#AreaPickup ul{margin:0 0 0 -10px;text-align:center;}
}
#AreaPickup li{width:227px;background-color:white;}
@media screen and (max-width:960px){#AreaPickup li{display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;margin:0 0 0 10px;vertical-align:top;}
}
#AreaPickup li.banner01 img{border-left:5px solid #d54e2b;}
#AreaPickup li.banner02{border-top:1px solid #bbb4ab;}
#AreaPickup li.banner02 a{display:block;}
#AreaPickup li.banner02 img{border-left:5px solid #ed8e29;}
#AreaPickup li.banner03{border-top:1px solid #bbb4ab;}
#AreaPickup li.banner03 a{display:block;}
#AreaPickup li.banner03 img{border-left:5px solid #e4bf25;}
#TopPage div.orbit-wrapper{float:left;width:727px !important;position:relative;padding-bottom:45px}
@media screen and (max-width:960px){#TopPage div.orbit-wrapper{float:none;width:100% !important;}
}
#TopPage div.timer{display:none;}
#AreaSearch{margin:0 0 26px 0;border:1px solid #dbcab4;background-color:#ffffff;box-shadow:5px 5px 5px 0 #cccccc;-moz-box-shadow:5px 5px 5px 0 #cccccc;-webkit-box-shadow:5px 5px 5px 0 #cccccc;-o-box-shadow:5px 5px 5px 0 #cccccc;-ms-box-shadow:5px 5px 5px 0 #cccccc;}
@media screen and (max-width:960px){#AreaSearch{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
}
#AreaSearch .h2-detail{position:relative;background-color:#fcdeb8;margin:2px;min-height:32px;}
#AreaSearch .h2-detail h2{position:absolute;top:-12px;left:18px;width:159px;height:43px;min-height:0;margin:0;padding:0;border:none;background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
#AreaSearch .h2-detail p{float:right;font-size:100%;margin:7px 16px 0 0;}
#AreaSearch .h2-detail p a, #AreaSearch .h2-detail p a:link, #AreaSearch .h2-detail p a:visited{font-size:120%;line-height:140%;color:#3d2c18;text-decoration:none;}
#AreaSearch .h2-detail p a:hover, #AreaSearch .h2-detail p a:active{text-decoration:underline;}
#AreaPurpose{border-top:1px dotted #a88b66;position:relative;}
#AreaPurpose ul{margin:15px 0 0 0;display:block;}
@media screen and (max-width:568px){#AreaPurpose ul{margin:0 0 0 3px;padding:0 0 10px 10px;height:auto !important;}
}
#AreaPurpose ul li{background:none;padding:0;margin-top:7px;}
#AreaPurpose ul li:first-child{margin-top:0;}
#AreaPurpose li a, #AreaPurpose li a:link, #AreaPurpose li a:visited{display:inline-block;font-size:93%;line-height:145%;color:#333333;text-decoration:none;vertical-align:top;}
#AreaPurpose li a:hover, #AreaPurpose li a:active{text-decoration:underline;}
.purpose-box{float:left;margin:2px 0 2px 0;width:auto;padding:0;border-left:1px dotted #a88b66;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
@media screen and (max-width:960px){.purpose-box{width:34%;}
.purpose-box:nth-child(3){width:100%;border-left:none;}
.purpose-box:nth-child(4){float:none;width:32%;position:absolute;top:0;right:0;}
}
@media screen and (max-width:568px){.purpose-box{width:auto;float:none;border-left:none;}
.purpose-box:nth-child(3){float:none;}
.purpose-box:nth-child(4){width:auto;position:relative;}
}
#purpose-contents01, #purpose-contents02, #purpose-contents03, #purpose-contents04{margin:0 2px 0 2px;padding:11px 0 0 10px;padding:11px 0 5px 10px\9;min-height:310px;background:#fbf1e4;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #fbf1e4), color-stop(0, #fdfdfd));background:-webkit-linear-gradient(top, #fdfdfd 0%, #fbf1e4 100%);background:-moz-linear-gradient(top, #fdfdfd 0%, #fbf1e4 100%);background:-o-linear-gradient(top, #fdfdfd 0%, #fbf1e4 100%);background:-ms-linear-gradient(top, #fdfdfd 0%, #fbf1e4 100%);background:linear-gradient(top, #fdfdfd 0%, #fbf1e4 100%);}
@media screen and (max-width:568px){#purpose-contents01, #purpose-contents02, #purpose-contents03, #purpose-contents04{padding:0;min-height:0;}
#purpose-contents01 div, #purpose-contents02 div, #purpose-contents03 div, #purpose-contents04 div{display:none;}
}
#purpose-contents01 p, #purpose-contents02 p, #purpose-contents03 p, #purpose-contents04 p{margin:0;}
@media screen and (max-width:568px){#purpose-contents01 p, #purpose-contents02 p, #purpose-contents03 p, #purpose-contents04 p{display:none;}
}
#purpose-contents01 h3, #purpose-contents02 h3, #purpose-contents03 h3, #purpose-contents04 h3{width:auto;min-height:16px;border:none;margin:3px 0 19px 2px;padding:0;background-color:inherit;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
@media screen and (max-width:568px){#purpose-contents01 h3, #purpose-contents02 h3, #purpose-contents03 h3, #purpose-contents04 h3{margin:0 0 0 0;cursor:pointer;padding:11px 0 10px 10px;}
}
.purpose-box:first-child{border-left:none;}
.purpose-box:first-child #purpose-contents01{margin:0 2px 0 2px;}
#purpose-contents01{width:178px;}
#purpose-contents01 h3{background:none;}
#purpose-contents01 h3 img{margin:1px;}
@media screen and (max-width:960px){#purpose-contents01{width:auto;}
}
#purpose-contents02{width:178px;}
#purpose-contents02 h3{background:none;}
#purpose-contents02 h3 img{margin:-1px;}
@media screen and (max-width:960px){#purpose-contents02{width:auto;}
}
#purpose-contents03{width:366px;}
#purpose-contents03 .column3-01{width:115px;}
@media screen and (max-width:568px){#purpose-contents03 .column3-01{width:auto;padding-bottom:8px;}
#purpose-contents03 .column3-01 br{display:none;}
}
#purpose-contents03 .column3-02{width:129px;margin:15px 0 0;border-left:1px dotted #cdbeac;}
#purpose-contents03 .column3-02 li{padding:0 0 0 5px;background:none;}
@media screen and (max-width:568px){#purpose-contents03 .column3-02{width:auto;border-left:none;margin:0 0 0 3px;padding:0 0 8px 5px;}
#purpose-contents03 .column3-02 br{display:none;}
}
#purpose-contents03 .column3-03{width:117px;margin:15px 0 0;border-left:1px dotted #cdbeac;}
#purpose-contents03 .column3-03 li{padding:0 0 0 5px;background:none;}
@media screen and (max-width:568px){#purpose-contents03 .column3-03{width:auto;height:auto !important;border-left:none;margin:0 0 0 3px;padding:0 0 8px 5px;}
}
#purpose-contents03 h3{background:none;}
@media screen and (max-width:960px){#purpose-contents03 h3 img{width:auto;}
}
#purpose-contents03 ul{float:left;min-height:197px;}
@media screen and (max-width:960px){#purpose-contents03{width:auto;border-left:none;}
#purpose-contents03 img{width:100%;height:auto;max-width:357px;}
}
@media screen and (max-width:568px){#purpose-contents03 ul{float:none;min-height:0;}
}
#purpose-contents04{width:177px;}
#purpose-contents04 h3{background:none;}
@media screen and (max-width:960px){#purpose-contents04{width:auto;}
}
#LayerContentsBody #IdWhole{width:auto;padding:6px 0 5px 5px;border-top:1px dotted #cdbeac;border-bottom:1px dotted #cdbeac;}
#LayerContentsBody #IdWhole a{display:inline-block;line-height:145%;*display:inline;*zoom:1;vertical-align:top;}
@media screen and (max-width:568px){#LayerContentsBody #IdWhole{width:auto;border:none;padding:0 0 0 5px;}
#LayerContentsBody #IdWhole a{padding:0;min-height:0;}
}
#LayerContentsBody #IdStores{width:155px;margin-top:22px;padding:0;border:1px solid #dadada;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #efefef), color-stop(0, white));background:-webkit-linear-gradient(top, white 0%, #efefef 100%);background:-moz-linear-gradient(top, white 0%, #efefef 100%);background:-o-linear-gradient(top, white 0%, #efefef 100%);background:-ms-linear-gradient(top, white 0%, #efefef 100%);background:linear-gradient(top, #ffffff 0%, #efefef 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#efefef')";}
#LayerContentsBody #IdStores a{display:block;min-height:37px;padding:7px 0 0 27px;border:1px solid #ffffff;background:url(i/common.png) -952px 14px no-repeat;}
#TopPage #AreaInfo{margin:0 0 25px 0;}
#TopPage .news-list{width:529px;min-height:228px;border:1px solid #cabca2;float:left;}
@media screen and (max-width:960px){#TopPage .news-list{width:100%;min-height:0;margin:0 0 20px 0;float:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
}
#TopPage .news-list .h2-detail{position:relative;background-color:#f0e5d7;margin:2px;min-height:32px;}
#TopPage .news-list .h2-detail h2{position:absolute;top:-6px;left:18px;width:112px;height:36px;min-height:0;margin:0;padding:0;border:none;background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
#TopPage .news-list .h2-detail p{float:right;font-size:100%;margin:7px 16px 0 0;}
#TopPage .news-list .h2-detail p a, #TopPage .news-list .h2-detail p a:link, #TopPage .news-list .h2-detail p a:visited{font-size:120%;line-height:140%;color:#3d2c18;text-decoration:none;}
#TopPage .news-list .h2-detail p a:hover, #TopPage .news-list .h2-detail p a:active{text-decoration:underline;}
#TopPage .news-list .news-contents{width:auto;margin:0;border-top:1px dotted #b49468;}
#TopPage .news-list .news-contents dl{clear:both;height:auto;margin:0 12px;padding:0;border-bottom:none;border-top:1px dotted #aaaaaa;}
#TopPage .news-list .news-contents dl:first-child{border-top:0;margin-top:0;}
#TopPage .news-list .news-contents dt{float:left;width:120px;font-size:140%;line-height:135%;height:auto;margin:0 15px 0 0;padding:10px 0 10px 11px;color:#402c0e;}
@media screen and (max-width:960px){#TopPage .news-list .news-contents dt{float:none;width:auto;}
}
#TopPage .news-list .news-contents dd{float:left;width:343px;height:auto;margin:0;padding:10px 11px 10px 0;font-size:130%;line-height:135%;}
#TopPage .news-list .news-contents dd a{color:#333333;}
@media screen and (max-width:960px){#TopPage .news-list .news-contents dd{float:none;width:auto;padding:0 11px 10px 11px;}
}
#TopPage .top-banner{float:right;width:414px;}
@media screen and (max-width:960px){#TopPage .top-banner{width:100%;float:none;}
}
#TopPage .top-banner ul{margin:-10px 0 0 -10px;}
@media screen and (max-width:960px){#TopPage .top-banner ul{text-align:center;}
}
#TopPage .top-banner li{float:left;margin:10px 0 0 10px;padding:0;background:none;}
@media screen and (max-width:960px){#TopPage .top-banner li{float:none;display:inline-block;*display:inline;*zoom:1;}
}
@media screen and (max-width:568px){#TopPage .top-banner li{width:45%;height:auto;}
#TopPage .top-banner li img{width:100%;max-width:202px;height:auto;}
}
#TopPage .top-banner .area-text{min-height:55px;margin:10px 0 0 0;border:1px solid #c2c2c2;padding:6px 9px 6px;}
#TopPage .top-banner .area-text p.heading{display:inline-block;font-size:120%;line-height:150%;font-weight:bold;color:#666666;}
#TopPage .top-banner .area-text p.heading:before{content:"■";font-size:130%;vertical-align:bottom;}
#TopPage .top-banner .area-text p{color:#888888;margin:0 6px;font-size:110%;line-height:150%;}
#Form #AreaAther, #Form #area-service-select, #Form #AreaOsouji, #Form #AreaDaikou, #Form #AreaNiwaki, #Form #AreaAircon, #Form #AreaTile, #Form #AreaCoating, #Form #AreaPackage, #Form #AreaRegularcon, #Form .AreaServiceAdd, #Form #AreaFulfillment{display:none;}
#Form .add-price p{display:none;}
#Form #LayerBase{position:relative;}
#Form #LayerContents{float:none;width:auto;height:auto;margin:0 0 0 0;padding:0;}
@media screen and (max-width:960px){#Form #LayerContents{float:none;width:100%;}
#Form #LayerContents h1{width:auto;}
#Form #LayerContents h2{width:100%;}
#Form #LayerContents h3{width:100%;}
#Form #LayerContents h4{width:100%;}
}
#Form #LayerContentsBody{width:auto;height:auto;margin:0 10px;padding:0;clear:both;}
@media screen and (max-width:960px){#Form #LayerContentsBody{width:96%;margin:0 2%;}
}
#Form h1{width:916px;}
#Form h2{width:934px;}
#Form h3{width:913px;}
#Form h4{width:903px;margin:30px 0 0 -10px;}
#Form #AreaForm{min-height:800px;}
@media screen and (max-width:568px){#Form #AreaForm .set-center .img-hover img{margin-top:10px;}
#Form #AreaForm h1{width:100%;}
#Form #AreaForm h2{width:100%;}
#Form #AreaForm h3{width:100%;}
#Form #AreaForm h4{width:100%;}
}
#Form #AreaForm a{text-decoration:underline;color:#333333;}
#Form #AreaForm .fnavi a{text-decoration:none;}
#Form #AreaForm .fnavi a:hover{text-decoration:underline;}
#Form .p-heading{width:914px;color:#222222;font-size:150%;line-height:134%;background-color:#f1f1f1;padding:11px 13px 10px;margin:25px 0 20px -10px;}
#Form .p-heading a{color:#222222;text-decoration:underline;}
#Form .p-heading .caution{font-size:80%;color:#a22929;}
#Form .p-heading .font-small{font-size:80%;}
@media screen and (max-width:960px){#Form .p-heading{width:auto;margin:0 0 20px 0;}
}
#Form .menu-title{width:auto;height:auto;font-size:130%;line-height:124%;font-weight:bold;padding:0 0 5px 17px;margin:10px 0 5px 12px;color:#5e5e5d;background:url(i/common.png) no-repeat 3px -1063px;letter-spacing:normal;}
#Form .menu-title .font-small{font-size:85%;font-weight:normal;}
#Form .menu-title:first-child{margin:0 0 5px 12px;}
#Form .indent{display:inline-block;text-indent:1em;}
#Form #AreaFlow{margin:0 0 0 0;}
#Form #AreaFlow dl{position:relative;float:left;height:85px;padding:0 0 0 0;border:2px solid #e2e2e2;background-color:#f6f7f9;letter-spacing:normal;}
#Form #AreaFlow dl dt{display:block;text-align:center;width:29px;height:29px;margin:-2px auto 13px;padding:0 0 0 0;font-size:280%;line-height:100%;color:#4e4e4e;background:#e2e2e2;}
#Form #AreaFlow dl dd{display:block;width:auto;height:auto;color:#011333;font-size:160%;line-height:125%;text-align:center;}
#Form #AreaFlow dl.here{border-color:#b9d1f2;background-color:#e0ebfa;}
#Form #AreaFlow dl.here dt{color:#051d4a;background:#adcaf1;}
#Form #AreaFlow dl.here dd{color:#102d62;}
@media screen and (max-width:960px){#Form #AreaFlow dl{float:none;}
}
#Form #AreaFlow p{float:left;height:89px;margin:0 0 20px 0;}
@media screen and (max-width:960px){#Form #AreaFlow p{display:none;}
}
#Form #AreaFlow img{display:block;margin:32px 4px 0;}
#Form .flow-3 dl{width:292px;}
@media screen and (max-width:960px){#Form .flow-3 dl{width:auto;}
}
#Form .flow-4 dl{width:211px;}
#Form .flow-4 dl:last-child{width:213px;}
@media screen and (max-width:960px){#Form .flow-4 dl{width:auto;}
#Form .flow-4 dl:last-child{width:auto;}
}
#Form #AreaError{width:890px;margin:0 0 20px -10px;padding:20px 25px 1px;background:#fee8e8;display:block;}
#Form #AreaError dt{color:#a22929;background:url(i/form_parts.png) 0 -35px no-repeat;}
#Form #AreaError dd{color:#a22929;}
@media screen and (max-width:960px){#Form #AreaError{width:auto;margin:0 0 20px 0;}
}
@media screen and (max-width:568px){#Form #AreaError dt{width:100%;}
#Form #AreaError dd{width:100%;}
}
#Form .color-red{color:#A22929;}
#Form .form-contents{margin:0 10px;}
#Form #AreaMitumori{clear:both;margin:0 0 20px 0;}
#Form #AreaMitumori .detail{position:relative;border-bottom:1px dotted #b8b8b8;}
#Form #AreaMitumori .detail ul{margin:0 0 5px 15px;}
#Form #AreaMitumori .detail ul li ul{margin:0 0 5px 0;}
#Form #AreaMitumori .detail ul li ul li{padding:0 125px 0 12px;}
@media screen and (max-width:568px){#Form #AreaMitumori .detail ul li ul li{padding:0 15px 0 12px;}
}
#Form #AreaMitumori .detail .possible-area li{background:url(i/common.png) no-repeat -36px -1026px;}
#Form #AreaMitumori .detail .no-heading{margin:0 0 5px 30px;}
#Form #AreaMitumori .detail .no-heading li{list-style:none;background:url(i/common.png) no-repeat -761px -209px;}
#Form #AreaMitumori .detail .comment li{margin:10px 0 5px 0;padding:0 125px 0 0;background:none;}
#Form #AreaMitumori .detail .remarks li{margin:10px 0 5px 0;padding:0 125px 0 0;background:none;}
@media screen and (max-width:568px){#Form #AreaMitumori .detail .comment li, #Form #AreaMitumori .detail .remarks li{padding:0;}
}
#Form #AreaMitumori .detail .sub-total{position:absolute;bottom:5px;right:15px;margin:0;line-height:124%;}
@media screen and (max-width:568px){#Form #AreaMitumori .detail .sub-total{position:relative;bottom:0;right:0;float:right;}
}
#Form #AreaMitumori .total{margin:10px 15px 0 0;text-align:right;font-size:160%;line-height:113%;font-weight:bold;}
#Form #AreaMitumori .total span{margin:0 0 0 32px;}
#Form #AreaMitumori .parking{width:200px;float:right;margin:10px 0 0 0;font-size:110%;padding:5px;background-color:#f1f1f1;}
#Form .form-button{width:auto;margin:0 auto 18px;letter-spacing:-0.4em;}
#Form .form-button p{display:inline-block;vertical-align:top;letter-spacing:normal;margin-bottom:0;}
@media screen and (max-width:568px){#Form .form-button p:first-child{margin-bottom:10px;}
}
#Form .form-button span{display:block;width:221px;font-size:85%;line-height:137%;margin-top:5px;}
#Form .form-button p.m-l35{margin-left:35px;}
@media screen and (max-width:568px){#Form .form-button{width:auto;}
#Form .form-button span{float:none;margin:5px auto 0;}
#Form .form-button .m-l35{margin-left:0 !important;}
}
#Form .area-consent{width:940px;margin:0 0 35px -10px;padding:12px 0 8px;background:#f1f1f1;text-align:center;}
#Form .area-consent ul{margin:0 0 8px 0;padding:0;}
#Form .area-consent ul li{display:inline-block;margin:0 0 0 8px;padding:0;background:none;}
#Form .area-consent p{margin:0;}
@media screen and (max-width:960px){#Form .area-consent{width:auto;margin-left:0;}
}
#Form dl{margin:0 0 20px 0;position:relative;letter-spacing:-.40em;}
#Form dl input{height:16px;}
#Form dl input, #Form dl select{border:1px solid #c6c6c6;}
#Form dl textarea{width:100%;border:1px solid #c6c6c6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#Form dl input.text{margin:-2px 0 0 0;vertical-align:top;}
#Form dl.standard input{width:131px;height:16px;letter-spacing:normal;}
@media screen and (max-width:568px){#Form dl.standard input{width:130px;}
}
#Form dl.small{font-size:100%;line-height:150%;}
#Form dl.small input{width:63px;height:16px;letter-spacing:normal;}
#Form dl.large input{width:219px;height:16px;letter-spacing:normal;}
#Form dl .example{margin:0 0 0 5px;color:#666666;}
@media screen and (max-width:568px){#Form dl .example{display:block;margin:5px 0 0 0;}
}
#Form dl.line2{min-height:39px;}
#Form dl.line2 span{display:inline-block;margin:0 0 0 15px;}
#Form dl.line2 span:first-child{margin:0 0 0 0;}
#Form dl.line2 span span{margin:5px 0 0 17px;}
#Form dl.line2 span span.m-l28{margin:5px 0 0 28px;}
@media screen and (max-width:568px){#Form dl.line2 input{width:100px;}
#Form dl.line2 .indent{font-size:85%;}
}
#Form dl dt{position:relative;display:inline-block;width:30%;margin:0;padding:0 0 0 15px;letter-spacing:normal;font-size:130%;line-height:150%;background:url(i/form_parts.png) -39px 4px no-repeat;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#Form dl dt em{position:absolute;top:0;right:0;text-align:left;width:100px;font-size:100%;line-height:150%;color:#a22929;font-weight:normal;}
#Form dl dt em.flap{position:relative;top:0;left:0;}
#Form dl dt.line2 em{position:relative;top:0;left:0;display:block;}
@media screen and (max-width:960px){#Form dl dt{width:276px;margin:0 0 15px 0;}
}
#Form dl dd{display:inline-block;vertical-align:top;width:70%;margin:0;padding:0;letter-spacing:normal;font-size:130%;line-height:150%;}
#Form dl dd.contact-info{position:relative;display:block;width:100%;}
#Form dl dd.contact-info label{width:255px;display:inline-block;position:relative;}
#Form dl dd.contact-info label em{text-align:left;margin:0 0 0 89px;width:100px;font-size:100%;line-height:150%;color:#a22929;font-weight:normal;}
#Form dl dd.contact-info span{display:block;margin:10px 0 0 15px;}
#Form dl dd.contact-info span span{display:inline;margin:0 0 0 4px;}
#Form dl dd.contact-info span span.example{margin:0 0 0 5px;}
@media screen and (max-width:568px){#Form dl dd.contact-info span span.example{display:block;margin:5px 0 0 0;}
}
#Form dl dd.contact-info span .tel-number{margin:0 0 0 0;}
@media screen and (max-width:568px){#Form dl dd.contact-info span .tel-number{margin:10px 0 0 0;}
}
@media screen and (max-width:960px){#Form dl dd.contact-info span label{margin-right:10px;}
}
#Form dl dd.contact-info span input{width:61px;}
@media screen and (max-width:568px){#Form dl dd.contact-info span{margin:10px 0 0 0;}
#Form dl dd.contact-info span:first-child{margin:0 0 0 0;}
#Form dl dd.contact-info .tel-number{display:block;}
}
#Form dl dd span.m-l4{margin-left:4px;}
#Form dl dd span.hope-time{margin:0 0 0 45px;}
#Form dl dd span.hope-time label{margin:0 5px 0 0;}
@media screen and (max-width:568px){#Form dl dd span.hope-time{display:block;margin:10px 0 0 0;}
}
@media screen and (max-width:568px){#Form dl dd{width:100%;display:block;}
}
@media screen and (max-width:568px){#Form dl.small dd .w70{width:75px;}
}
@media screen and (max-width:568px){#Form dl.small dd .w70{width:75px;}
}
#Form .hp-know{display:block;margin:-5px 0 0 -30px;}
#Form .hp-know input.text{margin-top:3px;margin-left:20px;}
#Form .hp-know span{margin:5px 0 0 30px;letter-spacing:normal;display:inline-block;vertical-align:middle;}
#Form .hp-know span input.text{margin-top:-2px;margin-left:20px;}
#Form .hp-know span span{display:inline-block;margin-top:-5px;margin-top:-13px\9;margin-left:0;}
#Form .hp-know .check_button{border:none;}
#Form .hp-know span.m-l10{margin-left:10px;}
#Form #AreaSelection{float:left;width:685px;margin:27px 0 0 0;}
#Form #AreaSelection h2{width:699px;}
#Form #AreaSelection h3{width:678px;}
#Form #AreaSelection h4{width:675px;}
#Form #AreaSelection textarea{width:100%;border:1px solid #c6c6c6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#Form #AreaSelection .p-heading{width:679px;}
#Form #AreaSelection .p-heading:first-child{margin-top:0;}
@media screen and (max-width:960px){#Form #AreaSelection .p-heading{width:auto;}
}
#Form #AreaSelection #package2 .p-heading{width:679px;margin:25px 0 20px 4px;letter-spacing:normal;}
@media screen and (max-width:960px){#Form #AreaSelection #package2 .p-heading{width:auto;margin:0 0 20px 6px;}
}
@media screen and (max-width:960px){#Form #AreaSelection{width:100%;float:none;}
#Form #AreaSelection h2{width:auto;}
#Form #AreaSelection h3{width:auto;}
#Form #AreaSelection h4{width:auto;}
}
#Form .radio-button, #Form .check-button{margin:0 5px 0 0;border:none;}
#Form .radio-button + label, #Form .check-button + label{vertical-align:top;}
#Form select{margin:-5px 0 0 0;}
#Form .check-column3{margin:-15px 0 15px 0;letter-spacing:-.40em;}
#Form .check-column3 li{display:inline-block;*display:inline;*zoom:1;width:33.3%;padding:0 5px 0 0;background:none;letter-spacing:normal;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
@media screen and (max-width:960px){#Form .check-column3{width:auto;}
#Form .check-column3 li{width:100%;text-align:left;}
}
#Form .check-column4{margin:-15px 0 15px 0;letter-spacing:-.40em;}
#Form .check-column4 li{display:inline-block;*display:inline;*zoom:1;width:25%;padding:0 5px 0 0;vertical-align:top;background:none;letter-spacing:normal;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
@media screen and (max-width:960px){#Form .check-column4{width:auto;}
#Form .check-column4 li{text-align:left;}
}
@media screen and (max-width:568px){#Form .check-column4{width:auto;}
#Form .check-column4 li{width:100%;}
}
#Form .check-left{margin:-15px 0 15px -2%;letter-spacing:-.40em;}
#Form .check-left li{display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:48%;margin-left:2%;padding:0;background:none;letter-spacing:normal;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#Form .check-left .no-mark select{margin-top:5px;}
#Form .check-left .no-mark br + select{margin-left:16px;}
@media screen and (max-width:568px){#Form .check-left{width:auto;}
#Form .check-left li{width:100%;}
#Form .check-left .no-mark br + select{margin:0 0 0 25px;}
#Form .check-left .no-mark select + select + select{margin:5px 0 0 25px;}
}
#Form .couse-contents{width:100%;}
#Form .couse-contents p{float:left;width:60%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#Form .couse-contents p:first-child{width:40%;}
@media screen and (max-width:960px){#Form .couse-contents{width:100%;}
#Form .couse-contents p{width:auto;margin:0 0 18px 15px;}
#Form .couse-contents p:first-child{width:260px;margin:0 0 18px 0;}
}
@media screen and (max-width:568px){#Form .couse-contents{width:100%;}
#Form .couse-contents p{width:auto;}
}
#Form .area-place{width:auto;margin:0 0 0 -2%;letter-spacing:-.40em;}
#Form .area-place .place-contents{display:inline-block;width:48%;margin:0 0 18px 2%;vertical-align:top;letter-spacing:normal;}
#Form .area-place .place-contents p{position:relative;width:100%;margin-bottom:0;font-size:12px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#Form .area-place .place-contents p input.check-button{position:absolute;top:3px;left:0;margin:-1px 5px 0 0;}
@media screen and (max-width:568px){#Form .area-place .place-contents p input.check-button{position:relative;top:0;}
}
#Form .area-place .place-contents p:first-child{float:left;width:60%;padding:0 0 0 18px;}
@media screen and (max-width:568px){#Form .area-place .place-contents p:first-child{padding:0 0 0 0;}
}
#Form .area-place .place-contents p:first-child + p{float:left;width:40%;}
#Form .area-place .place-contents p:first-child + p + p{clear:both;}
#Form .area-place .place-contents p:first-child + p + p label{display:inline-block;width:47%;padding-left:22px;margin-left:-4px;margin-top:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
@media screen and (max-width:568px){#Form .area-place .place-contents p:first-child + p + p label{width:55% !important;}
}
#Form .area-place .place-contents p:first-child + p + p + p label{display:inline-block;width:60%;padding-left:22px;margin-left:-4px;margin-top:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#Form .area-place .place-contents select{font-size:12px;}
@media screen and (max-width:568px){#Form .area-place .place-contents{width:100%;}
}
#Form .area-place #osouji2 .place-contents{width:47%;margin:0 0 18px 3%;}
@media screen and (max-width:568px){#Form .area-place #osouji2 .place-contents{width:100%;}
}
@media screen and (max-width:568px){#Form .area-place #aircon1 .place-contents{display:block;}
}
#Form #osouji1 label{display:inline-block;*display:inline;*zoom:1;width:135px;}
#Form #osouji1 label span{display:none;}
@media screen and (max-width:568px){#Form #osouji1 label{width:90%;}
#Form #osouji1 label + span{display:block;font-size:95%;}
}
#Form #coating1 p{margin-bottom:6px !important;}
@media screen and (max-width:568px){#Form #coating1 p label{width:90%;display:inline-block;margin-bottom:15px;}
#Form #coating1 p .m-l20{margin-left:0 !important;}
}
#Form #package2 .place-contents p:first-child{width:67%;}
@media screen and (max-width:568px){#Form #package2 .place-contents p:first-child{width:100%;}
}
#Form #package2 .place-contents p:first-child + p{width:33%;}
@media screen and (max-width:568px){#Form #package2 .place-contents p:first-child + p{width:100%;margin:5px 0 0 25px;}
}
#Form #package2 .place-contents p:first-child + p + p label{width:67%;}
#Form #package2 .place-contents p:first-child + p + p + p label{width:67%;}
#Form #daikou1 .couse-contents, #Form #regularcon1 .couse-contents{width:100%;}
#Form #osouji2 .place-contents p{width:53% !important;}
@media screen and (max-width:568px){#Form #osouji2 .place-contents p{width:40% !important;}
}
#Form #osouji2 .place-contents p:first-child{width:47% !important;}
@media screen and (max-width:568px){#Form #osouji2 .place-contents p:first-child{width:60% !important;padding:0 0 0 18px;}
}
#Form #osouji2 .place-contents p + p + p{width:100% !important;}
@media screen and (max-width:568px){#Form #osouji2 .place-contents p + p + p label{width:60% !important;}
}
#Form #daikou1 .couse-contents p{width:69%;}
@media screen and (max-width:568px){#Form #daikou1 .couse-contents p{width:100%;padding-left:15px;}
#Form #daikou1 .couse-contents p .m-l60{margin-left:20px;}
}
#Form #daikou1 .couse-contents p:first-child{width:31%;}
@media screen and (max-width:568px){#Form #daikou1 .couse-contents p:first-child{width:100%;margin-bottom:5px;padding-left:0;}
}
#Form #aircon1 .place-contents p{float:none !important;width:100% !important;padding-left:16px;}
@media screen and (max-width:568px){#Form #aircon1 .place-contents p{padding-left:25px;}
}
#Form #aircon1 .place-contents p:first-child{width:100% !important;margin-bottom:5px;}
@media screen and (max-width:568px){#Form #aircon1 .place-contents p:first-child{padding-left:0;}
}
#Form #aircon2 .place-contents p{width:50% !important;}
@media screen and (max-width:960px){#Form #aircon2 .place-contents p{width:24% !important;}
}
@media screen and (max-width:568px){#Form #aircon2 .place-contents p{width:35% !important;}
}
#Form #aircon2 .place-contents p:first-child{width:50% !important;}
@media screen and (max-width:960px){#Form #aircon2 .place-contents p:first-child{width:76% !important;}
}
@media screen and (max-width:568px){#Form #aircon2 .place-contents p:first-child{width:65% !important;}
}
#Form #tile1 .place-contents p{width:40% !important;}
@media screen and (max-width:568px){#Form #tile1 .place-contents p{width:100% !important;padding-left:25px;float:none;}
}
#Form #tile1 .place-contents p:first-child{width:60% !important;}
@media screen and (max-width:568px){#Form #tile1 .place-contents p:first-child{width:100% !important;margin-bottom:5px;padding-left:0;}
}
#Form #AreaSelection #regularcon1 .p-heading{width:auto;margin:0 0 20px -10px;}
#Form #AreaSelection #regularcon1 .right .p-heading{width:319px;margin:0 0 20px 0;}
#Form #regularcon1 .right .area-couse{margin-left:10px;}
#Form #regularcon1 .couse-contents{margin:0 0 18px 0;}
#Form #regularcon1 .couse-contents p{float:none;width:100%;margin:5px 0 0 16px;}
@media screen and (max-width:960px){#Form #regularcon1 .couse-contents p{margin:0 0 18px 0;}
}
@media screen and (max-width:960px){#Form #regularcon1 .left{float:left;width:49%;}
#Form #regularcon1 .left .p-heading{width:auto !important;}
}
@media screen and (max-width:568px){#Form #regularcon1 .left{float:none;width:100%;}
}
@media screen and (max-width:960px){#Form #regularcon1 .right{float:right;width:49%;}
#Form #regularcon1 .right .p-heading{width:auto !important;}
}
@media screen and (max-width:568px){#Form #regularcon1 .right{float:none;width:100%;}
}
#Form #regularcon1 .couse-contents p:first-child{width:100%;margin:0;}
#Form .area-service{width:675px;margin:0 0 25px -10px;letter-spacing:-.40em;background:#faf9f9;padding:0 15px 12px;}
#Form .area-service li{display:inline-block;*display:inline;*zoom:1;width:25%;padding:0 5px 0 0;background:none;letter-spacing:normal;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
@media screen and (max-width:960px){#Form .area-service{width:auto;margin:0 0 25px 0;}
#Form .area-service li{text-align:left;}
}
@media screen and (max-width:568px){#Form .area-service li{width:100%;}
}
#Form #AreaEstimate{position:absolute;top:492px;right:10px;width:218px;padding:0;margin:0 0 0 0;border:1px solid #febd6f;background:#fcf9f5;}
#Form #AreaEstimate h2{width:218px;height:auto;min-height:23px;margin:0;font-size:160%;line-height:132%;background:#fee1bf;border:none;border-bottom:1px solid #fcbb6d;padding:8px 0 5px 0;color:#4b2b05;border-top:none;text-align:center;font-weight:bold;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
@media screen and (max-width:960px){#Form #AreaEstimate h2{width:auto;}
}
#Form #AreaEstimate .add-price{padding:20px 12px 15px;max-height:200px;overflow-y:auto;}
#Form #AreaEstimate .add-price p{border-bottom:1px dotted #a68c6b;margin:0 0 5px 0;padding:0 7px 3px;font-size:140%;line-height:115%;}
#Form #AreaEstimate .add-price #osouji1-name, #Form #AreaEstimate .add-price #osouji2-name, #Form #AreaEstimate .add-price #osouji3-name, #Form #AreaEstimate .add-price #daikou1-name, #Form #AreaEstimate .add-price #niwaki1-name, #Form #AreaEstimate .add-price #niwaki2-name, #Form #AreaEstimate .add-price #aircon1-name, #Form #AreaEstimate .add-price #aircon2-name, #Form #AreaEstimate .add-price #tile1-name, #Form #AreaEstimate .add-price #coating1-name, #Form #AreaEstimate .add-price #coating2-name, #Form #AreaEstimate .add-price #package1-name, #Form #AreaEstimate .add-price #package2-name, #Form #AreaEstimate .add-price #package3-name, #Form #AreaEstimate .add-price #package4-name, #Form #AreaEstimate .add-price #regularcon1-name, #Form #AreaEstimate .add-price #regularcon2-name{border-bottom:none;}
#Form #AreaEstimate #TotalAmount{margin:0 0 18px 0;padding:8px 18px;text-align:right;background:#fff0de;font-size:180%;line-height:112%;font-weight:bold;}
@media screen and (max-width:960px){#Form #AreaEstimate{position:relative !important;top:0 !important;right:0;width:auto;float:none;margin:0 0 20px 0;}
}
#Form .not-member{cursor:pointer;}
#Form .mail-check{margin-left:0;width:auto !important;}
#Form .service-menu{width:680px;background-color:#FAF9F9;margin:0 0 18px -10px;padding:11px 12px 10px 13px;}
#Form .service-menu .p-heading{margin:0 0 15px 0;padding:0;background-color:#FAF9F9;}
#Form .service-menu .left{width:332px;margin:0 3px 0 0;border-right:1px dotted #666666;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
@media screen and (max-width:960px){#Form .service-menu .left{width:auto;margin:0;border-right:none;}
}
#Form .service-menu .right{width:335px;padding:0 0 0 13px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
@media screen and (max-width:960px){#Form .service-menu .right{width:auto;padding:0;}
}
#Form .service-menu .area-service{width:auto;background-color:inherit;margin-top:-10px;margin-bottom:0;}
#Form .service-menu .area-service li{width:50%;vertical-align:top;}
@media screen and (max-width:960px){#Form .service-menu{width:auto;margin:0 0 18px 0;}
#Form .service-menu .left{margin-bottom:18px;}
}
@media screen and (max-width:568px){#Form #coating1 em{display:block;margin:0 0 5px 0;}
}
#Form #AreaName, #Form #osouji1-name, #Form #osouji1-plice, #Form #osouji2-name, #Form #osouji2-plice, #Form #osouji3-name, #Form #osouji3-plice, #Form #daikou1-name, #Form #daikou1-plice, #Form #niwaki1-name, #Form #niwaki1-plice, #Form #niwaki2-name, #Form #niwaki2-plice, #Form #aircon1-name, #Form #aircon1-plice, #Form #aircon2-name, #Form #aircon2-plice, #Form #tile1-name, #Form #tile1-plice, #Form #coating1-name, #Form #coating1-plice, #Form #coating2-name, #Form #coating2-plice, #Form #package1-name, #Form #package1-plice, #Form #package2-name, #Form #package2-plice, #Form #package3-name, #Form #package3-plice, #Form #package4-name, #Form #package4-plice, #Form #regularcon1-name, #Form #regularcon1-plice, #Form #regularcon2-name, #Form #regularcon2-plice, #Form #AerPrivacy, #Form #AppInfo, #Form #Idcheckshow, #Form #IdRedisplay{display:none;}
#Form #AerPrivacy.privacy-show{display:block;}
#Form #niwaki2{margin-bottom:35px;}
#Form .check-area + label, #Form .member-check-area + label{font-weight:bold;font-size:110%;background-color:#fff0ed;}
#Form .dd-clumun-2 span span{width:40%;}
#Form .dd-clumun-2 span span input{vertical-align:bottom;}
#Form .span-m-l20 input{margin:0 0 0 20px;}
#Form .span-m-l20 input:first-child{margin-left:0;}
#Form #IdRedisplay{cursor:pointer;}
#Form .side-list{margin:0 0 18px 0px;}
#Form .only-input{margin:0 0 0 30px;}
#Form .ticket-select label{display:inline-block;width:370px;vertical-align:middle;margin-top:-8px;}
#Form .ticket-select br.break{display:none;}
@media screen and (max-width:960px){#Form .ticket-select{width:auto;}
}
@media screen and (max-width:712px){#Form .ticket-select{font-size:120%;width:100%;}
#Form .ticket-select label{display:inline-block;width:90%;vertical-align:text-top;margin-top:-5px;}
#Form .ticket-select label:after{display:block;}
#Form .ticket-select input.text{margin:0 0 20px 25px;}
#Form .ticket-select br.break{display:inline;}
}
#LayerContentsBody .form-parts .form-button{width:auto;margin:0 auto 18px;letter-spacing:-0.4em;}
#LayerContentsBody .form-parts .form-button p{display:inline-block;vertical-align:top;letter-spacing:normal;margin-bottom:0;}
@media screen and (max-width:568px){#LayerContentsBody .form-parts .form-button p:first-child{margin-bottom:10px;}
}
#LayerContentsBody .form-parts .form-button span{display:block;width:245px;font-size:85%;line-height:137%;margin-top:5px;}
#LayerContentsBody .form-parts .form-button p.m-l35{margin-left:35px;}
@media screen and (max-width:568px){#LayerContentsBody .form-parts .form-button{width:auto;}
#LayerContentsBody .form-parts .form-button span{float:none;margin:5px auto 0;}
#LayerContentsBody .form-parts .form-button .m-l35{margin-left:0 !important;}
}
#LayerContentsBody .form-parts .p-heading{width:695px;color:#222222;font-size:150%;line-height:134%;background-color:#f1f1f1;padding:11px 13px 10px;margin:25px 0 20px -10px;}
#LayerContentsBody .form-parts .p-heading a{color:#222222;text-decoration:underline;}
#LayerContentsBody .form-parts dl{margin:0 0 20px 0;position:relative;letter-spacing:-.40em;}
#LayerContentsBody .form-parts dl input{margin:-2px 0 0 0;height:16px;}
#LayerContentsBody .form-parts dl input, #LayerContentsBody .form-parts dl select{border:1px solid #c6c6c6;}
#LayerContentsBody .form-parts dl textarea{width:100%;border:1px solid #c6c6c6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#LayerContentsBody .form-parts dl input.text{margin:-2px 0 0 0;vertical-align:top;}
#LayerContentsBody .form-parts dl input.only-input{margin:0 0 0 30px;}
#LayerContentsBody .form-parts dl.standard input{width:131px;height:16px;letter-spacing:normal;}
@media screen and (max-width:568px){#LayerContentsBody .form-parts dl.standard input{width:130px;}
}
#LayerContentsBody .form-parts dl.small{font-size:100%;line-height:150%;}
#LayerContentsBody .form-parts dl.small input{width:63px;height:16px;letter-spacing:normal;}
#LayerContentsBody .form-parts dl.large input{width:219px;height:16px;letter-spacing:normal;}
#LayerContentsBody .form-parts dl .example{margin:0 0 0 5px;color:#666666;}
@media screen and (max-width:568px){#LayerContentsBody .form-parts dl .example{display:block;margin:5px 0 0 0;}
}
#LayerContentsBody .form-parts dl.line2{min-height:39px;}
#LayerContentsBody .form-parts dl.line2 span{display:inline-block;margin:0 0 0 15px;}
#LayerContentsBody .form-parts dl.line2 span:first-child{margin:0 0 0 0;}
#LayerContentsBody .form-parts dl.line2 span span{margin:5px 0 0 17px;}
#LayerContentsBody .form-parts dl.line2 span span.m-l28{margin:5px 0 0 28px;}
@media screen and (max-width:568px){#LayerContentsBody .form-parts dl.line2 input{width:100px;}
#LayerContentsBody .form-parts dl.line2 .indent{font-size:85%;}
}
#LayerContentsBody .form-parts dl dt{position:relative;display:inline-block;width:30%;margin:0;padding:0 0 0 15px;letter-spacing:normal;font-size:130%;line-height:150%;background:url(i/form_parts.png) -39px 4px no-repeat;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
#LayerContentsBody .form-parts dl dt em{position:absolute;top:0;right:0;text-align:left;width:100px;font-size:100%;line-height:150%;color:#a22929;font-weight:normal;}
#LayerContentsBody .form-parts dl dt em.flap{position:relative;top:0;left:0;}
@media screen and (max-width:960px){#LayerContentsBody .form-parts dl dt{width:276px;margin:0 0 15px 0;}
}
#LayerContentsBody .form-parts dl dd{display:inline-block;vertical-align:top;width:70%;margin:0;padding:0;letter-spacing:normal;font-size:130%;line-height:150%;}
#LayerContentsBody .form-parts dl dd.contact-info{position:relative;display:block;width:100%;}
#LayerContentsBody .form-parts dl dd.contact-info label em{text-align:left;margin:0 0 0 89px;width:100px;font-size:90%;line-height:150%;color:#a22929;font-weight:normal;}
#LayerContentsBody .form-parts dl dd.contact-info span{display:block;margin:10px 0 0 15px;}
#LayerContentsBody .form-parts dl dd.contact-info span:first-child{margin:0 0 0 15px;}
#LayerContentsBody .form-parts dl dd.contact-info span:first-child label{margin-right:59px;}
#LayerContentsBody .form-parts dl dd.contact-info span span{display:inline;margin:0 0 0 4px;}
#LayerContentsBody .form-parts dl dd.contact-info span span.example{margin:0 0 0 5px;}
@media screen and (max-width:568px){#LayerContentsBody .form-parts dl dd.contact-info span span.example{display:block;margin:5px 0 0 0;}
}
#LayerContentsBody .form-parts dl dd.contact-info span .tel-number{margin:0 0 0 0;}
#LayerContentsBody .form-parts dl dd.contact-info span label{margin-right:184px;}
@media screen and (max-width:960px){#LayerContentsBody .form-parts dl dd.contact-info span label{margin-right:10px;}
}
#LayerContentsBody .form-parts dl dd.contact-info span input{width:61px;}
@media screen and (max-width:568px){#LayerContentsBody .form-parts dl dd.contact-info span{margin:10px 0 0 0;}
#LayerContentsBody .form-parts dl dd.contact-info span:first-child{margin:0 0 0 0;}
#LayerContentsBody .form-parts dl dd.contact-info .tel-number{display:block;}
}
#LayerContentsBody .form-parts dl dd span.m-l4{margin-left:4px;}
#LayerContentsBody .form-parts dl dd span.hope-time{display:block;margin:10px 0 0 0;}
#LayerContentsBody .form-parts dl dd span.hope-time label{margin:0 5px 0 0;}
@media screen and (max-width:568px){#LayerContentsBody .form-parts dl dd{width:100%;}
}
@media screen and (max-width:568px){#LayerContentsBody .form-parts dl.small dd .w70{width:75px;}
}
#LayerContentsBody .form-parts .hp-know{display:block;margin:-5px 0 0 -30px;}
#LayerContentsBody .form-parts .hp-know input.text{margin-top:3px;margin-left:20px;}
#LayerContentsBody .form-parts .hp-know span{margin:5px 0 0 30px;letter-spacing:normal;display:inline-block;vertical-align:middle;}
#LayerContentsBody .form-parts .hp-know span input.text{margin-top:-2px;margin-left:20px;}
#LayerContentsBody .form-parts .hp-know span span{display:inline-block;margin-top:-5px;margin-top:-13px\9;margin-left:0;}
#LayerContentsBody .form-parts .hp-know .check_button{border:none;}
#LayerContentsBody .form-parts .hp-know span.m-l10{margin-left:10px;}
#LayerContentsBody .form-parts .radio-button, #LayerContentsBody .form-parts .check-button{margin:0 5px 0 0;border:none;}
#LayerContentsBody .form-parts .radio-button + label, #LayerContentsBody .form-parts .check-button + label{vertical-align:top;}
#LayerContentsBody .form-parts select{margin:-5px 0 0 0;}
#LayerContentsBody .form-parts .ticket-select label{display:inline-block;width:310px;vertical-align:middle;margin-top:-8px;}
#LayerContentsBody .form-parts .ticket-select br.break{display:none;}
@media screen and (max-width:960px){#LayerContentsBody .form-parts .ticket-select{width:auto;}
}
@media screen and (max-width:712px){#LayerContentsBody .form-parts .ticket-select{font-size:120%;width:100%;}
#LayerContentsBody .form-parts .ticket-select label{width:auto;}
#LayerContentsBody .form-parts .ticket-select label:after{display:block;}
#LayerContentsBody .form-parts .ticket-select input.text{margin:0 0 20px 25px;}
#LayerContentsBody .form-parts .ticket-select br.break{display:inline;}
}
#LayerContents form table{margin:0 0 20px 0;}
@media only screen and (max-width:568px){#LayerContents form table{border:none;}
#LayerContents form tr{display:block;margin-bottom:1.5em;}
#LayerContents form th, #LayerContents form td{display:block;border:none;text-align:left;list-style-type:none;width:auto;}
#LayerContents form td span{display:block;}
#LayerContents form td span:first-child{margin-bottom:5px;}
#LayerContents form td span.m-l14, #LayerContents form td span.m-l17, #LayerContents form td span.m-l5{margin-left:0;}
#LayerContents form .quote-histories th:nth-child(even), #LayerContents form .quote-histories td:nth-child(even){background:#e3ecfc;}
#LayerContents form .quote-histories th:nth-child(odd), #LayerContents form .quote-histories td:nth-child(odd){background:#F4F7FD;}
#LayerContents form textarea{width:100%;border:1px solid #c6c6c6;}
.area-withdrawal.w600{width:auto;}
}
#LayerContents form .form-button{width:auto;margin:0 auto 18px;letter-spacing:-0.4em;}
#LayerContents form .form-button p{display:inline-block;vertical-align:top;letter-spacing:normal;margin-bottom:0;}
@media screen and (max-width:568px){#LayerContents form .form-button p:first-child{margin-bottom:10px;}
}
#LayerContents form .form-button span{display:block;width:245px;font-size:85%;line-height:137%;margin-top:5px;}
#LayerContents form .form-button p.m-l35{margin-left:35px;}
@media screen and (max-width:568px){#LayerContents form .form-button{width:auto;}
#LayerContents form .form-button span{float:none;margin:5px auto 0;}
#LayerContents form .form-button .m-l35{margin-left:0 !important;}
}
#loader{width:128px;height:26px;display:none;position:fixed;_position:absolute;top:50%;left:50%;margin-top:-13px;margin-left:-64px;z-index:100;}
#loader img{width:100%;}
#fade{width:100%;height:100%;display:none;background-color:#ffffff;position:absolute;top:0px;left:0px;z-index:50;}
#LayerContents form p textarea{width:100%;}
#LayerContents p.area-search{width:300px;margin:0 auto 25px;}
#LayerContents .area-search input, #LayerContents .area-search select, #LayerContents td input{border:1px solid #c6c6c6;}
#LayerContents p.area-search .search-case{display:block;font-size:85%;color:#808080;margin:5px 0 0 45px;padding:1px 0 0 25px;width:auto;position:relative;text-align:left;}
#LayerContents p.area-search .search-case span{margin:0 5px 0 0;}
@media screen and (max-width:960px){#LayerContents p.area-search .search-case{display:block;width:auto;}
}
@media screen and (max-width:600px){#LayerContents p.area-search .search-case{display:block;width:190px;text-align:left;margin:0 auto;}
#LayerContents p.area-search .search-case span{position:absolute;top:0;left:0;margin:0 0 0 0;}
#LayerContents p.area-search .search-case br{display:block;}
}
#LayerContents .form-button .dis-inline{vertical-align:bottom;}
#LayerContents .area-search .left input{display:inline-block;margin:0 0 5px 0;font-size:90%;}
#LayerContents .area-search .left .right input{font-size:100%;}
@media screen and (max-width:960px){#LayerContents .area-search .left.w295{float:left;width:295px;}
#LayerContents .area-search .right.w395{float:left;width:395px;margin:0 0 0 30px;}
#LayerContents .area-search .left span{margin:0 0 0 65px;width:auto;}
}
@media screen and (max-width:750px){#LayerContents .area-search .right.w395{float:none;width:auto;margin:0 0 0 0;}
}
@media screen and (max-width:600px){#LayerContents .area-search .left{text-align:center;}
#LayerContents .area-search .left.w295{float:none;width:auto;}
}
#LayerContents .area-search .left .search-case{font-size:85%;line-height:130%;color:#808080;margin:5px 0 0 70px;padding:1px 0 0 25px;width:auto;position:relative;display:inline-block;}
#LayerContents .area-search .left .search-case span{position:absolute;top:0;left:0;margin:0 0 0 0;}
@media screen and (max-width:600px){#LayerContents .area-search .left .search-case{display:block;width:190px;text-align:left;margin:0 auto;}
}
#LayerContents .area-search .right select{font-size:120%;margin:0 0 10px 0;width:195px;height:24px;}
@media screen and (max-width:750px){#LayerContents .area-search .right select{margin:0 auto 5px;}
#LayerContents .area-search .right select + span{display:none;}
}
@media screen and (max-width:600px){#LayerContents .area-search .right select{display:block;margin:0 auto 5px;}
#LayerContents .area-search .right select + span{display:none;}
}
#LayerContents .area-search .right input{font-size:120%;margin:0 0 10px 0;display:inline-block;}
@media screen and (max-width:600px){#LayerContents .area-search .right input{display:inline-block;margin:0 auto 15px;}
}
#LayerContents .area-search span.left select{margin:0 0 0 0;width:195px;}
#LayerContents .area-search span.right select{margin:0 0 0 10px;width:186px;}
@media screen and (max-width:750px){#LayerContents .area-search span.left select{width:210px;}
#LayerContents .area-search span.right select{width:210px;margin:0 0 15px 10px;}
}
@media screen and (max-width:960px){#LayerContents .form-button.left{width:auto !important;}
}
@media screen and (max-width:600px){#LayerContents .area-search span.right span{display:none;}
#LayerContents .area-search span.left{display:block;float:none;width:210px;margin:0 auto 5px;}
#LayerContents .area-search span.right{float:none;display:block;width:210px;margin:0 auto 5px;}
#LayerContents .area-search span.left select{width:210px;}
#LayerContents .area-search span.right select{width:210px;margin:0 0 0 0;}
#LayerContents .form-button.left{text-align:center;}
}
#AreaForm .c-select{display:block;float:left;}
@media screen and (max-width:568px){#AreaForm .c-select{float:none;}
#AreaForm .c-select.m-l15{margin:5px 0 0 0;}
}
#AreaForm .example2{display:inline-block;margin:5px 0 0 0;}
@media screen and (max-width:568px){#AreaForm .w400{width:250px;margin:10px 0 0 0;}
}
#AreaForm .fulfillment-info{position:relative;display:block;width:100%;}
#AreaForm .fulfillment-info .data-title{width:255px;display:inline-block;position:relative;}
#AreaForm .fulfillment-info .data-title em{float:right;margin:0 55px 0 0;width:auto;font-size:100%;line-height:150%;color:#a22929;font-weight:normal;}
#AreaForm .fulfillment-info span{display:block;margin:20px 0 0 15px;}
#AreaForm .fulfillment-info span.zip-code span{display:inline;}
#AreaForm .fulfillment-info span span{display:inline;margin:0 0 0 4px;}
@media screen and (max-width:568px){#AreaForm .fulfillment-info span span{display:block;}
}
#AreaForm .fulfillment-info span span.example{margin:0 0 0 5px;}
@media screen and (max-width:568px){#AreaForm .fulfillment-info span span.example{display:block;margin:5px 0 0 0;}
}
#AreaForm .fulfillment-info span .zip-code{margin:0 0 0 0;}
@media screen and (max-width:960px){#AreaForm .fulfillment-info span label{margin-right:10px;}
}
#AreaForm .fulfillment-info span .zip-code input{width:61px;}
@media screen and (max-width:568px){#AreaForm .fulfillment-info span{margin:0 0 20px;}
#AreaForm .fulfillment-info span .data-title{margin-bottom:5px;}
#AreaForm .fulfillment-info span span{margin:0;}
#AreaForm .fulfillment-info .zip-code{display:block;}
}
.set-right2{font-size:16px;margin-bottom:5px;text-align:right;}
.set-right3{font-size:16px;margin-bottom:5px;text-align:right;padding-right:210px;}
@media screen and (max-width:920px){.set-right3{font-size:16px;margin-bottom:5px;text-align:right;padding-right:5px;}}
.pt10{padding-top:10px;}
.pt33{padding-top:33px;}
.pb18{padding-bottom:18px;}
#LayerContentsBody h1.coating{height:auto;min-height:23px;color:#502727;font-size:260%;line-height:108%;padding:22px 0 22px 44px;margin:0 0 24px -10px;border-top:1px solid #dbcab4;border-bottom:1px solid #dbcab4;background:url(../service/i/coating_h1.png) no-repeat #fefbf6;}
#LayerContentsBody h1.coating span{display:inline-block;padding-left:30px;}
.mr10{margin-right:10px;}
.point{margin-bottom:20px;}
.point img{float:left;margin-right:10px;}
.point p{line-height:150%;font-size:130%;float:left;width:400px;}
@media screen and (max-width:920px){.point p{width:100%;}
}
.w60{width:60px;}
.mb20{margin-bottom:20px;}
.mt30{margin-top:30px;}
table.plan tr td,th{vertical-align:middle;}
#LayerContentsBody .coating_img ul{float:left;width:700px;margin:0 0 20px 0;height:auto;letter-spacing:-.40em;}
#LayerContentsBody .coating_img ul li{margin:0 0 20px 6px;padding:0;background:none;display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;}
#LayerContentsBody .coating_img ul li:first-child{margin:0 0 20px 30px;}
#LayerContentsBody .coating_img ul li img{vertical-align:middle;}
@media screen and (max-width:920px){.coating_img{width:100% !important;}
}
@media screen and (max-width:740px){#LayerContentsBody .coating_img ul{text-align:center;width:100%;}
#LayerContentsBody .coating_img ul li{display:block;}
#LayerContentsBody .coating_img ul li:first-child{margin-left:0;}
#LayerContentsBody .coating_img ul li:nth-child(2n){background:url(/service/osouji/i/flow_arrow.png) center 0 no-repeat;text-indent:-99999px !important;height:18px;}
#LayerContentsBody .point img{float:none;margin-bottom:10px!important;}
}
#LayerContentsBody .area-before-after2:after{display:block;clear:both;height:0px;visibility:hidden;content:".";}
#LayerContentsBody .area-before-after2{width:630px;margin:0 auto;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after2 div, #LayerContentsBody .area-before-after2 .before-after-img{float:none;width:auto;}
}
#LayerContentsBody .area-before-after2 ul, #LayerContentsBody .area-before-after2 .before-after-img ul{margin:0 0 20px 0;height:auto;letter-spacing:-.40em;}
#LayerContentsBody .area-before-after2 ul li, #LayerContentsBody .area-before-after2 .before-after-img ul li{margin:0 0 0 6px;padding:0;background:none;display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;vertical-align:top;}
#LayerContentsBody .area-before-after2 ul li:first-child, #LayerContentsBody .area-before-after2 .before-after-img ul li:first-child{margin:0;}
#LayerContentsBody .area-before-after2 ul li:nth-child(2){margin:0 0 0 30px;}
#LayerContentsBody .area-before-after2 .before-after-img ul li:nth-child(2){margin:0 0 0 6px;}
#LayerContentsBody .area-before-after2 .before-after-img ul li:nth-child(2) img{position:relative;top:90px;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after2 ul li:first-child, #LayerContentsBody .area-before-after2 .before-after-img ul li:first-child{margin:0 auto;}
#LayerContentsBody .area-before-after2 ul li, #LayerContentsBody .area-before-after2 .before-after-img ul li{display:block;margin:10px auto 0;}
#LayerContentsBody .area-before-after2 ul li:nth-child(2){background:none;margin:0 auto;}
#LayerContentsBody .area-before-after2 ul li:nth-child(2) img{margin:20px auto 0;}
#LayerContentsBody .area-before-after2 .before-after-img ul li:nth-child(2){background:url(/service/osouji/i/flow_arrow.png) center 0 no-repeat;text-indent:-9999px;height:18px;}
}
#LayerContentsBody .area-before-after2 ul li img, #LayerContentsBody .area-before-after2 .before-after-img ul li img{vertical-align:middle;padding:0 0 5px;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after2 .before-after-img ul{letter-spacing:normal;height:auto;}
}
#LayerContentsBody .area-before-after2 .before-after-list{float:right;width:86px;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after2 .before-after-list{float:none;width:auto;}
}
#LayerContentsBody .area-before-after2 .before-after-list ul{margin:0;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after2 .before-after-list ul{letter-spacing:-.40em;}
}
#LayerContentsBody .area-before-after2 .before-after-list ul li{padding:0;margin:0 0 8px 0;background:none;cursor:pointer;}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after2 .before-after-list ul li{display:inline-block;letter-spacing:normal;margin:0 0 0 10px;}
#LayerContentsBody .area-before-afte2r .before-after-list ul li:first-child{margin:0;}
}
#LayerContentsBody .area-before-after2 #IdPanel2, #LayerContentsBody .area-before-after #IdPanel3{display:none;}
@media screen and (max-width:960px){#LayerContentsBody .area-before-after2{width:695px;margin:0 auto;}
}
@media screen and (max-width:740px){#LayerContentsBody .area-before-after2{width:auto;margin:0 0;}
}
#LayerContentsBody .clear .left a img:hover{opacity:0.7;}
#LayerContentsBody .voice-link a p{text-decoration:underline;}
#LayerContentsBody p.voice-loupe{margin-top:-35px;}
#LayerContentsBody p.voice-img{border:solid 1px #ccc;padding:15px 0;}
#LayerContentsBody a .voice-img img:hover{opacity:0.7;text-decoration:none;}
#LayerContentsBody .voice-text{font-size:1.6em;}
#LayerContentsBody a img:hover{opacity:0.8;}
#TopPage div#AreaService{margin:0 0 10px 0;}
#TopPage #AreaService h2{position:relative;width:auto;margin:0 0 15px 0;background-color:#fcdeb8;min-height:32px;}
#TopPage #AreaService h2 img{position:absolute;top:-12px;left:18px;}
.sortPage{display:table;width:100%;}
.sortPage__box{display:table-cell;width:50%;padding-right:20px;box-sizing:border-box;vertical-align:top;}
.sortPage__box + .sortPage__box{padding:0 0 0 20px;}
.sortPage .border-box{padding:29px 20px;}
#Form .sortPage__box h2{width:100%;margin-left:0;box-sizing:border-box;}
#Form .sortPage__box > h2:nth-child(1){margin-top:0;}
#Form .large + .large{margin-bottom:26px;}
#Form .sortPage dt{width:35%;}
#Form .sortPage dd{width:65%}
#Form .sortPage dd input{width:80%}
@media screen and (max-width:568px){.sortPage{display:block;}
.sortPage__box{display:block;width:100%;padding-right:0;box-sizing:border-box;}
.sortPage__box + .sortPage__box{padding:0;}
.sortPage .border-box{padding:15px;}
#Form .sortPage dd input{width:90%}
}
.areaChoice{display:table;}
.areaChoice span{display:table-cell;}
.areaChoice span + span{padding:0 0 0 40px;}
@media screen and (max-width:568px){.areaChoice span{display:block;}
.areaChoice span + span{margin-top:15px;padding:0;}
}
.tel-number input + span{margin-left:4px;}
#Form .sepLine{margin:20px -10px;}
.formBox{display:table;width:100%;}
.bgGlay{margin:0 -10px;padding:10px;background:#faf9f9;box-sizing:border-box;}
#Form .formBox + h4{width:auto;margin:12px 0 20px -10px;}
@media screen and (max-width:568px){#Form .sepLine{margin:20px 0;}
.bgGlay{margin:30px 0 0;}
#Form .formBox + h4{width:auto;margin:30px 0 20px;}
}
.formBox + .formBox{margin:50px 0 20px;}
.formBox__item{display:table-cell;padding-right:20px;box-sizing:border-box;vertical-align:top;}
.formBox__item + .formBox__item{width:250px;padding:0;}
#Form .formBox__item .title{margin:0;padding:0 0 5px 17px;color:#5e5e5d;font-size:100%;line-height:inherit;font-weight:bold;background:url(i/common.png) no-repeat 3px -1063px;letter-spacing:normal;}
#Form .formBox__item .unit{display:inline-block;}
#Form .formBox__item .unit + .title{margin-top:20px;}
#Form .estimationPrice{margin:0;padding:8px 18px;font-weight:bold;border:1px solid #e6e0da;background:#fcfaf7;}
#Form .showPrice{margin:5px 0 0 0;text-align:right;}
#Form .showPrice span{font-size:180%;line-height:112%;}
#Form .totalPrice{float:right;width:250px;margin-top:50px;border:1px solid #febd6f;background:#fff0de;box-sizing:border-box;}
@media screen and (max-width:960px){#Form .formBox__item dl{min-width:260px;}
#Form .formBox__item dt{width:auto;margin-bottom:10px;}
#Form .formBox__item dd{display:block;width:auto;}
}
.btncolumn{display:table;width:100%;margin-top:50px;}
.btncolumn__item{display:table-cell;width:50%;padding-right:20px;text-align:right;}
.btncolumn__item + .btncolumn__item{padding:0 0 0 20px;text-align:left;}
.btncolumn__item img{max-width:100%;height:auto;}
@media screen and (max-width:568px){.formBox{display:block;}
.formBox__item{display:block;padding-right:0;}
.formBox__item + .formBox__item{margin:0 auto;}
#Form .totalPrice{float:none;margin:50px auto 0;}
img[src*="button_confirm_04_off.png"],
img[src*="button_confirm_04_on.png"],
img[src*="button_request_off.png"],
img[src*="button_request_off.png"],
img[src*="button_confback_off.png"],
img[src*="button_confback_on.png"],
img[src*="button_confsend_off.png"],
img[src*="button_confsend_on.png"]{max-width:100%;height:auto;}
.btncolumn{display:block;}
.btncolumn__item{display:block;width:auto;margin:0;padding-right:0;text-align:center;}
.btncolumn__item + .btncolumn__item{margin:0;padding:0 0 0 0;text-align:center;}
}
#LayerContents p.flow-title{width:auto;height:auto;padding:10px 15px 8px;background:#ffdd93;font-weight:bold;}
#LayerContentsBody .links-column4 ul{margin:-10px 0 20px -16px;}
#LayerContentsBody .links-column4 ul li{width:161px;margin:10px 0 0 16px;}
@media screen and (max-width:568px){#LayerContentsBody .links-column4 ul li{width:48%;margin:10px 0 0 2%;}
}
@media screen and (max-width:400px){#LayerContentsBody .links-column4 ul li{width:100%;margin:10px 0 0;}
}
#LayerContentsBody .links-column4 ul a{width:159px;height:43px;}
@media screen and (max-width:568px){#LayerContentsBody .links-column4 ul a{min-width:300px;background-position:-713px -1482px;padding:4px 0 0 26px;}
}
@media screen and (max-width:400px){#LayerContentsBody .links-column4 ul a{width:1%;}
}
@media screen and (max-width:568px){#LayerContentsBody .links-column4 ul{margin:-10px 0 20px -2%;}
}
@media screen and (max-width:400px){#LayerContentsBody .links-column4 ul{margin:-10px 0 20px;}
}
.checkList{display:block;margin:-10px 0 0 -30px;letter-spacing:-.34em;}
.checkList span{margin-top:10px;margin-left:30px;letter-spacing:normal;display:inline-block;vertical-align:middle;}
.checkList + .checkList{margin:0 0 0 -30px;}
#Form .checkList label{vertical-align:middle;}
.checkList input{vertical-align:middle;}
#Form dl dd.radioList{margin:-10px 0 0 -30px;letter-spacing:-.34em;}
#Form dl dd.radioList span{margin-top:10px;margin-left:30px;letter-spacing:normal;vertical-align:middle;}
@media screen and (max-width:568px){#Form dl.large input,
#Form dl.standard input,
#Form dl.small input{height:24px;}
#Form dl select{font-size:1.2em;line-height:1em;padding:3px 0 6px 5px;vertical-align:middle;white-space:nowrap;}
#Form dl dt{font-size:1.4em;font-weight:bold;}
#Form dl dd.radioList span{margin-left:45px;display:inline-block;font-size:1.2em;line-height:1.6em;display:block;}
.checkList span{margin-top:10px;margin-left:50px;letter-spacing:normal;display:block;vertical-align:middle;font-size:1.2em;line-height:1.6em;}}
.m-rl-m10{margin:0 -10px;}
#LayerContentsBody .m-r-m10{margin-right:-10px;}
.bg-gray-box{margin-bottom:58px;padding:40px 20px 19px;background:#fcf9f5;}
.lead-title{padding-bottom:12px;text-align:center;}
.lead-image{padding-bottom:8px;text-align:center;}
.column-box3{margin:0 -5px 0 -6px;box-sizing:border-box;}
.column-box3-item{text-align:center;}
.bg-gray-box > .column-box3-item{padding:60px 0 10px;}
.column-box3 .column-box3-item{width:33.3333%;padding:0 5px 0 6px;box-sizing:border-box;float:left;}
@media screen and (max-width:568px){
.column-box3 .column-box3-item {float:none;width:100%;}
}
.inner-content-title{padding:10px 0 13px;text-align:center;}
.inner-content-item{margin-bottom:20px;padding:0 10px;box-sizing:border-box;}
#LayerContentsBody .inner-content-item .ic-item-title{width:auto;padding:11px 0 8px 20px;margin-right:-10px;margin-bottom:22px;font-size:260%;line-height:120%;font-weight:normal;color:#fff;background:#faa53f;border-radius:10px;border:none;box-sizing:border-box;}
@media screen and (max-width:568px){
#LayerContentsBody .inner-content-item .ic-item-title {font-size:200%;}
}
#LayerContentsBody .ic-item-body-left{margin-top:-3px;}
.ic-item-body-left{width:51%;padding-right:3%;float:left;}
.ic-item-body-right{width:46%;padding-top:3px;float:left;}
@media screen and (max-width:568px){
.ic-item-body-left,.ic-item-body-right{float: none;width:100%;}
.ic-item-body-left{padding:0;}
}
@media screen and (max-width:568px){
.ic-item-body-right{padding:10px 0;text-align:center;}
}
.lead-title img, .lead-image img, .column-box3-item img, .inner-content-title img, .inner-content-item img{max-width:100%;height:auto;}
.column-box3:after, .ic-item-body:after{display:block;clear:both;content:"";}




@media screen and (max-width:830px) {
  #LayerHeader + #LayerBody {
    margin-top: 80px;
  }
  #Form #LayerHeader + #LayerBody {
    margin-top: 0;
  }
  #AreaHeader {
    border-bottom: 2px solid #fd975d;
  }
  #Form #AreaHeader {
    border-bottom: none;
  }
  #HeaderLeft {
    width: 160px;
    float: left;
    display: block;
    margin: 0;
    position: relative;
    z-index: 100;
  }
  #Form #HeaderLeft {
    width: 100%;
    float: none;
    display: table-header-group;
  }
  #HeaderLeft p#logo a, #HeaderLeft h1#logo a {
    display: inline-block;
    vertical-align: middle;
  }
  /*200317edit*/
  #HeaderLeft p#logo img, #HeaderLeft h1#logo img {
    /*width: 100%;*/
    width: 65%;
    height: auto;
    padding: 2px 0 3px 4px;
  }
  #Form #HeaderLeft p#logo img, #Form  #HeaderLeft h1#logo img {
    width: auto;
    padding: 0;
  }
  #HeaderLeft p#logo {
    margin: 0;
  }
  #Form #HeaderLeft p#logo {
    margin: 10px 0 15px 10px;
  }
  /*200317edit*/
  #AreaSEO {
    /*display: none;*/
    display:block;
  }
  #Form #AreaSEO {
    display: table-row-group;
  }
}

@media screen and (max-width:568px) {
  #Form #HeaderLeft {
    width: auto;
    float: left;
  }
  #Form #HeaderLeft p#logo {
    margin: 0;
  }
  #Form #HeaderRight {
    width: 100%;
  }
  #Form #AreaSEO {
    display: none;
  }
  #Form #HeaderLink {
    display: inline-block;
  }
  #Form #HeaderLeft p#logo {
    margin: 0;
  }
  #Form #HeaderLeft p#logo img, #Form #HeaderLeft h1#logo img {
    width: 60%;
    padding: 4px 0 0 4px;
  }
}
@media screen and (max-width:374px) {
  #HeaderLeft {
    /* width: 42.667%; */
    width: 35%;
  }
}
.spMitsumori {
  display: none;
  padding-right: 10px;
}
.spMitsumori a {
  display: block;
}
@media screen and (max-width:830px) {
  .spMitsumori {
    display: inline-block;
    vertical-align: middle;
  }
  #Form .spMitsumori {
    display: none;
  }
}
.hamburgerBtn {
  display: none;
}
.hamburgerBtn button {
  width: 62px;
  height: 62px;
  padding: 0;
  background: url(/service/osouji/i/hamburger_btn.png) no-repeat;
  background-size: contain;
  border: none;
  font-size: 0;
  cursor: pointer;
}
.hamburgerBtn button.is-open {
  background: url(/service/osouji/i/hamburger_btn_close.png) no-repeat;
  background-size: contain;
}
@media screen and (max-width:830px) {
  .hamburgerBtn {
    display: inline-block;
    vertical-align: middle;
  }
  #Form .hamburgerBtn {
    display: none;
  }
}
@media screen and (max-width:830px) {
  #HeaderLink {
    display: none;
  }
  #Form #HeaderLink {
    display: block;
  }
  #HeaderRight {
    width: auto;
    float: right;
  }
  #Form #HeaderRight {
    float: none;
  }
  #HeaderRight #IdContact {
    display: none;
  }
  #Form #IdContact {
    display: block;
  }
}

@media screen and (max-width:830px) {
  .spMenu.is-open {
    display: block;
  }
}

@media screen and (max-width:830px) {
  #LayerHeader {
    margin-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1200;
  }
  #Form #LayerHeader {
    margin-bottom: 15px;
    position: static;
  }
  #AreaGnavi {
    display: none;
  }
}

.spMenu {
  display: none;
  position: absolute;
  width: 100%;
  top: 62px;
  left: 0;
  border-top: 2px solid #fd975d;
  border-bottom: 4px solid #fd975d;
  -moz-box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.2);
  clear: both;
  z-index: 1100;
}
.spMenuListItem {
  max-height: 54px;
  border-bottom: 1px solid #f8a53f;
}
.spMenuListItem a {
  display: block;
  width: 100%;
  max-height: 53px;
  padding: 14px 20px;
  box-sizing: border-box;
  font-size: 17px;
  line-height: 25px;
  color: #5a472e;
  font-weight: bold;
  text-decoration: none;
  background: url(/service/osouji/i/menu_bg.png);
}
.spMenuBottom {
  padding: 19px 20px 36px;
  background: #fff;
}
.spUserName {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
  color: #192640;
}
.spMenuLink {
  margin: 11px -7px 0 -8px;
  text-align: center;
  letter-spacing: -0.4em;
}
* + .spMenuLink {
  margin-top: 15px;
}
.spMenuLinkItem {
  display: inline-block;
  padding: 0 7px 0 8px;
  letter-spacing: normal;
}
.spMenuLinkItem a {
  display: block;
}
.spMenuCorpLink {
  margin-top: 30px;
  padding: 0 7px 0 8px;
}
.spMenuCorpLink a {
  display: inline-block;
}
.spFixedBanner {
  display: none;
  position: relative;
  padding-top: 20.667%;
}
.spFixedBanner a {
  display: block;
  width: 100%;
  position: fixed;
  padding-bottom: 10px;
  bottom: -22px;
  left: 0;
  z-index: 1050;
}
.spFixedBanner img {
  width: 100%;
  height: auto;
}

/*190904 add*/
#AreaForm p.noteArea {
  font-size:85%;
}

#AreaForm p.noteEstimate {
  padding: 0px 12px;
}
/*190904 add end*/



/*200317 add*/
@media screen and (max-width: 960px) {
  #HeaderLeft h1#logo {
    margin-top: 35px;
  }
  #AreaSEO {
    margin-left: 0;
  }
  #AreaSEO p {
    margin-left: 0;
  }
  /*Form*/
  #Form #HeaderLeft p#logo {
    margin-top: 35px;
  }
}
@media screen and (max-width: 830px) {
  #HeaderLeft {
    margin-top: 20px;
  }
  #HeaderLeft h1#logo {
    margin-top: 0;
  }
  #AreaSEO img.logo-sumitate {
    width: 50%;
  }
  /*Form*/
  #Form #AreaSEO img.logo-sumitate {
    width: 100%;
  }
}
/*Form*/
@media screen and (max-width: 568px) {
  #Form #AreaSEO {
    display: block;
  }
  #Form #AreaSEO img.logo-sumitate {
    width: 50%;
  }
}
/*200317 add end*/


/*211015 add*/
.fs-100p {
  font-size: 100% !important;
}

/*211015 add end*/