@charset "utf-8";

body {
	background: url(../../images/page_bg.gif) 0 0 repeat-x;
}

#contents-header {
	margin: 0 0 30px 0;
}

h2 {
	padding: 12px 0 12px 12px;
	background: #dbeeee;
	font-size: 14px;
	font-weight: bold;
}
h2 span {
	margin: 0 0 0 40px;
	font-size: 12px;
	font-weight: normal;
}

p {
	line-height: 2.0;
}

.contentsBox01,
.contentsBox02 {
	clear: both;
	padding: 0 0 20px 0;
	margin: 0 0 50px 0;
	border-bottom: 1px solid #CCC;
	/*overflow: hidden;*/
	_zoom: 1;
}
.contentsBox02 {
	border-bottom: none;
}
.contentsBox03 {
	width: 750px;
	margin: 0 -5px 20px 0;
}

/*------------------------------------------------------------------------
overview
------------------------------------------------------------------------*/
#overview {
	margin: 20px 0 0 0;
	overflow: hidden;
	_zoom: 1;
}
#overview p {
	margin: 0 0 0 15px;
	line-height: 2.0;
}
#overview img {
	float: right;
	margin: 0 15px 0 20px;
}
#overview2 {
	margin: 15px 15px 0 15px;
}
table#history {
	width: 715px;
    border: 1px #CCC solid;
    border-collapse: collapse;
    border-spacing: 0;
	font-size: 12px;
	line-height: 2.0;
}
table#history th {
	background: #F2F2F2;
	border: 1px solid #CCC;
	padding: 20px 20px 20px 50px;
}
table#history td {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 20px;
}

/*------------------------------------------------------------------------
event
------------------------------------------------------------------------*/
.entry-Box {
	float: left;
	width: 370px;
	margin: 0 5px 20px 0;
	overflow: hidden;
	_zoom: 1;
}
.entry-Box h2 {
	margin: 0 0 10px 0;
}
.entry-Box h3 {
	margin: 0 0 15px 0;
	padding: 0 10px 15px 10px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.entry-img {
	margin: 0 0 20px 0;
}
.entry-img img {
	border: 1px solid #CCC;
}
.entry-Box dl {
	line-height: 1.6;
}
.entry-Box dl dt {
	float: left;
	width: 60px;
	margin: 0 10px 10px 10px;
}
.entry-Box dl dd {
	float: left;
	width: 280px;
	margin: 0 0 10px 0;
}
.entry-Box dl dd a {
	color: #008b8c;
}
/*------------------------------------------------------------------------
member
------------------------------------------------------------------------*/
#member-Box {
	margin: 30px 15px 30px 15px;
}
table#member-form {
	font-size: 12px;
}
#member-form th {
	width: 120px;
	vertical-align: top;
}
#member-form td {
	padding: 0 0 30px 0;
	vertical-align: top;
}
#member-form input.mf-Box1 {
	margin: 0 10px 0 0;
	padding: 4px 0 2px 5px;
	width: 140px;
}
#member-form input.mf-Box2 {
	padding: 4px 0 2px 5px;
	width: 550px;
}
#member-form input.mf-Box3 {
	margin: 0 10px 0 0;
	padding: 4px 0 2px 0;
	width: 50px;
}
#member-form textarea {
	padding: 10px;
	width: 540px;
	height: 150px;
	font-size: 12px;
}
#member-form p {
	width: 550px;
	margin: 0 0 15px 0;
}
#member-form ul li {
	float: left;
	margin: 0 10px 0 0;
}
#member-form ul li#member-Submit {
	margin: -7px 0 0 0;
}
/*------------------------------------------------------------------------
facility
------------------------------------------------------------------------*/
.facility-Box {
	float: left;
	width: 370px;
	margin: 0 5px 40px 0;
	overflow: hidden;
	_zoom: 1;
}
.facility-Box a {
	color: #008b8c;
}
.facility-Box h2 {
	margin: 0 0 10px 0;
}
.facility-Box h3 {
	margin: 0 0 20px 0;
	padding: 12px 0 12px 12px;
	background: #000;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}
.heightLine-01 {
	padding: 0 0 15px 0;
}
.facility-img {
	margin: 0 0 20px 0;
}
.facility-img img {
	border: 1px solid #CCC;
}
.facility-Box p {
	margin: 0 15px 15px 15px;
}
.facility-Box p a {
	padding: 0 0 0 20px;
	background: url(../../images/arrow_grn.gif) 0 50% no-repeat;
}

.facility-Box ul {
	margin: 0 0 15px 15px;
}
.facility-Box ul li {
	margin: 0 0 7px 0;
}
/*------------------------------------------------------------------------
past
------------------------------------------------------------------------*/
#past-Year {
	margin: 0 0 50px 0;
	overflow: hidden;
	_zoom: 1;
}
#past-Year li {
	float: left;
	width: 370px;
	margin: 0 5px 10px 0;
}
#past-Year li a {
	padding: 7px 0 7px 12px;
	display: block;
	color: #000;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
}
#past-Year li a:hover {
	color: #000;
	background: #dbeeee;
}
/*detaile
------------------------------------------------------------------------*/
h2.past-title {
	margin: 0 0 10px 0;
	padding: 12px 0 12px 12px;
	background: url(../../images/detail_title_bg.gif) repeat-x;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.detaile-Box {
	clear: both;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #CCC;
	/*overflow: hidden;*/
	_zoom: 1;	
}
.detaile-Box h3 {
	margin: 10px 0 10px 0;
	padding: 12px 0 12px 12px;
	background: #dbeeee;
	font-size: 14px;
	font-weight: bold;
}

.detaile-Box dl {
	float: left;
	width: 350px;
	display: inline;
	line-height: 1.6;
	overflow: hidden;
	_zoom: 1;
}
.detaile-Box dl {
	margin: 0 0 0 15px;
}
.detaile-Box dt {
	clear: left;
	float: left;
	width: 40px;
	margin: 0 0 3px 0;
	font-weight: bold;
}
.detaile-Box dd {
	margin: 0 0 3px 50px;
}

/*-- added --*/
.detaile-Box div#detail-image-gallery {
	clear: both;
	margin-bottom: 10px;
}
.detaile-Box div#detail-image-gallery div.gallery-block {
	float: left;
	width: 146px;
	padding: 0 3px 5px 0;
}
.detaile-Box div#detail-image-gallery div.gallery-block img {
	border: 1px solid #CCC;
}
.detaile-Box div#detail-image-gallery div.gallery-block img:hover {
	border: 1px solid #C30;
}
.detaile-Box div#detail-image-gallery div.gallery-block p {
	text-align: center;
	color: #999;
}

