@charset "UTF-8";
/* CSS Document */

/* all */
#header_2 {
	background-color: rgba(255,255,255,1);
	box-shadow: #555 1px 2px 2px 0px;
	padding:10px 0;
	background-repeat:repeat-x;
}
#header_2 .inner {
	width:1000px;
	margin:0 auto;
	text-align: left;
}
#header_2 > div > img {
	float:right;
	margin-top:10px;
}

img.zaitaku_logo{
	float:right;
	margin-top:10px;
    margin-left:10px;
	}
	
img.zaitaku_logo:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}

img.moushi_logo{
	float:right;
	margin-top:10px;
}

img.moushi_logo:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}



.container {
	width: 1000px;
	margin: 40px auto;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	line-height: 180%;
}

a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.clear {
	clear:both;
}


/* mainvisual */
#mainvisual_1 {
	margin-top:-20px;
	padding: 30px 0;
	background:url("../img/main_bk_1.gif") repeat 0 0;
	background-size: cover;
	text-align:center;
	min-width:1100px;
}

#mes_bk{
	background:url("../img/mes_bk.png") repeat-x 0 0;
	width: auto;
	height: 455px;
	padding: 5px 0;
}


#mainvisual_2 {
	padding-bottom: 30px;
	background:url("../img/main_bk_2.jpg") repeat-x 0 0;
	background-size: cover;
	text-align:center;
	min-height:100%;
	min-width:1100px;
}
#zisseki{
	min-width:1100px}

#main{
	background-color: rgba(255,255,255,0.3);
	padding: 40px 20px;
}

#moushikomi_btn_bk{
	background-color: rgba(0,0,0,0.4);
	padding: 20px 0;
}
	
#mainvisual_3 {
	margin-top:-24px;
	padding: 30px 0;
	height:750px;
	background:url("../img/main_bk_3.jpg") repeat-x 0 0;
	background-size: cover;
	text-align:center;
}

#title_area {
	background-color: rgba(255,255,255,0.8);
	text-align:left;
	position:relative;
	padding:30px 20px;
	width:450px;
}

#moushikomi_btn_bk_2{
	background-color: rgba(0,0,0,0.4);
	padding: 20px 0;
	margin-top:40px;
}

#moushikomi_btn{
	text-align:center;
}

#mainvisual_3 #mes{
	background-color: rgba(0,105,140,0.6);
	height: 200px;
	position:relative;
}

#mes>div{
	position:relative;
	top:-20px;
}

/* teacher */
#teacher {
	background:url("../img/B1.png") repeat 0 0;
	text-align:center;
	padding: 20px 0;
	margin-top:-25px;
	min-width:1100px;
}

#teacher img {
	margin: 10px 0;
}

.eng,.math,.jap,.sci,.soc {
	width:480px;
	float:left;
	margin:10px;
}

#teacher .container>img{
	margin:30px 0;
}

/*
.eng{
	background-color:rgba(255,185,18,0.3);
}

.math {
	background-color:rgba(137,204,254,0.3);
}

.jap {
	background-color:rgba(255,172,172,0.3);
}

.sci {
	background-color:rgba(165,167,225,0.3);
}

.soc {
	background-color:rgba(122,204,165,0.3);
}
*/

.eng .left,.math .left,.jap .left,.sci .left,.soc .left{
	float:left;
	width:180px;
}

.eng .right,.math .right,.jap .right,.sci .right,.soc .right{
	float:left;
	width:290px;
	text-align:left;
}
.eng .left img ,.math .left img ,.jap .left img ,.sci .left img ,.soc .left img{
	width:154px;
	height:166px;
}

/* point */
#point {
	padding-bottom:40px;
	min-width:1100px;
	
}
#point img{
	
	max-width:1000px;
	height:auto}
#point p{
	margin-top: 20px;
	text-indent:1.0em;
}

#point span{
	font-weight:bold;
	background-color:#FFDC73;
}

#point #left{
	width: 480px;
	float: left;
	margin:30px 0;
}

#point #right{
	width: 480px;
	float: left;
	margin:30px 0;
}


/* mokuhyo */
#mokuhyo {
	background:url("../img/earth.png") no-repeat 90% 100% ;
	height: 600px;
	padding-top:60px;
	margin-top:-20px;
}

#mokuhyo #left{
	width:620px;
	float:left;
	margin: 40px 100px 0 50px; 
}

#mokuhyo #right{
	width:200px;
	float:left;
}

