/*
*{
margin: 0px;
padding: 0px;
}
*/

.nojava {
font-size:80%;
text-align:right;
}

.nowrap
{white-space:nowrap;}

a:link {
color: #52523D;
text-decoration: underline;
}

a:visited {
color: #52523D;
text-decoration: underline;
}

a:active {
color: #52523D;
text-decoration: underline;
}

a:hover {
color: #989883;
text-decoration: underline;
}

body {
background-image: url("../common_img/bg_page.gif");
background-position: center top;
background-repeat: repeat-y;
background-color: #EAEAE5;
text-align: center;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}

div.basestyle {
background-image: url("../common_img/header.jpg");
background-position: center top;
background-repeat: no-repeat;
width: 800px;
padding: 0px 1px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}


/*ここからヘッダ*/
#header {
width: 100%;
padding: 0px 5px 10px 5px;
margin: 0px;
}

#header .bk {
background-image: url("../common_img/menu_bg.jpg");
}

/*ここからサイドメニュー*/
.submenu {
text-align: right;
font-size: 12px;
line-height: 20px;
color: #52523D;
margin: 0px;
padding: 0px;
}

div.sidemenu {
margin: 0px;
padding: 0px 0px 0px 15px;
float: left;
width: 217px;
}

.sdmenubtn {
margin: 0px;
padding: 0px 0px 10px 0px;
display: block;
}

.vmid {
vertical-align: middle;
border:0px;
}

.sdmenubk {
background-image: url("../common_img/smenu_bg.gif");
}


a.sdmenu {
text-align: left;
font-size: 12px;
margin: 0px;
padding: 8px 0px 8px 20px;
display: block;
}


/*ここからコンテンツ*/
div.contents {
text-align:left;
margin:0px;
padding:10px 0px;
float:right;
width:560px;
}

div.path {
text-align: left;
font-size: 12px;
line-height: 16px;
color: #52523D;
margin: 0px 0px 15px 0px;
padding: 0px;
width: 535px;
}

div.section {
text-align: left;
width: 535px;
margin: 0px 0px 30px 0px;
padding: 0px;
}

.bkline {
background-image: url("../common_img/bg_dotline.gif");
}

/*ここからフッタ*/
div.footer {
text-align: right;
font-style: normal;
font-size: 11px;
line-height: 16px;
color: #52523D;
width: 775px;
clear: left;
padding: 20px 0px 0px 0px;
margin: 0px;
}

.footlink {
background-image: url("../common_img/dotline_535px.gif");
background-position: right top;
background-repeat: no-repeat;
text-align: right;
font-style: normal;
font-size: 11px;
line-height: 16px;
color: #52523D;
width: 775px;
margin: 3px 0px 0px 0px;
padding: 8px 0px 5px 0px;
}

address {
text-align: right;
font-style: normal;
font-size: 12px;
line-height: 16px;
color: #52523D;
width: 775px;
margin: 0px;
padding: 5px 0px 5px 0px;
}


/*ここからトップ*/
h1.topsec {
font-size: 100%;
line-height: 150%;
color: #52523D;
text-align: left;
margin: 0px;
padding: 0px 0px 10px 0px;
}

ul.event {
list-style-image:url(../common_img/event_allow.gif);
font-size: 80%;
line-height: 120%;
color: #52523D;
text-align: left;
margin: 0px;
padding: 0px 0px 0px 24px;
}

ul.event li {
margin: 0px;
padding: 0px 0px 10px 0px;
}

.mainbnr{text-align:center;}
.mainbnr img{margin:5px 1px 5px 1px;}

/*ここから施設案内*/

.mapimg {
margin-left:20px;
}

.mapimg2 {
margin:0px 0px 0px 20px;
border:0px;
padding:20px 0px 0px 0px;
}

h2.area {
background-image: url("../area_img/bg_ttl_green.gif");
width:495px;
height:25px;
margin:0px 0px 10px 0px;
}

.areaname {
font-weight:normal;
font-size:14px;
padding:5px 0px 0px 12px;}

.mapcaps {
float:left;;
margin:0px 0px 0px 20px;}

img.areamap {
float:left;
margin:0px;}

ul.area {
list-style-image:url(../common_img/event_allow.gif);
font-size: 12px;
line-height: 19px;
color: #52523D;
text-align: left;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
}

/*ここから施設詳細*/
h1.shisetsu {
background-image: url("../layout_img/ttl_spt_101.gif");
width:535px;
height:42px;
line-height: 250%;
background-position: left bottom;
background-repeat: no-repeat;
font-size: 100%;
color: #52523D;
text-align: left;
margin:10px 0px 20px 0px;
padding:0px 0px 0px 20px;}

