@charset "utf-8";

html, body, div, p, hr, ul, ol, dl, blockquote, address, noscript,
span, img, em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	margin: 0;
	padding: 0;
}

/****** 管理画面のデザインとの整合性のため、 ******/
/****** 変更する場合は注意が必要です ******/
body {
*font-size: small; /* IE 7向け */
*font: x-small; /* IE 6以下 */
}
html>/**/body {
   font-size: 12px; /* Except for IE */
}



body {
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background: #fff;
}

h1,h2,h3,h4,h5,h6 {
	clear: both;
	margin: 0 10px 10px 0;
	padding-left:20px;
	padding-bottom: 0.5em;;
	line-height: 1;
	color: #332;
	font-weight: bold;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#header-logo h1{padding-left: 0}

h1 {font-size: 160%;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h6 {font-size: 90%;}

h2 {
	margin: 0 1em 0.5em 1em;
	padding: 0.5em 0.8em 0.5em 1.2em;
	border-bottom: solid 1px #bbb;
	border-right: solid 1px #bbb;
	line-height: 1.2;
}

#body-main h2 {
	margin: 0 0.25em 0.5em 0;
	text-align:left;
}

h3 {
	border-bottom: solid 1px #bbb;
}


h4 {
	border-bottom: dashed 1px #888;
	font-size: 110%;
}


p {
padding: 0 10px 1em 10px;
line-height: 1.6;
}

hr {
margin: 1em 15px;
height: 1px;
border: solid #bbb;
border-width: 1px 0 0 0;
}

em {
color: #cc3333;
}

strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

kbd {
margin: 0 3px;
padding: 2px 6px;
background: #eee;
border: solid #666;
border-width: 0 1px 1px 0;
font-size: 90%;
}

q {
text-decoration: underline;
}

blockquote {
margin: 0.5em 30px;
padding: 10px;
background: #e9eff4;
border: 2px dotted #369;
color: #036;
}

ul,ol,dl {
padding: 0.5em 25px 1em 3em;
line-height: 1.6;
}

ol {
padding-left: 3.5em;
}

ul ul {
	padding-left: 0;
	padding-bottom: 0;
}

ul li {
	padding-left: 23px;
	list-style: inherit outside;
/*	background: url(img/lhead.gif) left top no-repeat;*/
}

dl {
padding-left: 25px;
}

dt {
margin: 0 0 5px 0;
margin-bottom: 5px;
padding: 0;
border-bottom: solid 1px #999;
}

li,dd {
padding: 0 0 0.5em 0;
}

dd {
margin-left: 1em;
}

table {
margin: 0 10px 20px 10px;
border-collapse: collapse;
line-height: 1.6;
}

caption {
text-align: center;
}

thead,tfoot {
text-align: center;
}

thead {
border-bottom: solid 2px #666;
}

tfoot {
border-top: solid 2px #666;
}

th,td {
background: #fff;
padding: 5px;
}

thead td {
}

th {
text-align: right;
white-space: nowrap;
}

thead th {
}

table.subtable {
border-collapse: collapse;
border-spacing: 1px;
border-top: solid 1px #aaa;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
border-left: solid 1px #aaa;
}

table.subtable th,table.subtable td {
border-top: solid 1px #fff;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
border-left: solid 1px #fff;
}

table.subtable th {
}


img {
overflow: hidden;
margin: 0 10px 20px 10px;
vertical-align: bottom;
}

a img {
border: none;
}

p img {
margin: 0px;
}

input,select {
margin: 0 5px 0 0;
}

a {
	color: #8fbc8f;
}

a:visited {
	color: #cd853f;
}


/*structure*/
#header,#mainMenuInside,#bodyWrap, #subMenuInside,#footer {
	width: 790px;
	margin: 0 auto;
	text-align: left;
}

#body-mainWrap {width: 585px;}
#body-subWrap {width: 200px;}

*html #body-mainWrap {width: 580px;}

#contentMain {
}

#contentSub {
}

#mainMenu {
	font-family: "Arial black", Verdana,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#bodyWrap {
	padding-right: 5px;
	background-repeat: repeat-y;
	background-position: right top;
	background-image: url(img/bg_bodywrap.gif);
}

* html #bodyWrap {
padding-right: 3.5px;
}

#body {
padding-left: 5px;
background-repeat: repeat-y;
background-position: left top;
height: 1%;
}

#body-mainWrap {
float: left;
overflow: hidden;
}

#body-main:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}


#body-main {
	padding: 15px 10px 10px 0;
	background-color: #fff;
	text-align: left;
}

#body-sub-tmp{
	background-color: #fff;
	text-align: left;
}

#body-subWrap {
float: left;
}

#body-sub {
padding: 15px 8px 10px 8px;
}

#subMenu {
}

#footerWrap {
}


/*basic*/
#body-main p img {
margin: 0 8px;
}

#body-main p img[style*='left'] {
margin-left: 0;
}

#body-main p img[style*='right'] {
margin-right: 0;
}

#body-sub img {
margin: 0 0 10px 0;
}

#body-sub-tmp img {
margin: 0 0 10px 0;
}


.clear {
	clear: both;
}



/*side_items*/
#body-sub ul,#body-sub ol {
padding-left: 5px;
padding-right: 5px;
}


/* Hides from IE-mac \*/
* html div.narrow-panel span.body
,* html .topics 
,* html .rssnews 
,* html #body-main

{height: 1%;overflow: visible;}
/* End hide from IE-mac */


/*header*/
#header {
position: relative;
}

#headerInside {
padding: 15px 20px 15px 0;
}

#header-logo h1,#header-logo a {
margin: 0;
font-size: 24px;
	font-weight: bold;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#header-logo a {
text-decoration: none;
}

#header-logo img {
margin: 0;
padding: 0;
}

#header-logo h1 a,#header-logo a,#header-logo h1 a:visited,#header-logo a:visited {color: #333;}
#header-logo h1 a:hover {color: #333;}

#language ul {
position: absolute;
right: 0;
bottom: 3px;
padding: 5px 5px 5px 0;
border: solid #bbb;
border-width: 1px 1px 0 1px;
}

#language ul li {
display: inline;
margin: 0;
padding: 0 10px 0 13px;
background: none;
border-left: solid 1px #aaa;
}

#language ul li a {
	text-decoration: none;
	color: #66c;
}

#language ul li a:hover {
text-decoration: underline;
	color: #e97f13;
}

* html #language ul li {
border-left: none;
}

#language ul li:first-child {
border-left: none;
}


/*topicpath*/

.topicPath .topicPathInside ul li a:hover {color: #e97f13;}

.topicPath {
	padding: 10px 10px 0 10px;
	font-size: 80%;
	height: 1%;
	background-color: #fff;
	font-family: "Arial Black", Verdana,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #a9a9a9;
}

.topicPathInside {
height: 1%;
}

.topicPathInside ul {
float: left;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
line-height: 1;
}

.topicPathInside ul li {
	float: left;
	position: relative;
	padding: 0.7em 1em 0.7em 2em;
	z-index: 0;
	background:  url(img/path.gif) left center no-repeat;
	list-style: none;
	color: #a9a9a9;
}


.topicPathInside ul li a {
	float: left;
	display: inline;
	text-decoration: none;
	z-index: 1;
	color: #a9a9a9;
}

.topicPathInside ul li a:visited {
	color: #a9a9a9;
}

.topicPathInside ul li.firstPath {
padding-left: 3px;
background: none;
}

.topicPathInside ul li.firstPath a {
background: none;
}


/*main_menu*/
/* global_menu に背景画像を使用する場合は高さを明示 */
#mainMenu {
}

#mainMenuInside {
margin-top: 10px;
border-bottom: solid 1px #ccc;
}

#mainMenu ul {
display: inline;
float: right;
margin-right: 8px;
padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1;
}

#mainMenu li {
	float: left;
	padding: 0;
	text-align: center;
	background: none;
	list-style: none;
}

#mainMenu a {
	color: #333;
float: left;
display: inline;
margin-top: 5px;
margin-left: 2px;
text-decoration: none;
background-position: top left;
vertical-align: middle;
cursor: pointer;
}

#mainMenu a span {
float: left;
margin-left: 12px;
padding: 8px 10px 5px 0;
background-position: top right;
	font-size: 90%;
}

#mainMenu a:hover {
	margin-top: 0px;
	color: #e97f13;
}
#mainMenu a:hover span {padding-bottom: 10px;}

