/* このサイトのスタイルシートの構造について */
/*
1.各ページの基本構造はこのスタイルシートで調整しています。
2.左部ナビゲーションはNAVI.CSSを確認して下さい。
3-1.各ページコンテンツ部分はページごとにCSSを設置してあります。
3-2.各ページコンテンツのCSSは次のように構成してあります。
　　contents #block1
　　block1image1
　　block1image2
　　block1comment
　　block1comment2
　　※いわゆる各block内にimageが2つcommentが2つ。一部imageやcommentの数が違うページもありますが、これが基本です。
　　※トップページ・スケジュールのページはそれぞれのXHTMLとCSSを確認して下さい。
*/

/* BASIC CSS(基本構造スタイルシート） */
*{
	margin: 0px;
	padding: 0px;
	background: url(../images/bgshadow.gif);
}
#container{
	width: 820px;
	margin: 0px;
	padding: 0px;
	height: auto;
	background: url(../images/bg02.gif) repeat-y;
}
#wrapper {
	width: 800px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
/* ヘッダー */
#header {
	width: 800px;
	height: 170px;
	background: url(../images/bg01.jpg) no-repeat;
}
#header .title {
	float: left;
	width: 170px;
	height: 170px;
	background: url(../images/image001.jpg) no-repeat 10px;
	border-bottom: 2px groove #CCCCCC;
}
#header .title h1 {
	font-size: 5px;
	color: #50093A;
	background: #50003A;
	font-weight: bolder;
}
#header .rogo {
	background: url(../images/utiwa_title.gif) no-repeat center 10px;
	width: 630px;
	height: 170px;
	float: right;
}
#header .rogo h2 {
	font-size: 5px;
	color: #000000;
	background: #000001;
	font-weight: bolder;
}
/* コンテンツ */
#contents {
	width: 620px;
	height: auto;
	float: right;
}
#contents .caption {
	width: 620px;
	height: auto;
	border-bottom: 2px groove #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#contents .caption h3 {
	background: #50003A url(../images/table-back01.gif) no-repeat 1px 1px;
	line-height: 120%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	width: 620px;
}
#contents #topics {
	width: 620px;
	float: left;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px groove #CCCCCC;
}
#contents .caption p {
	text-align: center;
	color: #990000;
	background: #FFFFFF;
}
#contents #topics dl {
	font-size: 12px;
	color: #333333;
	background: #FFFFFF;
	margin-left: 150px;
}
#contents h3 {
	font-size: 14px;
	color: #333333;
	margin-bottom: 20px;
	background: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
#contents h4 {
	font-size: 12px;
	color: #990000;
	margin-bottom: 10px;
	background: #FFFFFF;
	font-weight: bold;
}
#contents hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
#contents p {
	font-size: 12px;
	color: #333333;
	background: #FFFFFF;
	line-height: 1.5em;
}
#contents dl {
	line-height: 1.5em;
}
#contents hr {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: left;
	height: auto;
}
/* block1 */
#contents #block1 {
	width: 580px;
	height: auto;
	margin-top: 10px;
	margin-left: 20px;
	border: 1px dotted #999999;
	padding-bottom: 10px;
	float: left;
	margin-bottom: 10px;
}
/* block2 */
#contents #block2 {
	width: 580px;
	height: auto;
	margin-top: 10px;
	margin-left: 20px;
	border: 1px dotted #999999;
	padding-bottom: 10px;
	float: left;
	margin-bottom: 10px;
}
/* block3 */
#contents #block3 {
	width: 580px;
	height: auto;
	margin-top: 10px;
	margin-left: 20px;
	border: 1px dotted #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
}
/* block4 */
#contents #block4 {
	width: 580px;
	height: auto;
	margin-top: 10px;
	margin-left: 20px;
	border: 1px dotted #999999;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
/* ナビゲーション基本 */
#navi {
	float: left;
	width: 170px;
	background: #373648;
	color: #FFFFFF;
	height: auto;
}
#navi .gnavi ul {
	list-style: none;
}
#navi .gnavi .sitemap {
	text-align: center;
	color: #FFFFFF;
	background: #373648;
	font-size: 12px;
}
#navi .gnavi .sitemap a {
	font-size: 12px;
	color: #FFFFFF;
	background: #373648;
}
#navi .gnavi .address {
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#navi .gnavi .address a {
	font-size: 12px;
	color: #FFFFFF;
	background: #373648;
}
#navi .W3C {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#navi .W3C img {
	border-width: 0px;
}
#navi .gnavi hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
/* フッター */
#footer {
	height: auto;
	width: 800px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: left;
}
#footer #backornext {
	padding-bottom: 10px;
	margin-left: 180px;
	text-align: center;
	font-size: 12px;
	color: #333333;
	background: #FFFFFF;
	border-top: 2px groove #CCCCCC;
}
#footer #copyrigh {
	font-size: 12px;
	color: #333333;
	margin-left: 180px;
	text-align: center;
	background: #FFFFFF;
}
/* イメージ */
img {
	border-width: 0px;
}em {
	visibility: hidden;
	font-size: 2px;
}