@charset "utf-8";
/* ===================================================================
CSS information

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */


/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	color: #210303;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro","Droid Sans", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%; /* 文字の拡大縮小を防ぐ */
	background: #fff;
}

/*タップ時のカラー指定*/
a {-webkit-tap-highlight-color: rgba(200,200,555,.6);}  

a:link {color: #261100; text-decoration: none;}
a:visited {color: #261100; text-decoration: none;}
a:hover {color: #261100; text-decoration: none;}
a:active {color: #261100; text-decoration: none;}

/* 画像圧縮・拡大 */
img {
	max-width: 100%;
	height: auto;
}

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

ol, ul {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

/* clearfix */
.clearfix{
	zoom:1;
}
.clearfix:after {
	display:block; 
	clear:both;
	content:""; 
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	margin: 0 auto;
	max-width: 640px;
	min-width: 320px;
	overflow: hidden;
	position: relative;

}

/*----------------------------------------------------
	#header 	ヘッダー
----------------------------------------------------*/
#header {
	width: 100%;
	overflow: hidden;
	background: url(../images/common/bg_green.jpg) top left repeat;
}

#header h1 {
	width: 65%;
	float: left;
	margin-bottom: 3%;
}

#header #hnav {
	float: right;
	width: 34%;
	overflow: hidden;
	padding-top: 1%;
}

#header #hnav li {
	float: left;
	width: 45%;
	padding: 0 2% 3%;
	border-left: 1px solid #d4d4d4;
	text-align:center;
	margin-bottom: 2%;
}

#header #hnav li a {
	text-decoration: none;
	font-size:75%;
	color: #fff;
}

#header #hnav li:last-child {
	border-right: none;
	padding-right: 0;
}

#header #hnav li a i {
	color: #fff;
	display:block;
	font-size: large;
}

/*----------------------------------------------------
	#con_menu
----------------------------------------------------*/



/*----------------------------------------------------
	#footer 	フッター
----------------------------------------------------*/
#footer {
	text-align:center;
}

#footer .box_reserve{
	background: #fffbea url(../images/home/img_line.jpg) top left repeat-x;
	background-size: auto 5px;
	padding-bottom: 3%;
}

#footer .box_reserve .btn_tel{
	width: 89%;
	margin: 0 auto;
	padding-top: 5%;
	overflow: hidden;
}

#footer .box_reserve .btn_tel a{
	display: block;
	font-size: 90%;
}

#footer .box_reserve .btn_tel a span{
	font-size: 175%;
	font-weight: bold;
	color: #dc2501;
}

#footer .box_reserve .btn_tel img{
	float: left;
	width: 18%;
}

#footer .box_reserve .btn_tel p{
	float: left;
	width: 80%;
	text-align: center;
	font-size: 130%;
}

#footer .footer_menu{
	width: 100%;
	overflow: hidden;
	border-top: solid 1px #c1ac94;
}

#footer .footer_menu li{
	width: 49.6%;
	float: left;
	text-align: left;
	border-bottom: solid 1px #c1ac94;
	border-right: solid 1px #c1ac94;
}

#footer .footer_menu li a{
	display: block;
	padding: 6% 0 6% 10%;
}

#footer .footer_menu li a i{
	float: right;
	padding-right:3%;
	color: #00371d;
}

#footer .footer_menu li.last{
	border-right: none;
	border-left: none;
}

#footer .txt_footer{
	background: url(../images/common/bg_green.jpg) top left repeat;
	padding-bottom: 3%;
}

#footer .txt_footer address {
	color: #fff;
}

#footer .txt_footer address img{
	margin-bottom: 1%;
}

#footer .txt_footer address a:link, address a:visited, address a:hover,
 address a:active{
	color: #fff;
}

#footer .txt_footer .txt_tel{
	background: #fffbe6;
	color: #002312;
	width: 80%;
	text-align: center;
	padding: 2%;
	margin: 3% auto;
}

#footer .copyright {
	padding: 5px 0;
	text-align: center;
	background:#e5ebe5;
	color:#00371d;
	font-size: 70%;
}

/*----------------------------------------------------
	.btn_menu メニューリスト
----------------------------------------------------*/
#gnav {
	position: absolute;
	z-index: 99;
	top: 0;
	right: 0;
	width: 100%;
	background: #fffbea;
	border-left: 1px solid #bdc298;
	height: 100%;
	overflow: hidden;
	display: none;
}

#gnav .box_gnav {
	position: relative;
	overflow: hidden;
	background: url(../images/common/bg_green.jpg) top left repeat;
}

#gnav .box_gnav h3 {
	position: absolute;
	top: 50%;
	color: #fff;
	padding-left: 1em;
	margin-top: -0.3em;
}

#gnav .btn_close {
	width: 40%;
	float: right;
	margin: 5% 3% 5% 0;
	text-align: center;
}

#gnav .btn_close a{
	color:#fff;
}

#gnav ul {
	clear: both;
	overflow: hidden;
}

#gnav ul li {
	border-bottom: 1px solid #878516;
	width: 49.7%;
	float: left;
	font-size: 95%;
}

#gnav ul li:first-child,#gnav ul li:nth-child(2) {
	border-top: 1px solid #878516;
}

#gnav ul li:nth-child(2),#gnav ul li:nth-child(4),
#gnav ul li:nth-child(6) ,#gnav ul li:nth-child(8),li:nth-child(10){
	border-left: 1px solid #878516;
}

#gnav ul li a {
	overflow: hidden;
	position: relative;
	display: block;
	text-decoration: none;
	padding: 1em;
}

#gnav ul li a i{
	float: right;
	padding-right:3%;
	color: #00371d;
}

#gnav ul li a:after {
	content: " ";
	display: block;
	position: absolute;
	width: 15px;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
	-webkit-background-size: contain;
	background-size: contain;
	right: 3%;
	top: 50%;
	margin-top: -7px;
	z-index: 2;
}

#gnav ul li a .img {
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	margin: 0 3% 0 3%;
}

#gnav ul li a .title {
	display: inline-block;
	vertical-align: middle;
}

#gnav ul li.plan a {
	color: #782a38;
}

/*----------------------------------------------------
	共通パーツ
----------------------------------------------------*/

/*========== テーブル ==========
table.tbl_basic {
	border-top:#c5c5c5 solid 1px;
	width:96%;
	margin: 0 auto 20px;
	font-size:small;
}

table.tbl_basic tr{
	border-bottom:#c5c5c5 solid 1px;
}

table.tbl_basic th{
	font-weight:normal;
	background-color: #d5e6ed;
	vertical-align:middle;
	padding:2%;
	width:30%;
	border-left:#c5c5c5 solid 1px;
	border-right:#c5c5c5 solid 1px;
}

table.tbl_basic td{
	vertical-align:middle;
	padding:2%;
	width:65%;
	border-right:#c5c5c5 solid 1px;
}

*/