@charset "utf-8";

/* ======================================================================
	”reset
====================================================================== */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, address, em, img, strong,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ======================================================================
	”basic
====================================================================== */

body {
	line-height: 140%;
	background-color: #99FFFF;
	color: #555555;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", "ƒƒCƒŠƒI", Meiryo, sans-serif;
	font-size: 90%;
}

h2{
	height: 33px;
	line-height: 36px;
	margin:0px 0px 20px;
	padding: 0px;
	background: #FFFFFF url(img/bar_lr.gif) no-repeat top left;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	text-indent: 1em;
}

h3{
	clear: both;
	height: 30px;
	line-height: 30px;
	margin:0px 0px 10px;
	padding:0px;
	background:#CCCCCC;
	font-weight:bold;
	font-size:100%;
	text-indent: 1em;
}

h4{
	height: 30px;
	line-height: 30px;
	margin:0px 0px 10px;
	padding:0px;
	border-bottom: 1px dotted #CCCCCC;
	font-weight:bold;
	font-size:100%;
	text-indent: 1em;
}

a:link,
a:visited {
	color: #0033CC;
}

a:hover,
a:active {
	color: #FF0000;
	text-decoration: underline;
}

a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

address {
	height: 60px;
	line-height: 60px;
	background: #00FFFF url(img/footer.gif) no-repeat top left;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
}


/* ======================================================================
	”layout
====================================================================== */

#back01 {
	background: url(img/back_01.jpg) repeat-x left top;
}

#back02 {
	width: 970px;
	margin: 0px auto;
	padding: 0px;
	background: url(img/back_02.jpg) repeat-y left top;
}

#pagebody {
	width: 940px;
	margin: 0px auto;
	padding: 0px 15px;
	background: url(img/back_03.jpg) no-repeat left top;
}

#header {
	height: 75px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFFFFF;
	background: url(img/header.gif);
	text-indent: -9999px;
}

#mainarea {
	width: 940px;
	margin: 0px 0px 10px;
	padding: 0px;
	overflow: hidden;
}

/*
#mainarea:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
*/

#container {
	float: left;
	width: 733px;
	margin: 0px;
	padding: 0px;
}

#main {
	float: right;
	width: 526px;
	margin: 0px;
	padding: 0px;
}

#left {
	float: left;
	width: 192px;
	margin: 0px;
	padding: 0px;
}

#right {
	float: right;
	width: 192px;
	margin: 0px;
	padding: 0px;
}

#footer {
	clear:both;
	margin: 0px;
	padding: 0px;
}


/* ======================================================================
	”global_nav
====================================================================== */

#gnav {
	margin: 0px;
	padding: 0px 0px 20px;
}

#gnav dl dt {
	height: 33px;
	line-height: 36px;
	background: #FFFFFF url(img/bar_sb.gif) no-repeat top left;
	color: #000000;
	font-size: 14px;
	text-indent: 1em;
	font-weight: bold;
}

body.home #gnav dl dd ul li a#gnav_home,
body.outline #gnav dl dd ul li a#gnav_outline,
body.feature #gnav dl dd ul li a#gnav_feature,
body.map #gnav dl dd ul li a#gnav_map,
body.entry #gnav dl dd ul li a#gnav_entry,
body.stay #gnav dl dd ul li a#gnav_stay,
body.access #gnav dl dd ul li a#gnav_access,
body.faq #gnav dl dd ul li a#gnav_faq,
body.volunteer #gnav dl dd ul li a#gnav_volunteer,
body.traffic #gnav dl dd ul li a#gnav_traffic,
body.cooperation #gnav dl dd ul li a#gnav_cooperation,
body.reference #gnav dl dd ul li a#gnav_reference {
	background: #000000 url(img/navi_on.gif) no-repeat top left;
	color: #FFFFFF;
}

#gnav dl dd ul li a {
	display: block;
	height: 33px;
	line-height: 33px;
	background: url(img/navi_off.gif) no-repeat center left;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-indent: 30px;
}

#gnav dl dd ul li a:link,
#gnav dl dd ul li a:visited {
	color: #000000;
}

#gnav dl dd ul li a:hover,
#gnav dl dd ul li a:active {
	background: #000000 url(img/navi_hover.gif) no-repeat top left;
	color: #FFFFFF;
}


/* ======================================================================
	”left_banner
====================================================================== */

#left_banner {
	margin: 0px;
	padding: 0px 0px 15px;
}

#left_banner ul li {
	margin: 0px;
	padding: 0px 0px 5px;
	text-align: center;
}


/* ======================================================================
	”backnumber
====================================================================== */

#backnumber {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

#backnumber ul li a {
	line-height: 20px;
	padding: 0px 0px 0px 15px;
	background: url(img/icon_link.gif) no-repeat left center;
	font-size: 90%;
}


/* ======================================================================
	”counter
====================================================================== */

#counter{
	margin: 0px;
	padding: 10px 0px 5px;
	background:#006600;
	color:#ffffff;
}

#counter p{
	text-align:center;
} 

