@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.76;
}
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:6px;}
.link ul li.l1 {margin-left:0;}

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

#s1 {margin:0 0 50px; height:1378px; background:url(../images/s1_bg.jpg) 0 0 no-repeat; position:relative;}
#s1 h2 {margin:0 0; position:absolute; left:20px; top:35px;} 
#s1 h3 {margin:0 0; position:absolute; left:34px; top:161px;} 
#s1 .img01 {margin:0 0; position:absolute; left:566px; top:128px;} 
#s1 .com01 { position:absolute; left:30px; top:209px;}
#s1 .com02 { position:absolute; left:30px; top:336px;}
#s1 .com03 { position:absolute; left:30px; top:441px;}
#s1 .com04 { position:absolute; left:480px; top:441px;}
#s1 .com05 { position:absolute; left:30px; top:645px;}
#s1 .com06 { position:absolute; left:480px; top:645px;}
#s1 .com07 { position:absolute; left:30px; top:800px;}
#s1 .com08 { position:absolute; left:480px; top:800px;}
#s1 .com09 { position:absolute; left:30px; top:928px;}
#s1 .com10 { position:absolute; left:480px; top:928px;}
#s1 .com11 { position:absolute; left:30px; top:1056px;}
#s1 .com12 { position:absolute; left:480px; top:1056px;}
#s1 .com13 { position:absolute; left:30px; top:1181px;}
#s1 .com14 { position:absolute; left:480px; top:1181px;}


.section p.text {margin:0 0 23px;}
.section p.lastChild {margin:0 0 0px;}

#s2 {margin:0 0 50px;}
#s2 h2 {margin:0 0 25px;} 
#s2 .u1 .left {width:360px;}
#s2 .u1 .right {width:560px;}


#s3 {margin:0 0 50px;}
#s3 h2 {margin:0 0 25px;} 
#s3 .u2 { margin:30px 0 0;}
#s3 .u2 .left {width:460px;}
#s3 .u2 .right {width:460px;}



#s4 {margin:0 0 40px; background:url(../images/interview_bg.png) 0 0 repeat-y;}
#s4 .head {background:url(../images/interview_head.png) 0 0 no-repeat; padding:0 30px 35px; font-weight:bold;}
#s4 .foot {height:20px; font-size:0; line-height:0;background:url(../images/interview_foot.png) 0 bottom no-repeat;}
#s4 h2 {margin:0 0 15px;}
#s4 h2 img {margin:-18px 0 0 -30px;}
#s4 .u1 { margin:0 0 30px; padding:0 30px}
#s4 .u1 .img {float:right; margin:0 0 30px 30px;}
#s4 .u2 { margin:0 0 30px; padding:0 30px}
#s4 .u2 .left { width:480px;}
#s4 .u2 .right { width:380px;}
#s4 .note {margin:0 0 30px;}
#s4 .u3 { padding:0 30px}


.interview h3 {margin:0 0 24px;}
.interview p.q { font-weight:bold; margin:0 0 23px;}
#s4 p.text span {font-weight:bold; color:#0559b5;}
#s5 p.text span {font-weight:bold; color:#016c6e;}

#s5 {margin:0 0 40px; background:url(../images/interview_bg.png) 0 0 repeat-y;}
#s5 .head {background:url(../images/interview_head.png) 0 0 no-repeat; padding:0 30px 25px; font-weight:bold;}
#s5 .foot {height:20px; font-size:0; line-height:0;background:url(../images/interview_foot.png) 0 bottom no-repeat;}
#s5 .head .left {width:400px;}
#s5 .head .right {width:460px; margin:33px 0 0;}
#s5 h2 {margin:0 0 15px;}
#s5 h2 img {margin:-11px 0 0 -30px;}
#s5 .u1 { margin:0 0 30px; padding:0 30px}
#s5 .u1 .left { width:480px;}
#s5 .u1 .right { width:380px;}
#s5 .u2 { margin:0 0 30px; padding:0 30px}
#s5 .u2 .left { width:460px;}
#s5 .u2 .right { width:390px;}
#s5 .u2 .clear { padding-top:23px;}
#s5 .u3 { margin:0 0 50px; padding:0 30px}
#s5 .u3 .left { width:300px;}
#s5 .u3 .right { width:560px;}
#s5 .u4 { margin:0 0 0px; padding:0 30px}
#s5 .u4 .left { width:390px;}
#s5 .u4 .right { width:470px;}


#s6 { margin:0 0 40px;}
#s6 h2 {margin:0 0 25px;} 
#s6 .img {margin:30px 0 0;}

#s7 {border:solid 4px #82c7de;}
#s7 .inner {border:solid 4px #fff; background:#f4fcff; padding:19px 22px;}
#s7 h2 {margin:0 0 16px;} 
#s7 p.link {margin:0 0 0px; text-align:right;}
#s7 p.link a {text-decoration:underline;}


