@charset "UTF-8";

/*****************************************
				HTML
*****************************************/
html {
	background: #F5F5F5;
}
/*****************************************
			Container
*****************************************/
#container {
	min-height: 100%;
	_height: 100%;
}
/*****************************************
				Header
*****************************************/
#header {
	padding: 62px 0 0 0;
	background: url(../img/header/header_bg.jpg) 50% 98px no-repeat;
}
#header .inner {
	margin: 0 auto;
	width: 1008px;
	height: 190px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
#header .inner h1 {
	width: 303px;
	height: 151px;
	position: absolute;
	top: 37px;
	left: 4px;
}
#header .inner h1 a {
	background: url(../img/header/logo_title.jpg) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#header .inner h1 a:hover { background-position: 0 -151px;}
#catchcopy {
	background: url(../img/header/catch.png) 0 0 no-repeat;
	width: 490px;
	height: 88px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 42px;
	right: 0;
}
/*****************************************
			Header Kosodate
*****************************************/
#headerKosodate {
	padding: 62px 0 0 0;
	background: url(../img/header/header_bg_sky.png) 50% 98px no-repeat;
}
#headerKosodate .inner {
	margin: 0 auto;
	width: 1008px;
	height: 339px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
#headerKosodate .inner h1 {
	width: 289px;
	height: 126px;
	position: absolute;
	top: 37px;
	left: 4px;
}
#headerKosodate .inner h1 a {
	background: url(../../common/img/header/logo_title2.png) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#headerKosodate .inner h1 a:hover { background-position: 0 -126px;}
#headerKosodate #catchcopy {
	background: url(../../common/img/header/catchcopy_kosodate.png) 0 0 no-repeat;
	width: 346px;
	height: 100px;
	top: 36px;
	right: 0;
}
/*****************************************
			Header Kenkou
*****************************************/
#headerKenkou {
	padding: 62px 0 0 0;
	background: url(../img/header/header_bg_sky.png) 50% 98px no-repeat;
}
#headerKenkou .inner {
	margin: 0 auto;
	width: 1008px;
	height: 339px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
#headerKenkou .inner h1 {
	width: 289px;
	height: 126px;
	position: absolute;
	top: 37px;
	left: 4px;
}
#headerKenkou .inner h1 a {
	background: url(../../common/img/header/logo_title2.png) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#headerKenkou .inner h1 a:hover { background-position: 0 -126px;}
#headerKenkou #catchcopy {
	background: url(../../common/img/header/catchcopy_kenkou.png) 0 0 no-repeat;
	width: 389px;
	height: 72px;
}
/*****************************************
			Main Visual
*****************************************/
#mainVisual {
	width: 100%;
	height: 301px;
	position: absolute;
	top: 98px;
	left: 0;
	z-index: 0;
	overflow: hidden;
}
#mainVisualFront {
	width: 100%;
	height: 301px;
	background: url(../img/header/header_bg_kosodate_winter.png) 50% 0 no-repeat;
	position: relative;
	z-index: 10;
}
#trainArea {
	margin: 0 auto;
	width: 1112px;
	height: 100%;
	position: relative;
	top: -301px;
	left: 90px;
	z-index: 1;
	overflow: hidden;
}
#train {
	width: 346px;
	height: 24px;
	background: url(../img/header/train.png) 0 0 no-repeat;
	position: absolute;
	top: 97px;
	left: -346px;
	z-index: 1;
}
#highwayArea {
	margin: 0 auto;
	width: 200px;
	height: 100%;
	position: relative;
	top: -602px;
	left: -530px;
	z-index: 1;
	overflow: hidden;
}
#car01 {
	position: absolute;
	top: 18px;
	left: -38px;
}
#car02 {
	position: absolute;
	top: 23px;
	left: -30px;
}
#car03 {
	position: absolute;
	top: 60px;
	left: 230px;
}
#mainVisualMask {
	width: 100%;
	height: 154px;
/*	height: 228px;	*/
	background: url(../img/header/header_mask.png) 50% 0 repeat-y;
	position: absolute;
	top: 98px;
	left: 0;
	z-index: 0;
}
#mainVisualMask2,
#mainVisualMask2 {
	width: 100%;
	height: 100%;
	background: url(../img/header/header_mask2.png) 50% 0 repeat-y;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
/*****************************************
			Header Navigation
*****************************************/
#headerNav {
	width: 100%;
	background: url(../img/header/header_line.png) 0 0 repeat-x;
	height: 62px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
