@charset "utf-8";

/**  common.css Menu *********************************************

  ・ヘッダー
  ・コンテンツ
  ・右カラム
  ・フッター

*******************************************************************/



/*-----------------------------------------------------------------

  ヘッダー

------------------------------------------------------------------*/

/* h1
--------------------------------------*/
h1.headCommentsArea{
background:#f4f4f4;
border-bottom:1px solid #eaeaea;
font-weight:normal;
padding:5px;
line-height:100%;
}
h1.headCommentsArea .txtArea{
display:block;
width:950px;
margin-right:auto;
margin-left:auto;
text-align:right;
color:#999999;
font-size:83.3%;
}





/*-----------------------------------------------------------------

  コンテンツ

------------------------------------------------------------------*/
div#contentWrapper{
width:950px;
position:relative;
margin-top:0px;
margin-right:auto;
margin-left:auto;
}
div#contentWrapper div#mainContent{
width:950px;
margin-top:15px;
margin-bottom:30px;
}



/* パンクズ
--------------------------------------*/
div#contentWrapper p#breadCrumb{
font-size:83.3%;
margin-top:10px;
line-height:100%;
}



/* ページトップに戻る
--------------------------------------*/
div#contentWrapper .totop{
text-align:right;
clear:both;
margin-bottom:10px;
}
div#contentWrapper .totop .icon{
background:url(../images/txt_totop.gif) no-repeat left;
padding-left:16px;
line-height:120%;
float:right;
padding-top:2px;
}


/* タイトル（緑背景） */
h2.title,
h3.title,
h2.title02,
h3.title02{
background:url(../images/tit_green_bg.gif) no-repeat 0 0;
margin:10px 0;
height:auto;
font-size:116.7%;
text-indent:0;
color:#FFF;
}
h2.title span,
h3.title span,
h2.title02 span,
h3.title02 span{
display:block;
background:url(../images/tit_green_bg.gif) no-repeat -708px 100%;
padding:6px 12px 5px;
}


/* タイトル（ホテルアイコン付き）
------------------------------------------*/
.hotelArea{
background:url(../images/ico_hotel_s.gif) no-repeat 0 50%;
padding:10px 0 10px 36px;
margin:0 0 2px;
height:auto;
font-size:116.7%;
text-indent:0;
}



/* 交通手段表示
--------------------------------------*/
p.access{
background:url(../images/ico_access.gif) no-repeat 0 .1em;
padding-left:30px;
margin:0 0 9px;
}



/* セクション
------------------------------------------*/
div.section{
margin-bottom:14px;
}



/* テキストエリア（チェックマーク付き）
------------------------------------------*/
div.description{
background:url(../images/bg_green_688.gif) no-repeat 0 100%;
margin:0 10px 7px 0;
}
div.description p{
background:url(../images/bg_green_688.gif) no-repeat -688px 0;
padding:4px 5px 1px;
margin:0 0 3px !important;
line-height:1.4;
}
div.description .floatleft{
margin:1px 10px 0 0;
}



/* ホテル一覧
------------------------------------------*/
ul.hotelList{
margin-bottom:8px;
}
ul.hotelList li{
float:left;
display:inline;
background:url(../images/bg_white_224.gif) repeat-y 0 0;
margin:0 8px 0 0;
width:224px;
line-height:1.3;
}
ul.hotelList li h5{
background:url(../images/bg_white_224.gif) no-repeat -224px 0;
padding:10px 11px 7px;
}
ul.hotelList li .inner{
background:url(../images/bg_white_224.gif) no-repeat -448px 100%;
padding:0 9px 11px 11px;
}

ul.hotelList li img{
vertical-align:top;
}
ul.hotelList li .thumbnail{
border:1px solid #e5e5e5;
background:#f4f4f4;
width:152px;
height:117px;
margin:0 auto 10px;
}
ul.hotelList li .thumbnail td{
vertical-align:middle;
text-align:center;
}
ul.hotelList li p{
margin:0 0 5px !important;
}
ul.hotelList li p.access{
margin:5px 0 9px !important;
}
ul.hotelList li ul.departure li{
background:url(none);
margin:0 2px 0 0;
padding:0;
width:auto;
}

/* .pickup */
ul.hotelList li.pickup,
ul.hotelList li.pickup h5,
ul.hotelList li.pickup .inner{
background-image:url(../images/bg_pink_224.gif);
}
ul.hotelList li.pickup .thumbnail{
background:#fff;
}