#mokuhyo p{
	text-indent:1.0em;
	margin-bottom:15px;
}

/* blackboard */
#blackboard{
	background:url("../img/blackboard_bk.jpg") repeat 0 0;
	color:#fff;
	padding:20px 0;
}

#blackboard p{
	margin:30px 0 0 30px;
	text-indent:1.0em;
}

#blackboard .container>div{
	padding: 45px 0;
}

#blackboard #left_1{
	width:560px;
	margin-right: 50px;
	float:left;
}

#blackboard #right_1{
	width:350px;
	margin-top: 50px;
	float:left;
}

#blackboard #left_2{
	width:493px;
	margin-right: 20px;
	margin-top: 90px;
	float:left;
}

#blackboard #right_2{
	width:440px;
	float:left;
}

/* jitaku */
#jitaku{
	padding:30px 0;
	min-width:1100px;
}

#jitaku hr{
	border-top:#004C66 1px dashed;
	margin:30px 0;
}

#jitaku img{
	margin:10px auto;
	display:block
}

#jitaku p{
	width:100%;
	padding: 0 230px;
	box-sizing:border-box
}

#jitaku p.setsumei{
	width:100%;
	padding: 0 230px 20px;
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
	color: #004c66;
	box-sizing:border-box
}

/* takuma */
#takuma {
	background:url("../img/takuma_bk.jpg") repeat-x 0 0;
	background-size: cover;
	text-align:center;
	padding: 20px 0;
	margin-top:-25px;
	min-width:1100px;
}

.takuma_box {
	background-color: rgba(255,255,255,0.85);
	color: #222;

	margin: 0 auto;
	text-align:left;
	padding:40px;
}

.takuma_box>.left{
	width: 285px;
float: left;
margin-right: 10px;
margin-top: 30px;
}

.takuma_box>.right {
float: left;
width: 625px;
margin-top: 30px;
}

.takuma_box h3{
	margin-bottom: 10px;
}

/* taiken */
#taiken{
	background:url("../img/taiken_bk.jpg") repeat 0 0;
	margin-top: -25px;
	text-align: center;
}

.taikenki_box{
	background-color: rgba(255,255,255,0.7);
	box-shadow: #999 0px 1px 2px 0px;
	color: #222;
	width:800px;
	margin: 25px auto;
	text-align:left;
	padding:45px 40px;
}

#taiken .container{
	margin:0 auto;
	padding: 50px 0;
	color:#fff;
}

#taiken span{
	font-weight:bold;
	background-color:#FFBFBF
}

#taiken hr{
	margin-top: 30px;
	border-top:#004C66 1px dashed;
}

/* kouza */
#kouza{
	background:url("../img/green_part.png") repeat-x 0 0;
	background-size: cover;
	text-align:center;
	padding: 30px 0;
	margin-top:-25px;
	min-width:1100px;
}

.kouza_box {
	
	margin: 0 auto;
	text-align:left;
	padding:5px 40px;
}

/*.kouza_box>.left{
	width: 450px;
	float:left;
	margin-right:40px;
	margin-bottom:80px;
}*/

/*.kouza_box>.right{
	float:left;
	width: 400px;
	
	margin-bottom:80px;
}*/

.kouza_box p{
	margin-top: 15px;
	color:#FFF;
	font-size:12px;
}

.kouza_box>#center{
	margin-left:130px;
}


/* high */
#sempai {
	background:url("../img/sempai_bg.jpg") repeat-x 0 0;
	background-size: cover;
	text-align:center;
	padding: 20px 0;
	margin-top:-25px;
	min-width:1100px;
}

#high1 {
	background:url("../img/high1_bk.jpg") repeat-x 0 0;
	background-size: cover;
	text-align:center;
	padding: 20px 0;
	margin-top:-25px;
}

.bunki_box {
	
	width:1000px;
	margin: 0 auto;
	text-align:left;
	padding:10px 0px;
}


.bunki_box hr{
	margin-top: 30px;
}

.bunki_box h2{
	margin: 15px 0 10px 0;
	font-weight:bold;
}

div .bunki_box>img{
	display:block;

}


.bunki_box>#left{
	width: 400px;
	float:left;
	margin-right:30px;
}

.bunki_box>#right{
	float:left;
	width: 200px;
	margin-top:30px;
}

.bunki_box #pdf_btn{
	width:712px;
	margin: 20px auto 0 auto;
}

.sempai_left{
float: left;
height: 200px;
text-align:left;
}

