﻿/* CSS Document */

/*----- Access / Sitemap / Event / Link / 404   css
--------------------------------------------------------------------------------------------------------*/
/*----- contents
----------------------------------------------------------------------*/
.contents {
	padding: 0px;
	width: 776px;
	margin: 0 0 0 12px;
}
/*----- sitemap css
--------------------------------------------------------------------------------------------------------*/
.sitemapBox .leftSitemap {
	margin: 0px;
	width: 340px;
	float: left;
	padding: 0 0 0 40px;
}
.sitemapBox .rightSitemap {
	margin: 0px;
	float: right;
	width: 340px;
	padding: 0 40px 0 0;
}
.sitemapBox h2 {
	background-color: #666666;
	color: #FFFFFF;
	font-size: 102%;
	width: 764px;
	padding: 6px 4px 4px 8px;
	margin: 0 0 16px 0;
}
.sitemapBox h3 {
	padding: 4px;
	margin: 0 0 12px 0;
	font-size: 88%;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	width: 328px;
}
.sitemapBox ul {
	padding: 0px;
	margin: 0 0 20px 0;
}
.sitemapBox li {
	margin: 0px;
	list-style-type: none;
	background-image: url(../image/po_sitemap.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
	font-size: 78%;
	line-height: 158%;
	background-position: 0px 4px;
}
/*----- link css
--------------------------------------------------------------------------------------------------------*/
.linkBox .leftLink {
	margin: 0px;
	width: 180px;
	float: left;
	padding: 0px;
}
.linkBox .rightLink {
	margin: 0px;
	float: right;
	width: 576px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #99CC66;
	padding: 0 0 0 10px;
}
.linkBox h2 {
	padding: 0px;
	margin: 0px;
	background-image: url(../image/link_t.jpg);
	background-repeat: no-repeat;
	height: 413px;
	width: 180px;
	text-indent: -9999px;
}
.linkBox h3 {
	margin: 0 0 8px 0;
	font-size: 66%;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #999999;
	padding: 4px 2px 2px 6px;
	width: 564px;
}
.linkBox ul {
	padding: 0px;
	margin: 0 0 18px 0;
}
.linkBox li {
	margin: 0px;
	font-size: 78%;
	line-height: 178%;
	list-style-type: none;
	background-image: url(../image/po_link.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
	background-position: 0px 6px;
}
/*----- page404 css
--------------------------------------------------------------------------------------------------------*/
.page404Box h2 {
	background-image: url(../image/404_t.gif);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 6px 4px 4px 30px;
	color: #006699;
	margin: 20px 0 20px 0;
}
.page404Box h3 {
	font-size: 88%;
	color: #FFFFFF;
	background-color: #999999;
	width: 766px;
	margin: 0 0 8px 0;
	padding: 4px 2px 2px 6px;
	line-height: 148%;
}
.page404Box p {
	padding: 0px;
	margin: 0;
	font-size: 78%;
	line-height: 148%;
}.page404Box ul {
	padding: 0px;
	margin: 18px 0 18px 18px;
}
.page404Box li {
	margin: 0px;
	font-size: 78%;
	line-height: 178%;
	list-style-type: none;
	background-image: url(../image/po_404.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
	background-position: 0px 6px;
}
/*----- event css
--------------------------------------------------------------------------------------------------------*/
.eventBox h2.m01 {
	background-image: url(../event/image/event_t01.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m02 {
	background-image: url(../event/image/event_t02.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m03 {
	background-image: url(../event/image/event_t03.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m04 {
	background-image: url(../event/image/event_t04.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m05 {
	background-image: url(../event/image/event_t05.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m06 {
	background-image: url(../event/image/event_t06.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m07 {
	background-image: url(../event/image/event_t07.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m08 {
	background-image: url(../event/image/event_t08.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m09 {
	background-image: url(../event/image/event_t09.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m10 {
	background-image: url(../event/image/event_t10.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m11 {
	background-image: url(../event/image/event_t11.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h2.m12 {
	background-image: url(../event/image/event_t12.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 65px;
	width: 776px;
}
.eventBox h3 {
	font-size: 88%;
	padding: 0px;
	line-height: 148%;
	margin: 0 0 12px 0;
	text-align: right;
	color: #CC6666;
}
.eventBox caption {
	font-size: 78%;
	width: 766px;
	margin: 0px;
	padding: 4px;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #CC3333;
	border-bottom-width: 1px;
	border-bottom-color: #CC3333;
	font-weight: bold;
	color: #CC3333;
}
.eventBox table {
	margin: 0 0 18px 0;
	padding: 0px;
}
.eventBox td {
	margin: 0px;
	padding: 4px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	font-size: 78%;
}

/*----- access css
--------------------------------------------------------------------------------------------------------*/
.accessBox h2 {
	background-image: url(../access/image/st01.jpg);
	background-repeat: no-repeat;
	font-size: 102%;
	padding: 0px;
	color: #006699;
	margin: 0px;
	text-indent: -9999px;
	height: 93px;
	width: 776px;
}
.accessBox caption {
	font-size: 78%;
	width: 766px;
	padding: 4px;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #006699;
	font-weight: bold;
	color: #003366;
	margin: 0px;
}
.accessBox th {
	color: #003366;
	font-size: 68%;
	text-align: center;
}
.accessBox td {
	font-size: 78%;
}
