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

body{
	font: 80%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color: #333333;
	-webkit-text-size-adjust: none;
	background: #ffffff;
	margin: 0;
	padding: 0;
}

html{background:#ffffff;}
img.img_center{ display: block; margin:10px auto;}






/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
	margin: 0 auto;
	width: 870px;
}


#content{
	width:100%;
	padding:30px 0;
}




/* ヘッダー
*****************************************************/
#header .bg{background:#ffffff;}


/* サイト説明文 + 住所
----------------------------------*/


#header_bg{
	height: 87px;
	position: relative;
	background-image: url(../../home/img/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 500px;
}

#header_bg .inner{
	overflow: hidden;
	height: 88px;
}
#header h1,#header p{
	float:left;
	padding:3px 0;
	font-size:80%;
	font-weight:normal;
}

#header_bg h1{
	float: left;
	margin-right: 235px;
	margin-top: 10px;
	width: 235px;
}

#header p{
	float:right;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
	clear:both;
	float:left;
	padding:30px 0;
	color: #515151;
	font-size:160%;
	font-weight:bold;
}










/* フッター
*****************************************************/
#footer{
	clear: both;
	padding-top: 20px;
	border-top: 1px solid #e2e2e2;
	background: #26436C;
	font-size:10px;
}


#footer_inner{ width:960px ; margin:0 auto;}
#copy{
	padding: 5px;
	font-size: 90%;
	color: #FFFFFF;
	text-align: center;
}



#footer_link{
	padding: 5px;
	font-size: 90%;
	color: #FFFFFF;
	text-align: center;
}


#footer_link a{ color:#FFF;}

/* ナビ
*****************************************************/

#right-menu{
}

#nav {
	margin: 0 0 0 10px;
	padding: 0;
}

#nav h2{
	color: #FFF;
	font-size: 15px;
	text-align: center;
	margin: 16px 0;
	font-weight: 400;
}

#nav li.box {
	float: left;
	width: 136px;
	display: block;
	border-right: 1px solid #FFF;
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

#nav li.box ul {
	margin-left:0!important;
	padding:0;
	}

#nav li.box ul li{
	margin-left: 0!important;
	padding: 0;
	border: none;
	float: none;
	text-align: left;
}

#nav li.box ul li a{
	margin-left: 0!important;
	font-size: 11px;
	color: #FFF;
	padding: 0;
	background: none;
	width: auto;
	border: none;
	text-align: left;
	height: auto;
}



#gakka_panel{
	position: relative;
	display: block;
	height: 190px;
	width: 100%;
	clear: both;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gakka_panel h2{
	text-align: center;
	letter-spacing: 2px;
	width: 870px;
	background-color: #40579C;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
	color: #FFF;
 }

#gakka_panel ul{
	position: relative;
	margin: 0 auto;
	width: 870px;
	display: block;
}


#gakka_panel li{
	float: left;
	margin: 0 7px;
	position: relative;
}


.pc_no{ display: none;}

#news {
	position: relative;
	width: 600px;
	padding: 0;
	margin: 0;
	border: 1px solid #e9e9e9;
	float: left;
	margin-right: 0px;
	padding-bottom: 20px;
	background: url(../../home/img/new_bg.jpg) repeat-x;
	margin-bottom: 10px;
}

#news h3{
	background: url(../../home/img/news-hd.png) no-repeat  10px center;
	display: block;
	width: auto;
	height: 15px;
	margin: 0px;
	text-indent: -9999px;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 20px;
}

a#bt_news{
	display: block;
	position: absolute;
	left: 480px;
	top: 7px;
}

#news .news {
	margin: 0;
	border: 0;
	display: block;
}

#news .more {
	position: absolute;
	top: 8px;
	right: 7px;
}


.news dt {
	/*margin: 10px 10px 0 10px;*/
	display: block;
	padding: 3px 10px;
	font-size: 14px;
	background-color: 600;
	font-weight: 600;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #DFDFDF;
	border-left-color: #DFDFDF;
}

.news dt  img{
	margin-top: 2px;
	margin-left: 10px;
}


.news dd {
	border: 1px solid #DFDFDF;
	display: block;
	border-top: none;
	font-size: 14px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 10px;
}


#main img{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mainvis_sride {
	height: 310px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-image: url(../../home/img/mainvis01.png);
	background-repeat: no-repeat;
	background-position: center center;
}



#wrap{
	width: 870px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#bottom_panel{
	float: right;
	width: 240px;
	padding: 0;
}

#bottom_panel ul{
	margin:0;
	padding:0;}
	
#bottom_panel li{
	float: left;
	margin: 0px 0px 10px 10px;
}


#bottom_panel li img{
	margin:0!important;
	padding:0!important;}
#gakka_panel h2 a {
	color: #FFF;
}


#footer_navi {
	clear: both;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
}
#footer_navi dl {
	float: left;
	width: 290px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#footer_navi dl dt {
	font-weight: bold;
	color: #26436C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26436C;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#footer_navi dl dd {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}
#footer_navi dl dd a span {
	color: c;
	font-weight: bold;
}
.footer_bg {
	background-color: #E5E5E5;
	padding-top: 30px;
	padding-bottom: 15px;
	clear: both;
}
.footer_bg #footer_navi .clear {
	clear: both;
}
#fixed {
	display: none;
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width:999px){
.footer_bg {
	display: none;
}
}