#counter p span{
	line-height: 120%;
	font-size:240%;
	font-weight: bold;
}


/* ======================================================================
	”right_banner
====================================================================== */

#right_banner {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #FFF;
}

#right_banner dt {
	height: 33px;
	line-height: 33px;
	background: #FFFFFF url(img/bar_s.gif) no-repeat top left;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#right_banner table {
	width: 170px;
	margin: 10px auto 10px;
	padding: 0px;
	table-layout: fixed;
}

#right_banner table th {
	height: 100%;
	line-height: 100%;
	padding: 5px;
	background: transparent;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#right_banner table td {
	height: 70px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	color: #555555;
	text-align: center;
	vertical-align: middle;
}


/* ======================================================================
	”goto_top
====================================================================== */

#goto_top {
	margin: 0px;
	padding: 5px 207px;
	text-align: right;
}

#goto_top p {
	padding: 0px;
	font-size: 90%;
	text-align: right;
}

#goto_top p a {
	padding: 0px 0px 0px 15px;
	background: url(img/icon_gototop.gif) no-repeat left center;
}


/* ======================================================================
	”common
====================================================================== */

/* ========== list ========== */

.dl_list01 dt {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.dl_list01 dd {
	margin: 0px;
	padding-bottom: 15px;
}

.dl_list02 dt {
	margin: 0px;
	padding: 10px 0px 0px;
	border-top: 1px dotted #CCCCCC;
	font-weight: bold;
}

.dl_list02 dd {
	margin: 0px;
	text-indent: 1.5em;
	padding: 0px 0px 10px;
}

.dl_list03 dt {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.dl_list04 {
	margin: 0px;
	padding: 10px;
}

.dl_list04 dt {
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	border-bottom: 1px dotted #CCCCCC;
	font-weight: bold;
}

.dl_list04 dd {
	margin: 0px;
	padding: 0px;
	text-indent: 1em;
}

.ul_list_disc li {
	list-style: disc;
	margin-left: 1em;
}

.ul_list_decimal li {
	list-style: decimal;
	margin-left: 2em;
	padding-bottom: 5px;
}

.ul_list_circle li {
	list-style: circle;
	margin-left: 1em;
	line-height: 28px;
	text-indent: 1em;
}

/* ========== font_text ========== */

.font90 {
	font-size: 90%;
	font-weight: normal;
}

.text_right {	text-align: right;}
.text_center { text-align: center;}

.indent1{ text-indent: 1em;}
.indent2{ text-indent: 2em;}
.indent5{ text-indent: 5em;}

.note {
	color: #FF0000;
}

.note_indent1 {
	padding-left: 1em;
	color: #FF0000;
	text-indent: -1em;
}

.note_font120 {
	color: #FF0000;
	font-size: 120%;
	font-weight: bold;
}

.note_font140 {
	color: #FF0000;
	font-size: 140%;
	font-weight: bold;
}

/* ========== margin ========== */

.margin_t10{ margin-top: 10px;}

.margin_b10{ margin-bottom: 10px;}
.margin_b15{ margin-bottom: 15px;}
.margin_b20{ margin-bottom: 20px;}
.margin_b30{ margin-bottom: 30px;}
.margin_b40{ margin-bottom: 40px;}

.margin_l1em{	margin-left: 1em;}

.margin_lr1em{ margin-left: 1em; margin-right: 1em;}

/* ========== padding ========== */

.padding_l20em{ padding-left: 20em;}

/* ========== box ========== */

.box_border5 {
	clear:both;
	margin: 0px 0px 10px;
	padding: 0px;
	border: 5px solid #99FFFF;
}

/* ========== a ========== */

.a_goto {
	padding: 0px 15px 0px 15px;
	background: url(img/icon_gototop.gif) no-repeat left center;
	font-size: 90%;
}

.a_link {
	padding: 0px 0px 0px 15px;
	background: url(img/icon_link.gif) no-repeat left center;
}


/* ======================================================================
	”home
====================================================================== */

#mainvisual {
	height: 330px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFFFFF;
	background: #999999 url(img/mainvisual.jpg);
	color: #FFFFFF;
}

#mainvisual p {
	padding: 340px 10px 0px 0px;
	font-size: 12px;
	text-align: right;
}

#topics h2 {
	margin: 0px;
}

#topics dl dt {
	margin: 10px 10px 0px 3px;
	padding: 0px 0px 0px 22px;
	background: url(img/icon_red_s.gif) no-repeat left center;
}

#topics dl dd {
	margin: 0px;
	padding: 0px 10px 10px 25px;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 1em;
}

#information h2 {
	margin: 0px;
}

#information dl dt {
	margin: 10px 10px 0px 3px;
	padding: 0px 0px 0px 22px;
	background: url(img/icon_red_c.gif) no-repeat left center;
}

#information dl dd {
	margin: 0px;
	padding: 0px 10px 10px 25px;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 1em;
}


/* ======================================================================
	”outline
====================================================================== */

