@charset "shift_jis";
* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #E8E8E8;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	letter-spacing: normal;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*ヘッダーを含めたエリア*/
#all{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 80%;
	color: #333333;
	line-height: 140%;
}

.font80{
	font-size: 85%;
	line-height: 120%;
}


/*メインエリア*/
#main{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 25px;
}
/*文章エリア*/
.writing{
	padding-right: 15px;
	padding-left: 15px;
}
/*リンク装飾*/
a:link{color:#0039B0;text-decoration: none;}
a:visited{color:#0039B0;text-decoration: none;}
a:hover {color:#0039B0;	text-decoration: underline;}

/*リンク装飾_赤*/
.red_link a:link{color:#aa3535;text-decoration: none;}
.red_link a:visited{color:#aa3535;text-decoration: none;}
.red_link a:hover {color:#aa3535;	text-decoration: underline;}

/*概要ページのリンク*/
.white a:link{
	color:#ffffff;
	text-decoration: none;
}
.white a:visited{
	color:#ffffff;
	text-decoration: none;
}
.white a:hover {
	color:#ffffff;
	text-decoration: underline;
}

/*  廻り込み解除 --<div class="clear"><hr></div>--で設定 */
.clear { clear: both;} 
.clear hr { display: none; }
/*ヘッダー*/
#header{
	background-image: url(../../img/menu_bg.gif);
	display: block;
	height: 37px;
	width: 100%;
}
#header li{float: left;	list-style-type: none;}
li#head_m06{float: right;}
#header li a{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top;
}

#head_m01 a{width: 89px;background-image: url(../../img/menu01.gif);height: 37px;}
/*#head_m02 a{width: 67px;background-image: url(../../img/menu02.gif);height: 37px;}*/
#head_m03 a{width: 78px;background-image: url(../../img/menu03.gif);height: 27px;}
#head_m04 a{width: 122px;background-image: url(../../img/menu04.gif);height: 27px;}
#head_m05 a{width: 122px;background-image: url(../../img/menu05.gif);height: 27px;}
#head_m07 a{width: 130px;background-image: url(../../img/menu07.gif);height: 27px;}
#head_m06 a{width: 155px;background-image: url(../../img/menu06.gif);height: 37px;}
#head_m01 a:hover {background-position: bottom;}
/*#head_m02 a:hover {background-position: bottom;}*/
#head_m03 a:hover {background-position: bottom;}
#head_m04 a:hover {background-position: bottom;}
#head_m05 a:hover {background-position: bottom;}
#head_m06 a:hover {background-position: bottom;}
#head_m07 a:hover {background-position: bottom;}

#header_bottom{
	background-image: url(../../img/menu_bottom.gif);
	background-repeat: repeat-x;
	display: block;
	height: 9px;
	width: 100%;
	clear: both;
}

#head_middle li{padding-top: 4px;padding-bottom: 0px;padding-left: 8px;}
.right{
	float:right;
	width:150px;
	display: block;
	text-align: left;
	line-height: 110%;
}

.left{
	float:left;
	text-align: left;
	border: 1px solid #d8d8d8;
}

#footer {
	background-image: url(../../img/footer.gif);
	height: 20px;
	width: 740px;
	background-repeat: no-repeat;
}
/*共通*/
.courseTitleHead{
	font-size: 1.3em;
	line-height: 120%;
	font-weight: bold;
	color: #1D820B;
	padding-top:5px;
}
/*topページ*/

.topimg{margin-right: auto;	margin-left: auto;	margin-top: 5px;}
.right_menu td{padding-top: 1px;	padding-bottom: 1px;}
.right_menu,.menu_img{border: 1px solid #d8d8d8;background-color: #FEFEF5;}
.right_menu{
	padding-bottom: 10px;
}
.menu_img{margin-top: 8px;}
#btn_enkaku a{
	background-image: url(../../img/top/top_enkaku.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 46px;
	width: 150px;
	display: block;
	margin-top: 10px;
	text-indent: -9999px;
	overflow: hidden;
}
#btn_inter a{
	background-image: url(../../img/top/top_inter.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 46px;
	width: 150px;
	display: block;
	margin-top: 10px;
	text-indent: -9999px;
	overflow: hidden;
}
#btn_enkaku a:hover{background-position: bottom;}
#btn_inter a:hover{background-position: bottom;}
#course{
	background-color: #FFFFFF;
	text-align: left;
	margin: 10px;
	font-size: 80%;
	width: 500px;
}
.senmon_icon{padding-top: 3px;	padding-bottom: 3px;}
/*スケジュール*/
.sca_left{
	float:left;
	width:520px;
	display: block;
	text-align: left;
	padding-left: 15px;
}
#btn_tyuui {
	background-image: url(../../img/sca_menu02.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 27px;
	width: 150px;
	display: block;
	margin-top: 10px;
}
#btn_tyuui a{
	background-image: url(../../img/sca_menu02.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 27px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#btn_tyuui a:hover{background-position: bottom;}

/*各ページ*/
.img_bt{padding-bottom: 8px;}
.sca_left table td{ padding-right:4px;padding-left:4px;}
.enkaku_table td{
	padding-right:4px;
	padding-left:4px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.table_pad td{padding: 2px;}

/*概要ページ*/
#btn_cource {
	background-image: url(../../img/cource_btn.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 23px;
	width: 150px;
	display: block;
	margin-top: 5px;
	float: right;
}
#btn_cource a{
	background-image: url(../../img/cource_btn.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 23px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#btn_cource a:hover{background-position: bottom;}
.auto_center{
	margin-right: auto;
	margin-left: auto;
}
/*.gaiyou{margin-right: auto;	margin-left: auto;}*/


.dotline{
	background-image: url(../../img/footer_line.gif);
	background-repeat: no-repeat;
}
.padding_20{padding-bottom: 5px;}
.left_pad30{padding-left: 30px;}
/*お知らせ*/
.new_left{width: 18%;}
.padding_new{padding-bottom: 15px;}
/*寄宿舎情報*/
sup{vertical-align: 20%;}
.normal_indent{border-collapse: collapse;}
.normal_indent td{
	border: 1px solid #1D820B;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.mail{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*キャンパス情報*/
#cam_map {
	background-image: url(../../img/cam_btn01.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 28px;
	width: 100px;
	display: block;
	float: left;
}
#cam_map a{
	background-image: url(../../img/cam_btn01.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 28px;
	width: 100px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#cam_map a:hover{background-position: bottom;}
#cam_kansen {
	background-image: url(../../img/cam_btn02.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 28px;
	width: 150px;
	display: block;
	float: left;
}
#cam_kansen a{
	background-image: url(../../img/cam_btn02.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 28px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#sp-header {
	display:none;		
}
#nav-drawer {
	display:none;
}
#cam_kansen a:hover{background-position: bottom;}

/*テキスト色*/
.txt-red {color:#FF0000;font-size:inherit;font-size: 100%;}
.txt-S {font-size:inherit;font-size: 80%;}


td.item_left {
	padding: 2px 0;
	border: solid #68b366 2px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	background-color: #f5f5df;
}

td.item_right {
	padding: 2px;
	background-color: #BCDFBB;
	text-align: left;
	vertical-align: middle;
}

.txt_lsp0 {
	letter-spacing: -1px;
}


/*---------------------------------------------
---------------レスポンシブ対応------------------
------------------------------------------------*/

@media screen and (max-width:768px){
	#all,table,#footer,#all img{
		width:100%;
	}
	#main img,table img,.left img{
		width: auto;
	}
	.topimg,#head_m06 a,#head_m01 a,#head_middle li,#head_middle li a{
		height: auto;
	}
	#header,#head_m01 a,#head_m06 a,#header li a,#header li ol li a{
		text-indent:20px;
		background-image: unset;
		background-image: none;
	}
	#header li,.left,.right{
		float: unset;
		float: none;
	}
	#header{
		font-size: 14px;
		color: #000000;
		text-align: left;
		height: auto;
		background: -moz-linear-gradient(top,#acc5fd,#ffffff);
		background: -webkit-linear-gradient(top,#acc5fd,#ffffff);
		background: linear-gradient(to bottom,#acc5fd,#ffffff);
	}
	#header #head_m01 a,#header #head_m06 a{
		color: #000000;
		width: 100% !important;
	}
	#header #head_m01,#header #head_m06{
		padding: 10px 0;
	}
	#header #head_m01{
		border-bottom: 1px solid #ffffff;
	}
	#header #head_m06{
		border-top: 2px solid #ffffff;
	}
	#head_middle li{
		margin: 0;
		padding: 10px 0;
		width: 100%;
	}
	#head_middle li a{
		color: #000000;
		font-size: 14px;
		width: 100%;
	}
	.right{
		margin-bottom: 30px;
		width: 100%;
	}
	.right table tbody tr td{
		background: #fefef5 !important;
	}
	.right table tbody tr td table{
		width: auto !important;
		background: #fefef5 !important;
	}
	.right_menu table{
		border-top:1px solid #529a74;
	}
	.right table tr td{
		padding: 5px 0;
		text-align: left !important;
	}
	.sca_left{
		width: 100%;
		padding-left: 0;
	}
	.sca_left table{
		table-layout: auto !important;
	}
	.left{
		width: 100%;
	}
	.senmon_table table img,.auto_center table img{
		width: 100% !important;
	}
	.schedule_pdf{
		margin-top: 30px;
		display: block;
		width: 100%;
		min-height: 300px;
		height: auto;
	}
	.schedule_pdf a{
		margin-top: 60px;
		padding: 5px 10px;
		color: #529a74;
		border: 1px solid #529a74;
	}
	#schedule,#schedule2{
		display: none;
	}
	.sidebarlink_info_area tr td{
		width: 18%;
		padding:5px 5px;
	}
	.sidebarlink_info_area img{
		width: auto !important;
	}
	
	.tb_list_area tr td{
		margin: 0;
		padding: 5px 0;
		display: block;
		width: 100%;
	}
	.tb_list_area tr td table tr td{
		padding: 0 5px;
	}
	.text_h{
		line-height: 2;
	}
	.tb_area_b{
		border: 1px solid #d8d8d8;
	}
	
	#footer{
		background-position: center center;
		background-repeat: unset;
		background-repeat: none;
	}
	.tb_list_area_scroll{
		overflow: auto;
	}
	.tb_list_area_scroll table{
		width: 200px;
	}
	.tb_list_area_scroll table tr td:nth-last-child(1) table{
		width: 100px !important;
	}
}

