html{
	height:100%;
}

body{
	text-align:center;
	height:100%;
}

/***************************************************/
/*全体の枠*/
/***************************************************/
div#wrapper{
	width:860px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	position: relative;
    height: 100%;
    min-height: 100%;
}

/***************************************************/
/*head€*/
/***************************************************/
#header{
	position:relative;
	width:860px;
	height:130px;
	background:url(../images/bg_head.jpg);
}

#header h1{
	display:block;
	width:260px;
	height:130px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	background:url(../images/h1_logo.png) no-repeat left;
}

#header a{
	display:block;
	width:260px;
	height:130px;
	font-size:0px;
}

/*navi*/
#header #navi{
	position:absolute;
	width:450px;
	height:30px;
	top:55px;
	left:410px;
	font-size:0px;
}

#header #navi ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#header #navi li{
	float:left;
	text-indent:-9999px;
	margin-right:27px;
}

#header #navi a{
	display:block;
	font-size:0px;
}

#header #navi a.b01{
	width:80px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b01.png) no-repeat;
}

#header #navi a.b01:hover{
	width:80px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b01_on.png) no-repeat;
}

#header #navi a.b02{
	width:80px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b02.png) no-repeat;
}

#header #navi a.b02:hover{
	width:80px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b02_on.png) no-repeat;
}

#header #navi a.b03{
	width:74px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b03.png) no-repeat;
}

#header #navi a.b03:hover{
	width:74px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b03_on.png) no-repeat;
}

#header #navi a.b04{
	width:82px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b04.png) no-repeat;
}

#header #navi a.b04:hover{
	width:82px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b04_on.png) no-repeat;
}


/***************************************************/
/*共通*/
/***************************************************/

strong.title{
	color:#327566;
}

h2.title2{
	font-size:14px;
	color:#327566;
	height:14px;
	margin:0px;
	padding:20px 0px;
}

p.t10{
	font-size:10px;
	line-height:13px;
}

.totop{
	text-align:right;
	padding:5px 0px;
}

/***************************************************/
/*本文*/
/***************************************************/
#contents{
	width:860px;
	padding:20px 0;
	margin-top:10px;
	background:url(../images/bg_wrapper.jpg) no-repeat;
	background-color:#FFFFFF;
}

#contents div#main{
	width:600px;
	height:auto;
	margin:0 20px;
	float:left;
}

/*about---------------------------------------------*/
#main h2#about{
	height:76px;
	background:url(../images/h2_about.png) no-repeat;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}

#main h3#about{
	font-size:12px;
	color:#327566;
	font-weight:normal;
	line-height:18px;
	display:block;
	position:absolute;
	top:210px;
	left:308px;
	width:270px;
	margin:0px;
	padding:0px;
}

#main div#about01{
	width:600px;
	height:135px;
	padding-top:40px;
	text-align:left;
	background:url(../images/image_about1.jpg) no-repeat bottom right;
}

#main div#about01 p{
	width:300px;
	margin-bottom:1.2em;
}

#main div#about02{
	width:600px;
	height:135px;
	padding-top:40px;
	text-align:left;
	background:url(../images/image_about2.jpg) no-repeat bottom left;
}

#main div#about02 p{
	width:300px;
	float:right;
	text-align:left;
}

/*menu---------------------------------------------*/
#main h2#menu{
	height:76px;
	background:url(../images/h2_menu.png) no-repeat left;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}

#main div#menu div#menulink{
	line-height:18px;
	padding:10px 0px;
	border-bottom:#a5d4ac dotted 1px;
	border-top:#a5d4ac dotted 1px;
}

#main h3#menu{
	height:15px;
	font-size:12px;
	font-weight:bold;
	color:#327566;
	margin:25px 0px 5px 0px;
	padding:0px 0px 0px 18px;
	background:url(../images/menuicon01.gif) no-repeat left top;
}

#main div#menu .menubox_l{
	width:290px;
	height:auto;
	float:left;
	margin:0px 20px 20px 0px;
}

#main div#menu .menubox_r{
	width:290px;
	height:auto;
	float:right;
	margin:0px 0px 20px 0px;
}

#main div#menu table{
	margin:5px 0px 5px;
	border-left:#a5d4ac solid 1px;
	border-top:#a5d4ac solid 1px;
}

#main div#menu td{
	font-size:12px;
	color:#505050;
	padding:5px;
	border-bottom:#a5d4ac solid 1px;
}

#main div#menu td.sub{
	border-right:#a5d4ac solid 1px;
	text-align:center;
	background-color:#cbe5ca;
}

#main div#menu td.price{
	border-right:#a5d4ac solid 1px;
	text-align:right;
}


/*staff---------------------------------------------*/

#main h2#staff{
	height:76px;
	background:url(../images/h2_staff.png) no-repeat left;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}


#main div.staffbox{
	width:580px;
	border-top:#a5d4ac dotted 1px;
	margin:0px 10px 30px;
	padding:20px 0px;
	background:url(../images/bg_staffbox.gif) no-repeat bottom right;
}

#main div.staffvox img{
}



/*access---------------------------------------------*/
#main h2#access{
	height:76px;
	background:url(../images/h2_access.png) no-repeat left;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}

