@charset "Shift_JIS";

/*---------------------------------
-----------------------------------
#wrapper
	└#heaedr
	└#navi
	└#container
		└#side
		└#content
	└#footer
------------------------------------
----------------------------------*/

/*default
-----------------------------------*/
body,h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, li,address,caption {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6,p{
	margin-bottom:1em;
	}
dt,dd{
	margin:0;
	padding:0;
	}
body, td, th {
	color: #ffffff;
	font-size:12px;
	line-height:1.8;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	
}
body {
	background-image: url(/bodyBG.gif);
}

i,address{
	font-style:normal;
	}
em{
	font-style:normal;
	}
hr{
	border:none;
	border-top:#fff 1px solid;
	}
small{	font-size:10px;	}
.green{	color:#7c0;	}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	}


/*link
-----------------------------------*/
a{	color:#85B3B9;	}
a:hover,a:active{	color:#C4E0DD;	}
a:visited{	color:#85B3B9;	}


/*wrapper
-----------------------------------*/
#wrapper{
	padding:10px 0 50px 0;
	text-align:center;
	background:#fff url(../img/bg_wrapper.gif) center bottom no-repeat;
	background-color:#fcdae5
	}


/*headre
-----------------------------------*/
#header{
	margin:0 auto;
	width:750px;
	height:120px;
	position:relative;
	background:url(../img/bg_header.jpg) no-repeat center top;
	}
#header h1{	margin:0;	}
#header h1 a{
	position:absolute;
	left:23px;
	top:8px;
	width:250px;
	height:60px;
	font-size:9px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/obj_logo.gif) no-repeat;
	}

#header h2{
	position:absolute;
	left:22px;
	top:69px;
	font-size:12px;
	font-weight:normal;
	}
	
/*navigation(メニュー)
-----------------------------------*/


/*文字を消すハック*/
#navi li {
  text-indent: -9999px;background-color:#FFFFFF;
}
#navi{
	margin:0 auto 0px auto;
	width:750px;
	height:35px;
	background:url(../img/bg_menu.jpg) no-repeat;
	background-color:#FFFFFF;
	}
#navi ul{
	margin-left:190px;background-color:#FFFFFF;
	}
#navi li, #navi a {
	display: block;
	width: 110px;
	height: 35px;
	float:left;background-color:#FFFFFF;
}

#navi a {
	text-decoration: none;
	overflow:hidden;
	background: url(../img/bg_menu.jpg) no-repeat -190px top;
	background-color:#FFFFFF;
}

/*背景画像の位置設定*/
#menu02 a { background-position: -300px 0 }
#menu03 a { background-position: -410px 0 }
#menu04 a { background-position: -520px 0 }
#menu05 a { background-position: -630px 0 }
#menu01 a:hover { background-position: -190px -35px }
#menu02 a:hover { background-position: -300px -35px }
#menu03 a:hover { background-position: -410px -35px }
#menu04 a:hover { background-position: -520px -35px }
#menu05 a:hover { background-position: -630px -35px }
/*現在のページ*/
#menu01 a.current { background-position: -190px -35px }
#menu02 a.current { background-position: -300px -35px }
#menu03 a.current { background-position: -410px -35px }
#menu04 a.current { background-position: -520px -35px }
#menu05 a.current { background-position: -630px -35px }

/*container（コンテンツを囲む枠）
-----------------------------------*/
/*clearfixハック*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
#container{
	margin:0 auto;
	width:750px;
	}

#container_top{
	margin:0 auto;
	width:750px;
	margin-bottom:15px;
	text-align:left;
	}
#container_top .flash{
    width:530px;
	float:right;
	}
#container_top .news{
    width:210px;
	float:left;
	}


/*side
-----------------------------------*/
#side{
	float:left;
	padding:15px 0 0 0;
	width:200px;
	background:url(../img/bg_side.gif) center top no-repeat;
	}
.side-head{
	display:block;
	margin:2px 5px;
	padding:3px 0;
	width:190px;
	font-size:14px;
	color:#fff;
	background-color:#7BC613;
	}
/*お店情報*/
#shop-info{
	margin:0 5px 10px 5px;
	padding:5px 0 0 10px;
	width:180px;
	height:125px;
	text-align:left;
	line-height:1.5;
	background:url(../img/bg_shopinfo.jpg) no-repeat;
	}
