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

html {
	width:100%;
	min-width:1100px;
	background:#ffffff;
}

.fs {font-size:90%;}

a {outline:none !important;
text-decoration:none !important;
}

.att {
	display:block;
	text-indent:-1em;
	padding-left:1em;
}
.arrows{
	margin-top:-50px;
	margin-bottom:20px;
}
.tc {
	text-align:center;
	font-size:2.4em;
	font-weight:bolder;
	letter-spacing:0.1em;
	padding:10px;
	color:#A51414
}


/* header */

#header {
	width: 100%;
	overflow: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#header #header_lead {
	width:100%;
	height:157px;
	margin:0 auto;
	background: url(../img/header_bg02.png) 0 0 repeat-x;
	z-index:100;
}

#header #header_lead .inner {
	width:980px;
	padding:17px 30px 21px;
	margin:0 auto;
}

#header #header_lead .inner .logo {
	width:601px;
	float:left;
}

#header #header_lead .inner .btn {
	float:right;
}

#header #header_lead .inner .btn p{
	font-size:18px;
	letter-spacing:0.2em;
	padding-top: 20px;
}

#header #header_lead .inner .btn img{
	margin-top: 20px;
}

.open-day-table{
	margin: 0 auto;
	font-weight: bold;
	line-height: 15px;
	font-size: 15px;
	text-align: left;
}
.open-day-table td{
	padding: 0 2px;
}
	
/*approach*/
#approach {
	height:600px;
	margin-top:-15px;
    background:url(../img/bg1r.jpg) no-repeat;
}
#app_box{
	width:980px;
	margin:0 auto;
	padding-top:20px;
}
a {
	text-decoration:none;}

.entry2{
	margin:0 auto;
	padding-top:-200px;
	width:320px;
	font-size:20px;
	letter-spacing:0.2em;
}
.widelink{
	text-align:center;

}
.widelink {	
width:320px;
	background: #CB3265;	
	display: inline-block;	
	line-height:1em;
	color: #fff !important;
	text-decoration: none !important;		
	position: relative;
	cursor: pointer;	
	padding: 20px 20px;
	border: none;
	border-bottom: 5px solid rgba(0,0,0,.5);	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 30px 3px 0 -10px;	
	-webkit-appearance: none;	
	font-size: 1.3em;
	letter-spacing:0.1em; 
	font-weight: bold;
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

a.widelink {
	display: block;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	
}
a.widelink:hover {	
	color: #fff;
	text-decoration:none !important;
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
	background: #EA5C93 !important;
}


.widelink2{
	text-align:center;
	padding:8px 0;
}
.widelink2 {	
width:320px;
	background: #B71332;	
	display: inline-block;	
	line-height:1em;
	color: #fff !important;
	text-decoration: none !important;		
	position: relative;
	cursor: pointer;	
	padding: 35px 50px;
	border: none;
	border-bottom: 5px solid rgba(0,0,0,.5);	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0 3px 0 0;	
	-webkit-appearance: none;	
	font-size: 1.5em;
	letter-spacing:0.2em; 
	font-weight: bold;
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

a.widelink2 {
	display: block;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}
a.widelink2:hover {	
	color: #fff;
	text-decoration:none !important;
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
	background: #C9394E !important;
}

.fixMenu {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0 0 0 0 !important;
}
#band1 h2{
	width:100%;
	height:90px;
	background:#c50744;
}
#band1 h1{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;	
}
#band1{
	height:600px;
	background: url(../img/bg_band1.jpg) no-repeat;
	background-position: 50% 50%;

}

#point,
#detail,
#teaching,
#bottom {
	width:980px;
	margin:30px auto 0;	
}

/* point */
#point .block01,
#detail .block01 {
	width:960px;
	margin:15px auto 0;
	overflow:hidden;	
}
#point .block01 li,
#detail .block01 li {
	width:320px;
	float:left;
	text-align:center;
	margin:0 0 50px 0;
}
#point .block01 li .txt {
	width:260px;
	margin:15px auto 0;
	text-align:left;
}

#point .block02 {
	width:940px;
	margin:0 auto;
	overflow:hidden;	
}
#point .block02 li {
	width:470px;
	float:left;
	text-align:center;
	margin:0 0 30px 0;
	font-size:0;
	line-height:0;
}

#point .block03 {
	width:860px;
	padding:30px 0 30px 0;
	margin:0 auto;
	overflow:hidden;
	background:#ebfae1;	
}

#point .block03 .img {
	float:left;
}
#block03{
	height:100px;
	margin-top:10px;

}
#block03 .btn {
	float:right;

}


/* detail */
#detail{
	margin-top:50px;
}
#detail h2{
	font-size: 30px;
	margin-bottom: 50px;
	padding-top: 60;
	padding-right: 0;
	padding-bottom: 60;
	padding-left: 0;
	letter-spacing: 0.2em;
}
#detail_wrap{
	background: #FFFFFF;
	background-position: 50% 50%;
	margin-bottom:40px;
}