.detaile-Box div.detail-box-inner {
	float: left;
	width: 350px;
	margin: 0 0 0 15px;
}
.detaile-Box div.detail-box-inner div.box-inner-body {
	line-height: 150%;
}
.detaile-Box div.detail-box-inner dl {
	width: 350px;
	display: inline;
	line-height: 1.6;
	overflow: hidden;
	_zoom: 1;
}
.detaile-Box div.detail-box-inner dt {
	clear: left;
	float: left;
	width: 40px;
	margin: 0 0 3px 0;
	font-weight: bold;
}
.detaile-Box div.detail-box-inner dd {
	margin: 0 0 3px 50px;
}

/*------------------------------------------------------------------------
access
------------------------------------------------------------------------*/
.access-Box {
	float: left;
	width: 370px;
	margin: 0 5px 40px 0;
	overflow: hidden;
	_zoom: 1;
}
.access-Box ul {
	padding: 15px 0 5px 15px;
	border-bottom: 1px solid #CCC;
}
.access-Box ul li {
	margin: 0 0 5px 0;
	padding: 0 15px 0 0;
	line-height: 1.4;
}
.access-Box ul li.method {
	margin: 0 0 5px 10px;
	text-indent: -10px;
}
.access-Box ul li a {
	color: #008b8c;
}
.access-Box ul.access-Last-Child {
	border-bottom: none;
}
/*------------------------------------------------------------------------
access
------------------------------------------------------------------------*/
table#contact-form {
	font-size: 12px;
}
#contact-form th {
	width: 90px;
	vertical-align: top;
}
#contact-form td {
	padding: 0 0 15px 0;
	vertical-align: top;
}
#contact-form input.default-value,
#contact-form textarea {
	color: #666;
}
#contact-form input.cf-Box1 {
	margin: 0 10px 0 0;
	padding: 4px 0 2px 5px;
	width: 140px;
}
#contact-form input.cf-Box2 {
	margin: 0 0 5px 0;
	padding: 4px 0 2px 5px;
	width: 300px;
}
#contact-form textarea {
	padding: 10px;
	width: 540px;
	height: 150px;
	font-size: 12px;
}
#contact-form ul li {
	margin: 0 10px 10px 0;
}
ul#contact-address {
	float: left;
	width: 200px;
	margin: 0 0 0 20px;	
}
ul#contact-address li {
	margin: 0 0 5px 0;	
}
ul#tel-fax {
	float: left;
	margin: 35px 0 0 0;
}
ul#tel-fax li {
	margin: 0 30px 0 0;
	display: inline;
	font-size: 18px;
}
/*------------------------------------------------------------------------
kokyoshi
------------------------------------------------------------------------*/
.kokyoshi-Box {


	margin: 0 5px 40px 0;
	overflow: hidden;
	_zoom: 1;
}
.kokyoshi-Box ul {
	padding: 15px 0 5px 15px;
	border-bottom: 1px solid #CCC;
}
.kokyoshi-Box ul li {
	margin: 0 0 5px 0;
	padding: 0 15px 0 0;
	line-height: 1.4;
}
.kokyoshi-Box ul li.method {
	margin: 0 0 5px 10px;
	text-indent: -10px;
}
.kokyoshi-Box ul li a {
	color: #008b8c;
}
.kokyoshi-Box ul.kokyoshi-Last-Child {
	border-bottom: none;
}


