﻿/* ___COMMON STYLE___ */
body { margin:0 auto;
    padding:0;
	background:#fff url(../img/background.jpg) repeat;
	text-align:center;
	font-size:90%;
}

h1, h2, h3 {margin:0; padding:0;}

#container {/* ページ全体 */
	width:800px;
	margin:0 auto 30px auto;
	padding:0;
	text-align:left;
	color:#333;
	border:1px solid #036;
}
#container {/* ページ全体 */
	background: #fff url(../img/back_main.jpg) repeat;
}

#header {/* ヘッダ */
	display: block;
	height:120px;
	width:800px;
	overflow:hidden;
	margin:0;
	padding:0;
	background: url(../img/header.jpg) no-repeat bottom;
	text-align: center;
	text-indent:-9999em;
	overflow:hidden;
}

#main{/* メインコンテンツ */
	width:800px;
	padding:0;
	margin:0;
}

#main strong{
	font-weight:lighter;
}

#article-left{/* 各ページメイン記事部分 */
	width:530px;
	margin:0; padding:0;
	float:left;
}

#hachimangu{/* 八幡宮　記事部分 */
	width:250px;
	margin:0 10px 0 0; padding:0; _margin:0;
	float:right;
}

#intro-hachimangu, #intro-seiryouden, #intro-youchien {
	width:260px;
	margin:0; padding:0;
}
#intro-hachimangu {background: url(../img/back_intro-hachimangu.gif) no-repeat center bottom;}
#intro-seiryouden {background: url(../img/back_intro-seiryouden.gif) no-repeat center bottom;}
#intro-youchien {background: url(../img/back_intro-youchien.gif) no-repeat center bottom;}

#intro-hachimangu h2, #intro-seiryouden h2, #intro-youchien h2 {
	width:260px; height:50px;
	display: block;
	text-align: center;
	text-decoration: none;
	text-indent:-9999em;
	overflow:hidden;
}
#intro-hachimangu h2{background: url(../img/title_intro-hachimangu.gif) no-repeat center top;}
#intro-seiryouden h2{background: url(../img/title_intro-seiryouden.gif) no-repeat center top;}
#intro-youchien h2{background: url(../img/title_intro-youchien.gif) no-repeat center top;}

#intro-hachimangu a.title, #intro-seiryouden a.title, #intro-youchien a.title {
	display: block;
	text-align: center;
	height:50px; width:260px;
	text-decoration: none;
	text-indent:-9999em;
	overflow:hidden;
}

#intro-hachimangu a.p-anchor, #intro-seiryouden a.p-anchor, #intro-youchien a.p-anchor {
	display: block;
	text-align: left;
	height:150px; width:260px;
	text-decoration: none;
	overflow:hidden;
	color:#999;
}


#intro-hachimangu p, #intro-seiryouden p,#intro-youchien p
{ color:#999; font-size:80%; margin:0; padding:2px;}

#seiryouden{/* 清涼殿　記事部分 */
	width:250px;
	margin:0; padding:0;
	float:left;
}

#youchien{/* ようちえん　記事部分 */
	width:250px;
	margin:0 10px 0 0; padding:0; _margin:0;
	float:right;
}

#hachimangu .enter a:link, #seiryouden .enter a:link, #youchien .enter a:link{ text-decoration:none; color:#fff;}
#hachimangu .enter a:visited, #seiryouden .enter a:visited, #youchien .enter a:visited { text-decoration:none; color:#eee;}

#hachimangu .enter, #seiryouden .enter, #youchien .enter { margin:0; padding:2px; text-align:center; width:256px; font-size:90%;}
#hachimangu .enter { background:#060;}
#seiryouden .enter { background:#f09;}
#youchien .enter { background:#c60;}




#flash-hachimangu {/*Flashエリア　八幡宮*/
	width:260px;
	height:200px;
	background: url(../img/flash_hachimangu.jpg) no-repeat center top;
	margin:0; padding:0;
}
#flash-seiryouden {/*Flashエリア　清涼殿*/
	width:260px;
	height:200px;
	background: url(../img/flash_seiryouden.jpg) no-repeat center top;
	margin:0; padding:0;
}
#flash-youchien {/*Flashエリア　幼稚園*/
	width:260px;
	height:200px;
	background: url(../img/flash_youchien.jpg) no-repeat top;
	margin:0; padding:0;
}