#headerNavInner {
	margin: 0 auto;
	width: 1008px;
	height: 62px;
}
#mazukore {
	margin: 3px 0 0 4px;
	float: left;
	_display: inline;
	/zoom: 1;
}
#mazukore dt {
	background: url(../img/tool/title_mazukore.png) 0 0 no-repeat;
	width: 154px;
	height: 43px;
	margin: 0 10px 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	_display: inline;
}
#mazukore dd {
	background: url(../img/parts/list_mark_green.png) 0 0 no-repeat;
	line-height: 23px;
	padding: 0 0 0 28px;
	margin: 10px 20px 0 0;
	float: left;
	_display: inline;
}
#mazukore dd a {
	color: #0B6237;
	text-decoration: none;
}
/* #mazukore dd a:visited { color: #606; } */
#mazukore dd a:hover {
	color: #F00;
	text-decoration: underline;
}
#myPage {
	float: right;
	_display: inline;
}
#view_mypage {
	display: block;
	width: 82px;
	height: 62px;
	background: url(../img/tool/btn_favorites.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	float: right;
}
#view_mypage:hover { background-position: 0 -62px;}
#myPageContent {
	clear: both;
	display: none;
	padding: 8px;
	background: #FFF;
	width: 270px;
	border: solid 1px #000;
	box-shadow: 0 1px 8px 2px rgba(0,0,0,0.4);
}
#myPageContent h2 {
	margin: 0 0 5px 0;
	text-align: center;
	font-size: 107%;
	font-weight: bold;
	color: #990000;
}
#myPageContent ul {
	margin: 0 0 5px 0;
	padding: 0 10px;
	list-style: none;
	overflow: hidden;
	_zoom: 1;
}
#myPageContent ul li {
	padding: 3px 25px 3px 13px;
	background: url(../img/parts/list_arw_blue_s.png) 5px 10px no-repeat;
	border-top: dotted 1px #CCC;
	position: relative;
}
#myPageContent ul li:nth-child(2n) {
	background-color: #F4FAFF;
}
#myPageContent ul li:last-child {
	border-bottom: dotted 1px #CCC;
}
#myPageContent ul li .del {
	display: none;
	width: 16px;
	height: 16px;
	background: url(../img/tool/btn_mypage_delete.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 6px;
	right: 5px;
	cursor: pointer;
}
#mypage_msg {
	font-size: 93%;
	text-align: center;
}
#add_mypage {
	margin: 5px auto 0 auto;
	display: block;
	width: 168px;
	height: 38px;	
	background: url(../img/tool/btn_add_mypage.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}
#add_mypage:hover { background-position: 0 -38px; }
/*****************************************
				Tools
*****************************************/
#tools {
	background: url(../img/tool/tool_line.png) right 0 no-repeat;
	width: 1000px;
	height: 28px;
	color: #666;
	font-size: 78%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 4px;
}
/* Size Changer Buton */
#sizeChanger {
	background: url(../img/tool/tool_line.png) 0 0 no-repeat;
	width: 274px;
	height: 28px;
	padding: 0 0 0 24px;
	overflow: hidden;
	float: left;
	_display: inline;
}
#sizeChanger dt {
	margin: 0 15px 0 0;
	line-height: 28px;
	float: left;
	_display: inline;
}
#sizeChanger dd {
	float: left;
	_display: inline;
}
#sizeChanger dd a {
	background-image: url(../img/tool/btn_textsize.png);
	background-repeat: no-repeat;
}
#df { margin: 0 1px 0 0;}
#df a {
	background-position: 0 0;
	width: 92px;
	height: 28px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#zf a {
	background-position: -92px 0;
	width: 86px;
	height: 28px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#df a:hover { background-position: 0 -28px; }