.table01 {
	width: 526px;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	color: #555555;
}

.table01 th {
	width: 80px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
	color: #555555;
	font-weight: bold;
	text-align:left;
	vertical-align: top;
}

.table01 td {
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
}


/* ======================================================================
	”feature
====================================================================== */

.feature_box01 {
	clear:both;
	width: 526px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.feature_box01:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

* html .feature_box01 {
	zoom: 1;
}

.feature_box01 img {
	float: right;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	border:1px solid #cccccc;
	padding:2px;
}

.feature dl dt {
	list-style-type: square;
}

.profile {
	clear: both;
	margin: 0px 0px 20px 0px;
}

.profile:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

* html .profile {
	zoom: 1;
}

.profile img {
	margin: 0px 8px;
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.profnote {
	float: right;
	width: 392px;
}

.profhistory {
	margin: 0px 0px 15px 0px;
}

.profhistory p {
	border-bottom: 1px dotted #CCCCCC;
}


/* ======================================================================
	”map
====================================================================== */

#map_box {
	margin: 0px auto;
	padding: 15px;
	background: #FFFFFF;
}

.map_big {
	margin: 0px auto;
	padding: 15px;
	background: #FFFFFF;
}

.photo {
	margin: 0px auto;
	padding: 20px;
	background: #FFFFFF;
	text-align: center;
}

.photo img {
	margin: 0px 0px 10px;
}

.photo p {
	text-align: center;
}

.photo strong {
	color: #0033CC;
	font-weight: bold;	
}

.photo strong span {
	font-weight: normal;
}

.note_box {
	margin: 0px 0px 15px;
	padding: 10px;
	border: 5px solid #99FFFF;
}

#photo_box {
	margin: 0px 0px 15px;
	padding: 10px;
	border: 5px solid #99FFFF;
}


/* ======================================================================
	”entry
====================================================================== */

#schedule table {
	width: 526px;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}

#schedule table th {
	width: 20%;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
	text-align:left;
	vertical-align: top;
}

#schedule table td {
	padding: 10px;
	border: 1px solid #CCCCCC;
}

#schedule table dl dt {
	font-weight: bold;
}

#schedule table dd table#start {
	width: 260px;
	margin-left: 4em;
	padding: 0px;
	table-layout: fixed;
	border: none;
}

#schedule table dd table#start th {
	width: 40px;
	padding: 0px 10px;
	background: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
}

#schedule table dd table#start td {
	width: 220px;
	padding: 0px 10px;
	border-top: none;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
}

#way dt {
	font-weight: bold;
}

#way #website dd {
	margin-bottom: 20px;
}

#way #website dd p {
	text-indent: 1em;
}

#way #website dd p span {
	color: #FF0000;
	padding-left: 20em;
}

#way #website dd p a {
	padding-left: 1em;
	font-weight: bold;
}

#way #website dd img {
	border: 1px solid #CCCCCC;
}


/* ======================================================================
	”stay
====================================================================== */



/* ======================================================================
	”access
====================================================================== */



/* ======================================================================
	”faq
====================================================================== */

.ul_list_link {
	padding: 0px;
	margin: 0px;
}

.ul_list_link li {
	margin: 5px 8px 0px 5px;
	padding: 0px 0px 5px 18px;
	background: #FFFFFF url(img/icon_link.gif) no-repeat left 5px;
	border-bottom: 1px solid #CCCCCC;
}


/* ======================================================================
	”volunteer
====================================================================== */

#volu_guideline table {
	width: 526px;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	color: #555555;
}

#volu_guideline table th {
	width: 90px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
	color: #555555;
	font-weight: bold;
	text-align:left;
	vertical-align: top;
}

#volu_guideline table th p {
	font-weight: bold;
}

#volu_guideline table td {
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
}

#volu_list table {
	width: 526px;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	color: #555555;
}

#volu_list table th {
	padding: 5px 2px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	vertical-align: top;
}

#volu_list table td {
	padding: 5px 2px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}

#volu_list th.th01 {
	width: 20px;
	background: #F5F5F5;
	text-align:center;
}

#volu_list th.th02 {
	width: 70px;
	background: #F5F5F5;
	text-align:center;
}

#volu_list th.th03 {
	width: 110px;
	background: #F5F5F5;
	text-align:center;
}

#volu_list th.th04 {
	width: 130px;
	background: #F5F5F5;
	text-align:center;
}

#volu_list th.th05 {
	background: #F5F5F5;
	text-align:center;
}

#volu_list td.td01 {
	width: 20px;
}

#volu_list td.td02 {
	width: 70px;
}


/* ======================================================================
	”traffic
====================================================================== */



/* ======================================================================
	”cooperation
====================================================================== */

.table02 {
	width: 526px;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	color: #555555;
}

.table02 th {
	width: 90px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
	color: #555555;
	font-weight: bold;
	text-align:left;
	vertical-align: top;
}

.table02 th p {
	font-weight: bold;
}

.table02 td {
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
}


/* ======================================================================
	”reference
====================================================================== */