@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
img{
	vertical-align:bottom;
	border:none;
}
.iepngfix {  
    behavior: expression(IEPNGFIX.fix(this));  
}

/*＝＝＝＝＝＝＝＝＝＝＝
--ヘッダー--
＝＝＝＝＝＝＝＝＝＝＝*/
#header{
	width:1000px;
	margin:0 auto;
	height:124px;
	background:url(../img/header.gif) center top no-repeat;
}
#header ol{
	padding:35px 0 0 0px;
	overflow:hidden;
}
#header ol li{
	float:left;
	width:81px;
	margin:0;
	text-align:center;
	border-left:1px solid #CCC;
}

#header ol li img:hover {
	border-bottom:2px solid #F39;
}

#container {
	margin: 0 auto;
	padding-bottom:40px;
	width: 1073px;
}

/*＝＝＝＝＝＝＝＝＝＝＝
--flash--
＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝
--トップページ　黒板--
＝＝＝＝＝＝＝＝＝＝＝*/
#kokuban-waku{
	background:url(../img/kokuoban_center.jpg) center top repeat-y;
	height:800px;
	position: relative;
}
#kokuban-top{
}


/*--/トピックス インラインフレーム/--*/
#topi-waku{
	width: 385px;
	height: 295px;
	position: absolute;
	top: -8px;
	left: 60px;
}
#ifram-box{
	text-align:center;
	height:233px;
	overflow:hidden;
}
iframe{
	border:none;
}
#topi-list{
	width:330px;
}
#topi-list ol{
	color:#FFF;
}
#topi-list ol li{
	margin:8px auto;
	padding:3px;
	font-size:90%;
	border-bottom:1px dashed #FFF;
}
#topi-list ol li span{
	font-size:90%;
	float: right;
}
/*--/4コマ/--*/
#yonkoma-waku{
	width: 187px;
	height: 295px;
	padding: 0;
	position: absolute;
	left: 641px;
	top: 0px;
	background: url(../img/top_4koma_waku.gif) center top no-repeat;
}
a#yonkoma-waku-s{
	text-align:center;
	padding:10px;
	margin:40px 10px 5px 10px;
	display:block;
	background:#CCC;
}
a#yonkoma-waku-s:hover{
	text-align:center;
	padding:10px;
	background: #666;
}
#yonkoma-waku p{
	font-weight:bold;
	text-align:center;
	font-size:90%;
}
#yonkoma-waku p a{
	color: #F06;
}
#yonkoma-waku p a:hover{
	color: #06C;
}
#yonkoma-waku p.day{
	margin:5px 0 0 0 ;
	padding:2px;
	font-weight:normal;
	font-size:70%;
	text-align:right;
	border-top:1px dashed #999;
}


/*--/じゃけん/--*/
#jaken-waku{
	width: 187px;
	height: 295px;
	padding: 0px 0 0;
	position: absolute;
	left: 651px;
	top: 489px;
	text-align: center;
}


/*--/アルバム/--*/
#album-waku{
	width:187px;
	height:295px;
	padding:0px 0 0;
	position: absolute;
	left: 646px;
	top: 0px;
	background:url(../img/top_album_waku.jpg) center top no-repeat;
	text-align: center;
}
#album-waku-s{
	margin-top:60px;
}
#album-waku p{
	font-weight:bold;
	text-align:center;
	font-size:90%;
}
#album-waku p a{
	color: #F06;
}
#album-waku p a:hover{
	color: #06C;
}
#album-waku p.day{
	margin:5px 0 0 0 ;
	padding:2px;
	font-weight:normal;
	font-size:70%;
	text-align:right;
	border-top:1px dashed #999;
}

/*--/ツイッター/--*/
#twit-waku{
	position: absolute;
	padding: 0;
	width: 190px;
	left: 835px;
	top: 0px;
	border: 0px solid #000;
}
#twit-bt{
	position: absolute;
	padding: 0;
	width: 187px;
	left: 842px;
	top: 463px;
}
/*--/購買部/--*/
#koubaibu-waku{
	width: 150px;
	padding: 0;
	position: absolute;
	left: 47px;
	top: 504px;
	text-align: center
}

/*--/生徒名簿/--*/
#seitomeibo-waku2{
	width: 224px;
	padding: 0;
	position: absolute;
	left: 201px;
	top: 510px;
	text-align: center
}
/*--old
#seitomeibo-waku{
	width:385px;
	padding:0;
	position: absolute;
	left: 47px;
	top: 325px;
	text-align:center
}
*/
/*--/ひろがくとは/--*/
#hirogakutoha-waku{
	width: 189px;
	padding: 0;
	position: absolute;
	left: 435px;
	top: 653px;
	text-align: center
}
/*--/ひろがくシアター/--*/
#Theater-waku{
	width: 189px;
	padding: 0;
	position: absolute;
	left: 441px;
	top: 508px;
	text-align: center
}
/*--/視聴覚室/--*/
#Audio_visual_room-waku{
	width: 189px;
	padding: 0;
	position: absolute;
	left: 430px;
	top: 480px;
	text-align: center
}
/*--/イラストコンテスト/--*/
#iracon_box{
	width: 187px;
	padding: 0;
	position: absolute;
	left: 450px;
	top: 10px;
	text-align: center
}


/*--/呉きんだん/--*/
#kure-waku{
	width: 150px;
	padding: 0;
	position: absolute;
	left: 673px;
	top: 366px;
	text-align: center
}
/*--/日直/--*/
#nichoku-waku{
	width: 189px;
	padding: 0;
	position: absolute;
	left: 842px;
	top: 511px;
	text-align: center
}

/*--/LINEスタンプ/--*/
#line_stamp{
	width: 340px;
	height: 160px;
	position: absolute;
	left: 74px;
	top: 326px;
}

/*--/壁紙/--*/
#wallpaper{
	width: 340px;
	height: 160px;
	position: absolute;
	left: 453px;
	top: 312px;
}

/*--/NEWボタン/--*/
#NEW_btn{
	position: absolute;
	left: 458px;
	top: -2px;
	z-index: 99;
}


/*＝＝＝＝＝＝＝＝＝＝＝
--footer--
＝＝＝＝＝＝＝＝＝＝＝*/
#footer {
	background:#e7e7e7;
	margin:0;
	text-align:center;
}
#footer-student{
	position: absolute;
	width:944px;
	height:61;
	left: 48px;
	top: -47px;
}
#footer-content{
	width:1000px;
	margin:20px auto 10px;
	padding:20px;
	text-align:left;
	border-bottom:1px solid #999;
	position: relative;
}
#footer-content h4{
	font-weight:bold;
	font-size:100%;
	margin:5px;
	padding:6px 3px;
	border-bottom:1px solid #999;
	color:#333;
}
#footer-content h5{
	font-weight:bold;
	font-size:90%;
	margin:0px;
	padding:2px;
	color:#FFF;
	background:#999;
}
#footer-content table{
	width:1000px;
	border:none;
}
#footer-content table td{
	width:200px;
	font-size:90%;
}
#footer-content table td p{
	line-height:1.3;
	padding:3px 10px;
}
#footer p.copyright {
	font-size: 90%;
	padding:10px;
}
#footer-content a{
	color: #F06;
	text-decoration:none
}
#footer-content a:hover{
	color: #06C;
}