#zf a:hover { background-position: -92px -28px; }
/* Background Color Changer Button */
#colorChanger {
	background: url(../img/tool/tool_line.png) 0 0 no-repeat;
	width: 224px;
	height: 28px;
	padding: 0 0 0 24px;
	overflow: hidden;
	float: left;
	_display: inline;
}
#colorChanger dt {
	margin: 0 15px 0 0;
	line-height: 28px;
	float: left;
	_display: inline;
}
#colorChanger dd {
	height: 28px;
	margin-right: 2px;
	float: left;
	_display: inline;
}
#colorChanger #bg_black { margin-right: 0px !important;}
#colorChanger dd a {
	background-image: url(../img/tool/btn_color.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 28px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#colorChanger #bg_default a { background-position: 0 0;}
#colorChanger #bg_blue a { background-position: -30px 0;}
#colorChanger #bg_yellow a { background-position: -60px 0;}
#colorChanger #bg_black a { background-position: -90px 0;}
#colorChanger #bg_default a:hover { background-position: 0 -28px;}
#colorChanger #bg_blue a:hover { background-position: -30px -28px;}
#colorChanger #bg_yellow a:hover { background-position: -60px -28px;}
#colorChanger #bg_black a:hover { background-position: -90px -28px;}
/* Browser Support */
#browserSupport {
	background: url(../img/tool/tool_line.png) 0 0 no-repeat;
	width: 238px;
	height: 28px;
	padding: 0 0 0 24px;
	overflow: hidden;
	float: left;
	_display: inline;
}
#browserSupport dt {
	margin: 0 15px 0 0;
	line-height: 28px;
	float: left;
	_display: inline;
}
#browserSupport dd {
	float: left;
	_display: inline;
}
#browserSupport dd a {
	background: url(../img/tool/btn_bs.png) 0 0 no-repeat;
	width: 150px;
	height: 28px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#browserSupport dd a:hover { background-position: 0 -28px;}
/* Foreigners Button */
#foreigners {
	background: url(../img/tool/tool_line.png) 0 0 no-repeat;
	width: 144px;
	height: 28px;
	padding: 0 0 0 24px;
	overflow: hidden;
	float: left;
	_display: inline;
}
#foreigners dt {
	margin: 0 15px 0 0;
	line-height: 28px;
	float: left;
	_display: inline;
}
#foreigners dd {
	float: left;
	_display: inline;
}
#foreigners dd a {
	background: url(../img/tool/btn_langage.png) 0 0 no-repeat;
	width: 92px;
	height: 28px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#foreigners dd a:hover { background-position: 0 -28px;}
/*****************************************
			Global Navigation
*****************************************/
#gNav {
	background-color: #F5F5F5;
	background: url(../img/gnav/gnav_bg.png) 50% 0 no-repeat;
	height: 48px;
	margin: 0 0 30px 0;
	padding: 12px 0 0 0;
}
#gNav ul {
	width: 1000px;
	height: 34px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
#gNav li {
	height: 34px;
	float: left;
	_display: inline;
}
#gNav li.nav01 { width: 124px;}
#gNav li.nav02 { width: 153px;}
#gNav li.nav03 { width: 163px;}
#gNav li.nav04 { width: 163px;}
#gNav li.nav05 { width: 173px;}
#gNav li.nav06 { width: 224px;}
#gNav li a {
	background-image: url(../img/gnav/gnav.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	color: #0B6237;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#gNav li.nav01 a { background-position: 0 0;}
#gNav li.nav02 a { background-position: -124px 0;}
#gNav li.nav03 a { background-position: -277px 0;}
#gNav li.nav04 a { background-position: -440px 0;}
#gNav li.nav05 a { background-position: -603px 0;}
#gNav li.nav06 a { background-position: -776px 0;}
#gNav li.nav01 a:hover { background-position: 0 -34px;}
#gNav li.nav02 a:hover { background-position: -124px -34px;}
#gNav li.nav03 a:hover { background-position: -277px -34px;}
#gNav li.nav04 a:hover { background-position: -440px -34px;}
#gNav li.nav05 a:hover { background-position: -603px -34px;}
#gNav li.nav06 a:hover { background-position: -776px -34px;}
#headerKosodate #gNav,
#headerKenkou #gNav { background: url(../../common/img/gnav/gnav_bg2.png) 50% 0 no-repeat; }
/*****************************************
				Search
*****************************************/
#searchZoon {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#searchBox {
	background: url(../img/search/search_bg.png) 0 0 repeat;
	width: 1000px;
	height: 73px;
	overflow: hidden;
}
#searchBox h2 {
	background: url(../img/search/search_title_s.png) 0 0 no-repeat;
	width: 99px;
	height: 73px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	_display: inline;
}
#searchInner {
	width: 896px;
	height: 63px;
	margin: 5px 0 0 0;
	overflow: hidden;
	background: #FFF;
	float: left;
	_display: inline;
	position: relative;
}
#search {}
#search .on {
	background: #FFF;
}
#field_search {
	padding: 0 5px;
	width: 726px;
	height: 37px;
	line-height: 37px;
	background-color: #EEE;
	border: 4px solid #127B3B;
	position: absolute;
	top: 9px;
	left: 12px;
}
#btn_search {
	background: url(../img/search/btn_search_s.png) 0 0 no-repeat;
	width: 116px;
	height: 45px;
	border: none;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	position: absolute;
	top: 9px;
	right: 12px;
}
#btn_search:hover { background-position: 0 -45px; }
/*
#searchZoon {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#searchBox {
	background: url(../img/search/search_bg.png) 0 0 repeat;
	width: 744px;
	height: 140px;
	overflow: hidden;
	float: left;
	_display: inline;
}
#searchBox h2 {
	background: url(../img/search/search_title.png) 0 0 no-repeat;
	width: 99px;
	height: 140px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	_display: inline;
}
#searchInner {
	width: 640px;
	height: 130px;
	margin: 5px 0 0 0;
	overflow: hidden;
	background: #FFF;
	float: left;
	_display: inline;
	position: relative;
}
#searchBox h3 {
	background: url(../img/search/search_text.png) 0 0 no-repeat;
	width: 384px;
	height: 18px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 8px;
	left: 12px;
}
#search {}
#search .on {
	background: #FFF;
}
#field_search {
	padding: 0 5px;
	width: 474px;
	height: 32px;
	line-height: 32px;
	background-color: #EEE;
	border: 4px solid #127B3B;
	position: absolute;
	top: 36px;
	left: 12px;
}
#btn_search {
	background: url(../img/search/btn_search.png) 0 0 no-repeat;
	width: 102px;
	height: 102px;
	border: none;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	position: absolute;
	top: 9px;
	right: 14px;
}
#btn_search:hover { background-position: 0 -102px; }
*/
#cloud_keyword {
	background: url(../img/search/keyword_bg.png) 0 0 repeat;
	width: 492px;
	height: 38px;
	position: absolute;
	top: 84px;
	left: 12px;
}
#cloud_keyword dt {
	background: url(../img/search/keyword_title.png) 0 0 no-repeat;
	width: 178px;
	height: 38px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#cloud_keyword dd {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}
