@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}


body{
	margin:10px 0 0 0;
	background-color:#fff;
	background-image:url(img/bg.gif);
	text-align:center;
	color:#604418;
	font-family:メイリオ,osaka,MS-gothic,sans-serif;
	}
	
a:link{color:#970f7c;text-decoration:none;}
a:visited{color:#970f7c;}
a:hover{color:#CC337B;text-decoration:underline;}
a:active{color:#970f7c;}

#top{
	margin:0;
	background-image:none;
	height:0px;}

#main{
	width:100%;
	margin: 0;
	padding: 0;
	text-align:left;
	line-height:150%;
	}

/*header*/

#header{
}

#header h1{
	background:url(img/sp/logo-sp.png) no-repeat;
	width:100%;
	height:40px;
	text-indent:-9999px;
	margin-bottom:8px;
	}
	
#header h1 a{
	position:static;
	display:block;
	height:40px;
	width:116px;
	
	}



#header ul{	
	margin:0;
	}
	
#header li{
	margin:0 10px 5px 10px;
	padding:5px 0;
	height:36px;
	list-style:none;
	
	
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}

.yoyaku{
	height:56px!important;
	margin:0 auto;
	backgroun-color:transparent!important;
	background-image:url(img/sp/bt_yoyaku.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

.yoyaku a{
	display:block;
	height:46px;
	}

.menu,.staff,.map,.blog,.link,.contact,.recuruit{
	background-color:#ffffff;
	}

.yoyaku{margin-bottom:8px;}

.menu a,.staff a,.map a,.blog a,.link a,.contact a,.recuruit a{
	width:100%;
	height:40px;
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
	}
	
	
.menu a{
	background-image:url(img/sp/bg_menu01.gif);
	}

.staff a{	
	background-image:url(img/sp/bg_menu02.gif);
	}
	
.map a{
	background-image:url(img/sp/bg_menu03.gif);
	}
	
.blog a{
	background-image:url(img/sp/bg_menu04.gif);
	}

.link a{
	background-image:url(img/sp/bg_menu05.gif);
	}
	
.contact a{
	background-image:url(img/sp/bg_menu07.gif);
	}
	
.recuruit a{
	background-image:url(img/sp/bg_menu06.gif);
	}

.menu a:hover,.staff a:hover,.map a:hover, .info a:hover,.blog a:hover, .link a:hover,.contact a:hover,.recuruit a:hover
{
/*	background-position: 0px -20px;*/
	}

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

/*布地背景*/

#content{
	background:url(img/bg_content.gif);
	padding:10px;
	}

#content p{margin:10px 0px;}

.top_txtarea_top{
		padding:0;
		margin:0;
	}
.top_txtarea{
		}

.top_txtarea_bot{margin-bottom:20px;}

#content-top{
	background:url(img/bg_content.gif);
	padding:10px;
	}

#footer {
	clear:both;
	background-color: #7fb2c4;
	background:url(img/bg-footer.gif);
	padding:10px 0px;
	font-size:90%;
	text-align:center;
	margin-bottom:0;
	height:6em;
}

#footer a:link{color:#fff;text-decoration:none;}
#footer a:visited{color:#fff;text-decoration:none;}
#footer a:hover{color:#fff;text-decoration:underline;}
#footer a:active{color:#fff;text-decoration:none;}

#footer ul{
	margin:0 auto 0 auto;
	padding:0px 0.3em 0 0.8em;
	text-align:center;
	}

#footer li{
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
	display:block;
	height:1em;
	padding-right:1em;
	float:left;
	}
	
a img { border: 0; }

.l12{margin-left:12px;}
.l14{margin-left:14px;}

.photo-r{
	width:95%;
	margin-bottom:10px;
	}
	
.photo-r-top{
	margin-right:0px;
	margin-bottom:10px;
	}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*h2*/

.h-staff{
	background:url(img/h2-staff.gif) no-repeat;
	padding-left:200px;
	padding-top:15px;
	height:46px;
	}

.h-menu{
	background:url(img/h2-menu.gif) no-repeat;
	padding-left:200px;
	padding-top:15px;
	height:46px;
	}

.h-info{
	background:url(img/h2-info.gif) no-repeat;
	padding-left:200px;
	padding-top:15px;
	height:46px;
	}
	
.h-link{
	background:url(img/h2-link.gif) no-repeat;
	padding-left:200px;
	padding-top:15px;
	height:46px;
	}
	
.h-map{
	background:url(img/h2-map.gif) no-repeat;
	padding-left:200px;
	padding-top:15px;
	height:46px;
	}

.h-contact{
	background:url(img/h2-contact.gif) no-repeat;
	padding-left:0px;
	padding-top:55px;
	height:66px;
	}

.h-yoyaku{
	background:url(img/h2-reservation.gif) no-repeat;
	padding-left:200px;
	padding-top:15px;
	height:46px;
	}

.h-recruit{
	background:url(img/h2-recruit.gif) no-repeat;
	padding-left:200px;
	padding-top:15px;
	height:46px;
	}

.imgbox{
	margin-top:5px;
	width:400px;
	height:400px;
	vertical-align:middle;
	}

.imgbox-navi{
	margin-bottom:5px;
	width:400px;
	text-align:center;
	}

.dotgreen{
	background:url(img/dot-green.gif) repeat-x;
	height:6px;
	width:100%;
	margin:5px 0;
	}

.blue{color:#216677;}
.mini{font-size:90%;}
.staffphoto{margin:10px auto 5px 30px;}
.staffphoto2{margin:10px auto 5px 10px;}
.staffphoto-f{margin:10px auto 5px 15px;}

table.table_toppage{display:none;}
iframe{border:none;}

.staffbox{
	border-bottom:1px solid #b3ae9f;}

.staffbox2{
	border-bottom:1px solid #b3ae9f;}
	
.telpc{display:none;}

/*問い合わせページなど*/

.txbox90{width:90%;}
.txbox100{width:100%;height:auto;}

.menusub{display:none;}