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

.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 { 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 20px;}

#s1 {margin:0 0 33px; background:url(../images/shadow.jpg) 0 0 no-repeat; padding:47px 0 0; position:relative;}
#s1 .u1 .left {width:460px; font-weight:bold;}
#s1 .u1 .right {width:460px;}
#s1 .u1.dot {padding-bottom:8px;}
#s1 .u2 .left {width:390px;}
#s1 .u2 .right {width:530px;}
#s1 .u3 .left {width:500px;}
#s1 .u3 .right {width:420px;}
#s1 .u4 .left {width:420px;}
#s1 .u4 .right {width:500px;}
#s1 .u4.dot {padding-bottom:8px;}
#s1 .u5 .left {width:280px; margin-right:15px;}
#s1 .u5 .right {width:345px;}
#s1 .u6 .left {width:440px;}
#s1 .u6 .right {width:480px;}


#s2 {margin:0 0 40px; background:url(../images/shadow.jpg) 0 0 no-repeat; padding:47px 0 0; position:relative;}
#s2 .u1 .left {width:460px;}
#s2 .u1 .right {width:460px; font-weight:bold;}
#s2 .u1.dot {padding-bottom:8px;}
#s2 .u2 .left {width:530px;}
#s2 .u2 .right {width:390px;}
#s2 .u3 .left {width:420px;}
#s2 .u3 .right {width:500px;}
#s2 .u3 .img2 { margin-top:50px;}
#s2 .u3.dot {padding-bottom:8px;}
#s2 .u4 .left {width:435px;}
#s2 .u4 .right {width:435px;}
#s2 .u4 .left2 { float:left;}
#s2 .u4 .right2 { float:right;}
#s2 .u4 .box {background:#ececef; padding:15px; margin-bottom:20px;}
#s2 .u5 .left {width:420px;}
#s2 .u5 .right {width:500px;}
#s2 .u6 .left {width:480px;}
#s2 .u6 .right {width:440px;}
#s2 .u6 .in-left {width:176px; float:left; padding-bottom:36px;}
#s2 .u6 .in-right {width:290px; float:right; padding-bottom:36px;}
#s2 .u7 {border:solid 4px #a59acd; padding:2px; margin-top:17px;}
#s2 .u7 .inner {background:#ebebf6 url(../images/s2_matome_bg.png) 0 0 repeat-x; padding:22px 24px 24px;}
#s2 .u7 h3 {margin:0 0 12px;} 
#s2 .u7 p.text {margin:0;} 

#s3 h2 {margin:0 0 0px;}
#s3 h2 img { display:block;}
#s3 h2 span { display:none;}
#s3 h3 {margin:0 0 14px;}
#s3 .u1 {border:solid 2px #ccc; border-top:0; padding:2px 18px 1px 1px;}
#s3 .u1 .left {width:460px;}
#s3 .u1 .right {width:450px; margin-top:20px; position:relative;}
#s3 table th {font-weight:normal; white-space: nowrap; vertical-align:top; font-size:12.4px; color:#666;} 
#s3 table td {font-size:12.4px; color:#666;}
#s3 .btn01 { position:absolute; bottom:48px; right:0;}
#s3 .btn02 {text-align:right; margin-top:20px;}



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

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

#s1 {margin:0 0 33px; background:url(../images/shadow.jpg) 0 0 no-repeat; padding:47px 0 0; position:relative; background-size: contain;}
#s1 .u1 .left {width:auto; font-weight:bold;}
#s1 .u1 .right {width:auto; margin-bottom:23px;}
#s1 .u1.dot {padding-bottom:8px;}
#s1 .u2 .left {width:auto;}
#s1 .u2 .right {width:auto; margin-bottom:23px;}
#s1 .u3 .left {width:auto;}
#s1 .u3 .right {width:auto;}
#s1 .u4 .left {width:auto;}
#s1 .u4 .right {width:auto; margin-bottom:23px;}
#s1 .u4.dot {padding-bottom:8px;}
#s1 .u5 .left {width:auto; margin-right:0px; margin-bottom:23px;}
#s1 .u5 .left .img {text-align:center;}
#s1 .u5 .right {width:auto;}
#s1 .u6 .left {width:auto;}
#s1 .u6 .right {width:auto;}


#s2 {margin:0 0 40px; background:url(../images/shadow.jpg) 0 0 no-repeat; padding:47px 0 0; position:relative; background-size:contain;}
#s2 .u1 .left {width:auto; margin-bottom:23px;}
#s2 .u1 .right {width:auto; font-weight:bold;}
#s2 .u1.dot {padding-bottom:8px;}
#s2 .u2 .left {width:auto; margin-bottom:23px;}
#s2 .u2 .right {width:auto;}
#s2 .u3 .left {width:auto;}
#s2 .u3 .right {width:auto;}
#s2 .u3 .img2 { margin-top:35px;}
#s2 .u3.dot {padding-bottom:8px;}
#s2 .u3 .caption { margin-bottom:23px;}
#s2 .u4 .left {width:auto;}
#s2 .u4 .right {width:auto;}
#s2 .u4 .left2 { float:none;}
#s2 .u4 .right2 { float:none;}
#s2 .u4 .box {background:#ececef; padding:15px; margin-bottom:20px;}
#s2 .u5 .left {width:auto;}
#s2 .u5 .right {width:auto; margin-bottom:23px;}
#s2 .u6 .left {width:auto;}
#s2 .u6 .right {width:auto;}
#s2 .u6 .in-left {width:auto; float:none; padding-bottom:23px; text-align:center;}
#s2 .u6 .in-right {width:auto; float:none; padding-bottom:28px; text-align:center;}
#s2 .u7 {border:solid 4px #a59acd; padding:2px; margin-top:27px;}
#s2 .u7 .inner {background:#ebebf6; padding:12px 14px 14px;}
#s2 .u7 h3 {margin:0 0 8px !important; color:#2c1777;} 
#s2 .u7 p.text {margin:0;} 

#s3 h2 {margin:0 0 0px; display:block;}
#s3 h2 img { display:none;}
#s3 h2 span { display:block; font-size:16px; color:#fff; background:#7e7e7e; padding:7px 15px;}
#s3 h3 {margin:0 0 14px;}
#s3 .u1 {border:solid 2px #ccc; border-top:0; padding:1px;}
#s3 .u1 .left {width:auto;}
#s3 .u1 .right {width:auto; margin-top:20px; position:relative; padding:0 10px 15px;}
#s3 table th {font-weight:normal; white-space: nowrap; vertical-align:top; font-size:12.4px; color:#666;} 
#s3 table td {font-size:12.4px; color:#666;}
#s3 .btn01 { position: static; bottom:48px; right:0; display:block;}
#s3 .btn02 {text-align:right; margin-top:20px;}







.side_enquete a { display:none;}



}