/* For modern browsers */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* ==== Base === */
html{ background-color: #FFF; }
body{
	background-color: #B085B9;
	background-image: url(../images/body_html.jpg);
	background-repeat: repeat-x;
	min-width:940px;
}
#wrapper{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}

/* ==== Header === */
#header{ height: 91px; 
}
h1{
	margin: 0px;
	padding: 21px 0px 0px;
	float: left;
}
.hdr{
	float: right;
	width: 553px;
	padding-top: 21px;
}

/* ==== Navigation === */
#nav{
	height: 53px;
	margin-bottom: 30px;
}
#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 53px;
}
#nav li{
	margin: 0;
	padding: 0;
	float: left;
}

/* ==== Content === */
.mainimage{
	float: left;
	width: 620px;
	margin-bottom: 15px;
}
.news{
	float: right;
	width: 300px;
	background-color: #FFF;
	background-image: url(../images/con_ft_news.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.news dl{
	margin: 0;
	padding: 10px;
	height: 190px;
	overflow: auto;
}
.news dt{
	margin: 0;
	padding: 10px 0 10px 1em;
	width: 7em;
	float: left;
	background-image: url(../images/arrow01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	color: #666;
}
.news dd{
	argin: 0;
	padding: 10px 0 10px 8em;
	margin: 0px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.time{
	float: left;
	width: 460px;
	background-color: #FFF;
	background-image: url(../images/con_ft_top.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}
.saturday{
	color: #D96C00;
	background-color: #FCF5F1;
	padding: 10px;
	list-style: none;
	margin: 10px 0px 0px;
}
.closed{
	color: #6D37A4;
	font-size: 120%;
	font-weight: bold;
}
.saturday li{
	padding: 5px 5px 5px 20px;
	border-bottom: 1px dotted #7B3A00;
	background-image: url(../images/arrow02.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.access{
	background-color: #FFF;
	float: right;
	width: 460px;
	padding-bottom: 10px;
	background-image: url(../images/con_ft_top.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.container{
	padding: 20px;
	min-height:400px;
}
.contents{
	background-color: #FFF;
	background-image: url(../images/contents_hd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px 20px 10px;
	min-height:300px;
}
.pagetop{
	background-color: #FFF;
	text-align: right;
	background-image: url(../images/contents_ft.jpg);
	background-repeat: no-repeat;
	padding: 1px 20px 10px;
	background-position: left bottom;
}
/* ==== Page === */
h2{
	line-height: 32px;
	background-color: #794587;
	background-image: url(../images/h2.jpg);
	background-repeat: no-repeat;
	height: 41px;
	color: #FFF;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 25px;
	margin: 0px 0px 0px;
}
h3{
	font-size: 1.4em;
	color: #633E6A;
	border-bottom: 1px dotted #ADA5AD;
}
.dorector{
	background-color: #F5F0F7;
	padding: 20px;
	background-image: url(../images/tsushima.gif);
	background-repeat: no-repeat;
	background-position: center center;
	
}
.name{
	font-size: 160%;
	font-weight: bold;
	color: #27304B;
	line-height: 1.2em;
}
.name_en{
	font-size: 0.9em;
	color: #3E3D72;
	font-weight: bold;
}

.equipment{
	border-top: 1px dotted #CCC;
	border-left: 1px dotted #CCC;
}
.equipment td{
	padding: 10px;
	width: 25%;
	vertical-align: top;
	border-right: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
.shisetsu td{
	vertical-align: top;
	padding: 15px;
	width: 50%;
}

/* ==== Footer === */
#footer{
	border-top: 5px solid #794586;
	color: #794585;
	background-color: #FFF;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 30px;
	text-align: center;
}
/* ==== Slideshow === */
#slideshow {
	position:relative;
	height:257px;
	float: left;
	width: 620px;
	margin-bottom: 15px;
	background-image: url(../images/mainimage.jpg);
	background-repeat: no-repeat;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}