/* CSS Document */

/* リセット */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* 共通設定 */
body {
	line-height: 1;
	color: #666666;
	background: url(../images/bg_wrap.gif) repeat-y top center;
	text-align: center;
}
a {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
dd,dt {
	line-height: 1.5;
}



/* レイアウトテーブル設定 */
table#wrap {
	width: 800px;
	height: auto;
	margin: 0 auto;
	font-size: 90%;
	text-align: left;
}

table#wrap
	td {
		vertical-align: top;
	}
	td#area1 {
		width: 760px;
		height: 100px;	
		padding: 10px 20px 0 20px;
	}
	td#area2 {
		width: 190px;
		padding: 20px 10px 0 20px;
	}
	td#area3 {
		width: 550px;
		padding: 20px 20px 0 10px;
	}
	td#area4 {
		width: 760px;
		padding: 10px 20px;
	}



/* area1 ヘッダー部分設定 */
#header{
	width: 760px;
	height: 90px;
	background: url(../images/bg_header.gif) repeat-x bottom left;
	position: relative;	
}

#header
	img#logo1 {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	img#logo1 a {
		display: block;
		width: 73px; 
		height: 22px;
	}

	h1#logo2 {
		position: absolute;
		top: 30px;
		left: 0;
	}
	h1#logo2 a {
		display: block;
		width: 221px;
		height: 50px;
	}

	ul#topmenu {
		position: absolute;
		top: 60px;
		right: 0px;
	}
	ul#topmenu li {
		display: inline;
		margin-right: 15px;
		padding: 5px 0 5px 25px;
		font-size: 80%;
		line-height: 2;
	}
	ul#topmenu li#menu1 {background: url(../images/topmenu01.gif) no-repeat;}
	ul#topmenu li#menu2 {background: url(../images/topmenu02.gif) no-repeat;}
	ul#topmenu li#menu3 {background: url(../images/topmenu03.gif) no-repeat;}
	ul#topmenu li#menu4 {
		background: url(../images/topmenu04.gif) no-repeat;
		margin-right: 0;
	}



/* area2 左サイド設定 */
#left 
	ul#gnavi {
		width: 190px;
		margin-bottom: 20px;
		list-style: none outside;
	}
	ul#gnavi li {
		background: #FFFFFF;
		line-height: 30px;
	}
	ul#gnavi li.category{
		display: block;
		width: 190px;
		height: 50px;
	}
	ul#gnavi li a {
		display: block;
		width: 190px;
		height: 29px;
		text-indent: 20px;
		border-bottom: #FFFFFF 1px solid;
		text-decoration: none;
	}
	ul#gnavi li#gn1 a:hover, 
	ul#gnavi li#gn2 a:hover, 
	ul#gnavi li#gn3 a:hover, 
	ul#gnavi li#gn4 a:hover, 
	ul#gnavi li#gn5 a:hover, 
	ul#gnavi li#gn6 a:hover, 
	ul#gnavi li#gn7 a:hover {background: #E8F7CC;}
	ul#gnavi li#gn8 a:hover, 
	ul#gnavi li#gn9 a:hover, 
	ul#gnavi li#gn10 a:hover {background: #CAF0FF;}
	ul#gnavi li#gn11 a:hover, 
	ul#gnavi li#gn12 a:hover, 
	ul#gnavi li#gn13 a:hover {background: #FAE2E3;}
	ul#gnavi li#gn14 a:hover, 
	ul#gnavi li#gn15 a:hover {background: #DDEAEA;}

	ul#banner1 {
		width: 190px;
		margin-bottom: 20px;
		list-style: none outside;
	}
	ul#banner1 li a {
		display: block;
		width: 150px;
		height: 47px;
		background: #FFFFFF;
		margin:0 auto;
		text-align: center;
		margin-bottom: 5px;
	}

	ul#banner2 {
		list-style: none outside;
		width: 190px;
		margin-bottom: 20px;
	}
	ul#banner2 li a {
		display: block;
		width: 190px;
		height: 60px;
		background: #FFFFFF;
		margin:0 auto;
		text-align: center;
		margin-bottom: 5px;
	}