.sempai_right{float: left;
width: 825px;
text-align:left;
margin:10px 0px 50px 10px;}

p.univ {
font-size: 23px;
color: darkblue;
font-weight: bolder;
}

p.name {
font-size: 28px;
float: left;
margin: 10px 0px;
}

p.highschool {
float: left;

margin:13px 0px 10px 30px;
font-size:20px;
}

p.phrase {
clear: both;
font-size: 19px;
}

p.phrase2 {
clear: both;
margin-top: 5px;
font-size: 18px;
line-height: 1.5;
}

div.sempai_1 {
margin-top: 30px;
background: url(../img/sempai_1.png);
background-repeat: no-repeat;
}
div.sempai_2 {
margin-top: 30px;
background: url(../img/sempai_3.png);
background-repeat: no-repeat;
}
div.sempai_3 {
margin-top: 30px;
background: url(../img/sempai_2.png);
background-repeat: no-repeat;


}


/* flow */
div#flow{
background-color:#003366;
margin:0 auto;
text-align:center;
min-width:1100px;
}

#flow .container{
	margin:0 auto;
	padding: 80px 0;
	color:#fff;
}

div#textall
{width:1000px;
margin:0 auto;
text-align:center;
font-size:20px;
}

#textall p {
margin-bottom:15px;
}

div#text1{
	color: #fff;
	margin: 0px 70px;
	width: 220px;
	float: left;
}
div#text2{
	color: #fff;
	margin: 0px 9px;
	width: 300px;
	float: left;
}
div#text3{
	color: #fff;
	margin: 0px 12px 0 70px;
	width: 240px;
	float: left;
}


/* recommend */

div#recommend{
background-color:#EEEEEE;
margin:-25px auto 0 auto;
}

#recommend .container {
	margin:0 auto;
}

#recommend .rec_box{
width:950px;
margin:0 auto;
padding:60px 0;
}

#recommend h2{
margin: 0 0 30px;
}

#rec_main .left_side{
width:190px;
float:left;
padding:57px 0 0;
z-index:-10;
}
#rec_main .left_side li{
height:80px;
-webkit-box-shadow: 0px 2px 4px #333;
-moz-box-shadow: 0px 2px 4px #333;
box-shadow: 0px 2px 4px #333;
}
#tab_grade1 li{
float:left;
height:80px;
}
#tab_grade2 li{
float:left;
height:80px;
}
#rec_main .right{
width:760px;
float:left;
}

#rec_main .grade_box{
width:378px;
float:left;
margin:0 2px 0 0;
}
#rec_main img{
display:inline;

}

#rec_main .text_box{
background-color:#0A8AB5;
width:760px;
height:560px;
float:left;
    border-bottom-right-radius: 3px;  
    border-bottom-left-radius: 3px;  
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;  
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px; 
	
	-webkit-box-shadow: 0px 2px 4px #333;
	-moz-box-shadow: 0px 2px 4px #333;
	box-shadow: 0px 2px 4px #333;
}

#rec_main .text_box_in{
background-color:#FFFFFF;
width:355px;
height:540px;
float:left;
margin:10px 12px;
box-shadow: 0px 2px 4px #333;
-webkit-box-shadow: 0px 2px 4px #333;
-moz-box-shadow: 0px 2px 4px #333;
}

#rec_main h3{
line-height:1.5;
font-size:20px;
color:#FFFFFF;
background-color:#3D58A4;
margin: 38px 13px 30px;
padding:10px;
    border-radius: 3px;  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
}
#rec_main .text_box_in p{
font-size:16px;
margin: 0 13px;
line-height:1.5;
}
#box001 h2{
	font-size: 30px;
	color: #004C66;
	width: 1000px;
	margin: 0 auto 15px;
	border-bottom: 1px dashed #004C66
 }
#box001{
	width: 1000px;
	clear: both;
	margin: 0 auto;
	text-align: left;
}
#box001 p{
	text-align: left;
}
#box001 img{
	width: 200px;
	float: right
}
.exNews{
	border: 1px solid #000;
	padding: 20px;
	font-weight: bold
}
.exNews2{
	margin: 0 auto;
	width: 80%;
	border: 1px solid #000;
	padding: 20px 230px;
	font-weight: bold

}
.exWrap{
	min-width: 1100px;
margin: 0 auto}

.pointTit{
  font-size: 35px; 
  font-weight: bold; 
  color: #003f3f
}