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

	Module Top Style Sheet

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

.sns { float: right; text-align: left; /*width:390px;*/ width: 380px; margin: 15px 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:50px; /*background:#eef9ff url(../images/top_bg.png); padding:10px;*/ padding-top:15px;}
.link ul li {float:left; margin-left:2px;}
.link ul li.l1 {margin-left:0;}

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

.section .caption {text-align:left; color:#666; font-size:11px; display:block; margin-top:0px; background:#eee; padding:5px 15px;}

.interview p.text {margin:0 0 25px;}
.interview p.q { font-weight:bold; margin:0 0 25px; color:#000;}
.interview p.text span {font-weight:bold; color:#8c6900;}
.s10 p.text span {font-weight:bold; color:#00366c;}
.s12 p.text span {font-weight:bold; color:#00366c;}
.interview h3 {margin:0 0 30px;}

.unit { }
/*.unit.dot { background:url(../images/dotline.png) 0 bottom repeat-x; padding-bottom:31px; margin-bottom:30px;}*/

.s1 {border:solid 2px #e7e0d2; padding:18px 18px 18px 23px; background:#fbf8f2; margin:0 0 50px;}
.s1 h2 {margin:-5px 0 5px -5px;}
.s1 .u1 .left {width:765px;}
.s1 .u1 .right {width:120px;}
.s1 p.text {margin-bottom:0;}

.s2 { margin:0 0 76px;}
.s2 h2 {margin:0 0 7px;}
.s2 h3 {margin:10px 0;}
.s2 .u1 {margin-bottom:17px;}
.s2 .left {width:410px;}
.s2 .right {width:520px;}

.sec_ttl {position:relative;}
.sec_ttl .ttl_lead {position:absolute; bottom:20px; padding:0 25px; color:#fff; font-weight:bold;}
.sec_wrap {background:url(../images/sec_shadow.png) center top no-repeat; padding:50px 25px 0; border:solid 5px #ccc; border-top:0; margin:0 0 70px;}

.s3 { margin:0 0 30px;}
.s3 .unit {padding-bottom:20px;}
.s3 .u1 .left {width:610px;}
.s3 .u1 .right {width:240px;}
.s3 .u2 .left {width:440px; }
.s3 .u2 .right {width:410px;}

.s4 { margin:0 0 30px;}
.s4 .unit {padding-bottom:20px;}
.s4 .u1 .left {width:410px;}
.s4 .u1 .right {width:440px;}
.s4 .u2 .left {width:410px;}
.s4 .u2 .right {width:440px;}
.s4 .u4 .left {width:410px;}
.s4 .u4 .right {width:440px;}

.s5 { margin:0 0 30px;}
.s5 .unit {padding-bottom:20px;}
.s5 .u1 .left {width:440px;}
.s5 .u1 .right {width:410px;}
.s5 .u1 .img2 {margin-top:50px;}

.s6 { margin:0 0 30px;}
.s6 .unit {padding-bottom:20px;}
.s6 .u1 .left {width:610px;}
.s6 .u1 .right {width:240px;}
.s6 .u2 .left {width:500px; }
.s6 .u2 .right {width:350px;}

.s7 { margin:0 0 30px;}
.s7 .unit {padding-bottom:20px;}
.s7 .u1 .left {width:500px; }
.s7 .u1 .right {width:350px;}

.s8 { margin:0 0 30px;}
.s8 .unit {padding-bottom:20px;}
.s8 .img_right {margin:0 0 0px 40px; float:right;}


.s9 { margin:0 47px 70px;}
.s9 h2 { margin:0 0 15px;}
.s9 .u1 { margin:0 0 10px;}
.s9 .left {width:423px;}
.s9 .right {width:423px;}
.s9 .btn {background:url(../images/s9_bg.png) 0 bottom no-repeat; padding:0px 11px 13px 0; text-align:right;}
.s9 .btn img {vertical-align:top;}
.s9 .btn .b1 { display:inline; padding-right:1px;}
.s9 .btn .b2 { display:inline;}

.s10 { margin:0 0 30px;}
.s10 .unit {padding-bottom:20px;}
.s10 .u1 .left {width:420px; }
.s10 .u1 .right {width:430px;}
.s10 .u2 .left {width:530px; }
.s10 .u2 .right {width:320px;}
.s10 p.img2 {margin-top:20px;}
.s10 h3.sec {padding-top:50px;}

.s12 { margin:0 0 60px;}
.s12 .unit {padding-bottom:20px;}
.s12 .u1 .left {width:430px; }
.s12 .u1 .right {width:440px; margin-top:-20px;}

.s13 { margin:0 0 25px;}
.s13 .unit {padding-bottom:30px;}
.s13 .u1 .left {width:440px; }
.s13 .u1 .right {width:440px;}
.s13 .u2 {text-align:center;}

.s14 {margin:0px 0 80px; }
.s14 .wrap {margin:0px 0 0px; background:#edf9fa; border:solid 3px #ace4e2; padding:0px 37px 0px;}
.s14 h2 {margin:-3px -37px 15px;}
.s14 .postbtn { background:url(../images/review_btn_bg.png) 0 0 no-repeat; margin:-1px 0 30px -1px; height:91px; position:relative;}
.s14 .postbtn .btn {padding:18px 0 0; width:320px; margin:0 auto;}
.s14 .postbtn .note {position:absolute; left:610px; bottom:17px;}
.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; }
.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; padding: 3px 5px; border: solid 1px #cccccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #f5f5f9; font-size: 11px; font-weight: normal; text-align: center; vertical-align: middle; }*/
.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;}


.s15 {margin:0px 0 0px; }
.s15 .u1 { margin:0 0 10px;}
.s15 .left {width:470px;}
.s15 .right {width:470px;}
.s15 .btn {background:url(../images/s15_bg.png) 0 bottom no-repeat; padding:0px 12px 15px; text-align:right;}
.s15 .btn img {vertical-align:top;}
.s15 .btn .b1 { display:inline; padding-right:3px;}
.s15 .btn .b2 { display:inline;}



.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:0px 15px 10px; background:#000; color:#fff; margin-bottom:0;}
#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;}
.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:80%;}*/

.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 p.img {margin:0 0 25px; text-align:center;}
.section p {font-size:14px;}
.section p.text {margin:0 0 23px;}
h2.ttl {margin:0 0 25px;}

.section .caption {text-align:left; color:#666; font-size:11px; display:block; margin-top:0px; background:#eee; padding:5px 15px;}

.interview p.text {margin:0 0 25px;}
.interview p.q { font-weight:bold; margin:0 0 25px; color:#000;}
.interview p.text span {font-weight:bold; color:#8c6900;}
.s10 p.text span {font-weight:bold; color:#00366c;}
.s12 p.text span {font-weight:bold; color:#00366c;}
.interview h3 {margin:0 0 30px;}

.unit { }
/*.unit.dot { background:url(../images/dotline.png) 0 bottom repeat-x; padding-bottom:31px; margin-bottom:30px;}*/



.s1 {border:solid 2px #e7e0d2; padding:18px 18px 18px 18px; background:#fbf8f2; margin:0 0 40px;}
.s1 h2 {margin:-5px 0 5px -5px;}
.s1 .u1 .left {width:auto;}
.s1 .u1 .right {width:auto; margin-top:15px;}
.s1 .u1 .right img {width:40%;}
.s1 p.text {margin-bottom:0;}

.s2 { margin:0 0 40px;}
.s2 h2 {margin:0 0 7px;}
.s2 h3 {margin:10px 0;}
.s2 .u1 {margin-bottom:0px;}
.s2 .left {width:auto; padding:0 15px;}
.s2 .right {width:auto; padding:0 15px;}

.sec_ttl {position:relative;}
.sec_ttl h2 {margin:0 !important;}
.sec_ttl .ttl_lead {position:static; bottom:20px; padding:3%; color:#fff; font-weight:bold; background:#151515;}
.sec_ttl .ttl_lead.mora {position:static; bottom:20px; padding:3%; color:#fff; font-weight:bold; background:#092441;}
.sec_wrap {background:url(../images/sec_shadow.png) center top no-repeat; background-size: 100% auto; padding:30px 12px 0; border:solid 3px #ccc; border-top:0; margin:0 0 40px;}

.s3 { margin:0 0 10px;}
.s3 .unit {padding-bottom:20px;}
.s3 .u1 .left {width:auto;}
.s3 .u1 .right {width:auto;}
.s3 .u2 .left {width:auto; }
.s3 .u2 .right {width:auto;}

.s4 { margin:0 0 10px;}
.s4 .unit {padding-bottom:20px;}
.s4 .u1 .left {width:auto;}
.s4 .u1 .right {width:auto;}
.s4 .u2 .left {width:auto;}
.s4 .u2 .right {width:auto;}
.s4 .u4 .left {width:auto;}
.s4 .u4 .right {width:auto;}

.s5 { margin:0 0 10px;}
.s5 .unit {padding-bottom:20px;}
.s5 .u1 .left {width:auto;}
.s5 .u1 .right {width:auto;}
.s5 .u1 .img2 {margin-top:20px; margin-bottom:0 !important;}

.s6 { margin:0 0 10px;}
.s6 .unit {padding-bottom:20px;}
.s6 .u1 .left {width:auto;}
.s6 .u1 .right {width:auto;}
.s6 .u2 .left {width:auto; }
.s6 .u2 .right {width:auto;}

.s7 { margin:0 0 10px;}
.s7 .unit {padding-bottom:20px;}
.s7 .u1 .left {width:auto; }
.s7 .u1 .right {width:auto;}

.s8 { margin:0 0 10px;}
.s8 .unit {padding-bottom:20px;}
.s8 .img_right {margin:0 0 0px; float:none;}


.s9 {margin:10px 0px 55px; }
.s9 h2 { margin:0 0 15px;}
.s9 .u1 { margin:0 0 10px;}
.s9 .left {width:auto; margin-bottom:20px;}
.s9 .right {width:auto;}
.s9 .btn {background:url(../images/s9_bg.png) 0 bottom no-repeat; padding:0px 12px 14px; text-align:center; background-size:cover;}
.s9 .btn img {vertical-align:top;}
.s9 .btn .b1 { display:inline; padding-right:7px;}
.s9 .btn .b2 { display:inline;}
.s9 .btn img {width:47%;}
.s9 .head img {width:100%;}

.s10 { margin:0 0 10px;}
.s10 .unit {padding-bottom:20px;}
.s10 .u1 .left {width:auto; }
.s10 .u1 .right {width:auto;}
.s10 .u2 .left {width:auto; }
.s10 .u2 .right {width:auto;}
.s10 p.img2 {margin-top:20px;}
.s10 h3.sec {padding-top:30px;}

.s12 { margin:0 0 10px;}
.s12 .unit {padding-bottom:20px;}
.s12 .u1 .left {width:auto; }
.s12 .u1 .right {width:auto; margin-top:0px;}

.s13 { margin:0 0 25px;}
.s13 .unit {padding-bottom:0px;}
.s13 .u1 .left {width:auto; }
.s13 .u1 .right {width:auto;}
.s13 .u2 {text-align:center;}
.s13 .img { margin:0 0 10px !important;}

.s14 {margin:0px 0 20px; }
.s14 .wrap {margin:0px 0 0px; background:#edf9fa; border:solid 3px #ace4e2; padding:0px 12px 0px;}
.s14 h2 {margin:0 -12px 15px;}
.s14 .postbtn { background-image:none; background-color:#fff; margin:-1px 0 30px -1px; height:auto; position:relative; border:solid 4px #e6e6e6;}
.s14 .postbtn .btn {padding:10px 30px 0; width:auto; margin:0 auto; text-align:center;}
.s14 .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_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: 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; padding: 3px 5px; border: solid 1px #cccccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #f5f5f9; font-size: 11px; font-weight: normal; text-align: center; vertical-align: middle; }*/
.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;}



.s15 {margin:0px 0 0px; }
.s15 .u1 {margin-bottom:20px;}
.s15 .left {width:auto; margin-bottom:20px;}
.s15 .right {width:auto;}
.s15 .btn {background:url(../images/s9_bg.png) 0 bottom no-repeat; padding:0px 12px 14px; text-align:center; background-size:cover;}
.s15 .btn img {vertical-align:top;}
.s15 .btn .b1 { display:inline; padding-right:7px;}
.s15 .btn .b2 { display:inline;}
.s15 .btn img {width:47%;}
.s15 .head img {width:100%;}








.side_enquete a { display:none;}



}