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

	Module Top Style Sheet

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

.sns { float: right; text-align: left; /*width:390px;*/ width: 380px; margin: 8px 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:55px; /*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 23px;}
.section .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: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 80px;}
.s1 h2 {margin:0 0 30px;}
.s1 .u1 .left {width:500px;}
.s1 .u1 .right {width:370px;}
.s1 .intro {font-weight:bold; margin:0 0 60px;}
.s1 .img2 {margin:25px 0 20px;}
.s1 .column { background:#f2f4f8; padding:30px; border-radius:6px; margin-top:45px;}
.s1 .u2 .left {width:310px;}
.s1 .u2 .right {width:520px; color:#666;}
.s1 .u2 .hl {margin:0 0 15px;}
.s1 .u2 .text {font-size:13px; line-height:1.53; margin:0 0 10px;}
.s1 .u2 .note {font-size:11px !important; line-height:1.45 !important;}
.s1 .u2 .c1 {margin:0 0 30px;}

.s2 { margin:0 0 77px;}
.s2 h3 {margin-right:20px; margin-left:20px;}
.s2 .u1 .left {width:435px;}
.s2 .u1 .right {width:440px;}
.s2 .img2 {margin-top:45px;}
.s2 .note1 {font-size:11px !important; line-height:1.45 !important; color:#666;}
.s2 .note {font-size:11px !important; line-height:1.45 !important; text-align:right; margin:-14px 25px 0 0;}

.s3 { margin:0 0 47px;}
.s3 h3 {margin-right:20px; margin-left:20px;}
.s3 .column { background:#f2f4f8; padding:20px; border-radius:6px;}
.s3 .u1 .left {width:440px;}
.s3 .u1 .right {width:390px;}

.s4 { margin:0 0 47px;}
.s4 .u1 {margin-bottom:40px;}
.s4 .u1 .left {width:490px;}
.s4 .u1 .right {width:380px;}
.s4 .u2 .left {width:380px;}
.s4 .u2 .right {width:490px;}
.s4 .img2 {margin-top:20px;}

.s5 { margin:0 0 77px; background:url(../images/s5_bg.jpg) center top no-repeat; padding:48px 20px 0 ;}
.s5 .left {width:280px;}
.s5 .left2 {width:280px; float:left; margin-left:34px;}
.s5 .right {width:280px; margin-right:5px;}
.s5 .btn {padding:0px 0 0 0; text-align:right; margin-top:-26px;}
.s5 .btn img {vertical-align:top;}
.s5 .btn .b1 { display:inline; padding-right:2px;}
.s5 .btn .b2 { display:inline;}
.s5 .model {text-align:right; font-size:13px; line-height:1.42 !important; margin:10px 0 0;}
.s5 .model a {font-weight:bold; text-decoration:underline; color:#666;}


.sec_wrap {background:url(../images/s6_bg.png) 0 0; padding:23px 18px 0; border:solid 2px #d8dae0; margin:0 0 77px;}


.s6 { margin:0 0 56px;}
.s6 h2 {margin-bottom:16px;}
.s6 .u1 .left {width:390px;}
.s6 .u1 .left .text {font-weight:bold; padding:10px 0 0 10px;}
.s6 .u1 .right {width:455px; padding-right:10px;}

.s7 { margin:0 0 80px;}
.scene .u1 .left {width:560px; }
.scene .u1 .right {width:340px; padding-right:10px;}
.scene .u1 .left .text {padding:0 40px 0px 10px;}
.scene .u1 .left .img {padding:0 40px 0px 10px;}
.scene .u1 .left .img_left img {float:left; margin: 0 20px 20px 10px;}
.scene .u1 .pb {padding-bottom:20px !important;}
.scene .img2 {margin:50px 0 0 -10px; position:relative;}
.scene .btn {padding:0px 0 0 0; text-align:right; /*margin-top:-38px;*/ position:absolute; bottom:14px; right:15px;}
.scene .btn img {vertical-align:top;}
.scene .btn .b1 { display:inline; padding-right:2px;}
.scene .btn .b2 { display:inline;}

