@charset "utf-8";
/*----------------------------------------------------------

	Module Top Style Sheet

-----------------------------------------------------------*/
/* common */

.sns { float: right; text-align: left; /*width:390px;*/ width: 380px; margin: 20px 0 15px 0; }
.title { float: left; margin: 0 10px 0 0; padding: 4px 0 0 0; width: 80px; }
.twitter { float: left; margin: 0 10px 0 0; padding: 0; width: 90px; }
.facebook { float: left; margin: 0 10px 0 0; padding: 0; width: 110px; }
.gplus { float: left; margin: 0 0px 0 0; padding: 0; /*width:80px;*/ width: 70px; }
.mixi { float: left; margin: 0; padding: 2px 0 0 0; width: 80px; }
.hatena { float: left; margin: 0 10px 0 0; padding: 0; }
.sns li img { vertical-align: top; }
/*.anq{float:right; margin:0 20px 25px; font-size:14px;}*/
.anq { position: absolute; left: 0; bottom: 18px; float: right; margin: 0; font-size: 14px; }
.anq a { color: #00A8F6; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
#column1-main { font-size: 13px; letter-spacing: 0; margin: 10px 0 0; }
#column1-main p { /*line-height:1.64;*/
line-height: 1.79; }
p {/*margin-bottom:1.5em;*/}
.note {font-size:12px !important; color:#808080 !important; font-weight:normal !important;}
.caption {font-size:12px;}
#column1-main .left {float: left;}
#column1-main .right {float: right;}
#column1-main .left2 {float: left;}
#column1-main .right2 {float: right;}
#column1-main .clear {clear:both;}

#pagebody a.o_link, #pagebody a.link_ico { background: url("../images/ico_link.gif") no-repeat scroll right center transparent !important; height: 100%; margin-right: 0.5em; padding-right: 15px; }
#container_mainv { /*border:solid 1px #ccc;	padding:21px;*/ position: relative; }
#container_mainv h2 { /*margin: 0 0 20px;*/ margin: 0 0 0px; }
#container_mainv .p_info { margin: -5px 0 10px; }
#container_mainv .btn01 { position: absolute; left: 111px; top: 369px; }
#container_mainv .btn02 { position: absolute; left: 248px; top: 369px; }



.link {margin-bottom:31px; /*background:#eef9ff url(../images/top_bg.png); padding:10px;*/ padding-top:25px;}
.link ul li {float:left; margin-left:7px;}
.link ul li.l1 {margin-left:0;}

.section .img {margin:0;}
.section p {font-size:14px;}
.section .text {margin:0 0 25px;}
.section .text strong {color:#8b1500;}
h2.ttl {margin:0 0 25px;}
.section h3 {margin:0 0 25px;}

.section .caption {text-align:left; color:#666; font-size:13px; line-height:1.53; display:block; margin-top:8px;}

/*.interview .text {margin:0 0 25px;}
.interview .q { font-weight:bold; margin:0 0 25px; color:#000;}
.interview .pb {padding-bottom:20px;}
.interview .text span {font-weight:bold; color:#4b409d;}
.interview h3 {margin:0 0 30px;}
.interview p.text img {float: left; margin: 3px 15px 15px 0;}
.interview .unit { margin:0 20px; }
*/
/*.unit.dot { background:url(../images/dotline.png) 0 bottom repeat-x; padding-bottom:31px; margin-bottom:30px;}*/

.s1 { margin:0 0 30px;}
.s1 .u1 .left {width:590px;}
.s1 .u1 .right {width:340px;}

.s2 { margin:0 0 50px; border:solid 3px #d9d9d9; border-radius:10px;}
.s2 h3 {margin:8px 0 12px 12px;}
.s2 .text {margin:0 27px 35px;}
.s2 .u1 .left {width:472px;}
.s2 .u1 .right {width:472px;}

.s3 { margin:0 0 80px; border:solid 1px #d9f0f5; background:#f6fdff; padding:29px 29px 4px;
-webkit-box-shadow: inset 0 0 10px #dff1f4;
-moz-box-shadow: inset 0 0 10px #dff1f4;
box-shadow: inset 0 0 10px #dff1f4;
}
.s3 .u1 .left {width:500px;}
.s3 .u1 .right {width:360px;}

.s4 { margin:0 0 50px; padding-bottom:35px; border-bottom:solid 1px #b3b3b3;}
.s4 h2 {margin:0 0 50px;}
.s4 h3 {margin:3px 0 33px;}
.s4 .u1 .left {width:470px;}
.s4 .u1 .right {width:440px;}

.onestep { margin:0 0 50px; padding-bottom:35px; border-bottom:solid 1px #b3b3b3;}
.onestep h2 {margin:0 0 40px;}
.onestep h2 img {margin-left:12px;}
.onestep h2 img:first-child {margin-left:0px;}
.onestep .u1 {margin:45px 0 0; background:#f0f0f0; padding:35px 30px 10px;}
.onestep .u2 {margin: 0 0; background:#f0f0f0; padding:0px 30px 35px;}
.onestep .check {margin:20px 0 0;}

.s5 .u1 .left {width:390px;}
.s5 .u1 .right {width:470px;}

.s6 .u1 .left {width:390px;}
.s6 .u1 .right {width:470px;}

.s7 .u1 .left {width:370px;}
.s7 .u1 .right {width:490px;}
.s7 .u2 .left {width:389px; margin-left:43px;}
.s7 .u2 .right {width:389px; margin-right:39px;}
.s7 .u2 .caption {font-size:11px;}

.s8 .u1 .left {width:370px;}
.s8 .u1 .right {width:490px;}

.s9 { margin:0 0 70px; padding-bottom:60px; border-bottom:solid 1px #b3b3b3;}
.s9 h3 {margin:0 0 30px;}
.s9 .u1 .left {width:510px;}
.s9 .u1 .right {width:400px;}

.s10 {margin-bottom:100px;}
.s10 h3 {margin:0 0 45px;}
.s10 .img {margin:0 0 50px;}

.s11 {margin-bottom:50px;}
.s11 h3 {margin:0 0 40px;}
.s11 .img {margin:0 0 0px; text-align:center;}

.connection .u1 .left {width:390px;}
.connection .u1 .right {width:490px; margin-right:30px;}
.connection .u1 .btn {text-align:right;}
.connection .u1 .btn img {margin-left:5px;}
.connection .u1 .btn2 {text-align:right; margin-top:10px;}

.s12 .btn {margin-top:-10px;}
.s12 {margin:0 0 71px;}
.s13 {margin:0 0 54px;}
.s14 {margin:0 0 44px;}
.s15 {margin:0 0 44px;}
.s14 .right {margin-top:25px;}
.s15 .right {margin-top:25px;}
.s19 {margin:0 0 100px;}

.s16 {margin:0px 0 70px; }
.s16 .wrap {margin:0px 0 0px; background:#edf9fa; border:solid 3px #ace4e2; padding:0px 37px 0px;}
.s16 h2 {margin:-19px -37px 15px;}
.s16 .postbtn { background:url(../images/review_btn_bg.png) 0 0 no-repeat; margin:-1px 0 30px -1px; height:91px; position:relative;}
.s16 .postbtn .btn {padding:18px 0 0; width:320px; margin:0 auto;}
.s16 .postbtn .note {position:absolute; left: 610px; bottom: 15px; font-size: 11px; line-height:1.4 !important;}
.review { border: solid 1px #cccccc;  margin:0 0 20px; background:#fff; }
/*.review_title { margin-bottom: 5px; font-size: 16px; font-weight: bold; line-break: strict; color: #52c7d9; }*/
.review_comment { font-size: 17px; font-weight: bold; line-break: strict; line-height: 1.41; color: #0c8eb3; padding: 17px 19px 5px; word-break: break-all;}
.review_datename { text-align: right; padding: 0 19px 12px;  }
.review_nickname { font-size: 14px; font-weight: bold; color: #333333; }
.review_date { font-size: 11px; margin-left: 10px; color: #666666; }
.review_panel { padding: 7px 9px; background: #fbfbfb; }
.review_id { float: left; font-size: 11px; margin-top: 2px; color:#808080;}
.review_useful { float: left; margin-top: 1px; margin-left: 13px; font-size: 12px; font-weight: bold; color: #666666; }
.review_useful_vote {  margin-left: 10px;}
.review_useful_vote img {  margin-top:-1px;}
.review_nav { float: right; margin-top: 2px; }
.review_nav li { float: left; margin-left: 10px; padding-left: 10px; font-size: 11px; border-left:1px solid #999; line-height:1.1;}
.review_nav li:first-child { border-left:none; }
.review_nav li a {color:#999;}
.review_class {max-height:1340px; overflow:auto; margin-bottom:20px; -webkit-overflow-scrolling:touch;}
.review_class ul {margin: 0; padding: 0;}
.review_class ul li {list-style: none;}
.review_class ul li.b_color .review_comment {color: rgb(36, 106, 175);}

.s17 {margin:60px 0; text-align:center;}

.s18 { margin:0 0 70px; background:url(../images/s18_bg.jpg) center 1px no-repeat; padding:39px 39px 34px ; border:solid 1px #e6e6e6;}
.s18 .u1 {margin:0 0 48px;}
.s18 .left {width:415px;}
.s18 .right {width:415px; }
.s18 .btn {padding:0px 0 0 0; text-align:right; }
.s18 .btn img {vertical-align:top;}
.s18 .btn .b1 { display:inline; padding-right:3px;}
.s18 .btn .b2 { display:inline;}

.other {position:relative; padding-bottom:30px;}
.other h2 { border-bottom: 1px solid #B3B3B3; font-size: 22px; font-weight: bold; padding: 0 0 3px; margin:0 0 25px;}
.other .list {position: absolute; right: 0; top: 5px;}
.other .list a { background: url("../images/arrow_6k.png") no-repeat 0 center; font-size: 12px; padding-left: 14px; color:#333;}
.other li {width:300px; float:left; margin-left:25px;}
.other li:first-child {margin-left:0;}
.other li span {display:block; padding-top:5px;}

.side_enquete a { background: url(../images/btn_enquete.png) 0 0 no-repeat; bottom: 100px; height: 189px; position: fixed; right: 0; text-indent: -9999px; width: 38px; z-index: 1010; }
.side_enquete a:hover {opacity:0.8;}
.foot_note { color: #999999; font-size: 11px; line-height: 1.5 !important; margin: 30px 0 0; }


.bb {border-bottom: solid 1px #d1d1d1;}
.bbdb {border-bottom: double #d1d1d1;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.ind { text-indent:-1em; padding-left:1em;}
.center { text-align:center;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}








@media (max-width:640px){

#container_mainv h2 { border: none; color: #00284E; font-size: inherit; height: auto; margin: 0px; padding: 0px; }
#column1-main .left {float: none;}
#column1-main .right {float: none;}
#column1-main .left2 {float: none;}
#column1-main .right2 {float: none;}

.section { margin:0 0px 0px;}
#container_mainv .lead {padding:10px 15px 10px; background:#000; color:#fff; margin:0px 0 0; line-height:1.5 !important;}
#container_mainv .hl {padding:10px 0 0; background:#ffffff; color:#0080da; font-weight:bold; font-size:16px; line-height:1.4; margin:0;}

.sns{float:left; text-align:left; width:auto; margin:15px 0 0px 0;}
/*.anq{float:left; margin:0 0px 30px; font-size:13px;}*/
.anq{float:left; position:static; left:0; bottom:0; margin:0 0px 30px; font-size:13px;}
.anq a {color:#00A8F6;}

.title{float:none; margin:0 10px 0 0; padding:4px 0 0 0; width:80px;}

#container_mainv .btn { position: inherit; bottom: 0; left: 0; }
#column1-main p {/*margin-bottom:1.5em;*/ }
#container_mainv .btn { text-align: center; margin-bottom: 10px !important; }
#container_mainv .btn01 { position: relative; left: 0; top: 0; }
#container_mainv .btn02 { position: relative; left: 0; top: 0; }
#container_mainv .btn01 img { width: 132px; }
#container_mainv .btn02 img { width: 160px; }

.link {margin-bottom:35px; padding-top:0;}
.link ul li {float:none; margin-left:0px; margin-top:10px; text-align:center;}
.link ul li.l1 {margin:0;}
.link ul li img { width:75%;}

/*.link {margin-bottom:35px; padding-top:0px;}
.link ul li.l1 {float:left; margin:0 1% 1% 0; width:49%;}
.link ul li.l2 {float:left; margin:0 0 1% 1%; width:49%;}
.link ul li.l3 {float:left; margin:0 1% 0 0; width:49%;}
.link ul li.l4 {float:left; margin:0 0 0 1%; width:49%;}
.link ul li img { width:100%;}*/

#column1-main h2 { border:none !important; height:auto; background:none; padding:0px !important;}
.section .img {margin:0 0 25px; text-align:center;}
.section p {font-size:14px;}
.section .text {margin:0 0 23px;}
h2.ttl {margin:0 0 25px;}

.section .caption {text-align:left; color:#666; font-size:13px; line-height:1.53; display:block; margin-top:8px;}

/*.interview .text {margin:0 0 25px;}
.interview .q { font-weight:bold; margin:0 0 25px; color:#000;}
.interview .pb {padding-bottom:20px;}
.interview .text span {font-weight:bold; color:#4b409d;}
.interview h3 {margin:0 0 30px;}
.interview p.text img {float: left; margin: 3px 15px 15px 0;}
.interview .unit { margin:0 0px; }
*/
/*.unit.dot { background:url(../images/dotline.png) 0 bottom repeat-x; padding-bottom:31px; margin-bottom:30px;}*/



.s1 { margin:0 0 20px;}
.s1 .u1 .left {width:auto;}
.s1 .u1 .right {width:auto;}

.s2 { margin:0 0 40px; border:solid 3px #d9d9d9; border-radius:10px;}
.s2 h3 {margin:15px 0 12px 12px;}
.s2 .text {margin:0 17px 25px;}
.s2 .u1 .left {width:auto; margin:0 5px;}
.s2 .u1 .right {width:auto; margin:0 5px;}

.s3 { margin:0 0 60px; border:solid 1px #d9f0f5; background:#f6fdff; padding:24px 19px 4px;
-webkit-box-shadow: inset 0 0 10px #dff1f4;
-moz-box-shadow: inset 0 0 10px #dff1f4;
box-shadow: inset 0 0 10px #dff1f4;
}
.s3 .u1 .left {width:auto;}
.s3 .u1 .right {width:auto;}

.s4 { margin:0 0 40px; padding-bottom:10px; border-bottom:solid 1px #b3b3b3;}
.s4 h2 {margin:0 0 25px;}
.s4 h2 img {width:80%; margin-top:10px;}
.s4 h2 img:first-child {width:100%; margin:0;}
.s4 h3 {margin:0px 0 25px;}
.s4 .u1 .left {width:auto;}
.s4 .u1 .right {width:auto;}

.onestep { margin:0 0 40px; padding-bottom:25px; border-bottom:solid 1px #b3b3b3;}
.onestep h2 {margin:0 0 25px;}
.onestep h2 img {margin-left:0px;}
.onestep h2 img:first-child {margin-left:0px; width:80%; margin:0 10%;}
.onestep .u1 {margin:30px 0 0; background:#f0f0f0; padding:25px 20px 10px;}
.onestep .u2 {margin: 0 0; background:#f0f0f0; padding:0px 30px 0px;}
.onestep .check {margin:15px 0 0;}
.onestep .u1 .img {margin:0 !important;}

.s5 .u1 .left {width:auto;}
.s5 .u1 .right {width:auto;}

.s6 .u1 .left {width:auto;}
.s6 .u1 .right {width:auto;}

.s7 .u1 .left {width:auto;}
.s7 .u1 .right {width:auto;}
.s7 .u2 .left {width:auto; margin-left:0px;}
.s7 .u2 .right {width:auto; margin-right:0px;}
.s7 .u2 .caption {font-size:11px;}

.s8 .u1 .left {width:auto;}
.s8 .u1 .right {width:auto;}

.s9 { margin:0 0 50px; padding-bottom:30px; border-bottom:solid 1px #b3b3b3;}
.s9 h3 {margin:0 0 25px;}
.s9 .u1 .left {width:auto;}
.s9 .u1 .right {width:auto;}

.s10 {margin-bottom:50px;}
.s10 h3 {margin:0 0 25px;}
.s10 .img {margin:0 0 25px;}

.s11 {margin-bottom:30px;}
.s11 h3 {margin:0 0 25px;}
.s11 .img {margin:0 0 0px; text-align:center;}

.connection .u1 .left {width:auto;}
.connection .u1 .right {width:auto; margin-right:0px;}
.connection .u1 .btn {text-align:right;}
.connection .u1 .btn img {margin-left:5px; margin-bottom:5px;}
.connection .u1 .btn2 {text-align:right; margin-top:5px;}
.connection .u1 .left .img {margin-bottom:10px !important;}
.connection .u1 h3 {margin:0 0 15px !important;}

.s12 .btn {margin-top:-10px;}
.s12 {margin:0 0 44px;}
.s13 {margin:0 0 44px;}
.s14 {margin:0 0 44px;}
.s15 {margin:0 0 44px;}
.s14 .right {margin-top:-10px;}
.s15 .right {margin-top:-30px;}
.s19 {margin:0 0 60px;}
.s19 .right {margin-top:-5px;}


.s16 {margin:0px 0 20px; }
.s16 .wrap {margin:0px 0 0px; background:#edf9fa; border:solid 3px #ace4e2; padding:0px 12px 0px;}
.s16 h2 {margin:0px -12px 15px;}
.s16 .postbtn { background-image:none; background-color:#fff; margin:-1px 0 30px -1px; height:auto; position:relative; border:solid 4px #e6e6e6;}
.s16 .postbtn .btn {padding:10px 30px 0; width:auto; margin:0 auto; text-align:center;}
.s16 .postbtn .note {position: static; left:610px; bottom:17px; text-align:center; padding:5px;}
.review { border: solid 1px #cccccc;  margin:0 0 20px; background:#fff; }
.review_comment { font-size: 17px; font-weight: bold; line-break: strict; line-height: 1.41; color: #0c8eb3; padding: 13px 14px 5px; }
.review_datename { text-align: right; padding: 0 19px 8px;  }
.review_nickname { font-size: 14px; font-weight: bold; color: #333333; }
.review_date { font-size: 11px; margin-left: 10px; color: #666666; }
.review_panel { padding: 7px 9px; background: #fbfbfb; }
.review_id { float: left; font-size: 11px; margin-top: 5px; color:#808080;}
.review_useful { float: left; margin-top: 1px; margin-left: 13px; font-size: 12px; font-weight: bold; color: #666666; }
.review_useful_vote {  margin-left: 10px;}
.review_useful_vote img {  margin-top:-1px;}
.review_nav { float: right; margin-top: 12px; }
.review_nav li { float: left; margin-left: 10px; padding-left: 10px; font-size: 11px; border-left:1px solid #999; line-height:1.1;}
.review_nav li:first-child { border-left:none; }
.review_nav li a {color:#999;}

.s17 {margin:30px 0; text-align:center;}

.s18 { margin:0 0 30px; background:url(../images/s18_bg.jpg) center 1px no-repeat; padding:20px 13px 20px ; border:solid 1px #e6e6e6;}
.s18 .u1 {margin:0 0 20px;}
.s18 .left {width:auto; margin-bottom:20px;}
.s18 .right {width:auto; margin-right:0px;}
.s18 .btn {padding:0px 0 0 0; text-align:right;}
.s18 .btn img {vertical-align:top;}
.s18 .btn .b1 { display:inline; padding-right:2px;}
.s18 .btn .b2 { display:inline;}
.s18 .btn img {width:47%;}
.s18 .model {text-align:right; font-size:13px; line-height:1.42 !important; margin:10px 0 0;}
.s18 .model a {font-weight:bold; text-decoration:underline; color:#666;}



.other {position:relative; padding-bottom:30px;}
#column1-main .other h2 { border-bottom: 1px solid #B3B3B3 !important;  font-size: 19px; font-weight: bold; padding: 0 0 3px; margin:0 0 20px;}
.other .list {position: absolute; right: 0; top: 5px;}
.other .list a { background: url("../images/arrow_6k.png") no-repeat 0 center; font-size: 12px; padding-left: 14px; color:#333;}
.other li {width:auto; float:none; margin-left:0; padding-bottom:15px;}
.other li:first-child {margin-left:0;}
.other li span {display:block; padding-top:5px;}
.other li img {width:100%;}




.side_enquete a { display:none;}



}