@charset "UTF-8";

/* ++ Reset CSS ++ */

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ++予約番検索フレーム++ */
.iframe-content {
    position: relative;
    width: 100%;
	background:#C2D2B1;
}
.iframe-content iframe {
    width: 530px;
	height:190px;
}

/* ++ きれいな明朝 ++ */
.min{font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-weight: bold;}

/* ++きれいなゴシック++ */
.gos{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}


/* ++ 予約番ヘッダー ++ */
#customer_header{width:1100px; margin: 10px auto;background:#40563C url(https://reserve.489ban.net/storage/customer/489/ohkawa/img/sTOP00.jpg) no-repeat center; background-position: 0px 0px; background-size: 1060px 135px;}
#customer_header .rogo-f{ background: #fff; width:300px; height:300px;margin-left:30px;float:left;}
#customer_header .rogo-f img{margin-top:80px;}

#customer_header figure{ width:100%;}
#customer_header figure img{ width:100%;}
#ok-nav{float:right;width:700px; margin: 0 auto;padding-right:5px;padding-top:155px;}
#customer_header #ok-nav li a{display:block; text-align:center;border: 1px solid #233021;}
#customer_header #ok-nav li:hover{background:#40563C;}
#customer_header #ok-nav li{
	width: 115px;
	height: 35px;
	line-height: 35px;
	float: left;
	margin: 5px;
	text-align: center;
	font-size: 0.9em;
	background: #40563C;
	list-style-type: none;
}
#customer_header #ok-nav a:link{ color:#fff; text-decoration:none; background:#40563C;}
#customer_header #ok-nav a:visited{ color:#fff;background:#40563C;}
#customer_header #ok-nav a:hover{ color:#EDE2A8; background:#5C7D57;}

#ok-nav *{ 
	-moz-transition-property: background,color;
	-webkit-transition-property: background,color;
	-o-transition-property: background,color;
	-ms-transition-property: background,color;
	transition-property: background,color;

	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}/* リンク：アニメーション */

.pageli {color:#EDE2A8;border: 1px solid #233021;}/* 現在のページ */