@charset "utf-8";

/* base layout */
@import url("base.css");

/* skitter*/
@import url("../skitter/css/skitter.styles.css");

/* -----------TOP body--------- */
body#pages_index{
	border-top:6px solid #FFB300;
	text-align:center;
	background:url(../../images/imdex_bg.jpg) no-repeat center top;
	}
/* ----------TOP H1---------- */
body#pages_index #head_snippet h1{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	top:8px;
	position:absolute;
	z-index:2;
	width: 513px;
	left: 75px;
	}
/* ----------TOP flash---------- */
.box_skitter_large {
	width:900px;
	height:205px;
}

/* ----------TOP グローバルナビ---------- */
#top_navi{
	width:900px;
	background:url(../../images/index_top_bg.jpg) no-repeat left 57px;
	padding-bottom:5px;
	height:57px;
	}
#top_navi ul{
	width:897px;
	padding-left:3px;
	}
#top_navi ul li{
	list-style-type:none;
	width:149px;
	float:left;
	}
#top_navi ul li#top_navilist01 a{
	background:url(../../images/index_navi_01.jpg) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist02 a{
	background:url(../../images/index_navi_02.jpg) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist03 a{
	background:url(../../images/index_navi_03.jpg) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist04 a{
	background:url(../../images/index_navi_04.jpg) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist05 a{
	background:url(../../images/index_navi_05.jpg) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist06 a{
	background:url(../../images/index_navi_06.jpg) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist01 a:hover,
#top_navi ul li#top_navilist02 a:hover,
#top_navi ul li#top_navilist03 a:hover,
#top_navi ul li#top_navilist04 a:hover,
#top_navi ul li#top_navilist05 a:hover,
#top_navi ul li#top_navilist06 a:hover{
background-position: 0px -57px;
	}

/* ----------TOP　左ナビ--------- */
body#pages_index #common_left_navi{
	/*height:1120px;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}
body#pages_index > #common_left_navi{
height: auto; 
	}
/* ----------TOP 左ナビゲーション　横長ボタン（見学～アクセスマップ）---------- */
#common_left_navi ul li{
	list-style-type:none;
	width:210px;
	}
#common_left_navi ul li#common_left_navi_btn_03 a{
	background:url(../images/common_lnavi_btn1.jpg) no-repeat;
	height:46px;
	text-indent:-10000px;
	display:block;
	border-bottom:3px solid #FFFFFF;
	}
#common_left_navi ul li#common_left_navi_btn_04 a{
	background:url(../images/common_lnavi_btn2.jpg) no-repeat;
	height:46px;
	text-indent:-10000px;
	display:block;
	border-bottom:3px solid #FFFFFF;
	}
#common_left_navi ul li#common_left_navi_btn_05 a{
	background:url(../images/common_lnavi_btn3.jpg) no-repeat;
	height:46px;
	text-indent:-10000px;
	display:block;
	border-bottom:3px solid #FFFFFF;
	}
#common_left_navi ul li#common_left_navi_btn_06 a{
	background:url(../images/common_lnavi_btn4.jpg) no-repeat;
	height:46px;
	text-indent:-10000px;
	display:block;
	border-bottom:3px solid #FFFFFF;
	}
#common_left_navi ul li#common_left_navi_btn_03 a:hover,
#common_left_navi ul li#common_left_navi_btn_04 a:hover,
#common_left_navi ul li#common_left_navi_btn_05 a:hover,
#common_left_navi ul li#common_left_navi_btn_06 a:hover{
	background-position:0px -46px;
	}

/* ----------TOP　右上背景---------- */
#main_contents_rightbg{
	width:900px;
	padding-top:15px;
	background: url(../../images/index_corner_right.jpg) right top no-repeat;
	text-align:left;
	}

/* ----------TOP H2---------- */
body#pages_index h2{clear:both;}
body#pages_index h2 img{
	border:none;
	margin-top:10px;
	margin-bottom:8px;
	}
/* ----------TOP What's new---------- */
#top_right_new dl{
	border-bottom:1px solid #CCCCCC;
	width:625px;
	padding:5px 0;
	}
#top_right_new dl dt{
	list-style-type:none;
	font:90%  Arial, Helvetica, sans-serif;
	background-image:url(../images/ico_arrow_green.gif);
	background-position:8px 3px;
	background-repeat:no-repeat ;
	padding:0 0 0 20px;
	float:left;
	width:80px;
	}
#top_right_new dl dd{
	list-style-type:none;
	float:left;
	padding:0 10px 0 5px;
	width:510px;
	line-height:1.2;
	font:90%  Arial, Helvetica, sans-serif;
	}
#top_right_new dl img{
	vertical-align: middle;
	padding-left:5px;
	}
#top_right_new dl a{
	text-decoration:none;
	color:#333333;
	}
#top_right_new dl a:hover{
	text-decoration: underline;
	}
#top_right_new dl:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#top_right_new dl{ display: inline-block; }
/* exlude MacIE5 \*/
* html #top_right_new dl { 
	height: 1% ;
	}
#top_right_new dl {
	display:block;
	}
/* ----------TOP Event---------- */
#top_event{	}
#top_event .top_event_box{
	background:url(../../images/index_event_bg.gif) ;
	width:290px;
	padding:7px;
	margin-right:7px;
	margin-top:6px;
	margin-bottom:6px;
	float:left;
	}
#top_event .top_event_box h3{
	border-bottom:1px dotted #66CC00;
	border-left:4px solid #66CC00;
	color:#009900;
	padding:5px 0 3px 5px;
	margin:0;
	font-size:100%;
	}	
#top_event .top_event_box h3 a{
	color:#009900;
	display:block;
	text-decoration:none;
	}
#top_event .top_event_box h3 a:hover{
background-color:#FFFFCC;
}
#top_event .top_event_box .top_event_box_block{
	background:#FFF;
	width:265px;
	border:12px solid #FFF;
	font-size:90%;
	}
#top_event .top_event_box .top_event_box_block p{
	border-left:4px solid #BBB;
	padding-top:5px;
	padding-left:5px;
}
#top_event .top_event_box > .top_event_box_block{
	min-height:75px;
		}
#top_event .top_event_box .top_event_box_block img{
	padding:0 0 5px 5px;
	float:right;
	}
/* ----------TOP 右　カリキュラム---------- */
#top_curriculum{ 
	background-color:#FFFFFF;
	}
#top_curriculum h3{
	background-color:#EEEEEE;
	border-bottom:1px solid #66CC00;
	font-size:80%;
	padding:5px 0 5px 3px;
	clear:both;
	width:620px;
	}
#top_curriculum ul{
	margin:10px 0 0px 5px;
	padding:0px 0 10px 0px;
	}
#top_curriculum ul li{
	background:url(../images/ico_arrow_sq.jpg) no-repeat 0px 1px;
	list-style-type:none;
	float:left;
	width:280px;
	padding:0 0 5px 15px;
	font-size:65%;
	}
#top_curriculum ul li a{
	color:#333333;
	text-decoration:none;
	}
#top_curriculum ul li a:hover{
	color:#333333;
	text-decoration: underline;
	}