xx {
font-size: 100%;
line-height: 150%;
color: #52523D;
text-align: left;
margin: 0px;
padding: 20px 0px;
}

h2.top {
background-image: url("../common_img/bg_ttl_495px.gif");
background-position: left bottom;
background-repeat: no-repeat;
text-align: left;
color: #52523D;
font-size: 100%;
line-height: 190%;
width: 495px;
margin: 0px 0px 10px 20px;
padding: 0px;
}

h2.green {
background-image: url("../common_img/bg_ttl_green.gif");
background-position: left bottom;
background-repeat: no-repeat;
text-align: left;
color: #52523D;
font-size: 90%;
line-height: 190%;
width: 495px;
margin: 30px 0px 10px 20px;
padding: 0px 0px 0px 14px;
}

h3 {
background-image: url("../common_img/bg_ttl_305px.gif");
background-position: left bottom;
background-repeat: no-repeat;
text-align: left;
color: #52523D;
font-size: 100%;
line-height: 190%;
width: 305px;
margin: 0px 0px 10px 0px;
padding: 0px;
}

h4 {
border-bottom: 1px solid #CCCCCC;
text-align: left;
color: #52523D;
font-size: 80%;
line-height: 130%;
width: 104px;
margin: 0px;
padding: 10px 0px 5px 3px;
float: right;
}

div.sec_shisetsu {
text-align: left;
width: 495px;
margin: 0px 0px 0px 20px;
padding: 0px;
}

div.sec_shisetsu img{
border:0px;
float:left;
}

div.sec_shisetsu p {
text-align: left;
color: #52523D;
font-size: 90%;
line-height: 130%;
margin: 0px;
padding: 0px 0px 0px 0px;
}

div.sec_shisetsu ul {
text-align: left;
color: #52523D;
font-size: 90%;
line-height: 130%;
}

div.sec_right2 {
text-align: left;
width: 490px;
float: left;
margin: 0px;
padding: 0px;
}

div.sec_right {
text-align: left;
width: 300px;
float: right;
margin: 0px;
padding: 0px;
}

div.sec_right p {
text-align: left;
color: #52523D;
font-size: 90%;
line-height: 130%;
margin: 0px;
padding: 0px 0px 0px 0px;
}

div.sec_right2 p {
text-align: left;
color: #52523D;
font-size: 90%;
line-height: 130%;
margin: 0px;
padding: 0px 0px 0px 0px;
}


img.left {
float: left;
margin: 0px;
padding: 0px;
}

img.clear {
clear: left;
margin: 10px 0px 10px 20px;
padding: 0px;
}

hr.clear {
clear: left;
margin: 0px 0px 0px 0px;
padding: 0px;
}

div.sec_small {
text-align: left;
width: 240px;
float: left;
margin: 15px 7px 0px 0px;
padding: 0px;
}

.small_text {
text-align: left;
color: #52523D;
font-size: 80%;
line-height: 130%;
margin: 0px;
padding: 0px;
}


/*その他施設*/


div.sub_sec_right {
text-align: left;
width: 305px;
float: right;
margin: 0px;
padding: 0px;
}

div.sub_sec_right p {
text-align: left;
color: #52523D;
font-size: 90%;
line-height: 130%;
margin: 0px;
padding: 0px 0px 20px 0px;
}

/*イベント*/

div.navi {
text-align: center;
font-size: 12px;
line-height: 16px;
color: #52523D;
margin:0px 0px 20px 0px;
padding: 0px;
}

.evhyou{
border:1px solid #DFDFDF;
font-size: 90%;
}

.evhyou th{
	border:1px solid #DFDFDF;
	font-color:#666666;
	text-align:center;
	padding:5px;
}

.evhyou td{
	border:1px solid #DFDFDF;
	padding:5px;
}

.evhyou .kikan{
white-space: nowrap; 
}

/*イベント内容*/

.evnaiyo{
color: #52523D;
font-size: 90%;
line-height: 130%;
}

/*qanda*/

div.qa {
text-align: left;
width: 495px;
margin: 0px 0px 0px 20px;
padding: 0px;
}

div.qa p {
text-align: left;
color: #52523D;
font-size: 90%;
line-height: 130%;
margin: 0px;
padding: 0px 0px 0px 0px;
}

div.qa ul {
text-align: left;
color: #52523D;
font-size: 90%;
line-height: 130%;
}


/*
div.bg {
background-image: url("../common_img/bg_page.jpg");
background-position: center top;
background-repeat: repeat-y;
text-align: center;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}

div.basestyle {
text-align: left;
width: 794px;
padding: 0px 0px 0px 7px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}



div.submenu {
margin: 10px 0px 0px 0px;
padding: 0px;
float: left;
width: 210px;
}

div.submenu a {
margin: 0px;
padding: 0px;
width: 100%;
display: block;
}



div.section {
text-align: left;
margin: 0px;
padding: 0px 0px 30px 0px;
}

div.about {
background-image: url("images/bg_about.jpg");
background-position: center top;
background-repeat: no-repeat;
text-align: left;
margin: 0px 0px 60px 0px;
padding: 0px;
}

div.about p {
font-size: 90%;
line-height: 150%;
color: #333333;
text-align: left;
margin: 0px;
padding: 54px 31px 0px 14px;
}

p.news {
font-size: 80%;
line-height: 150%;
color: #333333;
text-align: left;
margin: 0px;
padding: 5px 0px 0px 0px;
}

h1 {
font-size: 100%;
line-height: 150%;
color: #333333;
text-align: left;
margin: 0px;
padding: 0px 0px 10px 0px;
}

h2 {
font-size: 100%;
line-height: 150%;
color: #333333;
text-align: left;
margin: 0px;
padding: 20px 0px 0px 0px;
}

h3 {
font-size: 100%;
line-height: 150%;
color: #333333;
text-align: left;
margin: 0px;
padding: 40px 0px 0px 0px;
}

h4 {
font-size: 100%;
line-height: 150%;
color: #1E6666;
text-align: left;
border-bottom: solid #999999 1px;
margin: 0px 0px 5px 0px;
padding: 0px;
width: 540px;
}

h5 {
font-size: 100%;
line-height: 150%;
color: #333333;
text-align: left;
border-bottom: solid #999999 1px;
margin: 10px 0px 10px 0px;
padding: 0px;
font-weight: normal;
width: 540px;
}

h6 {
font-size: 100%;
line-height: 150%;
color: #1E6666;
text-align: left;
border-bottom: solid #CCCCCC 1px;
margin: 35px 0px 0px 0px;
padding: 0px 0px 3px 0px;
font-weight: normal;
width: 540px;
}

em.day {
font-size: 80%;
line-height: 150%;
color: #1E6666;
text-align: left;
margin: 0px;
padding: 0px 0px 0px 20px;
font-style: normal;
font-weight: normal;
}

em.end {
color: #CC0000px;
font-style: normal;
font-weight: normal;
}

.profile {
font-size: 80%;
line-height: 150%;
color: #333333;
text-align: left;
margin: 0px;
padding: 0px;
}

p.back {
font-size: 90%;
line-height: 150%;
color: #333333;
text-align: left;
margin: 0px;
padding: 0px;
}

p.txt {
font-size: 90%;
line-height: 170%;
color: #333333;
text-align: left;
margin: 0px;
padding: 10px 20px 0px 0px;
}

p.toptxt {
font-size: 90%;
line-height: 170%;
color: #333333;
text-align: left;
margin: 0px;
padding: 0px 30px 30px 16px;
}

table.lecture {
margin: 0px;
padding: 0px;
}

.lecture td {
background-color: #FFFFFF;
vertical-align:middle;
font-size: 80%;
line-height: 130%;
color: #333333;
}

.lecture th {
background-color: #E6E6D7;
font-size: 80%;
line-height: 130%;
color: #333333;
font-style: normal;
font-weight: normal;
}









div.icon {
text-align: left;
width: 200px;
float: right;
margin: 0px;
padding: 0px;
}

div.icon a {
margin: 2px 0px 0px 0px;
padding: 0px;
width: 100%;
display: block;
}

h1,h2 {
margin: 0px 0px 10px 0px;
padding: 0px;
}

h3 {
background-color: #000000px;
font-size: 90%;
line-height: 130%;
color: #FFFFFF;
margin: 0px 0px 5px 0px;
padding: 5px;
width: 100%;
}

h4 {
margin: 30px 0px 12px 0px;
padding: 0px;
}

h5 {
font-size: 90%;
line-height: 130%;
color: #333333;
margin: 15px 0px 5px 0px;
padding: 0px;
clear: left;
}

em.small {
color: #333333;
font-size: 80%;
font-style: normal;
font-weight: normal;
}

p {
font-size: 80%;
line-height: 130%;
color: #333333;
text-align: left;
margin: 0px 0px 5px 0px;
padding: 0px;
}

p.news {
font-size: 90%;
line-height: 130%;
color: #333333;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 0px;
}

p.column {
font-size: 90%;
line-height: 130%;
color: #333333;
text-align: left;
margin: 0px;
padding: 10px;
width: 100%;
}

img.left {
float: left;
margin: 0px 8px 0px 0px;
padding: 0px;
}

div.linktop {
font-size: 80%;
line-height: 110%;
text-align: left;
margin-top: 30px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 780px;
clear: both;
}

div.linkpage {
font-size: 80%;
line-height: 110%;
text-align: left;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 780px;
clear: both;
}

div#pagetop {
font-size: 80%;
line-height: 110%;
text-align: right;
margin-top: 30px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 780px;
clear: both;
}

div.footer {
background-color: #E0E0E0px;
text-align: left;
width: 792px;
clear: both;
padding: 0px 0px 30px 0px;
margin-top: 5px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}

address {
font-size: 80%;
font-style: normal;
text-align: left;
color: #333333;
margin: 0px;
padding: 10px;
}






div.menu {
margin: 0px;
padding: 0px;
float: left;
width: 180px;
}

div.news {
border: solid 1px #E0E0AD;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 200px;
}

h2.news {
margin: 0px;
padding: 0px;
}

ul.news {
font-size: 80%;
line-height: 110%;
color: #333333;
text-align: left;
margin: 0px;
padding: 0px 6px 10px 24px;
width: 100%;
}

.news li {
margin: 10px 0px 0px 0px;
padding: 0px;
}



p.cap {
font-size: 80%;
line-height: 110%;
color: #333333;
text-align: left;
margin: 6px 6px 0px 6px;
padding: 0px;
}

a:link {
text-decoration: none;
color: #666666;
} 
a:visited {
text-decoration: none;
color: #666666;
} 
a:hover {
text-decoration: underline;
color: #333333;
} 
a:active {
text-decoration: underline;
color: #333333;
} 

*/




