@charset "utf-8";

* {margin:0; padding:0;}
/*----------------------------------------------------------

	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;
}
p {/*margin-bottom:1.5em;*/}
.note {font-size:12px !important; color:#666666;}
.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:25px; /*background:#eef9ff url(../images/top_bg.png); padding:10px;*/}
.link ul li {float:left; margin-left:10px;}
.link ul li.l1 {margin-left:0;}

.section p.img {margin:0;}
.section p {font-size:14px;}
.section p.text {margin:0 0 0px;}

.interview h3 {margin:0 0 24px;}
.interview p.q { font-weight:bold; margin:0 0 23px;}
.interview p.text span {font-weight:bold; color:#533f96;}
.interview .caption {color:#29117f; margin-top:8px; font-size:12.5px;}
.interview h3 img { display:block;}
.interview h3 span { display:none;}

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

.section h2 {margin:0 0 0px;}









.s1 {margin:0 0 23px; position:relative;}
.s1 .movie_unit {width:660px; margin:0 auto 0;}
.s1 .movie { border:solid 10px #c5d6a2; height:360px; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px;}
.s1 .time {color:#4d4d4d; text-align:right; padding:3px;}
.s1 .u1 .left {width:330px;}
.s1 .u1 .right {width:330px;}
.s1 .u2 { margin:30px 0 0;}
.s1 .u2 .left {width:630px;}
.s1 .u2 .right {width:320px;}

#column1-main strong {background:#d5e664;}

.s2 {margin:20px 0 0px; }
.s2 .unit {width:449px; padding:8px 8px 30px; background:#ebf1e0; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; }
.s2 .u2 .text {width:255px; float:left; padding-left:20px; line-height:23px;}
.s2 .u2 .photo {width:170px; float:right;}

.s3 {margin:40px 0 0px; padding-bottom:23px; background:url(../images/dotline.png) 0 bottom no-repeat;}
.s3 .left {width:555px;}
.s3 .right {width:390px;z-index:1;}
.s3 h2 {z-index:999; position:relative;}
.s3 p {margin:23px 0 0;}

.s4 {margin:40px 0 0px;  padding-bottom:45px; background:url(../images/dotline.png) 0 bottom no-repeat;}
.s4 .wrap {margin:0px 0 0px; background:#ecf6f6; border:solid 3px #a7e1dc; padding:0px 37px 0px;}
.s4 h2 {margin:-8px 0 15px -40px;}
.s4 .postbtn { background:url(../images/s4_btn_bg.png) 0 0 no-repeat; margin:-1px 0 30px -1px; height:91px; position:relative;}
.s4 .postbtn .btn {padding:18px 0 0; width:320px; margin:0 auto;}
.s4 .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: #478856; 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;}

.s5 {margin:40px 0 0px; padding-bottom:16px; background:url(../images/dotline.png) 0 bottom no-repeat;}
.s5 h2 {margin-bottom:25px;}
.s5 .unit {margin-bottom:26px;}
.s5 .unit .left {width:465px;}
.s5 .unit .right {width:465px;}

.s6 {margin:40px 0 0px;}
.s6 .left {width:455px;}
.s6 .right {width:460px;}
.s6 p {margin:23px 0 0;}
.s6 .clear {padding:1px 0 0;}
.s6 .caption {color:#808080; font-size:12px; margin:10px 0 0;}

.s7 {margin:40px 0 0px; padding-bottom:46px; background:url(../images/dotline.png) 0 bottom no-repeat; }
.s7 .wrap {border:solid 2px #b6d4a1; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:20px 28px;}
.s7 h2 {margin-bottom:18px;}
.s7 .img1 {width:248px; float:left; margin:0 21px 25px 0;}
.s7 .img2 {width:261px; float:left; margin:0 12px 25px 0;}
.s7 .img3 {width:348px; float:left; margin:0 0 25px 0; }
.s7 .btn {background:#edf4e8; padding:20px; text-align:center; clear:both;}

.s8 {margin:40px 0 0px; }
.s8 .u1 .left {width:470px;}
.s8 .u1 .right {width:470px;}
.s8 .u1 .btn {background:url(../images/s8_bg.png) 0 bottom no-repeat; padding:0px 12px 14px; text-align:right;}
.s8 .u1 .btn img {vertical-align:top;}
.s8 .u1 .btn .b1 { display:inline; padding-right:7px;}
.s8 .u1 .btn .b2 { display:inline;}

.s9 {margin:25px 0 0px; }


.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;}

.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;}


/* form */
.foot_note {
    color: #999999;
    font-size: 11px;
	 line-height:1.5 !important;
    margin: 30px 0 0;
}






@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 35px;}

#container_mainv .lead {padding:5px 0 10px; background:#ffffff; color:#000000; 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:30px;}
.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%;}

#column1-main h2 { border:none !important; height:auto; background:none; padding:0px !important;}
.section p.img {margin:0 !important;}

.section p {font-size:14px;}
.section p.text {margin:0 0 0px;}

.interview h3 {margin:0 0 24px;}
.interview p.q { font-weight:bold; margin:0 0 23px;}
.interview p.text span {font-weight:bold; color:#533f96;}
.interview .caption {color:#29117f; margin-top:8px; font-size:12.5px;}

.interview h3 img { display:none;}
.interview h3 span { display:block; font-size:18px;}


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

.section h2 {margin:0 0 00px;}
h2 span.sp {background:#233240; color:#fff; padding:5px 0; text-align:center; width:100%; font-size:17px; line-height:1.3;}


.s1 {margin:0 0 23px; position:relative;}
.s1 .movie_unit {width:auto; margin:0 auto 0;}
.s1 .movie { border:none; height:auto; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;}
.s1 .movie iframe {width:100%;}
.s1 .time {color:#4d4d4d; text-align:right; padding:3px;}
.s1 .u1 .left {width:50%; float:left !important;}
.s1 .u1 .right {width:50%; float:right !important;}
.s1 .u2 { margin:30px 0 0;}
.s1 .u2 .left {width:auto;}
.s1 .u2 .right {width:auto; padding:20px 30px 0;}

#column1-main strong {background:#d5e664;}

.s2 {margin:20px 0 0px; }
.s2 .unit {width:auto; padding:8px 8px 10px; background:#ebf1e0; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; }
.s2 .u2 .text {width:auto; float:none; padding-left:0px; line-height:23px;}
.s2 .u2 .photo {width:auto; float:none; padding:10px 40px 0; text-align:center;}

.s3 {margin:30px 0 0px; padding-bottom:23px; background:url(../images/dotline.png) 0 bottom no-repeat; background-size:contain;}
.s3 .left {width:auto;}
.s3 .right {width:auto;z-index:1; padding:20px 20px 0;}
.s3 h2 {z-index:999; position:relative;}
.s3 p {margin:23px 0 0;}

.s4 {margin:30px 0 0px;  padding-bottom:35px; background:url(../images/dotline.png) 0 bottom no-repeat; background-size:contain;}
.s4 .wrap {margin:0px 0 0px; background:#ecf6f6; border:solid 3px #a7e1dc; padding:0px 12px 0px;}
.s4 h2 {margin:-15px -15px 15px -15px;}
.s4 .postbtn { background-image:none; background-color:#fff; margin:-1px 0 30px -1px; height:auto; position:relative; border:solid 4px #e6e6e6;}
.s4 .postbtn .btn {padding:10px 30px 0; width:auto; margin:0 auto; text-align:center;}
.s4 .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: #478856; 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;}

.s5 {margin:30px 0 0px; padding-bottom:16px; background:url(../images/dotline.png) 0 bottom no-repeat; background-size:contain;}
.s5 h2 {margin-bottom:25px !important;}
.s5 .unit {margin-bottom:25px;}
.s5 .unit .left {width:auto;margin-bottom:25px;}
.s5 .unit .right {width:auto;}

.s6 {margin:30px 0 0px;}
.s6 h2 img {width:72%; height:auto;}
.s6 .left {width:auto;}
.s6 .right {width:auto; padding:20px 20px 0;}
.s6 p {margin:23px 0 0;}
.s6 .clear {padding:1px 0 0;}
.s6 .caption {color:#808080; font-size:12px; margin:10px 0 0;}

.s7 {margin:30px 0 0px; padding-bottom:36px; background:url(../images/dotline.png) 0 bottom no-repeat; background-size:contain;}
.s7 .wrap {border:solid 2px #b6d4a1; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:15px 13px;}
.s7 h2 {margin-bottom:18px;}
.s7 .img1 {width:auto; float:none; margin:0 40px 25px; text-align:center;}
.s7 .img2 {width:auto; float:none; margin:0 40px 20px; text-align:center;}
.s7 .img3 {width:auto; float:none; margin:0 0 25px 0; text-align:center;}
.s7 .btn {background:#edf4e8; padding:15px 20px; text-align:center; clear:both;}

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

.s9 {margin:25px 0 0px; }







.side_enquete a { display:none;}



}