@charset �hutf-8�h; 

/* =import 
----------------------------------------------*/
@import url(reset.css);
@import url(layout.css);



/* hn
------------------------------------------- */
h1{
position:absolute;
top:13px;
left:0;
}
h2{
position:absolute;
top:10px;
left:206px;
}
#right h3{
margin-bottom:15px;
}
#right h4{
width:100%;
background:url(../images/dot01.gif) repeat-x 0 bottom;
margin-bottom:10px;
padding:0 0 7px 0;
}
#right h4 span{
display:block;
background:url(../images/allow01.gif) no-repeat 0 2px;
padding:0 0 0 25px;
line-height:1.5em;
}
h5{
margin-bottom:15px;
background:url(../images/allow03.gif) no-repeat 0 5px;
padding:0 0 0 20px;
}

#right h6{
width:100%;
background:url(../images/dot01.gif) repeat-x 0 bottom;
margin-bottom:10px;
padding:0 0 7px 0;
}
#right h6 span{
display:block;
background:url(../../images/shizuhara/point.gif) no-repeat 0 2px;
padding:0 0 0 25px;
line-height:1.5em;
}

/* common
------------------------------------------- */
.section{
width:613px;
height:auto;
overflow:hidden;
margin:0 auto;
margin-bottom:10px;
position:relative;
}
.section p{
margin-bottom:10px;
}
.left-img{
float:left;
margin-right:15px;
}
.right-img{
float:right;
margin-left:15px;
}
.caution{
color:#990000;
}
.caution02{
color:#73C8DD;
}

.exception{
overflow:visible;
}
.exception .osusume{
position:absolute;
z-index:100;
top:38px;
right:-32px;
}

.topmap{
	border:#CCC solid 1px;
	margin-bottom:20px;
}

/* list-style
------------------------------------------- */
ul.list01 li{
width:100%;
height:auto;
overflow:hidden;
background:url(../images/allow03.gif) no-repeat 0 5px;
padding:0 0 2px 20px;
}

ul.list01 li span{
width:60px;
float:left;
color:#538c35;
}

ul.list01 li p{
width:520px;
float:right;
margin:0;
}

/* pankuzu
------------------------------------------- */
#pankuzu{
margin-bottom:10px;
}
#pankuzu li{
display:inline;
}
#pankuzu li a{
padding-right:13px;
margin-right:4px;
background:url(../images/allow02.gif) no-repeat right 0;
}

/* link
------------------------------------------- */
a:link{ color:#515036; text-decoration:underline; }
a:hover{ color:#515036; text-decoration:none; }
a:visited{ color:#515036; text-decoration:underline; }

/* header
------------------------------------------- */
.results{
display:none;
}
.request{
position:absolute;
top:10px;
right:0;
}
#home .results{
display:block;
position:absolute;
bottom:-162px;
right:-74px;
}

/* navigation
------------------------------------------- */
#left ul.list li a:hover img,
#left .info-btn a:hover img,
#step01 #left ul.list li.navi01 a img,
#step02 #left ul.list li.navi02 a img,
#step03 #left ul.list li.navi03 a img,
#step04 #left ul.list li.navi04 a img,
#step05 #left ul.list li.navi05 a img,
#step06 #left ul.list li.navi06 a img{
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity:0;
}
#left ul.list li a,
#left .info-btn a{ display:block; }
#left ul.list li.navi01 a{ background:url(../images/navi01-hover.gif) no-repeat; }
#left ul.list li.navi02 a{ background:url(../images/navi02-hover.gif) no-repeat; }
#left ul.list li.navi03 a{ background:url(../images/navi03-hover.gif) no-repeat; }
#left ul.list li.navi04 a{ background:url(../images/navi03-hover.gif) no-repeat; }
#left ul.list li.navi05 a{ background:url(../images/navi04-hover.gif) no-repeat; }
#left ul.list li.navi06 a{ background:url(../images/navi06-hover.gif) no-repeat; }
#left .info-btn a{ background:url(../images/request-submitnavi-hover.gif) no-repeat; }


/* left
------------------------------------------- */
#left .banner,
#left .info-btn{
margin-bottom:8px;
}
#left ul{
margin-bottom:15px;
}
#left ul.list li,
#left .info-btn{
_height:0;
}
/* merumaga */
#left #merumaga{
width:100%;
background:url(../images/merumaga-bg.gif) repeat-y;
margin-bottom:8px;
}
#left #merumaga table{
width:182px;
margin:0 auto;
border-top:#bccda2 solid 1px;
border-left:#bccda2 solid 1px;
margin-bottom:4px;
}
#left #merumaga table th{
border-right:#bccda2 solid 1px;
border-bottom:#bccda2 solid 1px;
background:#f8fdde;
color:#29590f;
padding:3px;
}
#left #merumaga table td{
border-right:#bccda2 solid 1px;
border-bottom:#bccda2 solid 1px;
background:#ffffff;
padding:3px;
}
#left #merumaga .text{
width:98%;
}
#left #merumaga .submit{
width:190px;
height:40px;
background:url(../images/merumaga-submit.gif) no-repeat;
position:relative;
}
#left #merumaga .submit input{
position:absolute;
top:10px;
right:10px;
cursor:pointer;
}