#cloud_keyword dd a {
	line-height: 38px;
	margin: 0 10px 0 0;
}
#searchType {
	background: url(../img/parts/buttun_frame.jpg) 0 0 repeat;
	width: 240px;
	height: 140px;
	margin: 0 0 11px 0;
	overflow: hidden;
/*
	float: right;
	_display: inline;
*/
}
#searchType ul {
	background: #FFF;
	width: 214px;
	height: 118px;
	margin: 5px;
	padding: 6px 8px;
	list-style: none;
}
#searchType ul li {
	width: 214px;
	height: 55px;
}
#btn_map_search { margin: 0 0 8px 0; }
#searchType ul li a {
	background-image: url(../img/parts/btn_search_type.png);
	width: 100%;
	height: 100%;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#btn_map_search a { background-position: 0 0; }
#btn_map_search a:hover { background-position: 0 -55px; }
#btn_lesson_search a { background-position: -214px 0; }
#btn_lesson_search a:hover { background-position: -214px 55px; }
/*****************************************
				Wrapper
*****************************************/
#wrapper {
	clear: both;
	padding: 0 0 165px 0;
	/padding: 0;
	overflow: hidden;
}
/*****************************************
				Main
*****************************************/
#main {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto 20px auto;
}
/*****************************************
			Topicpath
*****************************************/
#topicpath {
	width: 1000px;
	margin: 25px auto 15px auto;
	background-color: #FFF;
	border-top: 2px solid #127B3B;
	border-bottom: 2px solid #127B3B;
	overflow: hidden;
}
#topicpath ol {
	background: url(../img/parts/topicpath_point.png) 9px 5px no-repeat;
	padding: 0 0 0 36px;
	list-style: none;
	letter-spacing: -0.4em;
}
#topicpath ol li {
	margin: 0 0 0 5px;
	padding: 0 0 0 25px;
	line-height: 34px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	vertical-align: top;
	font-size: 93%;
	background: url(../img/parts/topicpath.png) 0 0 no-repeat;
}
#topicpath ol li a {
	margin: 0 5px 0 0;
}
#topicpath ol .first {
	background: none !important;
	padding: 0 0 0 5px !important;
}
/*****************************************
			Main Contents
*****************************************/
#mainContents {
	width: 746px;
	float: left;
	_display: inline;
}
/*****************************************
				Contents
*****************************************/
#contents,
.contentsCalendar {
	background: #FFF;
	margin: 0 0 25px 0;
	padding: 10px;
	overflow: hidden;
	position: relative;
	z-index: 5;
}
/*****************************************
			Category Title
*****************************************/
#categoryTitle {
	width: 1004px;
	height: 36px;
	margin: 20px auto 0 auto;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