#shop-info strong{
	line-height:1.6;
	font-size:16px;
	color:#16291A;
	}
#shop-info em{
	font-size:14px;
	font-weight:bold;
	}

/*content（メインコンテンツ）
-----------------------------------*/
#content{
	float:right;
	width:530px;
	text-align:left;
	}

#content h3{
	padding:2px 0 8px 25px;
	font-size:16px;
	color:#fff;
	background:url(../img/bg_head.gif) left top no-repeat;
	}

/*footer
-----------------------------------*/
#footer{
	clear:both;
	padding:30px 0 0 0;
	text-align:center;
	background:#fff url(../img/bg_footer.jpg) repeat-x;
	}

#footer h4{
	font-weight:normal;
        font-size:11px;
	}
	
/********************************************************
各ページ毎の指定
********************************************************/

/*topページ
-----------------------------------*/
/*おすすめスタッフ*/

#recommend dl{
	float:left;
	margin-right:10px;
	width:170px;
	}
#recommend dl.last{	margin-right:0;	}
#recommend dt{
	padding:4px;
	margin-bottom:3px;
	background:#fff;
	border:#ccc 1px solid;
	}
#recommend dd{
	text-align:center;
	}

/*お店の案内*/
#about{
	margin-bottom:20px;
	padding:55px 10px 0 10px;
	width:506px;
	border:#91CC41 2px solid;
	background:url(../img/bg_about.jpg) left top no-repeat;
	}
#img-box{
	text-align:right;
	}
#img-box img{
	margin:0 0 5px 5px;
	}

/*システム
-------------------------------------*/
/*コース案内*/
.course{
	margin-bottom:15px;
	border-collapse:collapse;
	border-bottom:#aaa 1px dotted;
	}
.course td{
	padding:5px 5px 5px 0;
	vertical-align:top;
	}
.cost{
	width:70px;
	font-weight:bold;
	font-size:14px;
	color:#7c0;
	text-align:right;
	}
.cost small{
	font-weight:normal;
	color:#666666;
	}
/*店内画像*/
#room{
	width:530px;
	}
#room img{
	padding:4px;
	margin:0 10px 0 0;
	float:left;
	background-color:#fff;
	border:#ccc 1px solid;
	}
#room img.last{	margin-right:0;	}

/*スタッフ
-------------------------------------*/
.staff{
	margin:0 0 20px 0;
	}

.photo{
padding:4px;
	background:#fff;
	border-right:#ccc 1px solid;
	border-left:#ccc 1px solid;
	border-top:#ccc 1px solid;
	}
.name{
	padding:4px;
	width:160px;
	text-align:center;
	font-weight:bold;
	color:#339900;
	background:#fff;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	}
.commennt{
	font-size:10px;
	}

/*アクセス
-------------------------------------*/
#map{
	margin:0 0 15px 0;
	padding:8px;
	border:#B6E673 2px solid;
	}
#access-img{
	margin-bottom:15px;
	}
#access-img td{
	padding:3px 4px;
	font-size:10px;
	vertical-align:top;
	}
#access-img img{
	border:#B6E673 1px solid;
	}
/*求人案内
-------------------------------------*/
#recruit-box{
	width:530px;
	background:#B6E673 url(../img/recruit/bg_box-bottom.gif) center bottom no-repeat;
	}
#recruit-box .clearfix{
	padding:10px;
	background:url(../img/recruit/bg_box-top.gif) center top no-repeat;
	}
#recruit-box .clearfix img{
	float:left;
	padding-right:5px;
	}
#recruit-table{
	margin:5px auto 15px auto;
	width:490px;
	background-color:#EAFFC2;
	border-collapse:collapse;
	border-left:#B2CC3E 1px solid;
	border-top:#B2CC3E 1px solid;
	}
#recruit-table th{
	padding:5px;
	width:70px;
	text-align:right;
	vertical-align:top;
	}
#recruit-table td{
	padding:5px;
	}


#test_table{
	border-collapse:collapse;
	margin-top:15px;
	}
#test_table td, #test_table th{
	padding:2px 0 12px 5px;
	text-align:left;
	background:url(../img/line_top.jpg) left bottom repeat-x;
	}
#test_table th{
	font-weight:normal;
	color:#336600;
	background-color:#efefef;
	}