/*------------------------------------------------------------------------
sponsor
------------------------------------------------------------------------*/
h2 a {
	margin: 0 1px;
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
}

h2 a:hover, h2 a.selected {
	background: #008b8c;
	color: #FFF;
}

#sposor-Box {
	margin: 30px 0 30px 0;
}
table.sponsor-table {
	width: 745px;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
}
table.sponsor-table td {
	padding: 0 0 15px 0;
}
table.sponsor-table td p {
	line-height: 1.4;
}
table.sponsor-table td.sponsor-img {
	width: 220px;
	padding: 0 0 15px 15px;
	vertical-align: top;
}
table.sponsor-Info {
	width: 490px;
	font-size: 12px;
}
table.sponsor-Info h3 {
	margin: 0 0 10px 0;
	font-weight: bold;
}
.sponsor-Info a {
	color: #008b8c;
}
table.sponsor-Info td {
	padding: 0 15px 0 0;
}
/* for IE6 */ 
* html table.sponsor-table {
	font-size: 12px; 
}
* html table.sponsor-Info {  
	font-size: 12px; 
}
/*------------------------------------------------------------------------
faq
------------------------------------------------------------------------*/
#faq-List {
	margin: 0 0 0 15px;
}
#faq-List dt {
	margin: 0 0 10px 0;
	color: #008b8c;
	font-size: 14px;
}
#faq-List dd {
	margin: 0 15px 30px 0;
	line-height: 1.6;
}
/*------------------------------------------------------------------------
links
------------------------------------------------------------------------*/
#link-List {
	margin: 0 0 0 15px;
}
#link-List dt {
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
}
#link-List dd {
	margin: 0 15px 30px 0;
}
#link-List dd a {
	color: #008b8c;
}
/*------------------------------------------------------------------------
other
------------------------------------------------------------------------*/
.other-Box {
	margin: 0 15px 30px 15px;
}
.other-Box02 {
	margin: 0 15px 50px 15px;
}
.other-Box h2,
.other-Box02 h2{
	margin: 0 0 15px;
	padding: 0;
	background: none;
	font-size: 14px;
	font-weight: bold;
}
.other-Box p,
.other-Box02 p {
	margin: 0 0 20px 0;
}
.other-Box p a,
.other-Box02 p a {
	color: #008b8c;
}
.other-Box dt{
	clear: left;
	float: left;
	width: 20px;
	margin: 0 0 3px 0;
	line-height: 1.6;
}
.other-Box dd {
	margin: 0 0 0 25px;
	margin: 0 0 3px 0;
	line-height: 1.6;
}
.other-Box02 ul li {
	margin: 0 0 15px 18px;
	text-indent: -18px;
	line-height: 1.8;
}

.in-box{
	margin:10px 0 0 30px ;
}
.in-box p{
	padding:0;
	margin:0;
}
.in-box ul{
	margin-left:20px;
}
.in-box ul li{
	line-height: 1.6;
}
.in-box ul li ul li{
	list-style-type:disc;
	margin-left:10px;
}