/*****************************************
			Page Title
*****************************************/
#pageTitle,
.newsTitle {
	background: url(../img/title/page_title_bottom.png) 0 100% no-repeat #0B6237;
	width: 746px;
	z-index: 10;
	position: relative;
	box-shadow: 0 6px 4px -3px #AAA;
}
#pageTitle .innerTitle,
.newsTitle .innerTitle {
	background: url(../img/title/page_title_top.png) 0 0 no-repeat;
	width: 713px;
	padding: 11px 8px 9px 25px;
	display: block;
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
}
/*****************************************
			Contents Title
*****************************************/
#contents h2,
.contentsCalendar h2 {
	background: url(../img/title/h2_title.png) 0 bottom repeat-x;
	margin: 10px 0;
	padding: 0 5px;
	width: 716px;
	line-height: 35px;
	font-size: 130%;
	font-weight: bold;
	overflow: hidden;
	color: #0B6237;
}
#contents h3,
.contentsCalendar h3 {
	background-color: #F5F5F5;
	border-left: 4px solid #127B3B;
	margin: 10px 0;
	padding: 0 5px 0 7px;
	width: 710px;
	line-height: 35px;
	font-size: 130%;
	font-weight: bold;
	overflow: hidden;
}
#contents h4,
.contentsCalendar h4 {
	background: #F5F5F5;
	border: 1px solid #127B3B;
	margin: 10px 0;
	padding: 0 5px 0 9px;
	width: 710px;
	line-height: 35px;
	font-size: 130%;
	font-weight: bold;
	overflow: hidden;
	color: #0B6237;
}
#contents h5,
.contentsCalendar h5 {
	border: 2px solid #CCC;
	margin: 10px 0;
	padding: 0 5px 0 7px;
	width: 710px;
	line-height: 35px;
	font-size: 130%;
	font-weight: bold;
	overflow: hidden;
}
#contents h6,
.contentsCalendar h6 {
	border-bottom: 2px solid #CCC;
	margin: 10px 0;
	padding: 0 5px 0 9px;
	width: 712px;
	line-height: 35px;
	font-size: 130%;
	font-weight: bold;
	overflow: hidden;
}
/*****************************************
			List Index
*****************************************/
.list_index {}
.list_index ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.list_index ul li {
	background: url(../img/parts/list_point_s.png) 3px 5px no-repeat !important;
	margin: 0 0 5px 0 !important;
	padding: 0 5px 5px 22px !important;
	border-bottom: 1px dotted #CCC;
}
/*****************************************
			Directory News
*****************************************/
#dirNews {
	margin: 0 0 20px 0;
	overflow: hidden;
	background-color: #FFF;
}
#dirNews h3 {
	background: url(../img/dir/dir_title.png) 0 0 no-repeat;
	background-color: #0B6237;
	width: 721px;
	height: 54px;
	padding: 0 10px 0 15px;
	line-height: 58px;
	font-size: 157%;
	font-weight: bold;
	color: #FFF;
	overflow: hidden;
}
#dirNewsList {
	height: 190px;
	border: solid 2px #0B6237;
	border-top: none;
	overflow: auto;
}
#dirNews dl {
	margin: -1px 0 0 0;
	text-align: left;
	border-top: dotted 1px #CCC;
	overflow: hidden;
	clear: both;
}
#dirNews dl dt {
	background: url(../img/parts/list_mark_green.png) 6px 0 no-repeat;
	margin: 6px 0;
	padding: 1px 0 1px 2.5em;
	color: #786C65;
	float: left;
	_display: inline;
}
#dirNews dl dd {
	margin: 6px 0 6px 11em;
	padding: 1px 0;
}
/*****************************************
			Directory Index
*****************************************/
#dir,
#dirRel {
	width: 776px;
	overflow: hidden;
	letter-spacing: -0.4em;
	margin: 10px 0 0 0;
}
.dirIndex {
	margin: 0 30px 30px 0;
	width: 358px;
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	overflow: hidden;
}
.dirIndex .dirIndexTitle {
	background-color: #0B6237;
	width: 338px;
	padding: 10px;
	overflow: hidden;
}
.dirIndex .dirIndexTitle img {
	float: left;
	_display: inline;
}
.dirIndex h3 {
	margin: 0 0 5px 74px;
	padding: 0;
	line-height: 1.41;
	font-size: 114%;
	color: #FFFF4D;
	font-weight: bold;
	overflow: hidden;
}
.dirIndex h3 a {
	color: #FFFF4D;
}
.dirIndex h3 a:hover {
	color: #FFF;
}
.dirIndex p {
	margin: 0 0 0 74px;
	line-height: 1.41;
	font-size: 92%;
	overflow: hidden;
	color: #FFF;
}
.dirIndex ul {
	width: 356px;
	border: 1px solid #CCC;
	background-color: #FFF;
	list-style: none;
}
.dirIndex ul li {
	border-top: 1px dotted #CCC;
	margin: -1px 0 1px 0;
	overflow: hidden;
}
.dirIndex ul li a {
	background: url(../img/parts/list_arw_green.png) 98% 50% no-repeat;
	margin: 1px;
	padding: 5px 20px 5px 5px;
	display: block;
	border-left: 4px solid #238F44;
	text-decoration: none;
}
.dirIndex ul li a:hover { border-left: 4px solid #C03;}
.dirIndex ul li p {
	margin: 5px 10px;
	padding: 0 5px;
	line-height: 1.41;
	font-size: 92%;
	overflow: hidden;
	color: #000;
	border-left: 3px solid #CCC;
}
/*****************************************
			Directory Index
*****************************************/
#dirRelInfo {
	margin: 0 30px 30px 0;
	width: 358px;
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	overflow: hidden;
}
#dirRelInfo .dirIndexTitle {
	background-color: #006FC5;
	width: 338px;
	padding: 10px;
	overflow: hidden;
}
#dirRelInfo .dirIndexTitle img {
	float: left;
	_display: inline;
}
#dirRelInfo h3 {
	margin: 0 0 5px 74px;
	padding: 0;
	line-height: 1.41;
	font-size: 114%;
	color: #FFFF4D;
	font-weight: bold;
	overflow: hidden;
}
#dirRelInfo h3 a {
	color: #FFFF4D;
}
#dirRelInfo p {
	margin: 0 0 0 74px;
	line-height: 1.41;
	font-size: 92%;
	overflow: hidden;
	color: #FFF;
}
#dirRelInfo ul {
	width: 356px;
	border: 1px solid #CCC;
	background-color: #FFF;
	list-style: none;
}
#dirRelInfo ul li {
	border-top: 1px dotted #CCC;
	margin: -1px 0 1px 0;
	overflow: hidden;
}
#dirRelInfo ul li a {
	background: url(../img/parts/list_arw_blue.png) 98% 50% no-repeat;
	margin: 1px;
	padding: 5px 20px 5px 5px;
	display: block;
	border-left: 4px solid #006FC5;
	text-decoration: none;
}
#dirRelInfo ul li a:hover { border-left: 4px solid #C03;}
#dirRelInfo ul li p {
	margin: 5px 10px;
	padding: 0 5px;
	line-height: 1.41;
	font-size: 92%;
	overflow: hidden;
	color: #000;
	border-left: 3px solid #CCC;
}
/*****************************************
				Side
*****************************************/
#side {
	width: 230px;
	float: right;
	_display: inline;
}
/*****************************************
			Local Nav
*****************************************/
#lNav {
	width: 230px;
	margin: 0 0 10px 0;
}
#lNav h3 {
	background: url(../img/parts/sub_title_h3.png) 0 0 no-repeat;
	display: block;
	width: 212px;
	height: 45px;
	margin: 0 auto 10px auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: relative;
}
#lNav ul {
	background-color: #FFF;
	border: 1px solid #CCC;
	list-style: none;
	overflow: hidden;
	_zoom: 1;
}
#lNav ul li {
	margin: -1px 0 1px 0;
	overflow: hidden;
	border-top: dotted 1px #999;
}
#lNav ul li a {
	margin: 1px;
	padding: 9px 5px 8px 10px;
	display: block;
	border-left: 4px solid #0B6237;
}
#lNav ul li a:hover { border-left: 4px solid #C03; }
.red_bar a { border-left: 4px solid #FF5B5B !important;}
.green_bar a { border-left: 4px solid #91C42A !important;}
.blue_bar a { border-left: 4px solid #1B8DCD !important;}
.yellow_bar a { border-left: 4px solid #FAD110 !important;}
.aqua_bar a { border-left: 4px solid #22A5B1 !important;}
/*****************************************
			Event Calendar
*****************************************/
#eventCalendar {
	background: url(../img/parts/cal_bottom.jpg) 0 100% no-repeat;
	width: 240px;
	margin: 0 0 15px 0;
	overflow: hidden;
	position: relative;
}
#eventCalendar h2 {
	background: url(../img/parts/cal_title.png) 0 0 no-repeat;
	width: 240px;
	height: 76px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#eventCalendar .calendar {
	background: url(../img/parts/cal_bg.png) 0 0 repeat-y;
	width: 240px;
	overflow: hidden;
	position: relative;
}
#eventCalendar .calendar .caption {
	width: 240px;
	height: 45px;
	font-weight: bold;
	line-height: 1.21;
	font-size: 115%;
	text-align: center;
}
#eventCalendar .calendar .caption .month {
	margin: 0 2px 0 8px;
	font-size: 200%;
}
#eventCalendar .calendar table {
	width: 210px;
	margin: 0 auto;
	text-align: center;
	font-size: 86%;
	border-collapse: separate;
	border-spacing: 1px;
}
#eventCalendar .calendar table thead th {
	background-color: #FFF !important;
	text-align: center;
	font-weight: bold;
	height: 25px;
	border-bottom: 2px solid #000;
}
#eventCalendar .calendar table thead th.sun { border-bottom: 2px solid #F00 !important; }
#eventCalendar .calendar table thead th.sat { border-bottom: 2px solid #06C !important; }
#eventCalendar .calendar table tbody td {
	background-color: #F5F5F5;
	font-weight: bold;
	width: 28px;
	height: 28px;
	line-height: 27px;
}
#eventCalendar .calendar table .sun { color: #990000;}
#eventCalendar .calendar table .sat { color: #356CA4;}
#eventCalendar .calendar table .national { color: #F30; }
#eventCalendar .calendar table .today { background: #FF9326; }
#eventCalendar .calendar table .eventday { background: #7BD3CE; }
#eventCalendar .calendar table .nodata { background: #E2E2E2; }
#prev_month,
#next_month {
	background: url(../img/parts/cal_arw.png) 0 0 no-repeat;
	width: 33px;
	height: 33px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 80px;
	cursor: pointer;
}
#prev_month {
	background-position: 0 0;
	left: 12px;
}
#next_month {
	background-position: -33px 0;
	right: 12px;
}
#prev_month:hover { background-position: 0 -33px; }
#next_month:hover { background-position: -33px -33px; }
#cal_list a {
	background: url(../img/parts/cal_list.png) 0 0 no-repeat;
	width: 228px;
	height: 31px;
	margin: 5px auto;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#cal_list a:hover { background-position: 0 -31px; }