#detail .block01 li dl {
	width:286px;
	margin:0 auto;
}
#detail .block01 li dl dd {
	margin:10px 0 0 0;
	text-align:left;
	color:7c7c7c;
}

#detail .block01 li dl dd p {
	padding:0 0 10px 0;
}

#detail .block01 li dl dd .date {
	font-size:18px;
	font-weight: bold;
	line-height:160%;
}

#detail .block01 li dl dd .att {
	color:#7c7c7c
}

#detail .block02 {
	width:920px;
	margin:30px auto 0;
	overflow:hidden;
}
#detail .block02 dt {
	margin:0 0 10px 0;
	text-align:left;
}
#detail .block02 dd {
	width:920px;
	overflow:hidden;
}

#detail .block02 dd p.txt {
	width:551px;
	margin:0 20px 0 0;
	text-align:left;
	float:left;
}

#detail .block02 dd p.btn {
	width:349px;
	float:left;
}


#detail .block03 {
	width:940px;
	margin:50px auto 0 ;
	overflow:hidden;	
}
#detail .block03 li {
	width:470px;
	float:left;
	text-align:center;
	margin:0 0 30px 0;
	font-size:0;
	line-height:0;
}

#detail .block04 {
	width:860px;
	padding:30px;
	margin:0 auto;
	overflow:hidden;
	background:#fafad4;	
}

#detail .block04 .img {
	float:left;
}

#detail .block04 .btn {
	float:right;
}

/* teaching */
#band2, #band_long1,#band_long3,.block04,.block20{
	height: 94px;
	width: 100%;
	background: #036eb8;
	border-bottom:1px solid #636363;
}
#teaching{
	height: auto;
}
#band_long3{
	margin:30px 0 10px 0;
}
#band_long3 img{
	margin-bottom:30px;
	padding-bottom:30px;
}
/*message*/
#message_block{
	width:960px;
	margin:0 auto;
	padding-top:40px;
}
#message_block h2{
	font-weight:bold;
	font-size:22px;
	vertical-align: middle;
	background:#044689;
	color:#FFF;
	box-shadow:#CCC;
	border-bottom:1px solid #636363;
	margin:0px 0 40px 0;
	padding-top:30px;
	padding-bottom:30px;
	line-height:150%;
	letter-spacing:0.5em;
}
#message_block p{
	font-weight:lighter;
	font-size:16px;
	margin:20px 0 20px 0;
	line-height:150%;
	letter-spacing:0.1em;
}

/*#teaching .block01 {
	width: 980px;
	height: 1085px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
}*/
#teaching .block01 p {
	position: absolute;
	text-align:left;
	line-height:2.6em;
}

#teaching .block01 .text01 {
	width: 330px;
	top: 192px;
	left: 311px;
}

#teaching .block01 .text02 {
	width: 452px;
	top: 497px;
	left: 501px;
}

#teaching .block01 .text03 {
	width: 455px;
	top: 844px;
	left: 35px;
}

#teaching .block02 {
	width:920px;
	margin:0 auto;
	overflow:hidden;
}

#teaching .block02 li {
	font-size:0;
	line-height:0;
}

#teaching .block02 .lb {
	width:430px;
	float:left;
}
#teaching .block02 .mb {
	width:58px;
	float:left;
}
#teaching .block02 .rb {
	width:432px;
	margin:55px 0 0 0;
	float:left;
}

#teaching .block03 {
	width: 960px;
	overflow: hidden;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#teaching .block03 .inner {
	width: 960px;
	padding: 20px;
	overflow: hidden;
	clear: both;
	background-color: #fff;
	height: auto;
}

#teaching .block03 .inner ul {
	width: 960px;
	overflow: hidden;
	padding-left: 10px;
}

#teaching .block03 .inner ul li {
	text-align:left;
}

#teaching .block03 .inner ul li.person01 {
	width: 270px;
	height: auto;
	background: url(../img/life_bg02.png);
	float: left;
	overflow: hidden;
	padding: 8px;
	letter-spacing: 1px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 40px;
	margin-left: 0;
}
#teaching .block03 .inner ul li.person01 h4{
	padding:10px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:bolder;
	background:#E8C7D1;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
 
/*ここでパターンの大きさを指定*/
-webkit-background-size: 3px 3px;
}
#teaching .block03 .inner ul li.person02 {
	width: 270px;
	height: auto;
	background:url(../img/life_bg02.png);
	float: left;
	overflow: hidden;
	margin:0 20px 40px 15px;
	padding:8px;
	letter-spacing:1px;
}
#teaching .block03 .inner ul li.person02 h4{
	padding:10px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:bolder;
	background:#E8C7D1;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
 
/*ここでパターンの大きさを指定*/
-webkit-background-size: 3px 3px;
}
#teaching .block03 .inner ul li.person03 {
	width: 270px;
	height: auto;
	background: url(../img/life_bg02.png);
	float: left;
	overflow: hidden;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 15px;
	padding:8px;
	letter-spacing:1px;
}
#teaching .block03 .inner ul li.person03 h4{
	padding:10px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:bolder;
	background:#E8C7D1;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
 
