@charset "UTF-8";

#camp1703_contents img { border-style: none;}
#camp1703_contents a.hover img:hover { filter: alpha(opacity=80); opacity: 0.80;}
#camp1703_contents { width: 960px; margin: 10px auto; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.main-title-image { margin: 0 0 40px;}
.mini-btn-area { text-align: center;}

p.mini-btn { margin: 0; padding: 0; font-size: 18px; line-height: 100%;}
p.mini-btn a { margin: 0 auto; padding: 20px 60px 12px 40px; color: #d16d00; background: #fff9e6; position: relative; border: 1px solid #ff8d27; display: inline-block;}
/*p.mini-btn a span { margin: 0 0 0 30px;}*/
/*p.mini-btn a span::before{ width: 30px; height: 30px; background: #dd7800;}*/
p.mini-btn a::after{ position: absolute; top: 6px; right: 6px; content: url(http://www.sotuu.net/imaje/images/arr_camp.gif);}
p.mini-btn a:hover { text-decoration: none; background: #fff; filter:alpha(opacity=80); opacity:0.80;}

.lease-read { width: 960px; margin: 40px 0 0; padding: 0; text-align: center;}
.lease-read:after { content:''; display: block; clear: both;}
.lease-read h3 { margin: 0 0 20px; font-size: 39px; line-height: 140%; color:#002349; text-align: center;}
.lease-read p { width: 730px; margin: 0 auto; padding: 0; font-size: 17px; font-weight: bold; line-height: 160%; color: #000; text-align: left;}

#merit-area { margin: 50px 0; }
#merit-area:after { content:''; display: block; clear: both;}
#merit-area h4 { margin: 0 0 30px; font-size: 25px; color: #006db1; text-align: center; background: #bedaec;}
#merit-area h4 span { padding: 0 20px; background: #fff;}
#merit-area ul { margin: 0 0 0 40px; padding: 0; list-style: none;}
#merit-area ul li { margin: 0 20px 0 0; text-align: center; float: left;}
#merit-area ul li:last-child { margin-right: 0;}
#merit-area ul li p.num { margin: 0 auto; padding: 18px 20px 15px 20px; font-size: 0.9em; color: #fff; background-color: #ed9500; line-height: 100%; display: inline-block;}
#merit-area ul li p.num span { margin: 5px 0 0 5px; padding: 5px 0 0; font-size:1.4em;}
#merit-area ul li p.merit-head { padding: 15px 20px 12px; background-color: #ed9500; font-size: 0.9em; color: #fff; display: inline-block;}
#merit-area ul li p.merit-head span { margin-left: 3px; font-size: 1.2em; vertical-align: middle;}
#merit-area ul li p.merit { width: 158px; height: 110px; margin: -35px 0 0; padding: 40px 0 0px; font-size: 20px; line-height: 140%; color: #fff; text-align: center; display: block;}
#merit-area ul li p.result { width: 143px; height: 115px; margin: -7px 0 0; padding: 15px 0 0 15px; background-color: #f0e8f2; font-size: 16px; font-weight: bold; line-height: 140%; color: #6c1e7d; text-align: left;}

#merit-area ul li span.arr { margin: 0; padding: 0; display: block;}

#merit-area ul li:nth-child(1) p.merit { background-color: #2883c0;}
#merit-area ul li:nth-child(1) span.arr:after { content: url(http://www.sotuu.net/imaje/images/arr_m01.png);}

#merit-area ul li:nth-child(2) p.merit { background-color: #2671b2;}
#merit-area ul li:nth-child(2) span.arr:after { content: url(http://www.sotuu.net/imaje/images/arr_m02.png);}

#merit-area ul li:nth-child(3) p.merit { background-color: #235fa4;}
#merit-area ul li:nth-child(3) span.arr:after { content: url(http://www.sotuu.net/imaje/images/arr_m03.png);}

#merit-area ul li:nth-child(4) p.merit { background-color: #214e96;}
#merit-area ul li:nth-child(4) span.arr:after { content: url(http://www.sotuu.net/imaje/images/arr_m04.png);}

#merit-area ul li:nth-child(5) p.merit { background-color: #1f3d89;}
#merit-area ul li:nth-child(5) span.arr:after { content: url(http://www.sotuu.net/imaje/images/arr_m05.png);}

#special-area { margin: 0 0 50px; padding: 0; clear: both;}
#special-area:after { content:''; display: block; clear: both;}
#special-area h4 { margin: 0 0 30px; padding: 0 0 20px; font-size: 24px; line-height: 5px; color: #006db1; text-align: center; border-top: 1px dashed #2883c0;}
#special-area h4 span { padding: 0 20px; background: #fff;}

#special-area .special-block { width: 815px; margin: 0 auto; padding: 0; clear: both;}
#special-area .special-block:after { content:''; display: block; clear: both;}
#special-area .special-box { width: 372px;}
#special-area .special-box.left { float: left;}
#special-area .special-box.right { float: right;}
#special-area .special-box .special-box-inner { padding: 0 0 20px; background: #bedaec url(http://www.sotuu.net/imaje/images/bg_special.jpg) 100% 0 no-repeat; text-align: center;}
#special-area .special-box-inner p.special-head { margin: -20px auto 8px; padding: 15px 20px 12px; background-color: #ed9500; font-size: 1.1em; color: #fff; display: inline-block;}
#special-area .special-box-inner p.special-head span { margin-left: 3px; font-size: 1.1em; vertical-align: middle;}
#special-area .special-box-inner p.special-exp { min-width: 290px; font-size: 1.6em; line-height: 150%; color: #000; text-align: left; text-shadow: 1px 1px 0 #fff; display: inline-block;}
#special-area .special-box-inner p.special-exp span { margin-left: 5px; color: #d66f1a; font-weight: bold;}
#special-area .special-box ul { margin: 20px 0 0 15px; padding: 0; font-size: 1.05em; line-height: 150%;}
#special-area .special-box ul li { margin-bottom: 8px; position: relative; list-style-type: none; text-indent: -1em;}
#special-area .special-box ul li:before { margin-right: 8px; display:inline-block; content:''; width: 0.5em; height: 0.5em; background: #999; border-radius: 50%;}}

#option-area { margin: 0; padding: 0; clear: both;}
#option-area:after { content:''; display: block; clear: both;}
#option-area h4 { margin: 0 0 30px; padding: 0 0 20px; font-size: 24px; line-height: 5px; color: #333; text-align: center; border-top: 1px dashed #a1a9af;}
#option-area h4 span { padding: 0 20px; background: #fff;}

#option-area .option-block { width: 815px; margin: 0 auto 50px; padding: 0; clear: both;}
#option-area .option-block:after { content:''; display: block; clear: both;}
#option-area .option-box { width: 342px; padding: 20px 10px 15px 20px; background: #f2f2f2 url(http://www.sotuu.net/imaje/images/bg_option.jpg) 100% 0 no-repeat; text-align: left;}
#option-area .option-box.left { float: left;}
#option-area .option-box.right { float: right;}
#option-area .option-box p.option-smds { margin: 0 0 10px; padding: 0; color: #d66f1a; font-size: 1.5em; line-height: 150%; font-weight: bold; }
#option-area .option-box p.option-exp { margin: 0; font-size: 1.2em; line-height: 150%; color: #000; text-shadow: 1px 1px 0 #fff;}

#product-area { margin: 50px 0; padding: 0; clear: both;}
#product-area .product-tit { margin: 0 0 30px; padding: 40px 0 10px; background-color: #6c1e7d; color: #fff; text-align: center;}
#product-area .product-tit p.product-shoulder { margin: 0 0 15px; font-size: 1.3em; line-height: 100%;}
#product-area .product-tit p.product-series { margin: 0 0 20px; font-size: 2.2em; line-height: 100%; font-weight: bold;}
#product-area .product-block { margin: 0 0 15px;}
#product-area .product-block p.product-mds { font-size: 1.4em; font-weight: bold; color: #000; text-align: center;}
#product-area .product-block .product-box { padding: 10px 0 0; clear: both;}
#product-area .product-block .product-box:after { content:''; display: block; clear: both;}
#product-area .product-block .product-box img { float: left;}
#product-area .product-block .product-box ul { width: 690px; margin: 0; padding: 0; color: #6c1e7d; font-size: 1.3em; line-height: 130%; float: right;}
#product-area .product-block .product-box ul li { margin: 0 0 0.5em; padding: 0; position: relative; list-style-type: none;}
#product-area .product-block .product-box ul li:before { margin-right: 8px; display:inline-block; content:''; width: 0.8em; height: 0.8em; background: #6c1e7d; border-radius: 50%;}

#product-area .product-block .product-btn { margin: 20px 0 0; text-align: center; clear: both;}
#product-area .product-block .product-btn:after { content:''; display: block; clear: both;}
#product-area .product-block .product-btn a { margin: 0 auto; padding: 30px 70px; clear: both; background-color: #6c1e7d; display: inline-block;}
#product-area .product-block .product-btn a p.product-btn-exp { margin: 0; padding: 0; font-size: 1.3em; line-height: 100%; color: #fff;}
#product-area .product-block .product-btn a p.product-btn-exp:after { content: url(http://www.sotuu.net/imaje/images/icn_nw.png); margin-left: 10px;}
#product-area .product-block .product-btn a:hover { filter: alpha(opacity=80); opacity: 0.80;}

#lease-area { margin: 0 0 25px; padding: 0; clear: both; border: 1px solid #ccc;}
#lease-area .lease-area-inner { padding: 25px;}
#lease-area .lease-area-inner h4 { margin: 15px 0 40px; padding: 0; font-size: 2.1em; line-height: 100%; color: #ed9500; text-align: center; }
#lease-area .lease-area-inner h4 span { margin-right: 10px; padding: 5px 10px 2px; font-size: 0.9em; font-weight: normal; border: 1px solid #ed9500;}
#lease-area .lease-area-inner ul { margin: 0 0 10px 50px; padding: 0; font-size: 1.3em; line-height: 130%; font-weight: bold; color: #000;}
#lease-area .lease-area-inner ul li { margin: 0 0 0.4em; padding: 0; position: relative; list-style-type: none;}
#lease-area .lease-area-inner ul li:before { margin-right: 8px; display:inline-block; content:''; width: 0.8em; height: 0.8em; background: #c5add8; border-radius: 50%;}
#lease-area .lease-area-inner p.att { margin: 0 0 0 60px;}

#lease-area .lease-area-inner .case-block { margin: 30px 0 0; position: relative;}
#lease-area .lease-area-inner .case-block:after { content:''; display: block; clear: both;}
#lease-area .lease-area-inner .case-block .case-box { width: 405px; border: 1px solid;}
#lease-area .lease-area-inner .case-block .case-box.buying { border-color: #6c1e7d; float: left;}
#lease-area .lease-area-inner .case-block .case-box.leasing { border-color: #0074dd; float: right;}
#lease-area .lease-area-inner .case-block .case-box p { margin: 0; line-height: 100%; text-align: center;}
#lease-area .lease-area-inner .case-block .case-box p.case-box-head { padding: 20px 0 15px; font-size: 1.35em; color: #fff; font-weight: bold;}
#lease-area .lease-area-inner .case-block .case-box.buying p.case-box-head { background: #6c1e7d;}
#lease-area .lease-area-inner .case-block .case-box.leasing p.case-box-head { background: #2883c0;}
#lease-area .lease-area-inner .case-block .case-box p.case-box-smds { margin: 0 0 20px; padding: 15px 0 10px; font-size: 1.25em; color: #000;}
#lease-area .lease-area-inner .case-block .case-box.buying p.case-box-smds { background: #d3bbd8;}
#lease-area .lease-area-inner .case-block .case-box.leasing p.case-box-smds { background: #bedaec;}
#lease-area .lease-area-inner .case-block .case-box dl { margin: 0; padding: 0 20px 20px; font-size: 1.35em; line-height: 130%; color: #000;}
#lease-area .lease-area-inner .case-block .case-box dl:after { content:''; display: block; clear: both;}
#lease-area .lease-area-inner .case-block .case-box dl dt.tit { display: block; float: none; clear: both;}
#lease-area .lease-area-inner .case-block .case-box dl dt { margin: 0 0 5px; padding: 0; float: left; clear: left;}
#lease-area .lease-area-inner .case-block .case-box dl dd { margin: 0 0 5px; padding: 0; float: right; clear: right; font-weight: bold;}
#lease-area .lease-area-inner .case-block .case-box dl dd.red { color: #db0000;}

#lease-area .lease-area-inner .case-block .case-arr span.arr { margin: 5px 0 0; position: absolute; top: 44%; left: 47.5%;}
#lease-area .lease-area-inner .case-block .case-arr span.arr::after { content: url(http://www.sotuu.net/imaje/images/arr_case.gif);}

#lease-area .lease-area-inner .case-block .point-box { width: 407px; position: absolute; bottom: 0; right: 0; display: block;}
#lease-area .lease-area-inner .case-block .point-box p.point { margin: 0; padding: 15px 0 10px; position: relative; font-size: 1.3em; line-height: 100%; text-indent: 1em; color: #fff; text-align: center; background: #ed9500;}
#lease-area .lease-area-inner .case-block .point-box p.point:before { content: url(http://www.sotuu.net/imaje/images/arr_f.gif); position: absolute; top: -14px; right: 60px;}

#lease-area .lease-appeal { margin: 0; padding: 0; clear: both; display: table;}
#lease-area .lease-appeal p.lease-appeal-head { padding: 0 30px; background-color: #2883c0; font-size: 1.3em; line-height: 100%; font-weight: bold; color: #fff; text-align: center; display: table-cell; vertical-align: middle; white-space: nowrap;}
#lease-area .lease-appeal ul { width: 90%; margin: 0; padding: 10px 0 5px 10px; display: table-cell; font-size: 1.3em; line-height: 100%; color: #000; background-color: #bedaec;}
#lease-area .lease-appeal ul li { margin: 15px 0 15px 20px; padding: 0; position: relative; list-style-type: none; font-weight: bold;}
#lease-area .lease-appeal ul li:before { margin-right: 8px; content:''; width: 0.8em; height: 0.8em; background: #69a8d3; border-radius: 50%;display: inline-block;}

.camp-area { margin: 0; padding: 0;}
.camp-area img { margin: 0;}
.camp-area .present-block { margin: 0 0 25px; position: relative;}
.camp-area .present-block .present-bnr { margin: 0;}
.camp-area .present-block p.present-btn { margin: 0; position: absolute; top: 330px; left: 50%; 
transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.camp-area .present-block p.present-btn a { width: 446px; padding: 18px 0 15px; position: relative; background: #a50000; font-size: 28px; text-align: center; color: #fff; line-height: 100%; vertical-align: middle; display: block;}
.camp-area .present-block p.present-btn a:before { content: ""; position: absolute; top: 42%; right: 4%; border: 8px solid transparent; border-top: 10px solid #fff;}
.camp-area .present-block p.present-btn a:hover { filter:alpha(opacity=80); opacity:0.80; text-decoration: none;}



.inquiry-att { padding: 30px 20px 30px 30px; background-color: #ececec;}
.inquiry-att p.smds { margin: 0 0 20px; font-size: 19px; font-weight: bold;} 
.inquiry-att ul { margin: 0 0 0 20px; padding: 0; font-size: 16px; line-height: 160%; list-style-image: url(http://www.sotuu.net/imaje/images/inquiry_att_point.gif);}
.inquiry-att ul li { margin: 0 0 10px;} 
.inquiry-att ul li:last-child { margin: 0;}

/* module */
hr.space { margin: 5px auto 5px; height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #fff; clear: both;}
.clearfix:after { content:'';display:block;clear:both;}