@charset "UTF-8";
* {font-size:100%;font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS P ゴシック',Verdana,Arial,sans-serif,Osaka;}
/* basic elements */

* {border:0;margin:0;padding:0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}
* html .clearfix {height: 1px;}




html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   font-family: verdana, 'trebuchet ms', sans-serif;
   font-size: 82%;
   
}

form, input ,textarea{ margin: 0; padding: 0; border:1px;}
input,textarea{ border:solid #ccc 1px;}
a { text-decoration: underline; outline: none;overflow: hidden;}
a img { border: 0; }


h1, h2, h3,h4, h5, h6, p, ol, ul, li,pre, blockquote
{margin:0;padding:0;}

.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}

body{background-color:#fff;font-size:78%;background: url(../images/bg.jpg) 0 0  repeat;text-align:center;}

#wrapper{overflow:auto;width:840px;background-color:#fff;margin-left:auto;margin-right:auto;margin-bottom:0;padding:0 10px 20px;background: url(../images/bg_wrapper.jpg) 0 0  repeat;text-align:left;}


h1{float:left;}
a#reservebutton{float:right;margin-right:10px;text-indent: -5000px;overflow:none;outline:none;text-decoration: none;height: 97px;width: 240px;display:block;background: url(../images/reservebutton.gif) 0 0  no-repeat;}
html>body a#reservebutton {margin-right:10px;}
a#reservebutton:hover{background-position:0 -97px;}

/* NAVIGATION */
ul#gnavi {clear:both;list-style:none;width:840px;height:50px;display:block;margin:0;background: url(../images/gnavi.jpg) 0 0  no-repeat;}
ul#gnavi li{float:left;list-style:none;}
ul#gnavi li a{text-indent: -5000px;overflow:none;outline:none;text-decoration: none;height: 50px;width: 120px;display:block;background: url(../images/gnavi.jpg) 0 0  no-repeat;}
#gnavi li.g01 a{background-position: 0 0;}
#gnavi li.g01 a:hover{background-position:0 -50px;}
#greeting #gnavi li.g01 a{background-position:0 -50px;}

#gnavi li.g02 a{background-position:-120px 0;}
#gnavi li.g02 a:hover{background-position:-120px -50px;}
#hours #gnavi li.g02 a{background-position:-120px -50px;}

#gnavi li.g03 a{background-position:-240px 0;}
#gnavi li.g03 a:hover{background-position:-240px -50px;}
#check #gnavi li.g03 a{background-position:-240px -50px;}

#gnavi li.g04 a{background-position:-360px 0;}
#gnavi li.g04 a:hover{background-position:-360px -50px;}
#staff #gnavi li.g04 a{background-position:-360px -50px;}

#gnavi li.g05 a{background-position:-480px 0;}
#gnavi li.g05 a:hover{background-position:-480px -50px;}
#access #gnavi li.g05 a{background-position:-480px -50px;}

#gnavi li.g06 a{background-position:-600px 0;}
#gnavi li.g06 a:hover{background-position:-600px -50px;}
#case #gnavi li.g06 a{background-position:-600px -50px;}

#gnavi li.g07 a{background-position:-720px 0;}
#gnavi li.g07 a:hover{background-position:-720px -50px;}
#blog #gnavi li.g07 a{background-position:-720px -50px;}


#message dl{margin:0 20px;padding-top:20px;}
#message dt{float:left;padding-top:16px;padding-left:6px;font-size:1.2em;text-align:center;font-weight:bold;color:#c00;}
#message dd{margin-left:8em;padding:10px;width:640px;text-align:left;border:1px solid #900;}
#message dd strong{color:#c00;}



/*breadcrab*/
#bc{display:block;width:828px;height:20px;margin-left:auto;margin-right:auto;text-align:left;padding:6px;letter-spacing:0.3em;color:#333;}


/*header*/
#greeting #title{display:block;width:840px;height:160px;background: url(../images/photo_greeting.jpg) no-repeat;}
#hours #title{display:block;width:840px;height:160px;background: url(../images/photo_hours.jpg) no-repeat;}
#equipment #title{display:block;width:840px;height:160px;background: url(../images/photo_equipment.jpg) no-repeat;}
#equipment #title.details{display:block;width:840px;height:80px;background: url(../images/photo_equipment.jpg) no-repeat;}

#check #title{display:block;width:840px;height:160px;background: url(../images/photo_check.jpg) no-repeat;}
#check #title.details{display:block;width:840px;height:80px;background: url(../images/photo_check.jpg) no-repeat;}


#staff #title{display:block;width:840px;height:160px;background: url(../images/photo_staff.jpg) no-repeat;}
#staff.part2 #title{display:block;width:840px;height:220px;background: url(../images/photo_staff2.jpg) no-repeat;}
#staff.part3 #title{display:block;width:840px;height:220px;background: url(../images/photo_staff3.jpg) no-repeat;}


#books #title{display:block;width:840px;height:80px;background: url(../images/photo_books.jpg) no-repeat;}

#access #title{display:block;width:840px;height:80px;background: url(../images/photo_access.jpg) no-repeat;}
#reservation #title{display:block;width:840px;height:80px;background: url(../images/photo_reservation.jpg) no-repeat;}
#case #title{display:block;width:840px;height:160px;background: url(../images/photo_case.jpg) no-repeat;}


#title h2{display:none;}
#title ul{padding:60px 0 30px 20px;list-style: none;font-size:1.1em;line-height: 1.8em;letter-spacing: 0.1em;}
#title a{text-decoration: none;color:#35762d;}
#title a:hover{color:#ff4e18;}


/*contents*/
h2{margin:15px;font-size:1.2em;}
h2 span{float:right;color:#f60;}
h3{margin:5px 15px;font-size:1.2em;}
#case h3{clear:both;background-color:#42743a;background-color:#fff699;color:#333;padding:2px 5px;font-weight:normal;font-size:1.4em;letter-spacing: 0.1em;border: ridge;}
/* #equipment h3{clear:both;margin:15px;font-size:1.4em;letter-spacing:0.1em;padding:4px;border-bottom:2px solid #405B00;background-color: #e6e6e6;font-family:"ＭＳ Ｐ明朝", 細明朝, リュウミンL; } */
#equipment h3{clear:both;margin-top:20px;}
#check h3{clear:both;margin-top:20px;}
#access h3{margin:5px;font-size:1.2em;}
#reservation h3{clear:both;padding:15px 0 5px;}

h4{clear:both;margin:15px;padding:5px;background-color:#e5e5e5;color:#405b00;font-size:1.2em;}

p{margin:15px 20px;font-size: 1.1em;line-height: 1.65em;}
#access p{margin:5px;}
#reservation p{margin:10px 20px;}
p.lead{color:#003;}

#check p{margin-bottom:1.4em;}

h2.photo{margin:0;}

.textspace{clear:both;float:left;width:580px;}
#check .textspace{width:500px;float:left;}
#check .textspace dl{clear:both;}
#check .textspace dt{margin:15px 20px 0;font-size: 1.2em;font-weight:bold;letter-spacing: 0.2em;color:#c33;}
#check .textspace dd{margin:5px 20px 10px;padding:5px;font-size: 1.1em;line-height: 1.65em;border-bottom:1px solid #405b00;background-color: #fef7c8;}
#check .textspace strong{color:#c00;}

.textspace table{margin:20px;width:480px;border-top:1px solid #666;border-left:1px solid #666;font-size:1.2em;}
.textspace th{border-right:1px solid #666;border-bottom:1px solid #666;padding:10px;font-weight: normal;background-color: #b3ff7d;color:#004900;}
.textspace td{border-right:1px solid #666;border-bottom:1px solid #666;padding:15px 10px;text-align:center;vertical-align: middle;white-space: nowrap;background-color: #fff699;color:#004900;}
.textspace tr.date td{background-color: #004900;color:#fff;padding:10px;}

.textspace p{margin:5px 20px;}
.textspace ul{list-style-type:square;margin:10px 20px 20px 40px;font-size: 1.1em;line-height: 1.6em;}
.textspace ol{margin:10px 20px 20px 40px;font-size: 1.1em;line-height: 1.6em;}

/* check INDEX */
.textspaceINDEX h3{clear:both;margin:20px 15px 5px 15px;padding-top:10px;}

ul.checkindex {list-style:none;width:800px;display:block;margin-left:20px;}
ul.checkindex li{float:left;list-style:none;}
ul.checkindex li a{margin:0 10px 10px 0;text-indent: -5000px;overflow:none;outline:none;text-decoration: none;height: 140px;width: 190px;display:block;background: url(../check/images/buttons_check.jpg) 0 0  no-repeat;}
ul.checkindex li.c01 a{background-position: 0 0;}
ul.checkindex li.c01 a:hover{background-position:0 -140px;}
ul.checkindex li.c02 a{background-position: -200px 0;}
ul.checkindex li.c02 a:hover{background-position:-200px -140px;}
ul.checkindex li.c03 a{background-position: -400px 0;}
ul.checkindex li.c03 a:hover{background-position:-400px -140px;}
ul.checkindex li.c04 a{background-position: -600px 0;}
ul.checkindex li.c04 a:hover{background-position:-600px -140px;}
ul.checkindex li.c05 a{background-position: -800px 0;}
ul.checkindex li.c05 a:hover{background-position:-800px -140px;}
ul.checkindex li.c06 a{background-position: -1000px 0;}
ul.checkindex li.c06 a:hover{background-position:-1000px -140px;}
ul.checkindex li.c07 a{background-position: -1200px 0;}
ul.checkindex li.c07 a:hover{background-position:-1200px -140px;}
ul.checkindex li.c08 a{background-position: -1400px 0;}
ul.checkindex li.c08 a:hover{background-position:-1400px -140px;}
ul.checkindex li.c09 a{background-position: -1600px 0;}
ul.checkindex li.c09 a:hover{background-position:-1600px -140px;}
ul.checkindex li.c10 a{background-position: -1800px 0;}
ul.checkindex li.c10 a:hover{background-position:-1800px -140px;}
ul.checkindex li.c11 a{background-position: -2000px 0;}
ul.checkindex li.c11 a:hover{background-position:-2000px -140px;}
ul.checkindex li.c12 a{background-position: -2200px 0;}
ul.checkindex li.c12 a:hover{background-position:-2200px -140px;}



.photospace{margin:20px 0;width:255px;float:right;text-align:left;}

#check .photospace{float:right;margin:0 10px 200px 0;width:320px;text-align:center;}
#check .photospace img{margin-top:10px;}

#books .photospace{margin:0 0 20px 0;}

/*地図エリア*/
#access #map{
	margin:5px 20px;
}
#access #map table td{
	vertical-align: top;
	}
#access #map table th{
	font-size: 1.2em;
	}


/*lightboxarea*/
p.lightboxarea img{
	margin:10px 13px;
}


/* BOOKS */
#books h3{clear:both;
height: 20px;
	border-left:6px double #5ab24c;
	border-right:1px double #5ab24c;
	background-color: #fff699;
	padding-left:4px;}
#books .textspace p span{font-size: 0.85em;}


p.totop{clear:both;display:block;width:auto;padding-bottom:20px;}
p.totop a{float:right;margin:0;padding:0;text-indent:-100em;text-decoration:none;width:158px;height:24px;display:block;background: url(../images/totop.jpg) 0 0 no-repeat;}
p.totop a:hover{background-position:0 -24px;}



/*blog*/
#entries{float:left;padding:0 20px 0 20px;width:560px;}
html>body #entries{width:590px;}

#comments-open{padding:0 20px 0 20px;width:520px;}
html>body #comments-open{width:560px;}
#comments-open h2{margin:0;}

.asset-meta,
.content-nav,
.asset-body{
	margin:0 20px;
	}
.asset-meta{clear:both;}
.asset-body{font-size:1.2em;}
.asset-body p{margin:10px 0;}
/* .asset-body img{float:none;width:520px;height:auto;} */
#blog h2{margin:5px 15px;font-size:1.2em;}
#blog h3{margin:5px 15px;font-size:1.2em;}

#blog ul.entry-categories-list,
#blog ul.entry-tags-list
{margin:0 40px;}


#sidebars{
	float:right;
	width:200px;
	background: #f9f9f9;
	}

.widget-header{
	clear:both;
	border:1px dotted #5AB24C;
	border-bottom:2px solid #5AB24C;
	font-weight:normal;
	padding:2px 5px;
	}
.widget-content{margin:10px 30px;}
.widget-list-item{width:146px; margin-left:12px;}

#item{list-style:none;margin:10px 20px;}
#item li.item{float:left;width:78px;height:58px;overflow: hidden; margin:0 2px 0 0;}
#item li.item img{width:78px;}

.widget-content form input{margin:-5px 0 10px -20px;height:20px;}
.widget-content form input.ti{width:160px;}

#blog .asset-name{
	clear: both;
	font-weight: bold;
	border-left:6px double #5AB24C;
	border-right:2px solid #5AB24C;
	background-color: #fff699;
	padding:2px 6px;
	}
.asset-name a{
	color: #43503e;
	letter-spacing: 0.1em;
	text-decoration: none;
	}
.asset-name a:hover{
	color: #000;
	}

.page{
	margin:20px;
	padding:10px;
	background-color:#d2e8cb;
	}
h2.archive-title,
h2.archive-header{
	clear: both;
	color: #fff;
	padding:5px 10px;
	background-color: #007301;
	}

ul.archive-list{
	margin:20px 40px;
	}	


/*予約*/

#reservation h4{clear:both;margin-top:20px;background-color:#cb9696;color:#fff;}
#reservation #wrapper .reservation ul{width:auto;font-size: 1.1em;list-style-type: disc;margin:10px 30px;}
#reservation #wrapper .reservation li{line-height: 1.5em;}
#reservation .reservation{margin:10px 30px;}
#reservation .red{color:#c00;font-weight:bold;}
#reservation .reservation p{margin:10px;}
#reservation p.datename{text-align:right;}




/*footer*/
#footer{clear:both;display:block;width:840px;margin-left:auto;margin-right:auto;padding:0 10px 20px;background: url(../images/footer.jpg) 0 bottom no-repeat;}
#footer dl{margin:0 20px;padding-top:20px;}
#footer dt{float:left;padding-top:16px;padding-left:6px;font-size:1.2em;text-align:center;font-weight:bold;color:#c00;}
#footer dd{margin-left:8em;padding:10px;width:640px;text-align:left;border:1px solid #900;}
#footer p{border-top:1px solid #999;padding-top:10px;font-size:1.0em;text-align:center;}
#footer dd strong{color:#c00;}
#footer a{color:#000;text-decoration: none;}

/*top*/
#topleft{
	float: left;
	width:560px;
	}
#topright{
	float: right;
	margin:0 10px 0 5px;
	width:250px;
	}
