/* 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/commons/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 20px 20px;
	}
	td#area3 {
		width: 550px;
		padding: 20px 20px 0 10px;
	}
	td#area4 {
		width: 760px;
		padding: 0 0 10px 0;
		background: url(../images/commons/bg_footer.gif) no-repeat center top;
	}



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

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

	h1#logo2 {
		position: absolute;
		top: 25px;
		left: 0;
	}
	h1#logo2 a {
		display: block;
		width: 301px;
		height: 53px;
	}

	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/commons/topmenu01.gif) no-repeat;}
	ul#topmenu li#menu2 {background: url(../images/commons/topmenu02.gif) no-repeat;}
	ul#topmenu li#menu3 {background: url(../images/commons/topmenu03.gif) no-repeat;}
	ul#topmenu li#menu4 {
		background: url(../images/commons/topmenu04.gif) no-repeat;
		margin-right: 0;
	}
	ul#topmenu li a {
		text-decoration: none;	
	}
	ul#topmenu li a:hover {
		text-decoration: underline;	
	}



/* 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: #ffffffff 1px solid;
		text-decoration: none;
	}
	ul#gnavi
		li#gn1 a:hover, 
		li#gn2 a:hover, 
		li#gn3 a:hover, 
		li#gn4 a:hover, 
		li#gn5 a:hover, 
		li#gn6 a:hover, 
		li#gn7 a:hover,
		li#gn8 a:hover, 
		li#gn9 a:hover, 
		li#gn10 a:hover,
		li#gn11 a:hover, 
		li#gn12 a:hover, 
		li#gn13 a:hover,
		li#gn14 a:hover, 
		li#gn15 a:hover,
		li#gn16 a:hover {background: #E9FFBB;}

	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 #left ul#gnavi li#gn1 a,
#intro2 #left ul#gnavi li#gn2 a,
#intro3 #left ul#gnavi li#gn3 a,
#intro4 #left ul#gnavi li#gn4 a,
#intro5 #left ul#gnavi li#gn5 a,
#intro6 #left ul#gnavi li#gn6 a,
#intro7 #left ul#gnavi li#gn7 a,
#intro8 #left ul#gnavi li#gn8 a,
#tayori1 #left ul#gnavi li#gn9 a,
#tayori2 #left ul#gnavi li#gn10 a,
#tayori3 #left ul#gnavi li#gn11 a,
#tayori4 #left ul#gnavi li#gn12 a,
#tayori5 #left ul#gnavi li#gn13 a,
#enter1 #left ul#gnavi li#gn14 a,
#enter1 #left ul#gnavi li#gn15 a,
#enter3 #left ul#gnavi li#gn16 a {background: #E9FFBB;}



/*** メニュー内の小文字 ***/
li#gn4 a span{
	font-size:82%;
}



/* area4 フッター設定 */
#footer {
	width: 760px;
	padding: 80px 20px 5px 20px;
}

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

	ul#footmenu {
		float: right;
		width: 50%;
		margin-bottom: 10px;
		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;
	}
	ul#footmenu li a {
		text-decoration: none;	
	}
	ul#footmenu li a:hover {
		text-decoration: underline;	
	}
	p#policy, p#copyright {
		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/commons/arrow.gif) no-repeat 0 50%;
	}


/** 見出し **/
#main
	h2.title {
		margin-bottom: 20px;	
	}
	h2.page-title {
		margin: 10px 0 30px 0;
	}
	h3.index {
		width: 540px;
		height: 32px;
		background:url(../images/intro/bg_index.gif) no-repeat right top;
		margin-bottom: 20px;
		padding: 10px 0 0 10px;
		color: #CC6600;
		font-weight: bold;
	}
	h4.headline {
		border-left: #009900 solid 6px;
		text-indent: 8px;
		margin-bottom: 1.5em;
	}


/** ボックス **/
#main
	.section {
		margin-bottom: 30px;
		padding-left: 10px;
		line-height: 1.5;
	}
	.box {
		margin: 0 auto;
		text-align: center;
		margin-bottom: 15px;	
	}

