@charset "utf-8";
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#headerWrapper,#mainImg,#contentWrapper,#footerWrapper {
width:100%;
}
/*～以下、画面の横幅が640pxまでの場合のスタイル記入～*/

 /*------------------------------------------------------------RESET*/
body, div, p,  ul, ol, li, dl, dt, dd, table, th ,td, img,
h1, h2, h3 ,h4 ,h5, h6, form, select,input,textarea {
	font:14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size:small;
	*font:x-small;
	font-weight:normal;
	color:#555;
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style: none;
	}
img {
	border: 0;
	vertical-align: middle;
	}
table {
	border-collapse: collapse;
	}
	
input,select,textarea {
	vertical-align: middle;
	border:1px solid #ccc;
	}
textarea {
	resize: vertical;
	}
table {
    font-size:inherit;
    font:100%;
	}
a {
	text-decoration:none;
	color:#7b5841;
	}
a:hover {
	text-decoration:underline;
	color:#C60;
	}
.fs26 { font-size:197%; }

.link a {
	padding-left:10px;
	background:url(../img/common/arrow02_off.png) no-repeat 0 6px;
	font-size:16px;
	}
.link a:hover {
	background:url(../img/common/arrow02_on.png) no-repeat 0 6px;
	}

.pagetop {
	width:95%;
	margin:0 auto;
	padding-bottom:10px;
	text-align:right;
	}
.attention {
	color:#86ab07;
	font-size:10px;
	}
.displyNon {
	display:none;
	}
	
/*------------------------------------------------------------HEADER*/
#headerWrapper {
	border-bottom:6px solid #86ab07;
	min-width:488px;
	}
#header {
	position:static;
	margin:0 auto;
	}
#logo {
	float:none;
	width:290px;
	margin:15px auto 50px auto;
	}
#menu {
	clear:left;
	width:488px;
	margin:0 auto 0 auto;
	}
#menu li {
	float:left;
	width:96px;
	margin:0 0 0 0;
	}
#option {
	position:static;
	width:263px;
	margin:6px auto 15px auto;
	text-align:center;
	}
#option .tel {
	margin-top:14px;
	margin-left:3px;
	}
#option .reserve {
	display:block;
	margin-top:14px;
	}
	
	
/*------------------------------------------------------------CONTENT*/
#contentWrapper {
	background:#f6f3e6;
	min-width:488px;
	}
#content {
	width:95%;
	margin:0 auto;
	padding-top:55px;
	}
#mainColumn {
	/*float:right;
	width:720px;*/
	}
	
/*------------------------------------------------------------SIDE*/
#subColumn {
/*	float:left;
	width:220px;
	margin-right:30px;*/
	}
#subColumn #subMenu {
	width:98%;
	margin:0 auto;
	}
	#subMenu li {
		float:left;
		width:22%;
		margin:0 0 0 10px;
		border:3px solid #86ab07;
		background: #fff;
		text-align:center;
		color:#86ab07;
		}
	#subMenu li:first-child {
		margin-left:0;
		}
	#subMenu li a {
		display:table-cell;
		height:80px;
		vertical-align:middle;
		padding:5px;
		color:#86ab07;
		}
	#subMenu li.double a {
		line-height: 1.4!important;
		}
	#subMenu li a:hover {
		color:#86ab07;
		text-decoration:underline;
		}
#subColumn .buildingImg {
	display:none;
	}
#subColumn .address {
	margin:20px 0 0 10px;
	padding-bottom:20px;
	}
#subColumn .address dd {
	margin-top:12px;
	line-height:1.6;
	}

#subColumn #bunnerArea {
	position:relative;
	width:452px;
	margin:0 auto;
	}
#subColumn #bunnerArea {
	margin-top:20px;
	}
#subColumn #bunnerArea li {
	margin-bottom:6px;
	}
#subColumn #bunnerArea li.reserve {
	display:none;
	}
	
/*side*/
#subColumn #bunnerArea li.reserve,
#subColumn #bunnerArea li.higaeri {
	display:none;
	}
/*------------------------------------------------------------FOOTER*/
#footerWrapper {
	min-width:488px;
	}
#footer {
	clear:both;
	width:100%;
	background:#d9cc98;
	}
/*#footer ul {
	width:90%;
	background:#ccc;
	height:30px;
	margin:0 auto;
	text-align:center;
	}*/
#footer ul {
	width:95%;
	margin:0 5%;
	padding:30px 0;
	}
#footer li {
	float:left;
	width:130px;
	margin-bottom:20px;
	border-left:1px solid #666;
	}
#footer li:first-child {
	/*border-left:none;*/
	}
#footer li:last-child {
	border-right:1px solid #666;
	}
#footer li a {
	display:block;
	text-align:center;
	}
#footer p {
	clear:left;
	width:100%;
	padding:7px 0;
	background:#86ab07;
	text-align:center;
	}
#footer .copyright {
	color:#eee;
	}




}