@charset "UTF-8";

/* ----------------------------------------
	common
---------------------------------------- */
.table {
    border-collapse: collapse;
    margin-bottom: 30px;
    width: 100%;
}
.table th {
	background:url(../images/common/foot_bg.jpg) ;
    border: 1px solid #666666;
    color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}
.table td {
    border: 1px solid #666666;
    padding: 15px;
	text-align:left;
}
#form-button {
    text-align: center;
	margin-bottom:100px;
}
#form-button #button01,
#form-button #button02,
#form-button #button03{
    background: url(../images/reservation/button.jpg) no-repeat left top;
    border: 0 none;
	padding:0;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    margin: auto auto 30px;
    color:#FFFFFF;
    width: 250px;
	text-indent:10px;
	font-size:16px;
}
#form-button #button01:hover, #form-button #button02:hover, #form-button #button03:hover {
    opacity: 0.7;
}
#paging span.current_page {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    color: #000000;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}
#paging .link_page {
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}
#paging .link_page:hover, #paging .link_page:active {
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
    text-decoration: none;
}
#paging .link_next {
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}
#paging .link_next:hover, #paging .link_next:active {
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
    text-decoration: none;
}
#paging .link_before {
    border: 1px solid #cccccc;
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    text-decoration: none;
}
#paging .link_before:hover, #paging .link_before:active {
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
    text-decoration: none;
}
#paging {
    clear: both;
    margin: 20px auto;
    text-align: center;
}
#paging ul {
    display: inline-block;
    margin-bottom: 30px;
}
#paging li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: inline-block;
    margin: 0;
    padding: 0;
}
#paging li span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 0;
    padding: 0 0 0 5px;
}
#detail-bottom {
    border-top: 1px solid #cccccc;
    margin-bottom: 50px;
    margin-top: 30px;
    overflow: hidden;
    padding-top: 10px;
}
#next {
    display: inline-block;
    float: right;
    text-align: right;
    width: 100px;
}
#next a,
#before a{
    background:#000000;
    color: #ffffff;
	display:block;
	height:25px;
	line-height:25px;
	width:100px;
	text-align:center;
}
#before {
    display: inline-block;
    float: left;
    width: 100px;
}
#foot{
	height:initial;
}
#next a:hover,
#before a:hover{
	text-decoration:none;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.attention,
