@charset "utf-8";

/*
南西楽園宮古島特集ページ用スタイル
--------------------------------------- */

div#contentWrapper {
width:auto;
background:url(../images/bg_img_1.jpg) 50% 0 no-repeat;
}

p#breadCrumb {
width:455px;
height:18px;
margin-top:0;
padding-top:10px;
color:#ccc;
}

div#footer {
margin-top:36px;
}


div#contentHeader {
width:920px;
min-height:125px;
margin:0 auto;
padding:0 15px;
background:url(../images/bg_contentHead.jpg) 0 0 no-repeat;
}

/*
トピックス
--------------------------------------- */
div#topics {
float:right;
width:455px;
height:98px;
margin-top:-4px;
}

div#topics ul {
padding-left:15px;
}

div#topics ul li {
color:#7c2d1a;
line-height:1.25;
}

div#topics ul li span.date{
margin-right:5px;
padding:0 2px;
background:#995c3b;
color:#fff;
}

div#topics ul li.first span.date {
background:#ff5a01;
}

/*
メインマップ
--------------------------------------- */

div#mainMapArea {
width:1000px;
margin:0 auto;
}


/*
おすすめ情報エリア
--------------------------------------- */

div#osusumeArea {
width:954px;
margin:0 auto;
background:url(../images/osusume_bg_1.gif) 0 100% no-repeat;
}

div#osusumeArea div.leftClm {
width:453px;
float:left;
padding:10px 0 15px 19px;
}

div#osusumeArea div.rightClm {
width:453px;
float:right;
padding:10px 19px 15px 0;
}

div#osusumeArea div.image {
float:left;
width:141px;
height:84px;
padding:5px;
background:url(../images/thum_frame_1.gif) 0 0 no-repeat;
}

div#osusumeArea div.text {
float:left;
width:297px;
padding:2px 0 0 5px;
color:#796148;
}

div#osusumeArea div.text span.title {
display:block;
font-weight:bold;
}

/*
各ホテル詳細エリア
--------------------------------------- */

div.detailsArea {
width:954px;
margin:25px auto 0;
}

div.detailsArea div.detailHeader {
width:886px;
padding-left:71px;
background:url(../images/details_hd_bg_1.gif) 0 0 no-repeat;
}

div.detailsArea div.detailBody {
background:url(../images/details_body_bg_1.gif) 0 0 no-repeat;
}

div.detailsArea div.detailFooter {
padding:3px 20px 5px;
background:url(../images/details_bottom_bg_1.gif) 0 0 no-repeat;
text-align:right;
}

div.detailsArea div.detailFooter img {
vertical-align:bottom;
}

div.detailsArea div.detailHeader h2 {
float:left;
padding:29px 14px 0 0;
}

div.detailsArea div.detailHeader img {
margin-right:2px;
vertical-align:bottom;
}

div.detailsArea div.detailHeader h2 img {
margin:0;
}

/* 概要・基本情報エリア */
div.detailsArea div.summary {
width:915px;
margin:0 auto;
}

div.detailsArea div.summary div.leftClm {
width:453px;
float:left;
}

div.detailsArea div.summary div.mainImage {
margin-bottom:5px;
padding:3px;
background-color:#fff;
}

div.detailsArea div.summary div.subImage {
float:left;
padding:3px;
background-color:#fff;
}

div.detailsArea div.summary div.case {
float:right;
}

div.detailsArea div.summary div.rightClm {
width:453px;
min-height:245px;
float:right;
background:url(../images/details_smry_rc_bg_2.gif) 0 100% no-repeat;
}

div.detailsArea div.summary div.rightClm dl{
padding:9px 7px 2px;
background:url(../images/details_smry_rc_bg_1.gif) 0 0 no-repeat;
}

div.detailsArea div.summary div.rightClm dl dt{
padding:9px 0 3px;
background:url(../images/details_smry_rc_border_1.gif) 0 0 no-repeat;
}

div.detailsArea div.summary div.rightClm dl dt.first{
padding-top:0;
background:none 0;
}

div.detailsArea div.summary div.rightClm dl dt img {
display:block;
}

div.detailsArea div.summary div.rightClm dl dd {
padding-bottom:6px;
color:#5d3d28;
line-height:1.3;
}

/* タイプ別情報エリア */
div.detailsArea div.typeDetail {
width:915px;
margin:10px auto 0;
}