/** テキスト **/
#main
	.section p {
		margin-bottom: 1em;
	}
	.section p.last-child {
		margin-bottom: 0;	
	}
	p img.photo,
	p img.graphic {
		float: right;
		padding: 0 0 10px 10px;
	}
	p.writer {
		clear: both;
		text-align: right;
		margin-bottom: 0;
	}
	p.up {
		font-size: 70%;
		text-align: right;
		padding-top: 10px;	
	}
	p.up a {
		text-decoration: none;	
	}
	p.up a:hover {
		text-decoration: underline;	
	}
	.midashi{font-weight: bold;}
	.red {color: #FF0000;}
	.link a{text-decoration: underline;}
	.caption {font-size: 80%;}
	.ic {vertical-align: top;}
	.data-caption {
		font-size: 80%;
		text-align: right;	
	}

/** テーブル **/
#main
	.section table{
		width: 540px;	
		margin-bottom: 20px;
	}
	.section table td {
		padding: 5px 0;
		vertical-align: top;
		line-height: 1.4;	
	}
	.section table td.date {
		width: 20%;	
	}
	.section table td.topic {
		width: 80%;	
	}

#main
	table#koushin {
		font-size: 100%;
	}
	table#koushin td.date {
		background: url(../images/top/line_dot.gif) repeat-x bottom left;
	}
	table#koushin td.topic {
		background: url(../images/top/line_dot.gif) repeat-x bottom left;
	}
	table#koushin td.topic a {
		color: #003399;
	}

#main table#wakaba-bosyu,
	#soudan,
	#olive-bosyu,
	#kuiki,
	#bus-root {
		border: #CCCCCC solid 1px;
		font-size: 80%;
		text-align: center;
	}
	#wakaba-bosyu th,
	#soudan th,
	#olive-bosyu th,
	#kuiki th,
	#bus-root th {
		padding: 2px;
		background: #E9FFBB;
		border: #CCCCCC solid 1px;
	}
	#wakaba-bosyu td,
	#soudan td,
	#olive-bosyu td,
	#kuiki td,
	#bus-root td {
		padding-left: 2px;
		padding-right: 2px;
		border: #CCCCCC solid 1px;
	}
	#wakaba-bosyu td.schedule {
		width: 55%;
		text-align: left;
	}
	#soudan td.detail {
		width: 43%;	
	}
	#olive-bosyu th {
		width:25%;
	}
	#olive-bosyu td {
		width: 75%;
		text-align: left;
	}
	#kuiki td {
		width: 40%;
		text-align: left;	
	}
	#kuiki td.figure {
		width: 12%;
		text-align: right;	
	}
	#kuiki td.sum{
		width: 12%;
		background: #E9FFBB;
		text-align: right;	
	}
	#kuiki td.sum-title{
		background: #E9FFBB;
		font-weight: bold;
		text-align: center;	
	}
	#bus-root th {
		width: 12%;	
	}
	#bus-root td.busstop {
		width: 38%;
		text-align: left;	
	}

#main
	table.type2 td {
		padding-left: 2px;
		padding-right: 2px;
	}

#main
	table.info td img {
		padding-left: 10px;
	}

#main
	table#teachers td {
		width: 40%;
		padding-bottom: 10px;
	}
	table#teachers td.txt {
		width: 60%;
		padding: 15px 0 10px 5px;
		font-size: 90%;
		line-height: 1.2;	
	}
	table#teachers td img {
		text-align: left;	
	}

#main
	table#album {
		margin-top: 15px;
		text-align: center;
	}
	table#album td.thumbnail {
		width: 266px;
		height: 200px;
		padding-top: 10px;
		padding-right: 4px;
		background: url(../images/tayori/bg_album.jpg) no-repeat top center ;
	}
	table#album td.photo-caption {
		width: 250px;
		padding: 0 10px 10px 10px;
		font-size: 90%;
	}

#main
	table.type3 td {
		padding: 3px;
		border-right: #FFFFFF solid 5px;
		border-bottom: #CCCCCC solid 1px;
		font-size: 90%;
	}



/** リスト・定義リスト **/
#main ul, ol {
	margin-bottom: 15px;
}

#main
	ul.page-anchor {
		margin: 0 auto;
		text-align: center;
		padding-bottom: 10px;
	}
	ul.page-anchor li {
		display: inline;
		padding: 0 1em;
		border-left: 1px solid #666666;
		font-size: 80%;
		line-height: 1.5;
		font-weight: bold;
	}
	ul.page-anchor li.menu-end {
		border-right: 1px solid #666666;
	}

#main 
	ul.archive {
		margin-bottom: 5px;	
	}
	ul.archive li {
		display: inline;
		padding-right: 40px;
	}
	

#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/others/bg_sitemap.gif) repeat-y 25px 0;
	}
	ul#smap li ul.category li {
		background: url(../images/others/ic_category.gif) no-repeat 1px -75px;
	}
	ul#smap li ul.page li {
		background: url(../images/others/ic_page.gif) no-repeat 7px -74px;
	}
	ul#smap li ul li.last {
		background-color: #FFFFFF; 
	}
	


/** イメージ表示部分 **/
#main
	.box img {
		display: block;
		margin: 0 auto;
		text-align: center;
	}



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

/** バスの中ページ **/
body#inbus {
	line-height: 1;
	color: #666666;
	background: url(../images/intro/bg_inbus.gif) repeat-x top left;
	text-align: center;
}
body#inbus table#wrap {
	width: 100%;
	margin: 120px auto;
	text-align: center;
}