@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 p{
	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:272px;
}

/* ----------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/sub_navi_01.gif) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist02 a{
	background:url(../images/sub_navi_02.gif) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist03 a{
	background:url(../images/sub_navi_03.gif) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist04 a{
	background:url(../images/sub_navi_04.gif) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist05 a{
	background:url(../images/sub_navi_05.gif) no-repeat;
	height:57px;
	text-indent:-10000px;
	display:block;
	}
#top_navi ul li#top_navilist06 a{
	background:url(../images/sub_navi_06.gif) 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:20px;
	margin-bottom:0px;
	}
/* ----------TOP What's new---------- */
#top_right_new dl{
	border-bottom:1px solid #CCCCCC;
	width:625px;
	padding:5px 0 0px;
	}
#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:80%  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:0px;
	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 右　Facebook---------- */
#fb{
	text-align:center;
	float:left;
	margin-right:7px;
}
#twitter{
	text-align:center;
	float:left;
	border:solid 7px #CEC;
	width:290px;
}

/* ----------TOP 右　PV---------- */
#pv{
	text-align:center;
}
#pv iframe{
	width:560px;
	height:315px;
}

/* ----------TOP 右　カリキュラム---------- */
#top_curriculum{ 
	background-color:#FFFFFF;
	}
#top_curriculum h3{
	background-color:#EEEEEE;
	border-bottom:1px solid #66CC00;
	font-size:80%;
	padding:0px 0 0px 5px;
	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 4px;
	list-style-type:none;
	float:left;
	width:280px;
	padding:0 0 5px 15px;
	font-size:80%;
	/*font-size:65%;*/
	}
#top_curriculum ul li a{
	color:#333333;
	text-decoration:none;
	}
#top_curriculum ul li a:hover{
	color:#333333;
	text-decoration: underline;
	}