@charset "utf-8";

* html body{
}

#contents div.contentsInner{
background:none;
}

/* Flashエリア */
#topContents{
background:url(../../images/topcontents_bg.jpg) no-repeat left top;
}
#topContents div.topContentsBox{
min-height:112px;
width:860px;
margin:6px 20px 10px 20px;
padding:0 0 18px 0;
background:url(../../images/topcontents_box_bg.gif) no-repeat left bottom;
}
#topContents div.topContentsBox:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html #topContents div.topContentsBox{
height:130px;
display:inline-block;
}
*:first-child+html #topContents div.topContentsBox{
display:inline-block;
}

#topContents h2{
margin:0;
padding:0;
height:380px;
width:900px;
}
#topContents h2 div{
text-align:center;
padding:50px;
}

/* オンライン予約エリア */
#topContents #reserve{
position:relative;
float:left;
width:420px;
padding:10px 7px 3px 10px;
border-top:#eed4be 3px solid;
}
* html #topContents #reserve{
width:440px;
}

#topContents #reserve input,
#topContents #reserve select{
font-size:12px;
}

#topContents #reserve h3{
position:absolute;
top:-9px;
left:6px;
z-index:10;
}
#topContents #reserve div.searchTop{
position:relative;
width:340px;
margin-left:80px;
margin-bottom:6px;
}
#topContents #reserve div.searchTop a:link,
#topContents #reserve div.searchTop a:visited{
color:#da5278;
}
#topContents #reserve div.searchTop a:hover,
#topContents #reserve div.searchTop a:active{
color:#f65b86;
}
#topContents #reserve ul.searchLink{
padding-top:4px;
background:url(../../images/reserve_border.gif) repeat-x left top;
zoom:1;
}
#topContents #reserve ul.searchLink li{
display:inline-block;
/display:inline;
padding-right:15px;
zoom:1;
}
#topContents #reserve ul.searchLink li a:link,
#topContents #reserve ul.searchLink li a:visited{
color:#765435;
}
#topContents #reserve ul.searchLink li a:hover,
#topContents #reserve ul.searchLink li a:active{
color:#da5278;
}
#topContents #reserve div.peopleCount{
position:relative;
zoom:1;
}
#topContents #reserve div.peopleCount p{
margin-bottom:10px;
}
#topContents #reserve div.peopleCount p.searchBtn{
position:absolute;
margin-bottom:0;
padding:0;
right:0;
bottom:0;
z-index:5;
}
*:first-child+html  #topContents #reserve div.peopleCount p.searchBtn{
bottom:5px;
}
* html #topContents #reserve div.peopleCount p.searchBtn{
bottom:5px;
}

#topContents #reserve div.peopleCount div.childForm{
position:absolute;
top:1.8em;
left:82px;
padding:10px;
border:#c5b6a4 3px solid;
background-color:#f7e9db;
z-index:50;
}
#topContents #reserve div.peopleCount table{
width:190px;
margin-bottom:10px;
}
#topContents #reserve div.peopleCount table th{
padding:0 10px 5px 0;
font-weight:normal;
text-align:left;
vertical-align:middle;
}
#topContents #reserve div.peopleCount table td{
padding:0 0 5px 0;
text-align:right;
vertical-align:middle;
}
#topContents #reserve div.peopleCount p.close{
margin:0;
}
#topContents #reserve div.peopleCount p.close a{
padding-left:18px;
padding-top:1px;
background:url(../images/icon_close.gif) no-repeat left center;
zoom:1;
}

#topContents div.planBnr{
float:right;
width:405px;
border-top:#eed4be 3px solid;
}
#topContents div.planBnr ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html #topContents div.planBnr ul{
display:inline-block;
}
*:first-child+html #topContents div.planBnr ul{
display:inline-block;
}
#topContents div.planBnr li{
float:left;
padding-right:3px;
}

#topMenu{
clear:both;
width:860px;
margin:0 20px;
background:url(../../images/topmenu_bg_body.gif) no-repeat left bottom;
}
#topMenu ul{
margin-right:-5px;
padding:2px 0 2px 4px;
background:url(../../images/topmenu_bg_head.gif) no-repeat left top;
}
#topMenu ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html #topMenu ul{
display:inline-block;
}
*:first-child+html #topMenu ul{
display:inline-block;
}
#topMenu ul li{
float:left;
padding-right:7px;
}

/* main
-----------------------------------------------*/
#main{
float:right;
width:620px;
padding:15px 20px 50px 0;
background-color:#FFF;
}
* html #main{
width:640px;
}
#main div.mainInner{
clear:both;
width:620px;
margin-bottom:10px;
background:url(../../images/main_bg_body.gif) repeat-y left top;
}
#main div.mainBody{
width:620px;
padding-bottom:1px;
background:url(../../images/main_bg_bottom.gif) no-repeat left bottom;
}
#main div.title{
padding:15px 10px 0 10px;
background:url(../../images/main_bg_head.gif) no-repeat left top;
}
#main div.title div.slideShow{
height:93px;
width:601px;
margin-right:-1px;
margin-bottom:20px;
}

.section{
clear:both;
margin-bottom:15px;
padding:0 10px;
}

/* トピックス
-----------------------------------------------*/
dl.topicListA{
position:relative;
padding:8px 10px 0 10px;
background-color:#FFF;
}
dl.topicListB{
position:relative;
padding:8px 10px 1px 10px;
background-color:#f7eee3;
}
dl.topicListA dt,
dl.topicListB dt{
position:absolute;
top:8px;
left:10px;
}
dl.topicListA dd,
dl.topicListB dd{
margin:0;
padding:0 0 8px 100px;
}
dl.topicListA dd#feed a,
dl.topicListB dd#feed a{
display:inline-block;
padding-left:15px;
background:url(../images/icon_blank.gif) no-repeat 0 0.3em;
}

/* side
-----------------------------------------------*/
#side{
float:left;
width:240px;
padding:14px 0 10px 12px;
background:none;
}
* html #side{
width:250px;
}