@charset "utf-8";

#contentsAll {
 background:url(../../img/index/bg.jpg) repeat-x;
 width:100%;
}
/*
 ヘッダー部分
----------------------------------------------------------- */
#header_i{
 width:830px; 
 height:96px;
 padding:0 5px;
 background:url(../../img/index/header_i.jpg) no-repeat;
}
#header_i h1{
 color:#000942;
 font-size:10px;
 float:right;
 margin:50px 20px 0 0 ;
}

/*
 メイン　左　ナビエリア
----------------------------------------------------------- */
#navi_area {
float:left;
}
.navi {
 width: 241px;
 margin: 10px 0 10px 10px;
 float:left;
 list-style-type: none;
}
.navi li {
 width: 241px;
 margin-bottom:4px;
}
/*
 メイン　右　ホテル情報
----------------------------------------------------------- */
#right {
 width:306px;
 margin:10px 0 0 10px;
 float:left;
}
/*
 トピックス
----------------------------------------------------------- */
#topics { width:306px; }

#topics_u {
 width:306px;
 height:41px;
 float:left;
 background:url(../../img/index/topic_u.jpg) no-repeat;
}
#topics_m {
 width:306px; 
 float:left;
 background:url(../../img/index/topic_bg.gif) repeat-y; 
}
#topics_b {
 width:306px;
 height:5px;
 float:left;
 background:url(../../img/index/topic_b.gif) no-repeat;
}
#topics_ml{
 width:280px;
 padding:0 10px;
}
#topics_ml dt{
 padding:3px 0 1px 80px;
 border-top:1px dotted #ccc;
}
#topics_ml dt.iconplan{ background:url(../../img/index/icon_plan.gif) 0 0.5em no-repeat; }
#topics_ml dt.iconrestrant{ background:url(../../img/index/icon_restrant.gif) 0 0.5em no-repeat; }
#topics_ml dt.iconwedding{ background:url(../../img/index/icon_wedding.gif) 0 0.5em no-repeat; }
#topics_ml dt.iconinfo{ background:url(../../img/index/icon_info.gif) 0 0.5em no-repeat; }

#topics_ml dd{ 
 padding:1px 0 3px 0;
}
#topics_u_left_box {
 padding:20px 0 0 15px;
 float:left;
}
#topics_u_right_box {
 padding:15px 10px 0 10px;
 float:right;
 background:url(../../img/index/arrow.gif) 0 1.4em no-repeat;
}
/*
 ホテル情報
----------------------------------------------------------- */
#info {
width:306px;
margin:5px 0;
background:url(../../img/index/info_bg.gif) no-repeat bottom; }

#info img{
 float:right;
 margin-right:5px;
}

#info dl{
 padding:10px 5px 10px 10px;
 background:url(../../img/index/info_u.gif) no-repeat top;
}
#info dt{
 font-weight:bold;
}
#info dd{
 line-height:16px;
}
/*
 エクスペリエンス
----------------------------------------------------------- */
#experience { 
 width:306px;
 height:82px;
 margin:7px 0;
}
/*
 コンテンツエリア
----------------------------------------------------------- */
#contents_left_area {
 width:180px;
 float:left;
 padding:10px 0 0 10px;
}
#online {
 width:200px;
 height:249px;
 background:url(../../img/index/online.jpg) no-repeat;
}
#mobile {
 width:185px;
}
#corporate_box {
 padding:0 0 0 5px;
 float:right;
 background:url(../../img/index/online_arrow.gif) 0 1.4em no-repeat;
}
#contents_right_area {
 width:612px;
 height:350px;
 float:right;
 background:url(../../img/index/top_bg.jpg) no-repeat;
}