#topleft h2{
	color:#003;
	margin:15px 10px;
	}
#topleft p{
	margin:0 10px 10px;
	}
#topleft p img{
	width: 540px;
	}
	
#topright h2{
	color:#c00;
	margin:15px 0;
	}	

#topright dl{
	background-color: #e9f2e7;
	padding:5px 10px 10px 10px;
	}

#topright dt {
	margin-top:5px;

	}	
#topright dd {
	display: inline;
	margin-left:5px;


	}	
#topright dd a{
	color: #00f;
	text-decoration: none;
	text-indent: 0;
	}
#topright dd a:hover{
	color: #0080ff;
	text-decoration: underline;
	}

#topcenter{
	clear:both;
	margin:0 auto -10px;
	width:790px;
	}
#topcenter h3{
	color: #030;
	margin:10px 0 0;
	}

#topcenter p{
	margin:0;
	padding:10px;
	background-color:#fff699;
	}


	
ul#reserve {float:right;list-style:none;width:240px;height:97px;display:block;margin:0 10px 0 0;background: url(../images/reserven.gif) 0 0  no-repeat;}
html>body ul#reserve {margin-right:20px;}
ul#reserve li{float:left;list-style:none;}
ul#reserve li a{text-indent: -5000px;overflow:none;outline:none;text-decoration: none;height: 97px;width: 80px;display:block;background: url(../images/reserven.gif) 0 0  no-repeat;}
ul#reserve li.r01 a{background-position: 0 0;}
ul#reserve li.r01 a:hover{background-position:0 -97px;}

ul#reserve li.r02 a{background-position: -80px 0;}
ul#reserve li.r02 a:hover{background-position:-80px -97px;}

ul#reserve li.r03 a{background-position: -160px 0;}
ul#reserve li.r03 a:hover{background-position:-160px -97px;}


p#counter{
	padding-top: 15px;
	text-align: center;
	}