/* CSS Document */
@charset "utf-8";

*{
  margin: 0;
  padding: 0;
  font-style:normal;
  font-weight: normal;
 
  }

body {
background:url(../images/back.jpg) repeat-x  #785641;
padding:0px;
font-size:12px;
}


#header_l h1 {
background:url(../images/title.jpg) left no-repeat;
text-indent:-9999px;
margin-top:20px;
height:21px;
width:467px;
}

p{color:#F0EBE5; line-height:1.5em; letter-spacing:0.1em; }

a{text-decoration:none; color: #F9EE76;}

a:hover{text-decoration:underline;}

li{list-style-type:none; color:#FFFFFF;}



#header_l{
height:71px;
width:542px;
float:left;
}

#header_r{
height:71px;
width:541px;
float:right;
}

#reservation {margin-top:5px; margin-left:187px; width:354px; height:36px;}
#reservation li {display:inline; list-style-type:none;}
#reservation li.tel h2{ background: url(../images/tel.gif); no-repeat; float:left; width:181px; height:19px; margin-top:17px;}

#reservation li.rsv{
background:#FE6A01;
height:36px;
width:173px;
display:block;
float:right;
opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
}

#reservation a:hover{
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
}


#rsv_s{
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
}


#rsv_s a:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
}

#header{
background:url(../images/header_bg.jpg) bottom no-repeat;
margin:0 auto;
height:104px;
width:1083px;
}

#wrapper{
background:url(../images/back02.jpg) top repeat-y;
margin:0 auto;
width:1083px;
height:auto;
}

#g_navi{background:url(../images/g_navi.jpg) top no-repeat; margin-left:40px; height:42px; width:1015px;}
#g_navi ul { padding:0;	margin: 0px; }
#g_navi li { display:inline; list-style-type:none;}
#g_navi li a{ text-indent:-9877em; text-decoration:none; overflow:hidden; display:block; float:left; height:42px;}
#g_navi li.g_navi01 a{background:url(../images/g_navi.jpg) no-repeat 0px 0px; width:121px;}
#g_navi li.g_navi02 a{background:url(../images/g_navi.jpg) no-repeat -121px 0px; width:120px;}
#g_navi li.g_navi03 a{background:url(../images/g_navi.jpg) no-repeat -241px 0px; width:144px;}
#g_navi li.g_navi04 a{background:url(../images/g_navi.jpg) no-repeat -385px 0px; width:121px;}
#g_navi li.g_navi05 a{background:url(../images/g_navi.jpg) no-repeat -506px 0px; width:113px;}
#g_navi li.g_navi06 a{background:url(../images/g_navi.jpg) no-repeat -619px 0px; width:113px;}
#g_navi li.g_navi07 a{background:url(../images/g_navi.jpg) no-repeat -732px 0px; width:148px;}
#g_navi li.g_navi08 a{background:url(../images/g_navi.jpg) no-repeat -880px 0px; width:135px;}

#g_navi li.g_navi01 a:hover{ background:url(../images/g_navi.jpg) no-repeat 0px -42px;}
#g_navi li.g_navi02 a:hover{ background:url(../images/g_navi.jpg) no-repeat -121px -42px;}
#g_navi li.g_navi03 a:hover{ background:url(../images/g_navi.jpg) no-repeat -241px -42px;}
#g_navi li.g_navi04 a:hover{ background:url(../images/g_navi.jpg) no-repeat -385px -42px;}
#g_navi li.g_navi05 a:hover{ background:url(../images/g_navi.jpg) no-repeat -506px -42px;}
#g_navi li.g_navi06 a:hover{ background:url(../images/g_navi.jpg) no-repeat -619px -42px;}
#g_navi li.g_navi07 a:hover{ background:url(../images/g_navi.jpg) no-repeat -732px -42px;}
#g_navi li.g_navi08 a:hover{ background:url(../images/g_navi.jpg) no-repeat -880px -42px;}


#wrapper_02{
background:url(../images/contents_bg.jpg) repeat-y top;
width:1015px;
margin-left:40px;
}

.page_top{
text-align:right;
display:block;
padding-right:20px;
clear:both;
display:block;
}

#f_link{position: absolute; bottom:0%; color:#C49A9A; display:block;}

#f_link a{color:#C49A9A; font-family:Geneva, Arial, Helvetica, sans-serif;}

#base{
background:#280302;
width:1083px;
height:35px;
margin:0 auto;
position:relative;
clear:both;
}

#copyright{
text-align:right;
color:#999999;
font-family:Geneva, Arial, Helvetica, sans-serif;
height:25px;
width:1083px;
margin:0 auto;
}

#footer{
clear:both;
background:#280302;
margin:0;
display:block;
}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;

}