@charset "utf-8";

/*=========================================================
	index
		1. heading level1
		2. heading level2
		3. heading level3
		4. heading level4 - level6
=========================================================*/


/* 1. common
=========================================================*/
#top #content h3{
	margin:20px 0 15px;
}
#top #content p{
	font-size:100%;
}

/* 2. catchArea
=========================================================*/
#top .catchAreaSp{
	display: none;
}
#top .catchArea{
	width:660px;
	height:200px;
	background:url(../../images/ind_catch_bg2.jpg) no-repeat;
}

#top .catchArea h2{
	width:339px;
	height:77px;
	margin:0;
	padding:17px 0 0 23px;
	border:none;
}
#top .catchArea h2 span{
	display:none;
}
#top .catchArea dl{
	margin:0;
	padding:0;
}
#top .catchArea dt{
	margin-bottom:8px;
	padding:0;
	line-height:1.1;
	font-size:100%;
	background:none;
	border:none;
}
#top .catchArea dd{
	margin-top:7px;
	padding:0 0 0 60px;
	min-height:15px;
	height:auto !important;
	height:15px;
	line-height:1.1;
	font-size:100%;
	border:none;
}

#top .catchArea dd.student{
	background:url(../../images/ind_ico_student.gif?2016) no-repeat left center;
}
#top .catchArea dd.exam{
	background:url(../../images/ind_ico_exam.gif?2016) no-repeat left center;
}
#top .catchArea dd.faculty{
	background:url(../../images/ind_ico_faculty.gif?2016) no-repeat left center;
}

#top #navMenu{
	width:204px;
}

#top #navMenu ul{
	width:204px;
	height:159px;
	margin:-94px 0 0 456px;
	padding:0;
	list-style:none;
	overflow:hidden;
}

#top #navMenu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#top #navMenu a{
	display:block;
	margin:0;
	padding:0;
	width:408px;
	height:55px;
	text-indent:-99999em;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(../../images/ind_navmenu.jpg?2016);
}

#top #navMenu .student a{width:204px; background-position:0 0;}
#top #navMenu .exam a{width:204px; background-position:0 -55px;}
#top #navMenu .faculty a{width:204px; background-position:0 -110px;}

/* hover */
#top #navMenu .student a:hover{width:204px; background-position:-204px 0;}
#top #navMenu .exam a:hover{width:204px; background-position:-204px -55px;}
#top #navMenu .faculty a:hover{width:204px; background-position:-204px -110px;}



/* 3. contentArea01
=========================================================*/
#top .contentArea01 p{
	margin:0 0 0.2em;
	line-height:1.4;
}
#top .contentArea01 .flobject{
	margin-right:10px;
	margin-bottom:0;
}
#top .contentArea01 ul{
	margin-bottom:0;
}
#top #content .contentArea01 ul li{
	padding-left:12px;
	background-image:url(../images/for_ul_mk1.gif?2016);
	font-size:100%;
	line-height:1.3;
}


/* 4. contentArea02
=========================================================*/
#top #content .contentArea02 h3{
	margin-bottom: 20px;
}
#top .contentArea02 .box-s{
	padding:15px;
	/*border-top:none;*/
}


/* 5. contentArea03-04
=========================================================*/
#top #content .contentArea03 h3,
#top #content .contentArea04 h3,
#top #content .contentArea05 h3,
#top #content .contentArea06 h3{
	margin-bottom:0;
}
/*#top .contentArea03 .box-s,
#top .contentArea04 .box-s,
#top .contentArea05 .box-s,
#top .contentArea06 .box-s{
	border-top:none;
}*/
#top .contentArea03 p,
#top .contentArea04 p,
#top .contentArea05 p,
#top .contentArea06 p{
	margin:0 0 0.5em;
	line-height:1.6;
}
#top .contentArea03 td,
#top .contentArea04 td,
#top .contentArea05 td,
#top .contentArea06 td{
	padding:8px 15px;
}
#top .contentArea03 td a,
#top .contentArea04 td a,
#top .contentArea05 td a,
#top .contentArea06 td a{
	padding-left:10px;
	background:transparent url(../images/for_ico_Snext.gif?2016) no-repeat left center;
	min-height:6px;
	height:auto !important;
	height:6px;
}