/* entrance
------------------------------------------- */
#entrance{
width:643px;
background:url(../images/entrance-bg.jpg) no-repeat 0;
padding:0;
}
#entrance .box{
width:620px;
height:auto;
overflow:hidden;
margin:0 auto;
padding:20px 0;
}
.box02{
width:614px;
margin:0 0 0 11px;
padding-bottom:18px;
}

.step00{
	padding:20px 0 0;
}

#entrance .step{
margin-right:20px;
}
#entrance .box a{
float:left;
}
#entrance a:hover img{
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity:0;
}

/* list-right
------------------------------------------- */
.list-right{
width:618px;
height:auto;
overflow:hidden;
margin-bottom:15px;
}
.list-right li{
width:199px;
float:left;
margin:0 5px 5px 0;
border:#d5dace solid 1px;
}
.list-right li a{
display:block;
padding:8px 0 10px 25px;
line-height:1.2em;
background:url(../images/allow03.gif) no-repeat 8px 11px;
color:#333333 !important;
text-decoration:none !important;
}
.list-right li a:hover{
background:url(../images/allow04.gif) no-repeat 8px 11px #f4f4f3;
}
.yotei li span{
display:block;
background:url(../images/allow04.gif) no-repeat 8px 11px #f4f4f3;
padding:8px 0 8px 25px;
}


/* connection
------------------------------------------- */
#right .connection{
background:url(../images/dot01.gif) repeat-x 0 0;
padding-top:1px;
}
#right .connection h3{
margin-bottom:0;
padding:0;
}
#right .connection li{
float:left;
margin-right:7px;
}
#right .connection li.end{
margin-right:0;
}

/* footer
------------------------------------------- */
#footer-container{
width:100%;
position:relative;
background:url(../images/dot01.gif) repeat-x 0 0;
text-align:center;	
}
#footer-container ul{
padding:10px 0;
border-bottom:#d5dace solid 1px;
}
#footer-container ul li{
display:inline;
padding-right:5px;
margin-right:5px;
border-right:#515036 solid 1px;
}
#footer-container ul li.end{
border:none;
}
#footer-container .return{
position:absolute;
top:-30px;
right:0;
}
#footer-container .next-buttom{
position:absolute;
top:-48px;
right:0;
}


/* footer-coment
------------------------------------------- */
#footer-coment{
width:100%;
height:3.5em;
text-align:left;
overflow:hidden;
font-size:10px;
padding:8px 0 17px 0;
background:url(../images/footer-bg.gif) repeat-x 0 bottom;
}
#footer-container .txt{
width:530px;
float:left;
color:#797e71;
line-height:1.5em;
}
#footer-container .txt a{
color:#797e71;
text-decoration:none;
}

/* anno */
#footer-container .anno{
width:300px;
height:100%;
float:right;
border:#c9c8bb solid 1px;
background:url(../images/dotbg.gif) repeat;
color:#5d6452;
text-align:center;
position:relative;
}
#footer-container .anno span{
width:100%;
display:block;
text-align:center;
position:absolute;
top:50%;
left:0;
margin:-0.9em 0 0 0;
}