/*------------------------------------------------------------------------
information
------------------------------------------------------------------------*/
#mainArea div#info-center {
	float: left;
	width: 525px;
	margin: 10px 20px 10px 0;
}
#mainArea div#info-center div.center-monthly-title {
	display: block;
	padding : 10px 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #090;
	font-weight: bold;
	color: #FFF;
}
#mainArea div#info-center div.info-pager div.page-prev {
	padding: 4px 0;
	text-align: left;
}
#mainArea div#info-center div.info-pager div.page-prev a:hover {
	border-bottom: 1px dashed #008b8c;
}
#mainArea div#info-center div.info-pager div.page-next {
	padding: 4px 0;
	text-align: right;
}
#mainArea div#info-center div.info-pager div.page-next a:hover {
	border-bottom: 1px dashed #008b8c;
}

div#mainArea div#info-right {
	float: left;
	width: 200px;
	margin: 10px 0;
}div#mainArea div#info-right div.archive-header {
	display: block;
	padding : 13px 10px;
	background-color: #dbeeee;
	margin-bottom: 4px;
}
div#mainArea div#info-right div.yearly-header {
	display: block;
	padding : 8px 10px;
	background-color: #ededed;
	border: 1px solid #ccc;
	margin-bottom: 4px;
	cursor: pointer;
}
div#mainArea div#info-right div.yearly-inner {
	display: none;
}
div#mainArea div#info-right div.monthly-header {
	display: block;
	padding : 4px 10px;
	border: 1px solid #CCC;
}
div#mainArea div#info-right dl {
	padding: 4px 0 4px 10px;
}
div#mainArea div#info-right dl dt {
	color: #090;
}

h3.subTitle {
	margin: 20px 0 0 12px;
	font-weight: bold;
}
.info-box {
	margin: 20px 0 0 0;
	overflow: hidden;
	_zoom: 1;
}
.info-box p {
	margin: 0 0 0 15px;
	line-height: 2.0;
}
/*------------------------------------------------------------------------
staff blog
------------------------------------------------------------------------*/
div#mainArea div#blog-center {
	float: left;
	width: 525px;
	margin: 10px 20px 10px 0;
}
div#mainArea div#blog-center div.entry-block{
	margin: 10px 0;
	border-bottom: 1px dashed #CCC;
}
div.entry-block a {
	color: #008b8c;
}
div.entry-block a:hover {
	text-decoration: underline;
}

div.entry-block h3 {
	color: #008b8c;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 10px;
}
div.entry-block div.date {
	font-size: 110%;
	margin-bottom: 10px;
}
div.entry-block div.body {
	line-height: 160%;
}
div.entry-block div.more {
	text-align: right;
	padding-bottom: 10px;
}
div.entry-block div.body-full {
	line-height: 160%;
	padding-bottom: 10px;
}
div.rev-n-prv div.entry-prev {
	float: left;
}
div.rev-n-prv div.entry-prev a {
	color: #008b8c;
}
div.rev-n-prv div.entry-next {
	float: right;
}
div.rev-n-prv div.entry-next a {
	color: #008b8c;
}

div#mainArea div#blog-right {
	float: left;
	width: 200px;
	margin: 10px 0;
}
div#mainArea div#blog-right div.archive-changer {
	text-align: center;
}
div#mainArea div#blog-right div.archive-changer select {
	width: 170px;
}
div#mainArea div#blog-right div.archive-list {
	margin: 10px 0;
}
div.archive-list p.title {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
div.archive-list ul.archive {
	list-style-type: disc;
	list-style-position: inside;
}
div.archive-list ul.archive li {
	list-style-type: disc;
	list-style-position: inside;
	margin: 4px 0;
}
/*------------------------------------------------------------------------
search
------------------------------------------------------------------------*/
div#search-result {
	
}
div#search-result p {
	margin-left: 10px;
}
div#search-result p.pager {
	text-align: right;
	border-bottom: 1px dashed #ccc;
}
div#search-result dl {
	margin: 10px;
}
div#search-result dl dt {
	padding-left: 20px;
	background: url(../../images/icon_arrow_gr01.gif) left center no-repeat;
}
div#search-result dl dt a {
	font-size: 1.2em;
	font-weight: bold;
	color: #090;
	padding-right: 10px;
}
div#search-result dl dt a:hover {
	text-decoration: underline;
}
div#search-result dl dd {
	margin: 5px 0 10px 0;
	padding: 0 0 10px 20px;
	border-bottom: 1px dashed #ccc;
}
/*-- font color --*/
.style01,.style1 {
	color: #99CC33;
}
.style02 ,style2 {
	color: #CCCCCC;
}