/* 6. heading
=========================================================*/
#top h3 span{
	display:none;
}
#top h3 a{
	display:block;
}
#top h3.student a{
	width:320px;
	height:36px;
	background:url(../../images/ind_tit_student.jpg?2016) no-repeat;
}
#top h3.exam a{
	width:320px;
	height:36px;
	background:url(../../images/ind_tit_exam.jpg?2016) no-repeat;

}
#top h3.news{
	width:320px;
	height:36px;
	background:url(../../images/ind_tit_news.jpg?2016) no-repeat;

}
#top h3.pr{
	width:660px;
	height:36px;
	background:url(../../images/ind_tit_pr.jpg?2016) no-repeat;
	margin-bottom: 20px;
}
#top h3.faculty a{
	width:660px;
	height:36px;
	background:url(../../images/ind_tit_faculty.jpg?2016) no-repeat;
	margin-bottom: 20px;
}
#top h3.open a{
	width:660px;
	height:36px;
	background:url(../../images/ind_tit_open.jpg?2016) no-repeat;
	margin-bottom: 20px;
}
#top h3.open2 a{
	width:660px;
	height:36px;
	background:url(../../images/ind_tit_open2.jpg?2016) no-repeat;
	margin-bottom: 20px;
}
#top h3.nyushi a{
	width:660px;
	height:36px;
	background:url(../../images/ind_tit_nyushi.jpg?2016) no-repeat;
	margin-bottom: 20px;
}
#top h3.nyushi_ao a{
	width:660px;
	height:36px;
	background:url(../../images/ind_tit_nyushi_ao.jpg?2016) no-repeat;
	margin-bottom: 20px;
}

span.announce{
    display: inline-block;
    background: #f5f5f5;
    border: 2px solid #41a471;
    padding: 5px;
    margin-bottom: 20px;
    font-size: 1.3em;
    font-weight: bold;
}

@media screen and (max-width: 600px) {



/* トップ
=========================================================*/
span.announce{
    font-size: 1em;
    line-height: 1.4;
}

/* 1. common
=========================================================*/
#top #content h3{
	margin:20px 0 15px;
}
#top #content p{
	font-size:100%;
}
#top #content p.clear{
	clear: both;
}

/* 2. catchArea
=========================================================*/

#top .catchArea{
	display: none;
}
#top .catchAreaSp{
	display: block;
}
#top .catchAreaSp h2 img{
	width: 100%;
	height: auto;
}
#top #navMenuSp {
	width: 100%;
	height: auto;
}
#content #navMenuSp ul li {
    margin: 5px 0;
    padding-left: 0;
    background-image: none;
    font-size: 110%;
}

#content #navMenuSp ul li img{
	width: 100%;
	height: auto;
}



/* 3. contentArea01
=========================================================*/
#top .contentArea01 p{
	margin:0 0 0.2em;
	line-height:1.4;
}
#top .contentArea01 .flobject{
	margin-right:10px;
	margin-bottom:0;
}
#top .contentArea01 ul{
	margin-bottom:0;
}
#top #content .contentArea01 ul li{
	padding-left:12px;
	background-image:url(../images/for_ul_mk1.gif?2016);
	font-size:100%;
	line-height:1.3;
}


/* 4. contentArea02
=========================================================*/
#top #content .contentArea02 h3{
	margin-bottom:0;
}
#top .contentArea02 .box-s{
	padding:15px;
	/*border-top:none;*/
}