div.detailsArea div.typeDetail div.leftClm,
div.detailsArea div.typeDetail div.rightClm,
div.detailsArea div.typeDetail div.leftClm2,
div.detailsArea div.typeDetail div.rightClm2 {
float:left;
width:452px;
min-height:400px;
padding-bottom:10px;
background:url(../images/details_type_bg_2.gif) 0 100% no-repeat;
}

div.detailsArea div.typeDetail div.rightClm,
div.detailsArea div.typeDetail div.rightClm2 {
float:right;
}

div.detailsArea div.typeDetail div.leftClm h3,
div.detailsArea div.typeDetail div.rightClm h3{
padding-top:14px;
padding-left:10px;
background:url(../images/details_type_bg_1.gif) 0 0 no-repeat;
vertical-align:bottom;
}

div.detailsArea div.typeDetail div.rightClm2 h3 {
padding-top:10px;
padding-left:10px;
vertical-align:bottom;
}

div.detailsArea div.typeDetail div.rightClm2 h3.first-child {
padding-top:10px;
background:url(../images/details_type_bg_1.gif) 0 0 no-repeat;
}

div.detailsArea div.typeDetail div.leftClm2 div.mainImageBlock {
padding:14px 10px 0;
background:url(../images/details_type_bg_1.gif) 0 0 no-repeat;
}

div.detailsArea div.typeDetail div.leftClm div.mainImageBlock,
div.detailsArea div.typeDetail div.rightClm div.mainImageBlock {
padding:5px 10px 0;
}

div.detailsArea div.typeDetail div.leftClm div.mainImageBlock img,
div.detailsArea div.typeDetail div.rightClm div.mainImageBlock img,
div.detailsArea div.typeDetail div.leftClm2 div.mainImageBlock img,
div.detailsArea div.typeDetail div.rightClm2 div.mainImageBlock img {
display:block;
float:left;
margin-right:5px;
_margin-right:2px;
}

div.detailsArea div.typeDetail div.leftClm div.subImageBlock,
div.detailsArea div.typeDetail div.rightClm div.subImageBlock,
div.detailsArea div.typeDetail div.leftClm2 div.subImageBlock {
padding:5px 5px 0 10px;
}

div.detailsArea div.typeDetail div.leftClm div.subImageBlock img,
div.detailsArea div.typeDetail div.rightClm div.subImageBlock img,
div.detailsArea div.typeDetail div.leftClm2 div.subImageBlock img {
display:block;
float:left;
margin-right:5px;
_margin-right:2px;
}

div.detailsArea div.typeDetail div.leftClm div.text,
div.detailsArea div.typeDetail div.rightClm div.text,
div.detailsArea div.typeDetail div.leftClm2 div.text {
padding:5px 10px 0;
}

div.detailsArea div.typeDetail div.rightClm2 div.inner {
padding:5px 10px 0 8px;
}

div.detailsArea div.typeDetail div.rightClm2 div.inner div.image {
float:left;
width:134px;
height:94px;
margin-right:5px;
_margin-right:2px;
padding:5px;
background:url(../images/thum_frame_2.gif) 0 100% no-repeat;
}

/* ツアーリンクボタンエリア */
div.tourLink {
padding:15px 10px 0;
}

div.tourLink ul {
margin-top:5px;
}

div.tourLink ul li {
float:left;
margin-left:6px;
}

div.tourLink ul li:first-child {
margin-left:0;
}

div.tourLink ul li.first-child {
margin-left:0;
}

div.tourLink ul li img {
display:block;
}


/* 朝食拝見エリア */

div.aBreakfast {
width:915px;
margin:10px auto 0;
background:url(../images/detail_breakfast_bg_2.gif) 0 100% no-repeat;
}

div.aBreakfast div.inner{
padding:9px 9px;
background:url(../images/detail_breakfast_bg_1.gif) 0 0 no-repeat;
}

div.aBreakfast div.leftClm {
width:443px;
float:left;
padding-top:33px;
}

div.aBreakfast div.rightClm {
width:443px;
float:right;
padding-top:33px;
}

div.aBreakfast div.leftClm h3,
div.aBreakfast div.rightClm h3 {
margin-top:-33px;
height:33px;
}

div.aBreakfast div.image {
float:left;
width:134px;
height:94px;
margin-right:5px;
_margin-right:2px;
padding:5px;
background:url(../images/thum_frame_2.gif) 0 100% no-repeat;
}