@charset "utf-8";
/*----------------------------
	resetCSS
----------------------------*/
*{
	margin:0;
	padding:0;	
}
main{
	display:block;
}
img{
	vertical-align:bottom;
	border:none;
}
ul,ol{
	list-style:none;
}
h2,h3{
	font-weight:normal;	
}
html{
	background:#3678D9;
	font-size:62.5%;	
}
body{
	background:#FFF;
	font:1.3em /1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}


/*----------------------------
	common
----------------------------*/
.wrap{
	width:900px;
	margin:0 auto;
}

#logo{
	float:left;
}

#knav{
	float:right;
	overflow:hidden;
	margin-top:19px;
}
#knav li{
	float:left;
}
#knav li a{
	display:block;
	padding:7px 17px 7px 30px;
	color:#414151;
	text-decoration:none;
	font-size:0.9em;
}
#knav li a:hover{
	text-decoration:underline;
}
	
#knav li:first-child a{
	background:url(../img/iconMail.png) no-repeat center left;	
}
#knav li:first-child + * a{
	background:url(../img/iconMap.png) no-repeat center left;
	padding-right:0;
	padding-left:20px;
}


#kv{
	margin-bottom:30px;
	border-top:1px solid #FFF;
	background:#EDF6FE;
}
#slider{
	overflow:hidden;
	width:900px;
	margin:0 auto;
}
#kv ul{
	width:4500px;
	padding:10px 0;	
}
#kv li{
	float:left;
}

aside{
	float:left;	
}

aside li{
	margin:0 20px 10px 0;	
}

main{
	overflow:hidden;
}

section{
	margin-bottom:30px;
	padding-left:10px;	
}

section h2{
	margin-bottom:20px;
	margin-left:-6px;
	padding-left:6px;
	font-size:1.3em;
	border-bottom:3px solid #3678D9;
}
	
footer{
	margin-top:102px;
	background:#3678D9;
	clear:both;
	border-top:1px solid #9ABBEC;
	color:#FFF;
}

footer #adress{
	float:left;
	margin:30px 0 18px;
	font-weight:bold;
}

footer #copy{
	float:right;
	margin-top:68px;
	font-size:1.1em;
}

#sideNav{
	float:left;
	margin-right:25px;
	width:200px;
	line-height:1;
}

#sideNavTitle{
	padding:18px 0 18px 37px;
	background:#3678D9 url("../img/white_arrow.png") no-repeat 14px 16px;
	color:#FFF;
	font-weight:bold;
}

#sideNav ul{
	border:1px solid #9BBBEC	
}
#sideNav li a{
	display:block;
	background:url("../img/arrow.png") no-repeat 30px 19px;
	padding:16px 0 16px 43px;	
	border-top:1px solid #9BBBEC;
	color:#000;
	text-decoration:none;
}

#sideNav li:hover,#sideNavAct{
	background:#EEF7FE;	
}

#breadcrumb{
	overflow:hidden;
	margin:20px 0 30px;
	padding:10px 0;
	border:1px solid #E1EBF9;
	line-height:1;
	background:url("../img/breadcrumb.png") repeat-x;
}
#breadcrumb li{
	float:left;
}

#breadcrumb a{
	text-decoration:none;
}
#breadcrumb a:after{
	content:'>';
	display:inline-block;
	margin:0 5px;
}
#breadcrumb a:hover{
	text-decoration:underline;
}

.subTitle{
	margin-bottom:40px;
}
.subTitle h3{
	padding-left:10px;
	margin-bottom:18px;
	
	border:1px solid #3678D9;
	border-left-width:7px;
	
	font-size:1.2em;
}

/*dropMenu*/
nav{
	clear:both;
	height:48px; /*ie fall back*/
	height:calc(34px + 1.1em);
	background:#3678D9;
}
nav li{
	float:left;
	overflow:hidden;
}
nav li:first-child a{
    border-left:1px solid #FFF;
}
nav li a{
	line-height:1;
	display:block;
	width:223px;
	padding:17px 0;
	border-right:1px solid #FFF;
	text-align:center;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	color:#FFF;
}
nav li:hover{
	background:#699AE2;
	overflow:visible;
}
#navAct{
	background:#699AE2;	
}