.imgMenu #mainMenuInside a:hover {
margin-top: 5px;
}


/*impression*/
#impression {
overflow: visible;
padding: 10px 0;
background-color: #fff;
height: 1%;
}

#impression img {
display: block;
margin: 0 auto;
text-align: center;
}


/*h1 heading*/
#pageTitle {
background-color: #fff;
}

#pageTitleInside {

}

#pageTitle {
padding-top: 10px;
}

#pageTitle h1 {
margin: 0;
padding: 1em;
color: #3d4864;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
}


/*sub_menu*/
.topOfPage {
margin: 0 0 0 0;
text-align: center;
background-color: #fff;
}

.topOfPage a {
display: block;
padding: 3px 20px 3px 25px;
text-decoration: none;
background-repeat: no-repeat;
line-height: 1;
font-size: 90%;
border-top: solid 1px #ccc;
}

.topOfPage a,.topOfPage a:visited { color: #4d5d8c;}
.topOfPage a:hover { color: #e97f13;}

#subMenu ul {
margin: 0;
padding: 15px 10px 10px 10px;
text-align: center;
}

#subMenu ul li {
display: inline;
background: none;
margin: 0;
padding: 0 10px;
border-left: solid 1px #aaa;
}

#subMenu ul li:first-child {
border-left: none;
}

#subMenu ul li a {
	text-decoration: none;
	color: #333;
}
#subMenu a:hover {color: #e97f13;}


/*footer*/
#footerWrap {
}

#footer {
padding: 0 0 5px 0;
text-align: center;
}


/*side-menu*/
.sidemenuWrap .sidemenu {
margin-bottom: 2px;
background-repeat: no-repeat;
background-position: left top;
border-style: solid;
border-color: #acaccf;
border-width: 1px 1px 1px 10px;
}

.sidemenuWrap .sidemenuInside {
position: relative;
	color: #364a6f;
background-repeat: no-repeat;
background-position: right top;
line-height: 1;
height: 100%;
	padding: 10px 0 10px 10px;
}

.sidemenuWrap .sidemenuInside a {
	color: #364a6f;
display: block;
background-repeat: no-repeat;
background-position: right top;
text-decoration: none;
	margin: -10px 0 -10px -10px;
	padding: 10px 0 10px 10px;
}
.sidemenuWrap .sidemenuInside a:hover {
	color: #da6d00;
	background-color: #fff6e7;
	padding-left: 15px;
/*
*/
}
.sidemenuWrap a:visited {
	color: #666677;
}

.navigationInside {
	margin: 0 0 10px 0;
}

#body-sub .navigationInside ul {
	margin: 0;
	padding: 0;
}

#body-sub .navigationInside ul li {
	padding: 0 0 1px 0;
	list-style: none;
	margin-top:2px;
}

#body-sub .navigationInside ul ul {
	margin: 1px 0 1px 10px;
}

.navigationInside ul li a {
	display: block;
	height: 100%;
	padding-left: 10px;
	background: #fff;
	border-left: solid 5px #CCCCFF;
	border-bottom: solid 1px #CCCCFF;
	text-decoration: none;
	color: #667;
}
.navigationInside ul li a:hover {
	color: #da6d00;
	background-color: #fff6e7;
	padding-left: 15px;
}

.navigationInside ul ul ul {
	margin: 1px 0 0 10px;
}

.navigationInside li a span {
	display: block;
	padding: 5px 25px 5px 0;
}

.navigationInside li span.open,
.navigationInside li span.stay {
	display: block;
	padding: 5px 0 5px 10px;
	border-left: solid 5px #CCCCFF;
	border-bottom: solid 1px #CCCCFF;
	color: #667;
}
.navigationInside li span.stay {
	background-color: #eeeeff;
	background-repeat: no-repeat;
	background-position: right 2px;
}
.navigationInside li a.open span,
.navigationInside li span.open {
	background-repeat: no-repeat;
	background-position: right 2px;
}
.navigationInside li a.open {
}

.navigationInside ul li a:hover span {
}
.navigationInside ul ul a:hover span {
}
.navigationInside li a.open:hover span {
	background-color: transparent;
}


/*indent*/
li.indent-1 {margin-left: 10px;}
li.indent-2 {margin-left: 20px;}
li.indent-3 {margin-left: 30px;}