/*ここでパターンの大きさを指定*/
-webkit-background-size: 3px 3px;
}
#teaching .block03 .inner ul li. {
	width:300px;
	/*height:280px;*/
	background:#9CF;
	float:left;
	margin:0 0 0 0;
}

#teaching .block03 .inner ul li h4 {
	padding:16px 0 0 10px;
	line-height:150%;
}

#teaching .block03 .inner ul li p {
	width: 320px;
	line-height: 2.2em;
	padding-top: 12px;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 5px;
	line-height:150%;
}
#teaching .block03 .voice .inner{
	width:100%;
	height:auto;
	margin:0 auto;
}

#bottom .block04 {
	width: 900px;
	height:80px;
	padding: 30px;
	overflow: hidden;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 20;
	margin-left: auto;
}


/* bottom */
#bottom {
	padding-bottom: 0px;
	margin-bottom: 50px;
}
#bottom p{
	font-size:16px;
}


/* footer */
#footer {
	width: 100%;
	padding: 20px 0;
	background-color: #ffffff;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 1px;
}

#footer .footer_inner {
	width:960px;
margin:0 auto;
	overflow:hidden;
}

#footer .footer_inner .logo {
	float:left;
}
#footer .footer_inner .address {
	float:right;
}

#footer .footer_inner .copyright {
	text-align:right;
	font-size:90%;
	clear:both;
	padding-top:10px;
}

/* pageTop */

#pageTop {
	position: relative;
	width: 100%;
	text-align: right;
	margin: 0 auto 0;
	height: 25px;
	padding: 0;
	line-height: 0;
}

#pageTop a {
	background: url(../img/pgtop.png) 0 0 no-repeat;
	width: 58px;
	height: 25px;
	display: block;
	position: fixed;
	bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1042px;
}

#pageTop a:hover {
	background-position: -58px 0;
}

#pageTop a.scrollTop {
	float: right;
	position: relative;
	margin: 0;
	bottom: 0;
}

#pageTop a span {
	display: none;
}


#section-9 {
	border-top: 1px solid #fff;
	height: 352px;
	background: url(../img/section11_1.jpg);
	background-size:100% auto;
	background-position-y: -50px;
}

#section-10 {
	border-top: 1px solid #FFF;
	height: 352px;
	background: url(../img/section111.jpg) no-repeat;
	background-size:100% auto;
	background-position-y:-100px;
}

#section-11 {
	border-top: 1px solid #FFF;
	height: 352px;
	background: url(../img/section12.jpg) no-repeat;
	background-size:100% auto;
background-position-y: -50px;
}
.program{
	width:980px;
	margin:0 auto;
	padding-top:20px;

}
#section-12 {
	background: #012c54;
	height: 98px;
}

#section-12 {
	height: 90px;
}

#section-13 {
	padding-bottom: 34px;
}


#section-15 {
	clear: both;
	padding-top: 40px;
}

.box-3 {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}

.box-3 h3 {
	margin: 0px 23px 16px 23px;
	background: #324681;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: bold;
	color:#FFF;
}

.box-3 h4 {
	text-align: left;
	padding-left: 23px;
	}

.box-3 p {
	padding: 8px 23px 24px;
	font-size: 14px;
	text-align:left;
}
.box-4 {
	width: 70%;
	float: left;
}

.box-4 h3 {
	margin: 0px 23px;
	background: #324681;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: bold;
	color:#FFF;
}

.box-4 p {
	padding: 23px 23px 50px;
	font-size: 14px;
}

#section-15-1 {
	clear: both;
	height: 666px;
	background-size:100% auto;
	min-width: 980px;
}

#section-15-1 .content-frame {
	position: relative;	
}

#section-15-1 .box-15-1 {
	position: absolute;
	top: 465px;
	left: 0px;
	background: #cc3366;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	color: #FFF;
	width: 320px;
	height: 80px;
}

#section-15-1 .box-15-1 h3 {
	font-size: 22px;
	font-weight: bold;
	padding-top: 24px;
	padding-left: 32px;
	padding-right: 22px;
	padding-bottom: 8px;
}

#section-15-1 .box-15-1 p {
	padding-left: 22px;
	padding-right: 22px;
	font-size: 11px;
}

.content-frame {
	width: 980px;
	margin: 0px auto;
}
.box {
	width: 382px;
	height: 352px;
	background: #FFF;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	color: #2c2c2c;
}

.box.right {
	float: right;
}

.box h3 {
	font-weight: lighter;
	font-size: 30px;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	letter-spacing: inherit;
	line-height: 1.5em;
	border-bottom: dotted;
	border-bottom-color: #036eb8;
	padding-bottom: 20px;
}

.box p {
	font-size: 14px;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 40px;
	letter-spacing: inherit;
	line-height: 1.5em;
	padding-bottom: 20px;
}
/*message */
#message_all{
	width:100%;
	/*height:680px;*/

}
#block004{
	padding:20 0 0 20px;
}
#voice{
	width: 980px;
	margin: 0px auto;
}