/* CSS Document for index.html */

@import url("common.css");


/* ******************** height adjustment ******************** */

/* トップページ全体の高さ */
body{
	height		: 1050px;
}
/* トップページ枠線領域の高さ　#indexより-30px */
#outline{
	height		: 1020px;
}

/*　トップページのコンテンツ領域の高さ #indexより-255px */
#index_main,#index_left,#index_right{
	height		: 795px;
}

/* スケジュールとトピックスのＢＯＸ高さ　#index_mainより-160px */
#schedulle , #topics{
	height		: 635px;
}

/* 年間スケジュールとバックナンバーの位置　#index_rightより+85px */
#schedulle_bottom , #topics_bottom{
	position	: absolute;
	top		: 880px;
}


/* ******************** layout & border ******************** */

#index_main{
	width		: 730px;
	border		: none;
	margin		: 4px 0px 0px 0px;
	padding		: 3px 0px 2px 0px;
}
#index_left{
	float		: left;
	width		: 196px;
	border		: none;
	display		: inline;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}
#update{
	width		: 194px;
	height		: 160px;
	border-top	: 1px solid #ffffff;
	margin		: 0px 1px 0px 2px;
	padding		: 0px 0px 0px 0px;
	background-image	: url(../object/for_index/update.jpg);
	background-repeat	: no-repeat;
	background-position	: 3px 3px;
}/* #updateのborder-topはFirefoxで正常に表示させるための調整 */
#left_links{
	width		: 192px;
	border		: none;
	margin		: 10px 0px 0px 3px;
	padding		: 0px 0px 0px 2px;
}
#index_right{
	float		: right;
	width		: 530px;
	display		: inline;
	border		: none;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}
#flash{
	width		: 530px;
	height		: 160px;
	border		: none;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}
#schedulle{
	float		: left;
	width		: 245px;
	border		: none;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}
#topics{
	float		: right;
	width		: 285px;
	border		: none;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}


/* ******************** left_menu ******************** */

#index_left img{
	border		: none;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}

#update_list{
	width		: 48px;
	height		: 17px;
	margin		: 14px 0px 0px 120px;
	padding		: 0px 0px 0px 0px;
}
#update p{
	font-size	: 110% !important;
	color		: #ff0033;
	margin		: 5px 0px 0px 15px;
	padding		: 0px 0px 0px 0px;
}
#update ul{
	margin		: 7px 0px 0px 30px;
	padding		: 0px 0px 0px 0px;
}
#update li{
	margin		: 3px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}
#reload{
	width		: 115px;
	height		: 18px;
	font-size	: 13px !important;
	margin		: 18px 0px 0px 60px;
	padding		: 4px 0px 0px 0px;
	background-image	: url(../object/for_index/reload.jpg);
	background-repeat	: no-repeat;
}
#reload a{
	text-decoration : none;
	margin		: 0px 0px 1px 30px;
}

#index_syougyou{
	height		: 110px;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}
#bar_syougyou{
	height		: 20px;
	margin		: 9px 0px 2px 25px;
	padding		: 3px 0px 0px 18px;
	background-image	: url(../object/bar_green.jpg);
	background-repeat	: no-repeat;
}

#index_jouhou{
	height		: 60px;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}
#bar_jouhou{
	height		: 20px;
	margin		: 9px 0px 2px 25px;
	padding		: 3px 0px 0px 18px;
	background-image	: url(../object/bar_blue.jpg);
	background-repeat	: no-repeat;
}
.gakka{
	display		: block;
	width		: 135px;
	height		: 18px;
	border		: none;
	margin		: 8px 0px 0px 30px;
	padding		: 0px 0px 0px 0px;
}
.gakka a{
	vertical-align	: top;
	border		: none;
	margin		: 3px 0px 0px 15px;
	padding		: 0px 0px 0px 0px;
}
#index_taiken{
	height		: 150px;
	margin		: 0px 0px 0px 20px;
	padding		: 0px 0px 0px 0px;
}
#bar_taiken{
	height		: 20px;
	margin		: 14px 10px 5px 5px;
	padding		: 3px 0px 0px 5px;
	background-image	: url(../object/bar_schoolguide.jpg);
	background-repeat	: no-repeat;
}
#index_mobile{
	height		: 180px;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}