.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;}
.bbdot {border-bottom:dotted 1px #bbbbbb;}

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

h3 {margin: 0 0 20px !important;}

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


#s1 {margin:0 0 30px; height:auto; background:url(../images/sp_s1_bg.jpg) 0 0 repeat-y; position:relative; background-size:contain; padding:15px 15px;}
#s1 .head {background:url(../images/sp_s1_head.jpg) 0 0 no-repeat; background-size:contain; margin:-15px -15px 0; padding:15px 15px 5px;}
#s1 .foot {height:25px; font-size:0; line-height:0;background:url(../images/sp_s1_foot.jpg) 0 bottom no-repeat; background-size:contain; margin:0 -15px -15px;}
#s1 h2 {margin:0 0; position: static; left:20px; top:35px;} 
#s1 h3 {margin:0 0; position:static; left:34px; top:161px;} 
#s1 .img01 {margin:0 0; position:static; left:566px; top:128px; margin:0 30px 10px 40px;} 
#s1 .com01 { position:static; left:30px; top:209px; margin:0 0 10px;}
#s1 .com02 { position:static; left:30px; top:336px; margin:0 0 10px;}
#s1 .com03 { position:static; left:30px; top:441px; margin:0 0 10px;}
#s1 .com04 { position:static; left:480px; top:441px; margin:0 0 10px;}
#s1 .com05 { position:static; left:30px; top:645px; margin:0 0 10px;}
#s1 .com06 { position:static; left:480px; top:645px; margin:0 0 10px;}
#s1 .com07 { position:static; left:30px; top:800px; margin:0 0 10px;}
#s1 .com08 { position:static; left:480px; top:800px; margin:0 0 10px;}
#s1 .com09 { position:static; left:30px; top:928px; margin:0 0 10px;}
#s1 .com10 { position:static; left:480px; top:928px; margin:0 0 10px;}
#s1 .com11 { position:static; left:30px; top:1056px; margin:0 0 10px;}
#s1 .com12 { position:static; left:480px; top:1056px; margin:0 0 10px;}
#s1 .com13 { position:static; left:30px; top:1181px; margin:0 0 10px;}
#s1 .com14 { position:static; left:480px; top:1181px;}


.section p.text {margin:0 0 20px;}
.section p.lastChild {margin:0 0 0px;}

#s2 {margin:0 0 30px;}
#s2 h2 {margin:0 0 15px;} 
#s2 .u1 .left {width:auto;}
#s2 .u1 .right {width:auto; margin-top:20px;}


#s3 {margin:0 0 30px;}
#s3 h2 {margin:0 0 15px;} 
#s3 .u2 { margin:20px 0 0;}
#s3 .u2 .left {width:auto; margin-top:20px;}
#s3 .u2 .right {width:auto;}



#s4 {margin:0 0 30px; background:url(../images/interview_bg.png) 0 0 repeat-y; background-size:contain;}
#s4 .head {background:url(../images/interview_head.png) 0 0 no-repeat; padding:0 15px 20px; font-weight:bold; background-size:contain;}
#s4 .foot {height:15px; font-size:0; line-height:0;background:url(../images/interview_foot.png) 0 bottom no-repeat; background-size:contain;}
#s4 h2 {margin:0 0 15px;}
#s4 h2 img {margin:-5px 0px 0 -15px;}
#s4 .u1 { margin:0 0 30px; padding:0 15px}
#s4 .u1 .img {float:none; margin:0 30px 20px 30px !important; text-align:center;}
#s4 .u2 { margin:0 0 30px; padding:0 15px}
#s4 .u2 .left { width:auto; margin-top:20px;}
#s4 .u2 .right { width:auto;}
#s4 .note {margin:0 0 30px;}
#s4 .u3 { padding:0 15px}
#s4 h3 {border-left:solid 7px #2384d7; padding-left:13px; font-size:17px;}

.interview h3 {margin:0 0 24px;}
.interview p.q { font-weight:bold; margin:0 0 23px;}
#s4 p.text span {font-weight:bold; color:#0559b5;}
#s5 p.text span {font-weight:bold; color:#016c6e;}

#s5 {margin:0 0 30px; background:url(../images/interview_bg.png) 0 0 repeat-y; background-size:contain;}
#s5 .head {background:url(../images/interview_head.png) 0 0 no-repeat; padding:0 15px 20px; font-weight:bold; background-size:contain;}
#s5 .foot {height:15px; font-size:0; line-height:0;background:url(../images/interview_foot.png) 0 bottom no-repeat; background-size:contain;}
#s5 .head .left {width:auto;}
#s5 .head .right {width:auto; margin:15px 0 0;}
#s5 h2 {margin:0 0 15px;}
#s5 h2 img {margin:-5px 0 0 -15px;}
#s5 .u1 { margin:0 0 30px; padding:0 15px}
#s5 .u1 .left { width:auto; margin-top:20px;}
#s5 .u1 .right { width:auto;}
#s5 .u2 { margin:0 0 30px; padding:0 15px}
#s5 .u2 .left { width:auto;}
#s5 .u2 .right { width:auto; margin-top:20px;}
#s5 .u2 .clear { padding-top:23px;}
#s5 .u3 { margin:0 0 30px; padding:0 15px}
#s5 .u3 .left { width:auto;}
#s5 .u3 .right { width:auto; margin-top:20px;}
#s5 .u4 { margin:0 0 0px; padding:0 15px}
#s5 .u4 .left { width:auto;}
#s5 .u4 .right { width:auto; margin-top:20px;}
#s5 h3 {border-left:solid 7px #13bfc1; padding-left:13px; font-size:17px;}


#s6 { margin:0 0 30px;}
#s6 h2 {margin:0 0 15px;} 
#s6 .img {margin:20px 0 0;}

#s7 {border:solid 3px #82c7de;}
#s7 .inner {border:solid 3px #fff; background:#f4fcff; padding:10px 13px;}
#s7 h2 {margin:0 0 16px;} 


.side_enquete a { display:none;}



}