/*****************************************
			Page Information
*****************************************/
#pageInfo {
	width: 230px;
}
#pageInfo .inner {
	border: 3px solid #CCC;
	margin: 0 0 15px 0;
}
#pageInfo ul {
	background-color: #FFF;
	list-style: none;
	overflow: hidden;
	_zoom: 1;
}
#pageInfo ul li {
	margin: -1px 0 0 0;
	padding: 9px 5px 8px 10px;
	border-top: dotted 1px #999;
}
#pageInfo ul li span {
	font-weight: bold;
}
#print {
	background: url(../img/parts/btn_print.png) 0 0 no-repeat;
	width: 212px;
	height: 48px;
	display: block;
	margin: 0 auto;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#print:hover { background-position: 0 -48px; }
/*****************************************
		Bottom Navigation
*****************************************/
#bottomNav {
	clear: both;
	background: url(../img/parts/footernavi_bg.jpg) 0 0 repeat;
}
#bottomNav nav {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#bottomNav ul {
	width: 745px;
	margin: 16px auto 0 auto;
	border-left: solid 1px #999;
	letter-spacing: -0.4em;
	list-style: none;
	overflow: hidden;
	float: left;
	_display: inline;
	_zoom: 1;
}
#bottomNav ul li {
	padding: 0 15px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 88%;
	color: #FFF;
	letter-spacing: normal;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	margin: 0 0 0 -1px;
}
#pageTop {
	background: url(../img/parts/pagetop.png) 0 0 no-repeat;
	width: 212px;
	height: 48px;
	margin: 8px 0 0 0;
	display: block;
	float: right;
	_display: inline;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#pageTop:hover { background-position: 0 -48px; }