#bar_mobile{
	height		: 20px;
	margin		: 14px 0px 5px 25px;
	padding		: 3px 0px 0px 40px;
	background-image	: url(../object/bar_pink_2.jpg);
	background-repeat	: no-repeat;
}
#index_mobile a{
	font-size	: 90% !important;
	width		: 150px;
	border		: none;
	display		: block;
	margin		: 10px 0px 0px 20px;
	padding		: 0px 0px 0px 0px;
}
#index_mobile img{
	margin		: 5px 0px 0px 0px;
	padding		: 0px 0px 0px 45px;
}


/* ******************** right_contents ******************** */

#schedulle_top{
	width		: 242px;
	height		: 45px;
	border-top	: none;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
	background-image	: url(../object/for_index/schedulle_top.jpg);
	background-repeat	: no-repeat;
	background-position	: top center;
}
#schedulle_box{
	display		: block;
	background-image	: url(../object/for_index/schedulle_back.jpg);
	background-repeat	: repeat-y;
	background-position	: top left;
}
#schedulle_bottom{
	width		: 242px;
	height		: 36px;
	border-top	: none;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
	background-image	: url(../object/for_index/schedulle_bottom.jpg);
	background-repeat	: no-repeat;
	background-position	: bottom center;
}
#full_schedulle{
	width		: 138px;
	height		: 25px;
	font-size	: 14px !important;
	margin		: 15px 0px 0px 90px;
	padding		: 5px 0px 0px 0px;
	background-image	: url(../object/for_index/bottom_bar.jpg);
	background-repeat	: no-repeat;
}
#full_schedulle a{
	font-weight	: bold;
	text-decoration : none;
	margin		: 0px 0px 0px 20px;
}

#topics_top{
	width		: 283px;
	height		: 45px;
	border-top	: none;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
	background-image	: url(../object/for_index/topics_top.jpg);
	background-repeat	: no-repeat;
	background-position	: top center;
}
#topics_box{
	display		: block;
	background-image	: url(../object/for_index/topics_back.jpg);
	background-repeat	: repeat-y;
	background-position	: top left;
}
#topics_bottom{
	width		: 283px;
	height		: 36px;
	border-top	: none;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
	background-image	: url(../object/for_index/topics_bottom.jpg);
	background-repeat	: no-repeat;
	background-position	: bottom center;
}
#backnumber{
	width		: 138px;
	height		: 25px;
	font-size	: 14px !important;
	margin		: 15px 0px 0px 130px;
	padding		: 5px 0px 0px 0px;
	background-image	: url(../object/for_index/bottom_bar.jpg);
	background-repeat	: no-repeat;
}
#backnumber a{
	font-weight	: bold;
	text-decoration : none;
	margin		: 5px 0px 5px 30px;
	padding		: 0px 0px 0px 0px;
}

h3{
	font-size	: 100%;
	font-weight	: bold;
	color		: #ff9900;
	display		: block;
	margin		: 8px 0px 1px 18px;
	padding		: 0px 0px 0px 0px;
}
h4{
	font-size	: 100%;
	font-weight	: bold;
	color		: #ff9900;
	display		: block;
	margin		: 9px 0px 2px 18px;
	padding		: 0px 0px 0px 0px;
}
h5{
	font-size	: 100%;
	font-weight	: bold;
	color		: #ff0000;
	display		: block;
	margin		: 2px 4px 0px 18px;
	padding		: 0px 0px 0px 0px;
}
p{
	font-size	: 100%;
	font-weight	: normal;
	display		: block;
	margin		: 0px 0px 0px 28px;
	padding		: 0px 0px 0px 0px;
}
.box{
	display		: block;
}
.strong{
	color		: #ff0000;
	font-weight	: bold;
	font-size	: 110% !important;
	display		: block !important;
}
.strong{
	color		: #ff0000;
	font-weight	: bold;
	font-size	: 110% !important;
	display		: inline !important;
}


/* ******************** other setttings ******************** */