/*
 layout２段組み [
----------------------------------------------------------- */

#wrapper1{
position:relative;
top:4px;
left:4px;
margin:0 auto 0 auto;
padding:0;
background-color:#ddd;
width:800px;
}
#wrapper2{
	position:relative;
	top:-4px;
	left:-4px;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#fff;
	width:800px;
}
#header{
width: 760px;
height: 100px;
margin: 0px 20px 4px 20px;
padding:0;
background-color:#ffffff;
background-image: url(../img/topbg.gif);
position: relative;
}
#header .comment{
	position: absolute;
	right: 20px;
	top:80px;
	font-size: 10px;
	color: #666666;
	letter-spacing: 0.05em;
}
#header img{
position: absolute;
left: 22px; 
top: 14px;
}
#header dl {
	position: absolute;
	top: 22px;
	left: 190px;
	padding: 0px 20px 0px 0px;
	font-size: 12px;
	line-height: 110%;
	color: #006633;
/*text-indent : -10000px ;*/
}
#header ul{
	position: absolute;
	right: 20px;
	top:2px;
	font-size: 12px;
	letter-spacing: 0.03em;
	text-align:left;
}
#header li {
	display:inline;
	list-style-type:none;
 margin-left:10px;
}
#header li a {
	text-decoration:none;
	margin-right: 10px;
}
#header li a:hover {
	text-decoration: underline;
}
#menu{
width: 760px;
height: 50px;
margin: 0px 20px 4px 20px;
padding:0;
background-image: url(../img/menubg.gif);
position: relative;
}
#flashintro{
	width: 750px;
	height: 354px;
	padding:0;
	background-color:#eeeeee;
	margin-top: 6px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#contents{
margin: 0px 20px 0px 20px;
padding:0;
width:760px;
background-color:#ffffff;
position: relative;
}
#contents div.location{
clear: both;
position: absolute;
top: 5px;
left: 17px;
margin: 0;
padding: 0;
}

	#contents div.location ol{
	margin: 0;
	padding: 0;
	}
	
	#contents div.location li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #999999;
	font-size: 12px;
	}
	
	#contents div.location li a {
	margin: 0 2px 0 0;
	}
	
	#contents div.location a:hover{
	color: #0000FF;
	}



#contents01{
margin: 0px 20px 0px 20px;
padding:0;
width:760px;
background-color:#ffffff;
}
#contents h3{
	width:720px;
	height:32px;
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 20px;
	color:#666;
	font-size:110%;
	letter-spacing: 0.04em;
	line-height:32px;
	background-image: url(../img/h4bg.png);
	border-left: 8px solid #11bb8d;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
#contents p{
	margin: 0px 10px 0px 0px;
	padding: 10px 30px 10px 30px;
	font-size:100%;
	letter-spacing: 0.03em;
	line-height:1.6em;
}
#navi{
margin:0;
padding:0;
float:left;
width:200px;
border: 1px solid #ccc;
}
#navi img{
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}

#main{
margin:0;
padding:0;
float:left;
width:558px;
}
#main img{
	padding:0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#main .waku{
	border: 1px solid #ccc;
}
#main h3{
	width:500px;
	height:36px;
	color:#666;
	font-size:110%;
	letter-spacing: 0.04em;
	line-height:36px;
	background-image: url(../img/titlebg.png);
	border-left: 0px solid #11bb8d;
	border-bottom: 2px solid #11bb8d;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}
#main h4{
	width:523px;
	height:30px;
	color:#666;
	font-size:100%;
	letter-spacing: 0.04em;
	line-height:30px;
	background-image: url(../img/h4bg.png);
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #11bb8d;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin: 0px;
}
#main h5{
	width:400px;
	height:30px;
	color:#666;
	font-size:100%;
	letter-spacing: 0.04em;
	line-height:30px;
	background-image: url(../img/h4bg.png);
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #11bb8d;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin: 0px;
}
#main .chara{
	color:#666;
	font-size:100%;
	letter-spacing: 0.03em;
	line-height:180%;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#main .charabottom{
	display:block;
	width:540px;
	height:26px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.news{
	margin: 0px 10px 0px 0px;
	padding: 10px 10px 0px 10px;
	color:#00aa7c;
	font-size:110%;
	letter-spacing: 0.04em;
	line-height:1.3em;
	border-left: 6px solid #00aa7c;
	border-bottom: 2px solid #00aa7c;
}
#main p{
	letter-spacing: 0.036em;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0.6em;
	padding-right: 10px;
	padding-bottom: 0.6em;
	padding-left: 30px;
}
#main table{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
}
#main td{
	vertical-align: bottom;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#main .explain{