.dropMenu{
	position:relative;	
}
.dropMenu ul{
	position:absolute;
}
.dropMenu li{
	background:#FFF;
	border:1px solid #C3D7F4;
	border-top:none;	
}
.dropMenu li > a{
	padding:16px 0;
	padding-left:52px;
	width:170px;
	background:url("../img/arrow.png") no-repeat 24px 19px;
	color:#20202F;
	font-weight:normal;
	text-align:left;	
}
.dropMenu li:hover, #dropNavAct{
	background:#F4F4FD;	
}

.pdf{
	margin-left:5px;
	padding:1px 5px;
	background:#3678D9;
	border-radius:5px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.sign{
	text-align:right;
}

/*----------------------------
	#home
----------------------------*/
#home #news li{
	margin-bottom:18px;
}

#home #news li time{
	display:inline-block;
	width:90px;
}
#home #summary{
	margin-bottom:0;	
}

#home #summary dl{
	margin-bottom:18px;
	width:500px;
}

#home #summary dt{
	display:inline-block;
	float:left;
	width:60px;
	letter-spacing:12px;
}
#home #summary dt:first-child + * + *{
	letter-spacing:0;
}

#home #summary dd{
	overflow:hidden;
	margin-bottom:25px;
}

#home #summary dd li{
	padding-left:1.6rem;
	margin-bottom:15px;
	text-indent:-1.6rem;
}



/*----------------------------
	infomation
----------------------------*/
/*#greeting*/
#greeting #president{
	float:left;
	text-align:center;
	font-weight:bold;
	margin-right:30px;
	width:200px;		
}
#greeting #president img{
	width:200px; height:226px;	
	margin-bottom:12px;
}
#greeting #message{
	overflow:hidden;	
}
#message p{
	margin-bottom:20px;
}

/*#member*/
#member #list dl{
	width:280px;
	overflow:hidden;	
}
#member #list dt{
	float:left;
}
#member #list dd{
	text-align:right;
}
#member #list p{
	clear:both;
	margin-top:20px;
	margin-left:300px;
}

/*#transition*/
#transition #date dl{
	margin-bottom:18px;		
}
#transition #date dt{
	float:left;
	width:200px;		
}
#transition #date dd{
	overflow:hidden;	
}

/*#article*/
#article .section li{
	margin-bottom:20px;
}
#article .section h4{
	font-size:1.1em;
	font-weight:normal;
}
#article .section .indent{
	margin-left:2em;
}
#article #pageTop{
	margin-top:-30px;
	text-align:right;
}
#article #pageTop a{
	display:inline-block;
	padding-left:24px;
	background:url(../img/top.png) no-repeat left center;
	color:#3F3F51;
	text-decoration:none;
}
#article #pageTop a:hover{
	text-decoration:underline;
}

/*#successive*/
#successive .president{
	float:left;margin:10px;
}
#successive .president img{
	height:120px;
	border-radius:50%;
}
#successive .member{
	clear:both;
}


/*----------------------------
	enterprise
----------------------------*/
/*#plan*/
#plan #list dt{
	float:left;
	font-weight:bold;	
}
#plan #list .year{
	width:65px;	
}

#plan #list dd dt{
	width:40px;	
}
#plan #list dd{
	overflow:hidden;	
}
#plan #enterprise ol{
	margin-left:30px;
}
#plan p:last-of-type{
	margin-top:1em;
}
	 

/*#results*/
#results .subTitle dl{
	margin-bottom:20px;
	overflow:hidden;
}
#results .subTitle dt{
	float:left;
	font-weight:bold;
	width:180px;
}
#results .subTitle dd{
	overflow:hidden;	
}
#results dt + *{
	float:left;
	width:125px;
}

/*----------------------------
	contact
----------------------------*/
/*admission*/
#admission .subTitle #step img{
	margin-bottom:17px;
}
#admission .subTitle #step{
	margin:18px 0 ;	
}
#admission .subTitle #fees h4{
	float:left;
	width:48px;
	font-weight:normal;
}
#admission .subTitle #fees ul{
	overflow:hidden;	
}
#admission .subTitle #fees p:last-of-type{
	margin-top:18px;
}
#admission .subTitle #access{
	margin-top:18px;
}
#admission .subTitle #access img{
	float:left;
	margin-right:5px;
}
#admission .subTitle #access li:last-child{
	margin-top:18px;
}

/*access*/
#access h3{
	margin-bottom:5px;
}
#access #train{
	margin:30px 0 14px;	
}
#access #access img{
	float:left;
	margin-right:5px;
}
#access #access li:last-child{
	margin-top:18px;
}