/* 
div.back {
background-image: url("../common_img/bgimg_ctns.gif");
background-repeat: repeat-y;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 800px;
}

p.head {
margin: 0px;
padding: 0px;
}

p#path {
background-image: url("../common_img/path_bar.gif");
background-repeat: none;
font-size: 12px;
line-height: 208%;
text-align: left;
text-indent: 12px;
color: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 720px;
}

p#path a {
color: #FFFFFF;
}

p#path a:hover {
color: #333366;
}

p#sitemap {
font-size: 12px;
color: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 100px;
position: relative;
top: -19px;
left: 310px;
}

p#sitemap a {
color: #FFFFFF;
}

p#sitemap a:hover {
color: #333366;
}

.basestyle {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: left;
width: 725px;
}

div.menu {
margin-right: 20px;
padding: 0px; 
width: 160px;
float: left;
height: 540px;
}

div.menu a {
margin: 0px;
padding: 0px;
width: 100%;
display:block;
}

p.banner {
width: 100%;
margin: 12 0px;
padding: 0px;
}

p.banner a {
margin-top: 6px;
padding: 0px;
width: 100%;
display:block;
}

div.contents {
font-size: 90%;
line-height: 140%;
text-align: left;
color: #666666;
width: 540px;
margin: 0px;
padding: 0px;
}

h1 {
margin: 0px;
padding: 0px;
}

div.section {
text-align: left;
}

a:link { text-decoration: none; color: #666666 } 
a:visited { text-decoration: none; color: #666666 } 
a:hover { text-decoration: none; color: #333366 } 
a:active { text-decoration: none; color: #333366 } 

.footer {
font-size: 80%;
color: #666666;
text-align: left;
margin: 0px;
width: 720px;
clear: both;
}

address {
font-size: 70%;
font-style: normal;
text-align: left;
color: #666666;
border-top: solid 1px #999999;
padding-top: 5px;
margin-top: 5px;
margin-bottom: 50px;
width: 720px;
clear: both;
}







td { font-size: 90%; line-height: 150%; color: #333333 }

a:link { font-size: 90%; text-decoration: none; color: #666699 } 
a:visited { font-size: 90%; text-decoration: none; color: #666699 } 
a:hover { font-size: 90%; text-decoration: underline; color: #333366 } 
a:active { font-size: 90%; text-decoration: underline; color: #333366 } 

a.large:link { text-decoration: none; color: #666699 } 
a.large:visited { text-decoration: none; color: #666699 } 
a.large:hover { text-decoration: underline; color: #333366 } 
a.large:active { text-decoration: underline; color: #333366 } 

div#pagetop { margin-top: 15px; margin-bottom: 10px; padding-bottom: 5px; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999 }
div#pagetop_btm { margin-top: 15px; margin-bottom: 10px; padding-bottom: 5px; text-align: right } 

#float_01 { width: 165px; height: 170px; float: left } 
#float_02 { width: 155px; height: 180px; float: right } 
#float_03 { width: 250px; height: 170px; float: left }
#float_04 { width: 200px; height: 250x; float: right }

.text-80px { font-size: 80%; line-height:120%; color: #333333 }
.pad { padding: 5px }
.style1 { color: #999999 }
*/