#main div#access{
	text-align:left;
	padding:0px 0px 20px;
	margin:0px 0px 20px;
	border-bottom:#a5d4ac dotted 1px;
}

#main h3.access{
	font-size:14px;
	color:#327566;
}

#main div#access_map{
	width:600px;
	text-align:left;
	padding:0px 0px 20px;
	margin:20px 0px;
	border-bottom:#a5d4ac dotted 1px;
}

#main div#access_map .parking{
	padding:20px 0px 0px;
	margin:20px 0px 0px;
	border-top:#cccccc dotted 1px; 
}

#main div#lastorder{
	margin:0;
}

#main div#lastorder table{
	margin:5px 0px 5px;
	border-left:#a5d4ac solid 1px;
	border-top:#a5d4ac solid 1px;
}

#main div#lastorder th{
	padding:5px 5px 0px;
	border-right:#a5d4ac solid 1px;
	border-bottom:#a5d4ac solid 1px;
	background-color:#cbe5ca;
	text-align:center;
	font-weight:normal;
}

#main div#lastorder td{
	padding:5px 5px 0px;
	border-bottom:#a5d4ac solid 1px;
	border-right:#a5d4ac solid 1px;
}


/*pg---------------------------------------------*/
#main div#pg{
	margin:0px;
	padding:0px;
	height:auto;
}

#main h2#pg{
	height:76px;
	background:url(../images/h2_pg.png) no-repeat left;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}

#main h3#pg{
	font-size:12px;
	font-weight:normal;
	color:#505050;
	margin:0px 0px 20px 0px;
	padding:0px;
}

#main div#pg ul{
	width:588;
	margin:0px;
	padding:0px;
}

#main div#pg li{
	float:left;
	width:146px;
	height:260px;
	list-style:none;
	margin:0px;
	padding:0px;
}

*html #main div#pg li{
	float:left;
	width:139px;
	height:260px;
	list-style:none;
	margin:0px;
	padding:0px;
}

#main div#pg table{
	margin:0px;
}

#main div#pg td{
	font-size:10px;
	line-height:14px;
	color:#505050;
}

/*recruit---------------------------------------------*/

#main div#recruit table{
	margin:15px 0px;
	border-left:#a5d4ac solid 1px;
	border-top:#a5d4ac solid 1px;
}

#main div#recruit th{
	font-size:12px;
	font-weight:normal;
	color:#505050;
	padding:5px;
	border-bottom:#a5d4ac solid 1px;
	border-right:#a5d4ac solid 1px;
	background-color:#f2f2da;
}

#main div#recruit td{
	font-size:12px;
	line-height:18px;
	color:#505050;
	padding:5px;
	border-bottom:#a5d4ac solid 1px;
	border-right:#a5d4ac solid 1px;
}


/***************************************************/
/*右カラム*/
/***************************************************/

#contents div#side{
	width:200px;
	margin:0px 20px 0px 0px;
	float:right;
}

/*tel------------*/
#contents div#side #tel{
	height:auto;
	padding:15px;
	margin-bottom:20px;
	background:url(../images/bg_side_tel.jpg) no-repeat;
}


/*カレンダー*/
#contents div#side #calender{
	margin-top:20px;
}

#contents div#side #calender h4{
	width:200px;
	height:30px;
	margin:0;
	padding:0px;
	background:url(../images/h4_calender.gif);
	text-indent:-9999px;
}

#contents div#side #calender table{
	margin:0;
	border-top:#a5d4ac solid 1px;
	border-left:#a5d4ac solid 1px;
}

#contents div#side #calender th{
	padding:3px;
	border-right:#a5d4ac solid 1px;
	border-bottom:#a5d4ac solid 1px;
	background-color:#cbe5ca;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	
}

#contents div#side #calender td{
	padding:3px;
	border-right:#a5d4ac solid 1px;
	border-bottom:#a5d4ac solid 1px;
	background-color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}

#contents div#side #calender span.pink{
	color:#eccec5;
}

#contents div#side #calender span.green{
	color:#a5d4ac;
}

/*バナー------------------*/
#contents div#side .banner{
	margin:20px 0px 10px;
}

#contents div#side .banner img{
	margin-bottom:10px;
}

/*mm-------------------------*/
#contents div#side #mm{
	height:auto;
	padding:15px;
	background:url(../images/bg_side_mm.jpg) no-repeat;
}


/***************************************************/
/*フッタ*/
/***************************************************/

#footer{
	clear:both;
	position:relative;
	margin:0px auto;
	width:860px;
	height:60px;
	background:url(../images/contents_bg.gif) no-repeat top;
	background-color:#FFFFFF;
	
}

#footer div#footmenu{
	float:left;
	width:500px;
	height:11px;
	padding:35px 0px 15px 25px;
	font-size:10px;
	color:#8F8F8F;
	text-align:left;
}

#footer div#footmenu a{
	font-size:10px;
}

#footer div#copy{
	float:right;
	width:290px;
	height:11px;
	padding:35px 25px 15px 0px;
	text-align:right;
}

#footer div#copy address{
	font-size:10px;
	color:#8F8F8F;
	font-style:normal;
}

/***************************************************/
/*レイアウトのズレ防止*/
/***************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    visibility: hidden;
    clear: both; 
    height: 0; 
    font-size: 0.1em; 
	line-height: 0; 
}

.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}