/*** 現在いるページを表示させる ***/
#intro1 table#wrap td#area2 #left ul#gnavi li#gn1 a,
#intro2 table#wrap td#area2 #left ul#gnavi li#gn2 a,
#intro3 table#wrap td#area2 #left ul#gnavi li#gn3 a,
#intro4 table#wrap td#area2 #left ul#gnavi li#gn4 a,
#intro5 table#wrap td#area2 #left ul#gnavi li#gn5 a,
#intro6 table#wrap td#area2 #left ul#gnavi li#gn6 a,
#intro7 table#wrap td#area2 #left ul#gnavi li#gn7 a {background: #E8F7CC;}
#tayori1 table#wrap td#area2 #left ul#gnavi li#gn8 a,
#tayori2 table#wrap td#area2 #left ul#gnavi li#gn9 a,
#tayori3 table#wrap td#area2 #left ul#gnavi li#gn10 a {background: #CAF0FF;}
#enter1 table#wrap td#area2 #left ul#gnavi li#gn11 a,
#enter1 table#wrap td#area2 #left ul#gnavi li#gn12 a,
#enter3 table#wrap td#area2 #left ul#gnavi li#gn13 a {background: #FAE2E3;}
#other1 table#wrap td#area2 #left ul#gnavi li#gn14 a,
#other2 table#wrap td#area2 #left ul#gnavi li#gn15 a {background: #DDEAEA;}



/* area4 フッター設定 */
#footer {
	width: 740px;
	padding: 20px 10px 5px 10px;
	background: url(../images/bg_footer.gif) repeat-x top left;
}

#footer
	address {
		float: left;
		width: 300px;
		font-style: normal;
		line-height: 1.5;
	}
	address a {
		font-weight: bold;
	}

	ul#footmenu {
		width: 430px;
		margin-left: 300px;
		margin-bottom: 5px;
		text-align: right;
	}
	ul#footmenu li {
		display: inline;
		margin-right: 15px;
		padding-left: 15px;
		border-left: 1px solid #666666;
		font-size: 80%;
		line-height:1.5;
	}
	ul#footmenu li#fmenu4 {
		margin-right: 0;
		padding-right: 15px;
		border-right: 1px solid #666666;
	}

	p#policy, p#copyright {
		width: 430px;
		margin-left: 300px;
		margin-bottom: 5px;
		text-align: right;
		font-size: 80%;
		line-height: 1.5;
	}
	
	
	
/* area3 メインコンテンツ設定 */
	
/** パンくずリスト **/	
#main
	ol#pankuzu li {
		display: inline;
		margin-right: 10px;
		font-size: 80%;
	}
	ol#pankuzu li a {text-decoration: underline;}
	ol#pankuzu li.child {
		padding-left: 10px;
		background: url(../images/arrow.gif) no-repeat 0 50%;
	}


/** 見出し **/
#main
	h2.title1 {
		padding: 20px 0;	
	}
	h2.title2 {
		padding: 10px 0;	
	}

	h3 {
		padding: 8px 0 8px 5px;
		margin: 20px 0 30px 0;
	}
	h3.midashi1 {
		border-left: 7px solid #96D424;
	}
	h3.midashi2 {
		border-left: 7px solid #00ADEF;
	}
	h3.midashi3 {
		border-left: 7px solid #E88E92;
	}
	h3.midashi4 {
		border-left: 7px solid #B0CECE;
	}

	h4 {
		width: 540px;
		height: 28px;
		margin: 20px 0 0 10px;
		padding-bottom: 20px;
		text-indent: 35px;
		line-height: 28px;
	}
	h4.kuiki {
		background: url(../images1/bg_headline.gif) no-repeat;
	}
	h4.oshirase {
		background: url(../images2/bg_headline.gif) no-repeat;
	}
	h4.message {
		background: url(../images2/bg_headline2.gif) no-repeat;
	}
	
	h4.album {
		background: url(../images2/bg_headline3.gif) no-repeat;	
	}
	h4.setsumei {
		background: url(../images3/bg_headline.gif) no-repeat;
	}
	h4.others {
		background: url(../images4/bg_headline.gif) no-repeat;
	}
	
	h5 {
		width: 530px;
		height: 20px;
		text-indent: 40px;
		padding-top: 8px;
		margin: 0 0 20px 20px;
	}
	h5.msg2 {
		background: url(../images2/bullet.gif) no-repeat #FFFFFF;	
	}