/*****************************************
		Bottom Navigation Top
*****************************************/
#bottomNavTop {
	background: #FF0;
	width: 920px;
	margin: 0 auto 15px auto;
}
#bottomNavTop nav {}
#bottomNavTop ul {
	margin: 0 auto;
	padding: 3px 10px;
	letter-spacing: -0.4em;
	list-style: none;
	text-align: center;
	overflow: hidden;
	/zoom: 1;
}
#bottomNavTop ul li {
	padding: 0 15px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 88%;
	color: #FFF;
	letter-spacing: normal;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	margin: 0 0 0 -1px;
}
/*****************************************
			Footer
*****************************************/
#footer {
	background: url(../img/footer/footer_line.png) 0 0 repeat-x #FFF;
	height: 165px;
	margin: -165px 0 0 0;
	/margin: 0;
}
#footerInner {
	width: 1000px;
	margin: 0 auto;
	padding: 14px 0 0 0;
	overflow: hidden;
	position: relative;
}
#footerLink {
	width: 330px;
	margin: 0 10px 0 0;
	list-style: none;
	float: left;
	_display: inline;
}
#footerLink li {
	width: 160px;
	height: 50px;
	margin: 0 5px 5px 0;
	float: left;
	_display: inline;
}
#footerLink li a {
	background-image: url(../img/footer/btn_footer.png);
	width: 100%;
	height: 100%;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_twiiter a { background-position: 0 0; }