/*topics,rss*/

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

.topics,.rssnews
{overflow: hidden;}


.topics,.rssnews {
	margin: 0 0 10px 0;
}

.topicsInside,.rssnewsInside {
	margin-left: 30px;
}

.topics .sidemenuInside,.rssnews .sidemenuInside {
	margin: 0;
	padding: 9px 0 9px 15px;
}

.topics .sidemenu,.rssnews .sidemenu,.sidelist {
	margin-left: -30px;
	padding-right: 15px;
}

.topics .sidemenuInside {color: #235558;}
.rssnews .sidemenuInside {color: #3d4864;}

.sidelist {
	font-size : 90%;
}

.sidelistInside {
	padding: 5px 0 10px 10px;
}

#body-sub .sidelistInside ul {
	padding: 0;
}

.topics li,.rssnews li {
	margin-bottom: 7px;
	border-bottom: dashed 1px #bbb;
	background: none;
	list-style: none;
}

.topics li a,.rssnews li a {
	display: block;
	width: 100%;
}

.rssnews .sidemenuInside {
	position: relative;
}

.rssnews .sidemenuInside img {
	position: absolute;
	top: 6px;
	right: 0;
}

* html .rssnews .sidemenuInside img {
	right: 15px;
}


/*minsearch*/
.minisearch {
	margin: 0 0 10px 0;
	padding: 10px;
	border: solid #999;
	border-width: 1px 1px 1px 1px;
	text-align: right;
}

.minisearch form {
	margin: 0;
}

.minisearch input.inArea {
	width: 97%;
}

* html .minisearch input.inArea {
	width: auto;
}

.minisearch input.goBtn {
	margin: 5px 0 0;
}


/*parts*/

#mymap {
display: block;
width: 500px;
height: 400px;
margin: 0 auto 20px auto;
border: solid 1px #999;
}

* html #mymap {
margin-left: 20px;
}

.search {
margin: 0 10px 10px 10px;
padding: 10px;
border: solid #999;
border-width: 1px 1px 1px 1px;
}

.searchInside {
}

.search form {
margin: 0;
}

.search input {
vertical-align:middle;
}

.search input.inArea {
width: 80%;
}


/*album*/
.albumBox {
clear: both;
margin-left: 50px;
}

#body-main .albumBox {
margin-left: 20px;
}

.albumBoxInside {
}

.row {
float: left;
width: 170px;
margin-bottom: 5px;
padding: 0;
border-top: solid 1px #fff;
border-right: solid 1px #aaa;
border-bottom: solid 1px #aaa;
border-left: solid 1px #fff;
}

.rowInside table {
margin: 0;
border: none;
}

.rowInside td {
border: none;
padding: 0;
}

.rowInside td a {
display: block;
padding: 10px;
}

.rowInside td a:hover {
background: #eaeaff;
}

.rowInside img {
margin: 0;
}

.rowInside .title {
padding: 3px 10px;
border-bottom: solid 1px #bbbbcc;
font-size:14px;
line-height: 1.6;
}

.rowInside .descr {
border-top: solid 1px #fff;
padding: 5px 10px;
line-height: 1.6;
}


/*formTable*/
table#formTable,.memberForm table {
margin: 0 5px 5px 5px;
}

table#formTable,table#formTable th,table#formTable td,
form.memberForm table,form.memberForm table th,form.memberForm table td {
border: none;
}

table#formTable,form.memberForm table {
border: solid 1px #aaa;
}

table#formTable th,form.memberForm table th {
border-right: solid 1px #999;
border-bottom: dotted 1px #aaa;
}

table#formTable td,form.memberForm table td {
border-bottom: dotted 1px #aaa;
}

table#formTable textarea {
	width: 350px;
}

.formSubmit,.memberForm div {
margin: 0 auto;
text-align: center;
}

.formSubmit input,.memberForm div input {
width: 100px;
}


/*panel*/
ul.panel,ul.img-panel,div.narrow-panel {
list-style: none;
padding: 0 4px 0 3px;
}

ul.panel a,ul.img-panel a,div.narrow-panel a,a.tile-panel {
text-decoration: none;
}

ul.panel li {
margin-bottom: 5px;
padding: 0;
border-top: solid 1px #fff;
border-right: solid 1px #aaa;
border-bottom: solid 1px #aaa;
border-left: solid 1px #fff;
height: 1%;
}