/* table
------------------------------------------- */
table.table01{
width:100%;
border-top:#d5dace solid 1px;
border-left:#d5dace solid 1px;
margin-bottom:10px;
}
table.table01 th{
background:url(../images/dotbg.gif) repeat;
border-right:#d5dace solid 1px;
border-bottom:#d5dace solid 1px;
padding:10px;
color:#39371a;
}
table.table01 td span,
table.table01 th span{
color:#990000;
}
table.table01 td{
border-right:#d5dace solid 1px;
border-bottom:#d5dace solid 1px;
padding:10px;
}
table.slim th,
table.slim td{
padding:5px;
}
table.table01 td textarea{
width:99%;
height:120px;
}
table.table01 td ul li{
background:url(../images/allow03.gif) no-repeat 0 5px;
padding:0 0 5px 20px;
}
table.table01 td.map a{
width:300px;
height:201px;
overflow:hidden;
padding:0;
display:block;
background:#000000;
border:#d5dace solid 1px;
}
table.table01 td.map a:hover img{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity:0.9;
}
table.table01 td.map{
padding:5px;
}

table.table01 td.gmap{
padding:5px;
}

table.table01 td.gmap span{
	color:#666;
}

table.table01 .fix{
width:50%;
white-space:nowrap;
}
table.slim .newfarm{
padding:3px 4px 0 0;
}


/* table shizuhara ----- */
table.table02{
width:100%;
border-top:#73C8DD solid 1px;
border-left:#73C8DD solid 1px;
margin-bottom:10px;
}
table.table02 th{
background:#73C8DD;
border-right:#FFFFFF solid 1px;
border-bottom:#FFFFFF solid 1px;
padding:10px;
color:#ffffff;
}
table.table02 td span,
table.table02 th span{
font-weight:bold;
}
table.table02 td{
border-right:#73C8DD solid 1px;
border-bottom:#73C8DD solid 1px;
padding:10px;
}

table.table02 td textarea{
width:99%;
height:120px;
}
table.table02 td ul li{
background:url(../images/allow03.gif) no-repeat 0 5px;
padding:0 0 5px 20px;
}
table.table02 td.map a{
width:300px;
height:201px;
overflow:hidden;
padding:0;
display:block;
background:#000000;
border:#d5dace solid 1px;
}
table.table02 td.map a:hover img{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity:0.9;
}
table.table02 td.map{
padding:5px;
}
table.table02 .fix{
width:50%;
white-space:nowrap;
}


/* group
------------------------------------------- */
#group{
text-align:center;
margin:10px 0;
}
#group li{
display:inline;
margin:0 10px 0 0;
}

/* copy
------------------------------------------- */
.copy{
color:#797e71;
text-align:center;
margin-bottom:30px;
}

/* step5
------------------------------------------- */
.table_under1{
	width:371px;
	margin-right:20px;
	float:left;	
}
.table_under2{
	width:222px;
	margin:0;
	float:left;	
}

#right .section h3{
margin-bottom:10px;
}

.galleryview{
	margin:0 auto 20px;
}

.google_map{
	border:#d5dace solid 1px;
	padding:5px;
	margin-bottom:10px;
}
/* step5 otsu
------------------------------------------- */
.otsu_ul01{
	background:url(../../images/step05/otsu/back01.gif) repeat-y 0 0;
}
.otsu_ul02{
	margin-left:285px;
}

.otsu01{
	background:url(../../images/step05/otsu/otsuimg03.jpg) no-repeat;
	height:519px;
}
.otsu02{
	margin-bottom:30px;
}
.otsu_sub01{
	margin-left:30px;
}
.ostutxt01{
	margin:0 0 20px 30px;
}

.otsubtn01{
	margin:auto;
	width:232px;
	height:69px;
	background:url(../../images/step05/otsu/otsubtn02.gif) no-repeat left bottom;
	overflow: hidden;
}

.otsubtn01 a{
	display:block;
}

.otsubtn01 a:hover{
	text-indent:-250px;
}

/* sizuhara
------------------------------------------- */

.section .pics{
	float:left;
	margin-right:10px;
}

.mainpic{
	margin-bottom:5px;
	border:#73C8DD solid 1px;
}

.subpic{
	width:35px;
	height:35px;
	margin-right:5px;
	float:left;
	border:#73C8DD solid 1px;
}

.subpic_end{
	width:35px;
	height:35px;
	margin-right:0;
	float:left;
	border:#73C8DD solid 1px;
}

.voice{
	float:right;
}

.pointmap{
	border:#73C8DD solid 1px;
}

.point{
	color:#ff0064;
}