/** テキスト **/
#main
	p {line-height: 1.5}
	p img.photo,
	p img.graphic {
		float: right;
		padding: 0 0 5px 5px;
	}
	p.normal {
		width: 550px;
		padding-bottom: 10px;
	}
	p.writer {
		clear: both;
		text-align: right;
		padding-bottom: 20px;
	}
	p.except1 {
		width: 430px;
		margin: 0 60px;
		padding: 10px 0;
	}
	p.except2 {
		width: 350px;
		margin: 20px 100px 0 100px;
		padding: 10px 0;
		font-size: 110%;
	}
	p.except2 a {text-decoration: underline;}
	p.detail {
		width: 520px;
		margin: 20px 0 20px 30px;	
	}
	p.detail2 {
		width: 520px;
		margin: 10px 0 10px 30px;	
	}
	p.caution {
		width: 550px;
		padding: 10px 0;
		font-size: 90%;
		line-height: 1.2;	
	}
	p.caution2 {
		width: 520px;
		margin-left: 30px;
		padding: 10px 0;
		font-size: 90%;
		line-height: 1.2;
	}
	p.large {
		width: 160px;
		height: 28px;
		background: url(../images1/icon_enlarge.gif) no-repeat;
		margin: 0 auto;
		margin-bottom: 20px;
		padding-top: 6px;
		font-size: 80%;
		/*text-indent: 32px;*/	
	}
	p.print {
		width: 160px;
		height: 28px;
		background: url(../images1/icon_print.gif) no-repeat left;
		margin-bottom: 20px;
		padding-top: 8px;
		font-size: 80%;
		text-indent: 32px;
	}
	p.up {
		font-size: 70%;
		text-align: right;
		padding: 15px 0 20px 0;	
	}
	p.back {
		font-size: 70%;
		text-align: right;
	}
	p.back a {text-decoration: underline;}

	.red {color: #FF0000;}
	.link a{text-decoration: underline;}
	.caption {font-size: 80%;}
	.ic {vertical-align: top;}

/** テーブル **/
#main
	table.type1 {
		width: 530px;
		height: auto;
		margin: 0 10px;
		font-size: 100%;
	}
	table.type1 td {
		padding: 5px 0;
		vertical-align: top;
		line-height: 1.2;
	}
	table.type1 td.date {
		width: 100px;
		background: url(../images/line_top.gif) repeat-x bottom left;
	}
	table.type1 td.topic {
		width: 430px;
		background: url(../images/line_top.gif) repeat-x bottom left;
	}
	table.type1 td.topic a {
		color: #003399;
	}

#main
	table#link {
		width: 550px;
		margin-top: 30px;
	}
	table#link td.num1 {
		padding: 0 10px 10px 0;	
	}
	table#link td.num2 {
		padding: 0 0 10px 0;	
	}
	table#link td.num3 {
		padding: 0 10px 10px 0;	
	}
	table#link td.num4 {
		padding: 0 0 10px 0;	
	}
	table#link td.num5 {
		padding: 0 10px 0 0;	
	}
	table#link td.num6 {
		padding: 0 0 0 0;	
	}

#main
	table.annual {
		width: 550px;
		background: url(../images1/line1.gif) repeat-x left top; 	
	}
	table.annual td.month {
		width: 50px;
		padding-top: 20px;	
	}
	table.annual td.gyouji {
		width: 252px;
		padding: 20px;
		line-height: 1.5;
	}
	table.annual td.mphoto {
		width: 208px;
		padding: 20px 0 5px 0;
	}