.s8 { margin:0 0 62px;}
.s8 .note {font-size:11px !important; line-height:1.45 !important; color:#666; padding:20px 0 0 10px; }
.s8 .nowrap { width:890px; position:relative;}
.s8 .note a {text-decoration:underline;}
.s8 .bnr {margin:39px 0 0; text-align:center;}

.s9 { margin:0 0 80px;}
.s9 .note {font-size:11px !important; line-height:1.45 !important; color:#666; margin:20px 0 20px; padding-left:10px;}
.s10 .nowrap { width:890px; position:relative;}

.s11 { margin:80px 0 80px;}
.s11 .bnr1 {margin:0 0 50px;}
.s11 .bnr2 {margin:0 0 70px;}
.s11 .bnr3 {margin:0 0 26px; text-align:center;}
.s11 .bnr4 {margin:0 0 0px; text-align:center}


.s12 {margin:0px 0 70px; }
.s12 .wrap {margin:0px 0 0px; background:#edf9fa; border:solid 3px #ace4e2; padding:0px 37px 0px;}
.s12 h2 {margin:-19px -37px 15px;}
.s12 .postbtn { background:url(../images/review_btn_bg.png) 0 0 no-repeat; margin:-1px 0 30px -1px; height:91px; position:relative;}
.s12 .postbtn .btn {padding:18px 0 0; width:320px; margin:0 auto;}
.s12 .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);}


.s13 { margin:0 0 70px; background:url(../images/s13_bg.jpg) center 1px no-repeat; padding:48px 29px 20px ; border:solid 1px #e6e6e6;}
.s13 .left {width:280px;}
.s13 .left2 {width:280px; float:left; margin-left:24px;}
.s13 .right {width:280px; margin-right:5px;}
.s13 .btn {padding:0px 0 0 0; text-align:right; margin-top:-26px;}
.s13 .btn img {vertical-align:top;}
.s13 .btn .b1 { display:inline; padding-right:2px;}
.s13 .btn .b2 { display:inline;}
.s13 .model {text-align:right; font-size:13px; line-height:1.42 !important; margin:10px 0 0;}
.s13 .model a {font-weight:bold; text-decoration:underline; color:#666;}

.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:0px 15px 10px; background:#000;*/ color:#333; margin:5px 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 30px;}
.s1 h2 {margin:0 0 30px;}
.s1 .u1 .left {width:auto;}
.s1 .u1 .right {width:auto;}
.s1 .intro {font-weight:bold; margin:0 0 60px;}
.s1 .img2 {margin:25px 0 20px;}
.s1 .column { background:#f2f4f8; padding:15px; border-radius:6px; margin-top:25px;}
.s1 .u2 .left {width:auto;}
.s1 .u2 .right {width:auto; color:#666;}
.s1 .u2 .hl {margin:0 0 10px;}
.s1 .u2 .hl img {width:85%;}
.s1 .u2 .text {font-size:13px; line-height:1.53; margin:0 0 10px;}
.s1 .u2 .note {font-size:11px !important; line-height:1.45 !important;}
.s1 .u2 .c1 {margin:0 0 30px;}
.s1 .u2 .img {margin:0 0 10px; text-align:center;}

.s2 { margin:0 0 30px;}
.s2 h3 {margin-right:0px; margin-left:0px;}
.s2 .u1 .left {width:auto;}
.s2 .u1 .right {width:auto;}
.s2 .img2 {margin-top:45px;}
.s2 .note {font-size:10px !important; line-height:1.45 !important; text-align:right; margin:-5px 5px 0 0;}

.s3 { margin:0 0 40px;}
.s3 h3 {margin-right:0px; margin-left:0px;}
.s3 .column { background:#f2f4f8; padding:20px; border-radius:6px;}
.s3 .u1 .left {width:auto;}
.s3 .u1 .right {width:auto;}
.s3 .u1 .left .img {margin-bottom:0;}

.s4 { margin:0 0 20px;}
.s4 .u1 {margin-bottom:40px;}
.s4 .u1 .left {width:auto;}
.s4 .u1 .right {width:auto;}
.s4 .u2 .left {width:auto;}
.s4 .u2 .right {width:auto;}
.s4 .img2 {margin-top:20px;}

.s5 { margin:0 0 30px; background:url(../images/s5_bg.jpg) center top no-repeat; padding:40px 20px 0 ;}
.s5 .left {width:auto; margin-bottom:15px;}
.s5 .left2 {width:auto; float:none; margin-left:0; margin-bottom:15px;}
.s5 .right {width:auto; margin-right:0;}
.s5 .btn {padding:0px 0 0 0; text-align:right; margin-top:-26px;}
.s5 .btn img {vertical-align:top;}
.s5 .btn .b1 { display:inline; padding-right:2px;}
.s5 .btn .b2 { display:inline;}
.s5 .btn img {width:47%;}
.s5 .model {text-align:right; font-size:13px; line-height:1.42 !important; margin:10px 0 0;}
.s5 .model a {font-weight:bold; text-decoration:underline; color:#666;}


.sec_wrap {background:url(../images/s6_bg.png) 0 0; padding:13px 13px 0; border:solid 2px #d8dae0; margin:0 0 30px; background-size:8px 8px;}

.s6 { margin:0 0 30x;}
.s6 h2 {margin-bottom:16px;}
.s6 .u1 .left {width:auto;}
.s6 .u1 .left .text {font-weight:bold; padding:0px 0 0 0px;}
.s6 .u1 .right {width:auto; padding-right:0px;}

.s7 { margin:0 0 30px;}
.scene .u1 .left {width:auto; }
.scene .u1 .right {width:auto; padding-right:0px;}
.scene .u1 .left .text {padding:0 0px 0px 0px;}
.scene .u1 .left .img {padding:0 0px 0px 0px;}
.scene .u1 .left .img_left img {float:none; margin: 0 10px 10px 10px;}
.scene .u1 .pb {padding-bottom:0px !important;}
.scene .img2 {margin:0px 0 0 0px; position:relative;}
.scene .img2 > img {width:100%;}
.scene .btn {padding:0px 0 0 0; text-align:right; /*margin-top:-38px;*/ position:absolute; bottom:10px; right:13px; width:80%;}
.scene .btn img {vertical-align:top;}
.scene .btn .b1 { display:inline; padding-right:2px;}
.scene .btn .b2 { display:inline;}
.scene .btn img {width:47%;}
.scene h3 {margin-right:-10px; margin-left:-5px;}

.s8 { margin:0 0 30px;}
.s8 .nowrap { width:auto; position:relative;}
.s8 .bnr {margin:20px 0 0; text-align:center;}
.s8 .right {margin:20px 0 0;}

.s9 { margin:0 0 30px;}
.s10 .nowrap { width:auto; position:relative;}

.s11 { margin:30px 0 30px;}
.s11 .bnr1 {margin:0 0 20px;}
.s11 .bnr2 {margin:0 0 20px;}
.s11 .bnr3 {margin:0 0 15px; text-align:center;}
.s11 .bnr4 {margin:0 0 0px; text-align:center}



.s12 {margin:0px 0 20px; }
.s12 .wrap {margin:0px 0 0px; background:#edf9fa; border:solid 3px #ace4e2; padding:0px 12px 0px;}
.s12 h2 {margin:0px -12px 15px;}
.s12 .postbtn { background-image:none; background-color:#fff; margin:-1px 0 30px -1px; height:auto; position:relative; border:solid 4px #e6e6e6;}
.s12 .postbtn .btn {padding:10px 30px 0; width:auto; margin:0 auto; text-align:center;}
.s12 .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;}


.s13 { margin:0 0 30px; background:url(../images/s13_bg.jpg) center 1px no-repeat; padding:48px 13px 20px ; border:solid 1px #e6e6e6;}
.s13 .left {width:auto; margin-bottom:15px;}
.s13 .left2 {width:auto; float:none; margin-left:0; margin-bottom:15px;}
.s13 .right {width:auto; margin-right:0px;}
.s13 .btn {padding:0px 0 0 0; text-align:right; margin-top:-26px;}
.s13 .btn img {vertical-align:top;}
.s13 .btn .b1 { display:inline; padding-right:2px;}
.s13 .btn .b2 { display:inline;}
.s13 .btn img {width:47%;}
.s13 .model {text-align:right; font-size:13px; line-height:1.42 !important; margin:10px 0 0;}
.s13 .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;}



}