.ERR{
	color:#F00;
}
/* ----------------------------------------
	about
---------------------------------------- */
#title_about{
	height:200px;
	width:1100px;
	margin:auto;
	overflow:hidden;
	background-image:
	url(../images/about/title.jpg),
	url(../images/common/topimg_line.jpg)
	;
	background-repeat:
	no-repeat,
	repeat-x
	;
	background-position:
	center 20px,
	center bottom
	;
	overflow:hidden;
}
#page_about{
	margin:auto;
	width:1100px;
	text-align:center;
	overflow:hidden;
}
#about01{
	padding-top:90px;
	background:url(../images/about/text01.jpg) no-repeat center 30px;
}
#about02{
	clear:both;
	padding-top:90px;
	height:83px;
	background-image:
	url(../images/about/text02.jpg),
	url(../images/about/illust01.jpg);
	background-repeat:
	no-repeat,
	no-repeat;
	background-position:
	center 30px,
	left top;
}
#page_about #photo01{
	width:1120px;
	overflow:hidden;
	margin-bottom:20px;
}
#page_about #photo01 li{
	width:540px;
	margin-bottom:20px;
	margin-right:20px;
	float:left;
}
#page_about #photo02{
	width:1125px;
	overflow:hidden;
	margin-bottom:20px;
}
#page_about #photo02 li{
	width:350px;
	margin-bottom:25px;
	margin-right:25px;
	float:left;
}
#page_about #button{
	background:url(../images/about/illust02.jpg) no-repeat right top;
	height:120px;
	margin-bottom:30px;
}
#page_about dl{
	padding-left:520px;
	overflow:hidden;
	height:240px;
	margin-bottom:50px;
	background-image:
	url(../images/about/photo08.jpg),
	url(../images/common/access_logo.png);
	background-repeat:
	no-repeat,
	no-repeat;
	background-position:
	left top,
	520px 45px;
	padding-top:220px;
	text-align:left;
}
#page_about dl dt{
	clear:left;
	float:left;
	width:130px;
	margin-bottom:10px;
	font-size:16px;
}
#page_about dl dd{
	float:left;
	margin-bottom:10px;
	font-size:16px;
}
#page_about .contact{
	margin-bottom:100px;
}
.about #access_body iframe{
	float:none;
	margin-right:0px;
	margin:50px auto;
}
/* ----------------------------------------
	reservation
---------------------------------------- */
#title_reservation{
	height:200px;
	width:1100px;
	margin:auto;
	margin-bottom:20px;
	overflow:hidden;
	background-image:
	url(../images/reservation/title.jpg),
	url(../images/common/topimg_line.jpg)
	;
	background-repeat:
	no-repeat,
	repeat-x
	;
	background-position:
	center 20px,
	center bottom
	;
	overflow:hidden;
}
#page_reservation{
	margin:auto;
	width:1100px;
	text-align:center;
	overflow:hidden;
}
.table02{
	width:100%;
	border-bottom:1px solid #000000;
	margin-bottom:20px;
}
.table02 dt{
	clear:left;
	width:250px;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#2f241b;
	color:#FFFFFF;
	float:left;
	margin-bottom:1px;
	font-size:16px;
}
.table02 dd{
	height:60px;
	line-height:60px;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	text-align:left;
	padding-left:20px;
	overflow:hidden;
}
.table02 dt.comment{
	height:200px;
	line-height:200px;

}
.table02 dd.comment{
	height:180px;
	padding-top:20px;
}
.table02 dd.comment textarea{
	width:90%;
}
/* ----------------------------------------
	blog
---------------------------------------- */
#title_blog{
	height:200px;
	width:1100px;
	margin:auto;
	margin-bottom:20px;
	overflow:hidden;
	background-image:
	url(../images/blog/title.jpg),
	url(../images/common/topimg_line.jpg)
	;
	background-repeat:
	no-repeat,
	repeat-x
	;
	background-position:
	center 20px,
	center bottom
	;
	overflow:hidden;
}
#page_blog{
	margin:auto;
	width:1100px;
	text-align:left;
	overflow:hidden;
}
#page_blog h2{
	font-size:20px;
	font-weight:normal;
}
#page_blog #day{
	margin-bottom:20px;
	text-align:right;
}
#page_blog p#all{
	margin-bottom:70px;
	border:1px solid #382d25;
	clear:both;
}
#page_blog p#all a{
	display:block;
	height:60px;
	width:100%;
	background-image:
	url(../images/common/button_all.jpg),
	url(../images/common/bottom_bg.jpg)
	;
	background-repeat:
	no-repeat,
	repeat
	;
	background-position:
	center center,
	left top
	;
	text-indent:-9999px;
}
#page_blog p#all a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#page_blog ul#blog_list{
	width:1125px;
	overflow:hidden;
	margin-bottom:30px;
}
#page_blog ul#blog_list li{
	width:350px;
	display:inline-block;
	margin-right:22px;
	margin-bottom:20px;
	overflow:hidden;
	vertical-align:top;
	text-align:left;
}
#page_blog ul#blog_list li a.img{
	display:block;
	width:350px;
	height:230px;
	margin-bottom:5px;
	overflow:hidden;
}
#page_blog ul#blog_list li a.img img{
	width:100%;
}
#page_blog .contact{
	margin-bottom:100px;
}
#page_blog #facebook{
	margin-bottom:50px;
}
#contents{
	width:750px;
	float:left;
}
#side{
	width:300px;
	float:right;
}
#side h3 {
    background: url(../images/common/foot_bg.jpg);
    border: medium none;
    color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0 0 0 15px;
}
#side ul{
    margin-bottom: 30px;
}
#side li {
    background:url(../images/blog/icon.jpg) no-repeat left 15px;
    border-bottom: 1px solid #2b1f16;
    color: #cccccc;
    padding: 7px 0 7px 15px;
}
#bside li a:link, #side li a:visited{
    text-decoration: none;
}
#bside li a:hover, #side li a:active{
    text-decoration: underline;
}