padding: 10px 10px 10px 10px;
color:#00885a;
font-size:100%;
letter-spacing: 0.03em;
line-height:1.3em;
vertical-align: middle;
}
#main .caption{
	display:block;
	padding: 2px 0px 0px 0px;
	color:#666;
	font-size:80%;
	letter-spacing: 0.03em;
	line-height:1.2em;
}
#contents:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#contents01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#main01{
margin:0;
padding:0;
float:left;
width:558px;
}
#main01 p{
	margin: 0px 10px 0px 0px;
	padding: 10px 10px 5px 10px;
	letter-spacing: 0.036em;
}

#footernavi{
width: 760px;
height: 66px;
margin: 0px 20px 4px 20px;
padding:0;
background-color:#ffffff;
background-image: url(../img/footernavibg.png);
position: relative;
}
#footernavi ul{
position: absolute;
right: 20px;
top:10px;
font-size: 12px;
letter-spacing: 0.03em;
text-align:left;
}
#footernavi li {
	display:inline;
	list-style-type:none;
 margin-left:10px;
}
#footernavi li a {
	text-decoration:none;
	margin-right: 10px;
}
#footernavi li a:hover {
	text-decoration: underline;
}
#footer{
width: 760px;
height: 60px;
margin: 4px 20px 0px 20px;
padding:0;
background-color:#eee;
background: url(../img/footerbg.png) no-repeat left top;
position: relative;
}
#footer ul{
position: absolute;
left: 20px;
top:4px;
font-size: 12px;
letter-spacing: 0.03em;
text-align:left;
}
#footer li {
	display:inline;
	list-style-type:none;
 margin-left:10px;
}
#footer li a {
	text-decoration:none;
	margin-right: 10px;
}
#footer li a:hover {
	text-decoration: underline;
}

/*
navbar  [yoko_sample start
----------------------------------------------------------- */
#navbar ul{
position: absolute;
right: 20px; 
top: 1px;
list-style-type:none;
}
#navbar li{
	font-size:100%;
 letter-spacing: 0.03em;
	line-height:50px;
 height:50px;
 display: inline; /*IE Hack */
 float:left;
 text-indent:0px;

}
#navbar a{
	color:#fff;
	width:120px;
	display:block;
	text-align:center;
	text-decoration:none;
	background: url(../img/list_bg.gif) no-repeat right top;
	border-style: none;
}
#navbar a:hover{
	color:#171;
	background: url(../img/list_bg.gif) no-repeat left top;
}

/*
 design [
----------------------------------------------------------- */

#navi ul{
margin-top:10px;
margin-left:10px;
}
.googlemap{
	margin-bottom: 20px;
	border: 1px solid #999999;
}
.googlemaptitle{
	display:block;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0.03em;
}
/*pageTop [
----------------------------------------------------------- */
.pageTop a {
position: absolute;
right: 16px;
top: 4px;
width:100px;
height:26px;
background: url(../img/toparrow.gif) no-repeat right top;
}
.pageTop a:hover {
text-decoration: underline;
background: url(../img/toparrow_over.gif) no-repeat right top;
}
/*copyright [
----------------------------------------------------------- */
.address {
position: absolute;
left: 16px;
top: 20px;
font-size: 80%;
color: #00aa7c;
letter-spacing: 0.04em;
line-height:130%;
}
.indent {
	color: #CC3333;
	line-height: 1.3em;
}
.magazin {
	color: #666666;
	line-height: 1.3em;
}