#btn_facebook a { background-position: -160px 0; }
#btn_towntip a { background-position: -320px 0; }
#btn_mailmagazine a { background-position: -480px 0; }
#btn_twiiter a:hover { background-position: 0 -50px; }
#btn_facebook a:hover { background-position: -160px -50px; }
#btn_towntip a:hover { background-position: -320px -50px; }
#btn_mailmagazine a:hover { background-position: -480px -50px; }
#footerAddress {
	width: 260px;
	margin: 0 10px 0 0;
	float: left;
	_display: inline;
}
#footerAddress dt {
	font-weight: bold;
	font-size: 136%;
	line-height: 1.3;
	color: #0B6237;
}
#footerAddress dd {
	font-size: 93%;
	line-height: 1.6;
}
#footerContact {
	width: 210px;
	margin-top: 42px;
	float: left;
	_display: inline;
}
#footerContact dt {
	background: url(../img/footer/icon_tel.png) 0 3px no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 35px;
	font-weight: bold;
	font-size: 136%;
}
#footerContact dd {
	background: url(../img/footer/icon_fax.png) 3px 0 no-repeat;
	padding: 0 0 0 35px;
	font-weight: bold;
	font-size: 136%;
}
#btn_weather {
	background: url(../img/footer/btn_weather.png) 0 0 no-repeat;
	width: 174px;
	height: 106px;
	margin: 5px 0 0 0;
	float: right;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_weather:hover { background-position: 0 -106px; }
#footerButton {
	width: 300px;
	height: 31px;
	overflow: hidden;
	list-style: none;
	position: absolute;
	top: 14px;
	right: 203px;
}
#footerButton li {
	width: 146px;
	height: 31px;
	margin: 0 4px 0 0;
	float: left;
	_display: inline;
}
#footerButton li a {
	background-image: url(../img/footer/btn_ac_work.png);
	width: 100%;
	height: 100%;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_access a { background-position: 0 0; }
#btn_holiday a { background-position: -146px 0; }
#btn_access a:hover { background-position: 0 -31px; }
#btn_holiday a:hover { background-position: -146px -31px; }
#copyright {
	background: url(../img/footer/copyright_bg.jpg) 0 0 repeat-x;
	height: 31px;
	margin: 10px 0 0 0;
}
#copyrightInner {
	width: 1000px;
	height: 24px;
	margin: 0 auto;
	padding: 7px 0 0 0;
	font-size: 79%;
	background-color: #0B6237;
	color: #FFF;
	overflow: hidden;
}
#en {
	float: left;
	_display: inline;
}
#jp {
	float: right;
	_display: inline;
}
/*****************************************
				Ad Banner
*****************************************/
#adBanner {
	width: 100%;
	background: url(../img/banner/bnr_bg.jpg) 0 0 repeat;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10000;
}
#adBanner .inner {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
	position: relative;
}
#adBanner ul {
	width: 870px;
	margin: 5px 0 0 0;
	list-style: none;
	float: left;
	_display: inline;
}
#adBanner ul li {
	margin: 0 14px 5px 0;
	width: 160px;
	height: 60px;
	float: left;
	_display: inline;
}
#adBanner ul li a {
	width: 160px;
	height: 60px;
	display: block;
}
#bnr_about {
	background: url(../img/banner/bnr_title.png) 0 0 no-repeat;
	width: 130px;
	height: 33px;
	margin: 5px 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	float: right;
	_display: inline;
}
#btn_bnr_close {
	background: url(../img/banner/btn_close.png) 0 0 no-repeat;
	width: 70px;
	height: 22px;
	margin: 0 30px 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 43px;
	right: 0px;
	background-color: #0B6237;
	color: #FFF;
}
#adBanner.setCloseBanner { position: static; }
#adBanner.setCloseBanner #bnr_about { margin: 18px 0 0 0; }
#adBanner.setCloseBanner #btn_bnr_close { display: none; }