/*CSS*/

body{
/*background:url(images/all_bg.jpg) repeat-y center top;*/
margin:0px;
padding:0px;
}

a{
border:none;
}

#wrap{
width:902px;
margin:0px auto;
background:#fff;
/*min-height:600px;*/
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

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

#cont_right iframe{
margin:0 10px;
width:200px;
border:solid 4px #016502;
background:#fff;
}

img.topBlog{
margin:0 10px;
}

#head{
height:auto;
}

#contents{
width:882px;
height:auto;
padding:10px 10px 10px 10px;
background:#e6fdc3;
}

#cont_left{
width:651px;
float:left;
height:auto;
}

#cont_right{
padding-top:5px;
width:230px;
height:auto;
margin-left:651px;
}

#aisatsu{
border:4px solid #016502;
background:#fff url(images/aisatsu_bg.jpg) no-repeat right top;
width:622px;
margin:0px auto; 
padding:10px;
color:#333;
font-size:86%;
}

#aisatsu p{
padding:0px;
margin:10px 0px;
}

#footer{
width:902px;
height:120px;
color:#fff;
font-size:10px;
text-align:center;
background:url(images/footer.jpg) no-repeat #006600;
}

#wrap_2 dl{
width:609px;
padding:5px 0px;
margin:0px;
}

#wrap_2 dt{
padding:0px;
margin:0 10px;
font-size:12px;
color:#dd0000;
font-weight:bold;
}


#wrap_2 dd{
font-size:10px;
color:#666;
width:609px;
border-bottom:1px dashed #ccc;
list-style-type:none;
padding:5px 0px;
margin:0px 10px 5px;
}

#about{
height:auto;
font-size:12px;
margin:10px 0px;
text-align:center;
}

#about ul.address{
list-style-type:none;
margin,padding:0px;
}

#about ul.address li{
display:inline;
margin-right:10px;
}

#about ul.website{
margin,padding:0px;
list-style-type:none;
}

#about ul.website li{
display:inline;
margin-right:10px;
}

ul.navi{
list-style-type:none;
margin:0;
padding:0px;
}
ul.ichigon{
margin-left:10px;
margin-top:10px;
}
ul.aboutn{
margin-top:10px;
}
ul.navi li{
margin:0;
padding:0px;
display:inline;
width:213px;
height:50px;
border:none;
}

/*------------------------------

about.html

-------------------------------*/
#wrap .about{
width:880px;
padding:0 10px 10px;
height:auto;
margin:0px auto;
background:#ffffff;
font-size:0.9em;
}
.about h2.title{
	background:url(images/yasai/main_title.jpg) no-repeat;
	display:block;
	width:870px;
	padding-right:10px;
	height:53px;
	line-height:53px;
	text-align:right;
	font-size:14px;
}

.about .box{
	width:830px;
	height:auto;
	padding:20px;

	}
	
.about .box h3.title{
	display:block;
	margin:0;
	padding:0px;
	width:auto;
	height:auto;
	border-bottom:1px solid #006600;
}


.first h3.title{
	display:block;
	margin-left:177px;
	padding:0px;
	width:auto;
	height:auto;
	border-bottom:1px solid #006600;
}


.about p{

}

.about .first{
	background:#edffd5;
	margin-bottom:10px;
	border:4px solid #006600;
}

.about .first img.junImg{
	border:4px solid #006600;
}

.about ul{
	list-style-type:none;
	}
	
.box ul.houseImage{
	padding:0px;
	margin:0px;
	text-align:center;
}

.box ul.houseImage li{
	display:inline;
	width:275px;
	padding:0px;
	margin:0px;
	}
	
.box ul.houseImage li img{
	border:4px solid #006600;
}

.about .first p{
	float:left;
	display:block;
	margin-right:10px;
}

.map iframe{
	border:1px solid #333;
	margin:0px;
	padding:0px;
}


/*------------------------------

ichigo.html

-------------------------------*/

#wrap .ichigo{
width:880px;
padding:0 10px 10px;
height:auto;
margin:0px auto;
background:url(images/ichigo/main_bg.jpg) repeat-y center #ffffff;
font-size:0.9em;
}

.ichigo h2.title{
	background:url(images/ichigo/main_title.jpg) no-repeat;
	display:block;
	width:880px;
	height:53px;
	line-height:53px;
	text-align:right;
	font-size:14px;
}

.ichigo .box{
	width:830px;
	height:auto;
	padding:25px 20px 0;
	}

.ichigo .box img.lineImg{
	border:4px solid #dd0000;
	margin-right:10px;
}
	
.ichigo .box h3.title{
	display:block;
	margin:0;
	padding:0px;
	width:auto;
	height:auto;
	width:840px;
	height:63px;
	line-height:68px;
	color:#fff;
	text-indent:80px;
	background:url(images/ichigo/sub_title_bg.jpg) no-repeat;
}
.ichigo .box table.ichigot,table.ichigot td{
	border:1px solid #333;
	}

.ichigo_ft{
	padding:0px 11px;
	margin:0 0 10px;
	width:902px;
	}

.ichigo strong{
	color:#ff0000;
	}

.ichigo hr{
	border-color:#dd0000;
	margin:15px 0;
	}

.ichigo .box table.ichigot{
	color:#333;
	font-weight:bold;
	}

.ichigo .box table.ichigot tr td.t_title{
	background:#ffcccc;

	}

.ichigo .box ul {
	padding:0px;
	margin:0 15px;
}

.ichigo .box ul li{
	margin-bottom:5px;
}

dl#aboutIchigo{
margin:10px 0 0;
padding:0px;
}
dl#aboutIchigo dt{
margin:0px;
padding:0px;
color:#ff0000;
font-weight:bold;
}
dl#aboutIchigo dd{
margin:0px;
padding:0px;
}

/*------------------------------

clearFix

-------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

p.desc{
margin:0px 5px;
padding:0px;
font-size:10px;
}

ul.footNavi{
	margin:0px;
	padding:0px;
	text-align:center;
}

ul.footNavi li{
	display:inline;
	margin:0px 5px;
}

ul.footNavi li a{
	color:#006600;
	font-size:11px;
}

ul.footNavi li a:hover{
	color:#ff0000;
}

/* 予約 */

#aboutRes{
width:600px;
border:1px solid #ff0000;
}
#aboutRes p{
padding:0px 10px;
}

#aboutRes p.red{
padding:0px 10px;
color:#dd0000;
font-weight:bold;
}

#aboutRes ul{
font-weight:bold;
}

#aboutRes a{
font-weight:bold;
color:#dd0000;
}

#aboutRes a:hover{
background:#dd0000;
color:#fff;
}

#aboutRes a.closeLink{
border:1px solid #dd0000;

}

/* Pics */

#gallery {position:relative; width:686px; margin:10px auto; padding:10px; border:6px solid #fff; background:#66cc99}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbarea ul{margin:0px; padding:0px;}
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }