@charset "utf-8";

/* ナビゲーションスタイル
----------------------------------------------------------- */
div#gnavi ul li a#gnavi_home {
	background: url(../common/images/gnavi/gnavi.jpg) 0 -24px no-repeat;
}

div#gnavi ul li a#gnavi_home:hover {
	background: url(../common/images/gnavi/gnavi.jpg) 0 -24px no-repeat;
}








/* コンテンツスタイル
----------------------------------------------------------- */
div#contents {
	background:url(../images/contents_border.gif) 593px 0 repeat-y;
	margin: 0 0 40px 0;
}







/* メインスタイル
----------------------------------------------------------- */
div#main {
	width: 577px;
}








/* 小川小学校日記スタイル
----------------------------------------------------------- */
div#main div#diary {
	width: 551px;
	padding:0 13px 9px 13px;
	margin: 0 0 5px 0;
	background: #e9e9e9;
}

* html body div#main div#diary {
	width: 577px;
}

div#main div#diary ul {
	overflow: hidden;
}

div#main div#diary ul li {
	float: left;
	width: 156px;
	padding: 6px;
	background: #fff;
	border: 1px solid #c3c3c3;
	margin: 9px 20px 0 0;
}

div#main div#diary ul li.no_right {
	margin: 9px 0 0 0;
}

div#main div#diary ul li h3 {
	background: none;
	padding: 0;
	margin: 0 0 8px 0;
}







/* 小川小学校ニュース
----------------------------------------------------------- */
div#main div#news {
	width: 577px;
	margin: 0 0 20px 0;
}

div#main div#news h2 {
	padding: 0;
	margin: 0;
}


/* 小川小学校ニュースボタン */
div#main div#news p#news_list {
	position:absolute;
	margin: -27px 0 0 390px;
}

div#main div#news p#news_list a {
	display: block;
	background: url(../images/btn_news_list.gif) 0 0 no-repeat;
	width: 72px;
	height: 20px;
	padding: 0 0 0 27px;
	font-size: 10px;
	line-height: 20px;
}

* html body div#main div#news p#news_list a {
	width: 99px;
}

div#main div#news p#news_list a:link,
div#main div#news p#news_list a:visited,
div#main div#news p#news_list a:active {
	color: #000;
	text-decoration: none;
}

div#main div#news p#news_list a:hover {
	color: #000;
	text-decoration: underline;
}

div#main div#news p#news_rss {
	position:absolute;
	margin: -27px 0 0 500px;
}

div#main div#news p#news_rss a:hover img {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}


/* 小川小学校ニュース一覧 */
div#main div#news ul {
	margin: 20px 0 0 0;
}

div#main div#news ul li {
	width: 533px;
	margin: 0 25px 10px 20px;
}

div#main div#news ul li dl {
	width: 533px;
}

div#main div#news ul li dl dt {
	float: left;
	font-weight: bold;
}

div#main div#news ul li dl dd {
	margin: 0 0 0 115px;
	color: #787878;
}

div#main div#news ul li dl dd a:link,
div#main div#news ul li dl dd a:visited,
div#main div#news ul li dl dd a:active {
	color: #787878;
	text-decoration: underline;
}

div#main div#news ul li dl dd a:hover {
	color: #787878;
	text-decoration: none;
}







/* ○○の方へのスタイル
----------------------------------------------------------- */
div#main div#direct {
	width: 541px;
	padding: 0 18px 8px 18px;
	overflow: hidden;
	background: url(../images/direct_bg.gif) 18px bottom no-repeat;
}

* html body div#main div#direct {
	width: 577px;
}

div#main div#society,
div#main div#parents {
	width: 265px;
}

div#main div#society {
	float: left;
}

div#main div#parents {
	margin: 0 0 0 275px;
}

* html body div#main div#parents {
	margin: 0 0 0 272px;
}

div#main div#society h2,
div#main div#parents h2 {
	padding: 0;
	margin: 0 0 10px 0;
}

div#main div#society h3,
div#main div#parents h3 {
	padding: 0;
	margin: 0 0 0 10px;
	background: none;
}

div#main div#society ul,
div#main div#parents ul {
	margin: 0 0 5px 10px;
	padding: 15px 18px 10px 18px;
	width: 206px;
	border-bottom: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	background: #fff;
}

* html body div#main div#society ul,
* html body div#main div#parents ul {
	width: 244px;
}

div#main div#society ul li,
div#main div#parents ul li {
}

div#main div#society ul li a,
div#main div#parents ul li a {
	background: url(../images/icon_arrow.gif) 0 2px no-repeat;
	padding: 0 0 0 19px;
}

div#main div#banner {
	margin-top: 10px;
}

div#main div#banner ul li {
	float: left;
	margin-left: 20px;
}



/* サイド部分スタイル
----------------------------------------------------------- */
div#side {
	margin: 0 0 0 611px;
	width: 276px;
}

* html body div#side {
	margin: 0 0 0 608px;
}


/* サイドスタイル上書き */
div#side div#side_diary {
	margin: 0 0 0 8px;
	width: 260px;
}

div#side div#side_diary dl {
	margin: 4px 0 0 0;
	width: 258px;
	border: 1px solid #a6bdda;
}

* html body div#side div#side_diary dl {
	width: 260px;
}









/* サイド写真スタイル
----------------------------------------------------------- */
div#side div#side_photo {
	width: 258px;
	padding: 9px;
	margin: 0 0 12px 0;
	background: #e9e9e9;
}

* html body div#side div#side_photo {
	width: 276px;
}

div#side div#side_photo ul li {
	padding: 6px;
	background: #fff;
	border: 1px solid #c3c3c3;
	width: 244px;
	margin: 0 0 9px 0;
}

div#side div#side_photo ul li.no_bottom {
	margin: 0;
}