/* 宿泊施設一覧セクション
------------------------------------------*/
div.hotelSection{
background:#faf8d7 url(../images/bg_white_radius_708.gif) no-repeat -708px 100%;
padding:0 0 1px 10px;
margin-bottom:14px;
width:698px;
}
div.hotelSection h3.title{
margin:0 0 7px -10px;
}
div.hotelSection p{
margin:0 10px 7px 0;
}





/*-----------------------------------------------------------------

  中央カラム

------------------------------------------------------------------*/
div#columnCenter{
width:950px;
}



/* タイトル（緑背景）（中央カラム版）
------------------------------------------*/
div#columnCenter h2.title,
div#columnCenter h3.title,
div#columnCenter h2.title span,
div#columnCenter h3.title span{
background-image:url(../images/tit_green_bg_950.gif)
}
div#columnCenter h2.title span,
div#columnCenter h3.title span{
background-position:-950px 100%;
}



/* タイトル（オレンジ背景）（中央カラム版）
------------------------------------------*/
div#columnCenter h2.title02,
div#columnCenter h3.title02,
div#columnCenter h2.title02 span,
div#columnCenter h3.title02 span{
background-image:url(../images/tit_orange_bg_950.gif)
}
div#columnCenter h2.title02 span,
div#columnCenter h3.title02 span{
background-position:-950px 100%;
}



/* テキストエリア（チェックマーク付き）（中央カラム版）
------------------------------------------*/
div#columnCenter div.description,
div#columnCenter div.description p{
background-image:url(../images/bg_green_930.gif);
}
div#columnCenter div.description p{
background-position:-930px 0;
}



/* ホテル一覧（中央カラム版）
------------------------------------------*/
div#columnCenter ul.hotelList li{
margin-right:11px;
}
div#columnCenter ul.hotelList li ul.departure li{
margin-right:2px;
}



/* 宿泊施設一覧セクション（中央カラム版）
------------------------------------------*/
div#columnCenter div.hotelSection{
width:940px;
background-image:url(../images/bg_white_radius_950.gif);
background-position:-950px 100%;
}



/* メインヘッダー（グレー枠）
------------------------------------------*/
div#mainHeader{
background:url(../images/bg_white_950.gif) no-repeat -1900px 100%;
padding-bottom:10px;
width:950px;
margin:0 auto;
}
div#mainHeader .inner{
background:url(../images/bg_white_950.gif) no-repeat -950px 0;
padding:10px 0 0 0;
width:950px;
}
div#mainHeader .inner .inner{
background:url(../images/bg_white_950.gif) repeat-y 0 0;
padding:0 0 0 10px;
width:940px;
}

* html div#mainHeader .inner .inner{/*width:950px;*/}

div#mainHeader img{
vertical-align:middle;
}

div#mainHeader .flash{
float:left;
margin-bottom:9px;
}

div#mainHeader .banner{
float:right;
display:inline;
background:url(../images/bg_gray_220.gif) no-repeat 0 0;
margin:0 10px 9px 0;
padding:1px 10px 0;
height:234px;
}
div#mainHeader .banner li{
margin:10px 0 0;
}

div#mainHeader .map{
float:right;
display:inline;
margin:0 10px 9px 0;
}

div#mainHeader .description{
clear:both;
background:url(../images/bg_yellow_regimental.gif) repeat 0 0;
margin:0 10px 9px 0;
padding:4px 5px;
}
div#mainHeader .description .floatleft{
margin:1px 10px 0 0;
}

div#mainHeader ul.nav{
clear:both;
}

div#mainHeader ul.nav li{
float:left;
margin-right:2px;
position:relative;
line-height:0;
}

div#mainHeader ul.nav li img{
vertical-align:top;
font-size:0;
}
div#mainHeader ul.nav li ul{
position:absolute;
left:0;
top:31px;
border:1px solid #7abd3f;
background:#fff;
padding-top:1px;
margin:0;
width:98px;
}
div#mainHeader ul.nav li ul li{
float:none;
display:inline;
margin:0;
font-size:100%;
line-height:1;
}
div#mainHeader ul.nav li ul li a{
display:block;
border:1px solid #fff;
border-top:none;
background:#daf0a1;
padding:5px 5px 4px;
color:#58b602;
}
div#mainHeader ul.nav li ul li a:hover{
background:#58b602;
color:#fff;
}



/*-----------------------------------------------------------------

  左カラム

------------------------------------------------------------------*/
div#columnLeft{
float:left;
width:708px;
}





/*-----------------------------------------------------------------

  右カラム

------------------------------------------------------------------*/
div#columnRight{
float:right;
width:228px;
}





/*-----------------------------------------------------------------

  フッター

------------------------------------------------------------------*/
div#footer{
width:950px;
margin-right:auto;
margin-left:auto;
line-height:normal;
}