#main
	table.district {
		width: 530px;
		margin-left: 20px;
	}
	table.district td {
		padding: 5px 15px;
	}
	table.district td.city {
		width: 165px;
	}
	table.district td.figure {
		width: 40px;
		text-align: right;
	}
	table.district td.sum1 {
		width: 165px;	
		font-weight: bold;
		text-align: right;
	}
	table.district td.sum2 {
		width: 40px;	
		font-weight: bold;
		text-align: right;
	}
	
#main
	table.type2 {
		width: 520px;
		height: auto;
		margin-left: 30px;
	}
	table.type2 td {
		padding: 5px 0;
		vertical-align: top;
		line-height: 1.2
	}
	table.type2 td a {
		color: #003399;
	}
	table.type2 td.month {
		width: 50px;	
	}
	table.type2 td.date {
		width: 100px;
		font-size: 90%;
	}
	table.type2 td.grade {
		width: 120px;
		padding: 5px 40px;
		text-align: center;
	}
	table.type2 td.result {
		padding: 5px 40px;
		text-align: right;	
	}
	
#main
	table.palbum {
		width: 460px;
		margin: 20px 0 0 60px;
		text-align: center;
	}
	table.palbum td.photo {
		width: 210px;
		height: 150px;
		padding: 13px 10px;
		background: url(../images2/bg_photo.jpg) no-repeat;
	}
	table.palbum td.ptitle {
		width: 210px;
		padding: 10px;
	}


/** リスト・定義リスト **/
#main #ichiran {
		padding: 20px 0;
	}
#main #ichiran a{text-decoration: underline;}
#main #ichiran
	ul.archive1 li {
		display: inline;
		padding-right: 20px;
		line-height: 1.4;
	}
	ul.archive2 li {
		display: inline;
		padding-right: 30px;
		line-height: 1.4;
	}

#main
	dl.info {
		width: 530px;	
		margin-left: 20px;
		background: url(../images2/line2.gif) repeat-x top left;
	}
	dl.info dt {
		width: 530px;
		height: 28px;
		padding: 30px 0 20px 0;
		background: url(../images2/bullet.gif) no-repeat left center;
		text-indent: 40px;
		font-weight: bold;
	}

#main
	dl.info2 {
		width: 530px;	
		margin-left: 20px;
		background: url(../images3/line.gif) repeat-x top left;
	}
	dl.info2 dt {
		width: 530px;
		height: 28px;
		padding: 30px 0 20px 0;
		background: url(../images3/bullet.gif) no-repeat left center;
		text-indent: 40px;
		font-weight: bold;
	}
	
#main
	dl#bosyu {
		width: 530px;	
		margin-left: 20px;
		font-weight: bold;
	}
	dl#bosyu dt {
		float: left;
		width: 100px;
		padding: 2px;
	}
	dl#bosyu dd {
		margin-left: 100px;
		padding: 2px;
	}

#main
	ul#smap {margin-top: 20px;}
	ul#smap li {
		margin: 0 0 0 10px;
		padding: 0 0 0 40px;
		line-height: 2.5;
	}
	ul#smap li ul {
		background: url(../images/ic_bg.gif) repeat-y 25px 0;
	}
	ul#smap li ul.category li {
		background: url(../images/ic_category.gif) no-repeat 1px -75px;
	}
	ul#smap li ul.page li {
		background: url(../images/ic_page.gif) no-repeat 7px -74px;
	}
	ul#smap li ul li.last {
		background-color: #FFFFFF; 
	}
	


/** イメージ表示部分 **/
#main
	#imgarea {
		width: 550px;
		text-align: center;
	}

#main
	img#tonai {
		margin-left: 20px;
	}



/** カウンター表示部分 **/
#main
	#count {
		text-align: right;
		margin-bottom: 20px;
	}