img {border:none;vertical-align:bottom;}

.img_right{float:right; margin-left:10px;}
.img_left{float:left; margin-right:10px;}

/* 新着情報 */
#news-hachimangu, #news-seiryouden, #news-youchien {
	width:260px;
	overflow:hidden;
}

#news_top, #news_top-seiryouden {
	width:260px; height:40px; margin:10px 0 0 0; padding:0;
	background: url(../img/news_top.jpg) no-repeat bottom left ;
}

#news_top span, #news_top-seiryouden span {display:none;}
#news_top h3, #news_top h3 {
	font-size:100%; color:#fff; padding:0; 
}
.news_middle {
	width:260px; margin:0; padding-left:10px;
	font-size:90%;
	background: url(../img/news_middle.gif) repeat-y ;
}
#news_bottom, #news_bottom-seiryouden {
	width:260px; height:20px; margin:0; padding:0; clear:both;
	background: url(../img/news_bottom.jpg) no-repeat  top left;
}

.news-p { margin:-1em 20px -1em 20px; font-size:100%;}
.news-p-seiryouden { margin:0 25px 0 20px; font-size:100%;}
.news-date {margin:0 20px 0 10px; font-size:110%; font-weight:bolder;}

/*ようちえん用　新着情報*/

#news_top-youchien {
	width:260px; height:40px; margin:10px 0 0 0; padding:0;
	background: url(../img/news_top-youchien.gif) no-repeat bottom left ;
}

#news_top-youchien span  {display:none;}
#news_top-youchien h3  {
	font-size:100%; color:#fff; padding:0; 
}
.news_middle-youchien {
	width:260px; margin:0; padding-left:10px;
	font-size:90%;
	background: url(../img/news_middle-youchien.gif) repeat-y;
}
#news_bottom-youchien {
	width:260px; height:20px; margin:0; padding:0; clear:both;
	background: url(../img/news_bottom-youchien.gif) no-repeat top left;
}


/* 各部品 */
.c-both{clear:both; height:0; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.photo_left { float:left; margin:0 1em 1em 0;}
.photo_right { float:right; margin:0 0 1em 1em;}
.attention {color:#c00;}
.attention2 {color:#006f00;}
.attention3 {color:#00c;}
.attention_column{border:1px solid #f00; padding:0.5em; }
.notice {color:#F00;font-size:90%;}
.notice2 {color:#080;font-size:90%;}
.bold {font-weight:bolder;}
.marker-t {color:#009899}
.important {color:#c00; font-size:110%;}
.lighter {font-weight:lighter;}
.caption {font-size:70%; color:#066;}
.date {font-size:90%;text-align:right;}
.small {font-size:85%;font-weight:normal}
.big { font-size:120%;}
.huge { font-size:150%;}
.pagenavi {color:#009899;margin:1em 0 50px 0;line-height:150%;}
.pagenavi img {vertical-align:baseline;}

.frame {border:1px solid #009899; padding:10px;margin:5px 20px 1em 35px;}
.frame-c {border:1px solid #009899; padding:10px;background-color:#EBF8F8;margin:5px 20px 1em 35px;;}
.frame-notice {border:1px solid #F00; padding:10px;margin:5px 0 1em 0;color:#F00;}
.frame li, .frame-c li {list-style-type:none;margin:5px 0}
.frame ul.cllist li, .frame-c ul.cllist li {list-style-type:disc;margin:5px 0}
.frame ol.cllist li, .frame-c ol.cllist li {list-style-type:decimal;margin:5px 0 5px 10px}
#main p.submitline {text-align:center; margin:25px 0;}
.backbtn {margin-right:2em}
.submitbtn {width:10em;}
.resetbtn {margin-left:2em}
.main-text:first-letter{font-size:180%; _line-hight:200%; float:left;}

/* ___フッタ___ */
#footer {
	clear:both;
	margin:0;
	padding:0.2em;
	background: #060;
	color:#fff;
	font-size:80%;
	text-align:center;
}
#footer p { margin:2px;}
#footer a:link {color:#fff; text-decoration:none;}
#footer a:visited {color:#ccc; text-decoration:none;}
#footer a:hover {color:#ccc; text-decoration:underline;}
#footer a:active {color:#ccc; text-decoration:none;}