/* 5. contentArea03-04
=========================================================*/
#top #content .contentArea03 h3,
#top #content .contentArea04 h3,
#top #content .contentArea05 h3,
#top #content .contentArea06 h3{
	margin-bottom:0;
}
/*#top .contentArea03 .box-s,
#top .contentArea04 .box-s,
#top .contentArea05 .box-s,
#top .contentArea06 .box-s{
	border-top:none;
}*/
#top .contentArea03 p,
#top .contentArea04 p,
#top .contentArea05 p,
#top .contentArea06 p{
	margin:0 0 0.5em;
	line-height:1.6;
}
#top .contentArea03 td,
#top .contentArea04 td,
#top .contentArea05 td,
#top .contentArea06 td{
	padding:8px 15px;
}
#top .contentArea03 td a,
#top .contentArea04 td a,
#top .contentArea05 td a,
#top .contentArea06 td a{
	padding-left:10px;
	background:transparent url(../images/for_ico_Snext.gif?2016) no-repeat left center;
	min-height:6px;
	height:auto !important;
	height:6px;
}


/* 6. heading
=========================================================*/
#top h3 span{
	display:none;
}
#top h3 a{
	display:block;
}
#top h3.student a{
	width: 100%;
	min-height: 36px;
	background:url(../../images/ind_tit_student.jpg?2016) no-repeat center top;
	background-size:100% auto;
}
#top h3.exam a{
	width: 100%;
	min-height: 36px;
	background:url(../../images/ind_tit_exam.jpg?2016) no-repeat;
	background-size:100% auto;

}
#top h3.news{
	width: 100%;
	min-height: 36px;
	background:url(../../images/ind_tit_news.jpg?2016) no-repeat;
	background-size:100% auto;

}
#top h3.pr{
	width: 100%;
	min-height: 36px;
	background:url(../../images/ind_tit_pr_sp.jpg?2016) no-repeat;
	background-size:100% auto;
/* 660pxの長いタイトルは３２０までサイズ変更した画像を用意 */
}
#top h3.faculty a{
	width: 100%;
	min-height: 55px;
	background:url(../../images/ind_tit_faculty_sp.jpg?2016) no-repeat;
	background-size:100% auto;
/* 660pxの長いタイトルは３２０までサイズ変更した画像を用意 */

}
#top h3.open a{
	width: 100%;
	min-height: 36px;
	background:url(../../images/ind_tit_open_sp.jpg?2016) no-repeat;
	background-size:100% auto;

}
#top h3.open2 a{
	width: 100%;
	min-height: 55px;
	background:url(../../images/ind_tit_open2_sp.jpg?2016) no-repeat;
	background-size:100% auto;

}
#top h3.nyushi a{
	width: 100%;
	min-height: 36px;
	background:url(../../images/ind_tit_nyushi_sp.jpg?2016) no-repeat;
	background-size:100% auto;

}
#top h3.nyushi_ao a{
	width: 100%;
	min-height: 36px;
	background:url(../../images/ind_tit_nyushi_ao_sp.jpg?2016) no-repeat;
	background-size:100% auto;

}

.contentArea01,
.contentArea02,
.contentArea03,
.contentArea04,
.contentArea05,
.contentArea06{
  max-width: 320px;
  margin: 0 auto;
}
.contentArea01 table,
.contentArea02 table,
.contentArea06 table{
}
.contentArea01 table th,
.contentArea02 table th,
.contentArea03 table th,
.contentArea04 table th,
.contentArea05 table th,
.contentArea06 table th{
	display: block;
	width: auto;/* 100% */
}
.contentArea01 table td,
.contentArea02 table td,
.contentArea03 table td,
.contentArea04 table td,
.contentArea05 table td,
.contentArea06 table td{
	display: block;
	width: auto;/* 100% */
}
.contentArea01 .mt20 table td{
	padding: 5px;
	text-align:center;
}
.contentArea01 .img274 img{
	max-width: 274px;
	text-align:center;
}
.contentArea02 table td{
	padding: 5px;
	text-align:center!important;
}

.contentArea02 .box-s{
	border: none;
/*
	border-top: 1px solid #ccc;
*/
	border-bottom: 1px solid #ccc;
}
.contentArea03 .box-s,
.contentArea04 .box-s,
.contentArea05 .box-s,
.contentArea06 .box-s{
    border: none;
}

.box-side {
    background: #ffffff none repeat scroll 0 0;
    border: none;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 8px;
}
.box-pr{
	text-align:center;
}
img.sp_image{
    width: 100%;
}

}