@media screen and (min-width:541px) and (max-width:768px){
	.topimg{
		width: 80% !important;
	}
}

@media screen and (max-width:540px){
	#header a{
		font-size: 12px;
	}
	.left .course table:nth-last-child(3) tr td:last-child{
		white-space: normal;
	}
	.sca_left table tbody tr td img{
		width: 100% !important;
		height: auto;
	}
	.sidebarlink_info_area tr td{
		width: 20%;
	}

	.tb_short_list_area tr td{
		padding:5px 0;
		display: block;
		width: 100%;
	}
	.tb_short_list_area tr td table tr td{
		padding:0 5px;
	}
	.tb_short_list_area tr td table{
		width: 95% !important;
	}
	.tb_short_list_area tr td p{
		margin:0 5px;
	}
	.tb_line_h{
		height: 1px !important;
	}
	.tb_short_list_area_scroll{
		overflow: auto;
		/* white-space: nowrap;	 */
	}
	.tb_short_list_area_scroll table{
		width: 220px;
	}
	.tb_short_list_area_scroll .enkaku_table{
		width: 660px;
	}
	.tb_short_list_area_scroll .sozai_area{
		width: 520px;
	}
	.tb_short_list_area_scroll .long_senmon{
		width: 520px;
	}
	.tb_short_list_area_scroll_long_senmon{
		overflow: auto;
		
	}
	.tb_short_list_area_scroll_long_senmon table{
		width: 320px;
	}
	.tb_short_list_area_scroll table tr td:nth-last-child(1) table{
		width: 100px !important;
	}
	
	
	/*sp navi*/
	#header {
		display:none;
	}
	#sp-header {
		display:block;
		margin-top: 30px;
	}
	#spttl {
		color:white;
		margin-top: 40px;
	}
	#spttlen {
		color:white;
	}
	#nav-drawer {
	  position: relative;
	  background:#529A74;
	  padding: 10px;
	  display:block;
	}
	#nav-drawer li a {
		background: #7DB397;
	    width: 90%;
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    padding-top: 13px;
	    padding-bottom: 13px;
	    border-radius: 5px;
	    color: white;
	    font-size: 15px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	#nav-drawer li.smft a {
		margin-top:30px;
		width:100%;
	}
	#nav-drawer li.smft {
	    width: 45%;
	    display: inline-block;
	    margin: 1px;
	}
	/*チェックボックス等は非表示に*/
	.nav-unshown {
	  display:none;
	}

	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  /*width: 30px;*/
	  /*height: 22px;*/
	  vertical-align: middle;
	}
    
    #nav-open span {
        color:#fff;
        font-weight:bold;
        font-size:16px;
    }

	/*ハンバーガーアイコンをCSSだけで表現*/
/*	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;
	  width: 25px;
	  border-radius: 3px;
	  background: #fff;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}
*/
	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}

	/*中身*/
	#nav-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 9999;/*最前面に*/
	  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 330px;/*最大幅（調整してください）*/
	  height: 100%;
	  background:#529A74;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(-105%);
	  transform: translateX(-105%);/*左に隠しておく*/
	}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  opacity: .5;
	}

	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
} 
@media screen and (min-width:740px){
	.schedule_pdf{
		display: none;
	}
}
@media screen and (max-width:620px){
	.img_area_w img{
		width: 100% !important;
		height: auto;
	}
}