ul.panel li a {
display: block;
height: 100%;
padding: 5px 10px 5px 10px;
color: #363e4d;
}

ul.panel li a span.term {
display: block;
margin: -5px -10px 0 -10px;
padding: 5px 10px 0 10px;
/*border-bottom: solid 1px #bbbbcc;*/
font-size:30px;
color: #213458;
}

ul.panel li a span.description {
display: block;
margin: 0 -10px 0 -10px;
padding: 5px 10px 0 10px;
border-top: solid 1px #fff;
}

ul.panel li a:hover {
	background : #eaeaff;
}

ul.panel li a:hover span.term {
	background : #eaeaff;
}
ul.panel li a:hover span.description {
	background : #ffffff;
}



/*img-panel*/
ul.img-panel li {
margin-bottom: 5px;
padding: 0;
border-top: solid 1px #fff;
border-right: solid 1px #aaa;
border-bottom: solid 1px #aaa;
border-left: solid 1px #fff;
height: 1%;
}

ul.img-panel li a {
display: block;
height: 100%;
padding: 5px 10px 5px 10px;
border-top: solid 1px #fff;
color: #363e4d;
}

ul.img-panel span.image {
float: left;
margin: -5px 0 -5px -10px;
border-right: solid 1px #fff;
}

ul.img-panel img {
margin: 0;
padding: 10px;
border: none;
border-right: solid 1px #ccc;
}

* html ul.img-panel img {
margin: 10px 9px 10px 10px;
border-right: none;
}

ul.img-panel li span.term {
display: block;
margin: -5px -10px 0 135px;
padding: 5px 10px 0 10px;
/*border-bottom: solid 1px #bbbbcc;*/
font-size:30px;
color: #213458;
}

ul.img-panel li span.description {
display: block;
margin: 0 -10px 0 135px;
padding: 5px 10px 0 10px;
border-top: solid 1px #fff;
	color: #a9a9a9;
	font-size:90%;
}

ul.img-panel li a:hover {
}

ul.img-panel li a:hover span.term {
	background : #eaeaff;
}

ul.img-panel span.clear {
display: block;
clear: both;
}


/*narrow-panel*/
div.narrow-panel,div.narrow-panel div {
margin: 0 0 10px 0;
padding: 0;
}

div.narrow-panel div.row{
	width:auto;
	float: none;
	border: none;
}


div.narrow-panel div.left {
float: left;
width: 49%;
}

div.narrow-panel div.right {
float: right;
width: 49%;
}

* html div.narrow-panel div.left,* html div.narrow-panel div.right {
width: 47.5%;
}

/*clearfix*/

div.narrow-panel span.body:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}


ul.narrow-panel span.body
{overflow: hidden;}


div.narrow-panel div a {
display: block;
height: 1%;
padding: 5px 10px 5px 10px;
border-top: solid 1px #fff;
border-right: solid 1px #aaa;
border-bottom: solid 1px #aaa;
border-left: solid 1px #fff;
color: #363e4d;
cursor: pointer;
}

div.narrow-panel span.body img {
float: left;
display: block;
margin: -5px 0px -10px -15px;
padding: 10px;
border: none;
}

* html div.narrow-panel span.body img {
margin: 5px 10px 10px -5px;
}

div.narrow-panel div span.title {
display: block;
margin: -5px -10px 0 -10px;
padding: 5px 10px 0 10px;
/*border-bottom: solid 1px #bbbbcc;*/
font-size:15px;
}

div.narrow-panel div span.title strong {
font-size: 110%;
color: #213458;
}

div.narrow-panel span.body {
display: block;
padding: 5px;
border-top: solid 1px #fff;
	color: #a9a9a9;
	font-size:90%;
}

div.narrow-panel div a:hover {
}

div.narrow-panel div a:hover span.title {
	background: #eaeaff;
}


/*tile-panel*/
a.tile-panel span {
float: left;
margin: 0 4px 4px 0;
padding: 4px;
border: solid 1px #bbb;
}

a.tile-panel span img {
margin: 0;
}

a.tile-panel:hover span {
padding: 3px;
border: solid 2px #aabbff;
}

/* IE6 バグ回避 */
a.tile-panel:hover {
border: solid 0px #fff;
}