/* --------------------------------------------------------- */
/* 06-01 CSS設定 （shisetsu） */
/* --------------------------------------------------------- */

/* ヘッター部分 */
#shisetsu-header {
 margin: 22px 0 0 0;
 padding: 0;
}

/* 枠部分 */
#shisetsu-waku01 {
 margin: 15px 0 0 0;
 padding: 0;
}
#shisetsu-waku01 #td01 {
 margin: 0;
 padding: 9px;
	border: 1px solid #f93;
}
#shisetsu-waku01 #td02 {
 width: 500px;
}
#shisetsu-waku01 #td03 {
 width: 100px;
}
#shisetsu-waku01 #td04 {
 margin: 0;
 padding:  6px 0 0 0;
}
#shisetsu-waku01 img.icon01 {
 margin: 0 0 0 1px;
 padding:  0;
}

/* タブ部分 */
#shisetsu-tab01 {
 margin: 20px 0 0 0;
 padding: 0;
}

#shisetsu-tab01 #bg01 {
	background: #FFF3D7;
}
#shisetsu-tab01 .img01 {
 margin: 0 0 0 9px;
}
#shisetsu-tab01 .img02 {
 margin: 0 0 0 17px;
}
#shisetsu-tab01 .img03 {
 margin: 0 0 0 5px;
}
#shisetsu-tab01 .img04 {
 margin: 0 0 0 334px;
}
#shisetsu-tab01 .img05 {
 margin: 0 0 0 322px;
}

/* メイン部分 */
#shisetsu-main01 {
 margin: 20px 0 0 0;
 padding: 0;
}
#shisetsu-main01 #td01 {
 width: 135px;
}
#shisetsu-main01 #td02 {
 width: 14px;
}
#shisetsu-main01 .td03 {
 width: 471px;
}
#shisetsu-main01 .td04 {
 width: 471px;
	text-align: right;
}
#shisetsu-main01-pht01 {
 margin: 20px 0 0 0;
 padding: 0;
}

/* メイン部分 写真レイアウト */
#shisetsu-main01-pht01 .td01 {
 width: 300px;
}
#shisetsu-main01-pht01 .td02 {
 width: 20px;
}
#shisetsu-main01-pht01 .td03 {
 width: 300px;
}
#shisetsu-main01-pht02 {
 margin: 20px 0 0 0;
 padding: 0;
}
#shisetsu-main01-pht02 .td01 {
 width: 300px;
}
#shisetsu-main01-pht02 .td02 {
 width: 20px;
}
#shisetsu-main01-pht02 .td03 {
 width: 300px;
}

/* メイン部分 詳細レイアウト */
.shisetsu-main02 {
 margin: 18px 0 0 0;
 padding: 0;
}
.shisetsu-main02 .ttl01 {
 width: 6px;
}
.shisetsu-main02 .ttl02 {
 width: 124px;
}
.shisetsu-main02 .ttl03 {
 width: 480px;
	text-align: right;
}
.shisetsu-main02 .ttl04 {
 width: 10px;
}
.shisetsu-main03 {
 margin: 10px 0 0 0;
 padding: 0;
}
.shisetsu-main03 .td01 {
 margin: 0;
 padding: 4px;
 width: 90px;
	background: #E8E5DB;
}
/* 宿詳細(客室例タブ)用設定 追加20060330 */

.shisetsu-main03 .td01EX {
 margin: 0;
 padding: 4px;
 width: 94px;
 background: #E8E5DB;
}
.shisetsu-main03 .td02 {
 margin: 0;
 padding: 0;
 width: 10px;
}
.shisetsu-main03 .td03 {
 margin: 0;
 padding: 4px 0;
 width: 520px;
}
.shisetsu-main03 .iconbox {
 margin: 8px 0 0 0;
}
.shisetsu-main03 .icon01 {
 margin: 0 5px 0 0;
}
.shisetsu-main03 .icon02 {
 margin: 0 0 0 5px;
}
.shisetsu-main03 .textbox {
 margin: 6px 0 0 0;
 padding: 9px;
 width: 380px;
	background: #EEE;
}
.shisetsu-main04 {
 margin: 0;
 padding: 0;
}
.shisetsu-main04 table {
	background: #D3C9B0;
}
.shisetsu-main04 table .td01 {
	background: #E8E5DB;
	width: 149px;
	height: 19px;
	text-align: center;
}
.shisetsu-main04 table .td02 {
	background: #F3F2ED;
	width: 49px;
	height: 19px;
	text-align: center;
}
.shisetsu-main04 table .td03 {
	background: #FFFFFF;
	width: 49px;
	height: 19px;
	text-align: center;
}
.shisetsu-main04 table .td04 {
	background: #E8E5DB;
	width: 99px;
	height: 19px;
	text-align: center;
}
.shisetsu-main04 table .td05 {
	background: #F3F2ED;
	width: 99px;
	height: 19px;
	text-align: center;
}
.shisetsu-main04 table .td06 {
	background: #FFFFFF;
	width: 99px;
	height: 19px;
	text-align: center;
}

.shisetsu-main05 {
 margin: 10px 0 0 0;
 padding: 0;
}
.shisetsu-main05 table {
	background: #D3C9B0;
}
.shisetsu-main05 .td01 {
 padding: 5px;
	background: #FFFFFF;
	width: 31px;
	text-align: center;
}
.shisetsu-main05 .td02 {
 padding: 5px;
	background: #FFFFFF;
	width: 129px;
}
/* 宿詳細(長)用設定 追加20060421 */
.shisetsu-main05 .td03 {
 padding: 5px;
	font-size:80%;
	background: #FFFFFF;
	width: 129px;
}
.shisetsu-main06 {
 margin: 10px 0 0 0;
 padding: 0;
}
.shisetsu-main06 .td01 {
	width: 310px;
}
.shisetsu-main06 .td02 {
	width: 310px;
	text-align: right;
}
.shisetsu-main06 .td03 {
 margin: 0;
 padding: 4px;
 width: 90px;
	background: #E8E5DB;
}
.shisetsu-main06 .td04 {
 margin: 0;
 padding: 0;
 width: 10px;
}
.shisetsu-main06 .td05 {
 margin: 0;
 padding: 0;
 width: 18px;
}
.shisetsu-main06 .td06 {
 margin: 0;
 padding: 0;
 width: 182px;
}

/* --------------------------------------------------------- */
/* 06-02 CSS設定 （planlist） */
/* --------------------------------------------------------- */

/* 枠 */
#planlist-waku01 {
 margin: 0;
 padding: 0;
}
/* HPDSカラーバリエーション追加対応 ここから */
.dyn_cal{
 background: #F5F2E0 !important;	
}
#planlist-waku01 table {
 background: #F5F2E0;
}
/* HPDSカラーバリエーション追加対応 ここまで */
#planlist-waku01 #td01 {
 margin: 0;
 padding: 7px 10px;
}
#planlist-waku01 .td02 {
 width: 290px;
}
#planlist-waku01 .td03 {
 width: 20px;
	text-align: center;
}
#planlist-waku01 .form01 {
 margin: 6px 0 0 0;
 padding: 0;
}

/* 宿泊プラン */
#planlist-main01 {
 margin: 6px 0 0 0;
 padding: 0;
}
#planlist-main01 #td01 {
 width: 490px;
}
#planlist-main01 #td02 {
 width: 63px;
}
#planlist-main01 #td03 {
 width: 67px;
}

.planlist-plan01 {
 margin: 0;
 padding: 0;
}
.planlist-plan01 img.lin01 {
 margin: 2px 0 4px 0;
}
.planlist-plan01 .td01 {
 width: 387px;
}
.planlist-plan01 .td02 {
 width: 103px;
}
.planlist-plan01 .td03 {
 width: 63px;
}
.planlist-plan01 .td04 {
 width: 67px;
	text-align: right;
}
.planlist-plan02 {
 margin: 10px 0 7px 0;
 padding: 0;
}
.planlist-plan02 .td01 {
 width: 135px;
}
.planlist-plan02 .td02 {
 width: 12px;
}
.planlist-plan02 .td03 {
 width: 473px;
}

.planlist-plan03 {
 margin: 10px 0 0 0;
 padding: 0;
}
.planlist-plan03 .td01 {
 margin: 0;
 padding: 4px;
 width: 90px;
	background: #E8E5DB;
}
.planlist-plan03 .td02 {
 margin: 0;
 padding: 0;
 width: 10px;
}
.planlist-plan03 .td03 {
 margin: 0;
 padding: 4px 0;
 width: 64px;
}
.planlist-plan03 .td04 {
 margin: 0;
 padding: 4px 0;
 width: 209px;
}
.planlist-plan03 .iconbox {
 margin: 6px 0 0 0;
}
.planlist-plan03 .icon01 {
 margin: 0 5px 0 0;
}

.foot-textbox01 {
 margin: 9px 0 0 0;
 padding: 0;
}
.foot-textbox01 .textbox {
 padding: 0 27px 0 0;
}

/* 検索内容表示枠 */
#searchcontentstable tr {
	margin-top: 2px;
}

#searchcontentstable .td01 {
	width: 54px;
	white-space: nowrap;
}
#searchcontentstable .td02 {
	width: 114px;
	white-space: nowrap;
}
#searchcontentstable .td03 {
	width: 34px;
	white-space: nowrap;
}
#searchcontentstable .td04 {
	width: 63px;
	white-space: nowrap;
}
#searchcontentstable .td05 {
	width: 68px;
	white-space: nowrap;
}

#searchcontentstable .td07 {
	width: 550px;
}

/* --------------------------------------------------------- */
/* 06-07 CSS設定 （room0607） */
/* --------------------------------------------------------- */

.room0607-01 {
 margin: 20px 0 0 0;
}
.room0607-02 {
 margin: 10px 0 0 0;
}
.room0607-03 {
 margin: 18px 0 0 0;
}

.room0607-02 .text01{
 margin:0;
 padding: 8px 0 7px 0;
}
.room0607-01 .bg01,.room0607-02 .bg01 {
	background: #E8E5DB;
	text-align: center;
	padding: 4px;
}
.room0607-01 .td01,.room0607-02 .td01 {
	width: 190px;
	padding: 4px;
}
.room0607-01 .td02,.room0607-02 .td02 {
	width: 88px;
	padding: 4px;
	text-align: center;
}
.room0607-01 .td03,.room0607-02 .td03 {
	width: 118px;
	padding: 4px;
	text-align: center;
}
.room0607-01 .td04,.room0607-02 .td04 {
	width: 158px;
}

/* --------------------------------------------------------- */
/* 06-08 CSS設定 （room0608） */
/* --------------------------------------------------------- */

/* トピックス用 */
.room0608-01 {
 margin: 30px 0 0 0;
 padding: 0 0 10px 0;
}
.room0608-01 .wakubg01 {
	background: #D3C9B0;
	width: 1px;
}
.room0608-01 .wakubg02 {
	 padding: 10px;
	background: #F8F7EC;
	width: 618px;
}


/* --------------------------------------------------------- */
/* 06-09 CSS設定 （bar0609） */
/* --------------------------------------------------------- */

.bar0609-01-ttl {
 margin: 0;
 padding: 4px 5px;
 background: #E8E5DB;
}
.bar0609-01-text01 {
 margin: 8px 0 0 0;
 padding: 0;
}
.bar-fc01 {
	color: #82795D;
}

/* --------------------------------------------------------- */
/* 06-10 CSS設定 （details01） */
/* --------------------------------------------------------- */

/* 枠 */
#details01-waku01 {
 margin: 10px 0 0 0;
 padding: 0;
}
#details01-waku01 #table01 {
	background: #F7F3E7;
}
#details01-waku01 .td01 {
 padding: 0 0 0 10px;
}
#details01-waku01 .td02 {
 padding: 4px 10px;
	background: #E8E5DB;
 width: 115px;
}
#details01-waku01 .td03 {
 padding: 4px 10px;
 width: 474px;
}
#details01-waku01 .box01 {
 margin: 7px 0 0 0;
 padding: 0;
}
#details01-waku01 .box02 {
 margin: 10px 0 0 0;
 padding: 0;
}
#details01-waku01 .icon01 {
 margin: 0 5px 0 0;
 padding: 0;
}
#details01-waku01 .icon02 {
 margin: 0 5px 0 8px;
 padding: 0;
}
#details01-waku01 .icon03 {
 margin: 0 4px 0 20px;
 padding: 0;
}

/* 写真枠 */
#details01-pht01 {
 margin: 26px 0 0 0;
 padding: 0;
}
.details01-pht02  {
 margin: 20px 0 5px 0;
 padding: 0;
}
.details01-pht02 .td01 {
 margin: 0;
 padding: 4px;
 width: 90px;
	background: #E8E5DB;
}
.details01-pht02 .td02 {
 margin: 0;
 padding: 0;
 width: 10px;
}
.details01-pht02 .td03 {
 margin: 0;
 padding: 4px 0;
 width: 64px;
}
.details01-pht02 .td04 {
 margin: 0;
 padding: 4px 0;
 width: 356px;
}
.details01-pht02 .icon01 {
 margin: 0 5px 0 0;
}

/* メインコンテンツ */
.details01-charge01 {
 margin: 0;
 padding: 0;
}
/* HPDSカラーバリエーション追加対応 ここから */
.details01-charge01 .td01 {
 width: 2px;
	background: #DDD5A9;
}
/* HPDSカラーバリエーション追加対応 ここまで */
.details01-charge01 .td02 {
 padding: 16px 8px;
 width: 616px;
	background: #F8F5EF;
}
/* HPDSカラーバリエーション追加対応 ここから */
.details01-charge01 .td03 {
	background: #DDD5A9;
}
/* HPDSカラーバリエーション追加対応 ここまで */
/* 追加20060123 UA */
.details01-charge01 .td04 {
 padding: 16px 0px;
 width: 616px;
	background: #F8F5EF;
}
.details01-charge02 {
 margin: 14px 0 8px 0;
 padding: 0;
}
.details01-charge02 .text01 {
 padding: 8px 0;
}

.details01-charge01 .text02 {
 margin: 3px 0 0 0;
 padding: 10px;
	border: 1px solid #D3C9B0;
	background-color:#fff;
}
.details01-charge01 .text03 {
 margin: 0;
 padding: 14px 0 0 0;
}
.details01-charge01 .text04 {
 margin: 0;
 padding: 20px 0 0 0;
}
.details01-charge01 .text05 {
 margin: 0;
 padding: 9px 0 0 20px;
}
.details01-charge01 .text05 .td01 {
	width: 67px;
	background: #E8E5DB;
	text-align: center;
}
.details01-charge01 .text05 .td02 {
 padding: 8px 0 8px 19px;
	width: 488px;
}

.details01-charge01 .text07 {
 margin: 0;
 padding: 9px 0 0 0;
}
.details01-charge01 .text07 .td01 {
 margin: 0;
 padding: 0;
	width: 292px;
}
.details01-charge01 .text07 .td02 {
 margin: 0;
 padding: 0;
	width: 16px;
}
.details01-charge01 .text07 .td03 {
 margin: 0;
 padding: 4px 4px 4px 14px;
	width: 130px;
	background: #FFF;
}
.details01-charge01 .text07 .td04 {
 margin: 0;
 padding: 4px 4px 4px 10px;
	width: 162px;
	background: #FFF;
}
.details01-charge01 .text07 .box01 {
 margin: 0;
 padding: 0 0 10px 0;
}
.details01-charge01 .text07 .box02 {
	background: #D3C9B0;
}
/* 追加20060123 UA */
.details01-charge01 .text08 {
 margin: 3px 0 0 0;
 padding: 10px 0;
}
/* 追加20060123 UA */
.details01-charge01 .text09 {
	padding:10px 0 5px 0;
	border-bottom:1px solid #999999;
}
/* 追加20150105 */
.details01-charge01 .text10 {
	background:#ffeeb7;
	margin: 9px 0 0 21px;
	padding:10px;
}
.details01-charge01 .text10 .charge {
	float:left;
	width:358px;
	padding-top: 10px;
}
.details01-btn03 {
 	margin: 0;
	text-align: right;
	float:right;
	width:178px;
}
.details01-charge01 .text10 .notes {
	text-align:right;
	font-size: 10px;
	padding: 2px 0px 0px;
	clear: both;
}
/* 追加20150105 */
.details01-btn01 {
 margin: 0;
 padding: 10px 0 0 0;
	text-align: right;
}
.details01-btn01 .text01 {
 padding: 8px 0;
}

.details01-btn02 {
 margin: 0;
 padding: 10px 0 0 0;
}
#details01-etc01 {
 margin: 10px 0 20px 0;
 padding: 0;
}
#details01-etc01 .icon01 {
 margin: 0 4px 0 36px;
 padding: 0;
}
#details01-etc01 .icon02 {
 margin: 0 4px 0 28px;
 padding: 0;
}
#details01-etc02 {
 margin: 18px 0 20px 0;
 padding: 0;
}
#details01-etc02 .bg01 {
	background: #D3C9B0;
}
#details01-etc02 .bg02 {
	background: #FFFFFF;
}
#details01-etc02 img.lin01 {
 margin: 5px 0;
 padding: 0;
}
#details01-etc02 .td01 {
	width: 340px;
}
#details01-etc02 .td02 {
	width: 74px;
}
#details01-etc02 .td03 {
	width: 100px;
}
#details01-etc02 .td04 {
	width: 92px;
	text-align: center;
}
#details01-etc02 .td05 {
 padding: 0 0 0 24px;
}
#details01-etc03 {
 margin: 5px 0 0px 0;
 padding: 0;
}
#details01-etc02 .cw01 {
	width: 2px;
	background: #D3C9B0;
}
#details01-etc02 .cw02 {
 padding: 0;
 width: 616px;
}
#details01-etc02 .cw03 {
	background: #D3C9B0;
}


/* --------------------------------------------------------- */
/* 06-11 CSS設定 （details02） */
/* --------------------------------------------------------- */

/* メインコンテンツ */
.text02 .icon03 {
 margin: 0 4px 0 20px;
 padding: 0;
}
.details01-charge01 .text05 .td03 {
	width: 120px;
	background: #E8E5DB;
	text-align: center;
}
.details01-charge01 .text05 .td04 {
 padding: 8px 0 8px 19px;
	width: 435px;
}
/* 追加20060123 UA */
.resv_cal {margin-left:21px;}

/* 宿詳細(短)用設定 追加20060223 */
.shisetsu-main01-yad_list {
 margin: 2px;
 padding: 0;
}
.shisetsu-main01-yad_list .s12_30 {
 padding: 2px;
    FONT-SIZE: 75%;
    COLOR: #303030;
    LINE-HEIGHT: 1.3em
}



/* 宿詳細修正「宿からのお知らせ」部、その上のフォト4枚追加 090123 */

div#shisetsu-main01-pht03{
	margin: 40px 0px 40px 0px;
}

div#shisetsu-main01-pht03 table tr td p.photoframe{
	padding: 1px 0px 0px 0px;
	width: 149px;
	height: 112px;
	background: url(/d/hpdsr/cs/pc/image/hotel_detail_frameline.gif) no-repeat left top;
	text-align: center;
}

div#shisetsu-main01-pht03 table tr td p.link{
	margin: 10px 0px 0px 0px;
	text-align: right;
}

div#shisetsu-main01-pht03 table tr td p.link a{
	padding: 0px 0px 0px 8px;
	background: url(/d/hpdsr/cs/pc/image/tri_s.gif) no-repeat left center;
}

table.yado_oshirase{
	border-right: #D6C49B solid 1px;
	border-left: #D6C49B solid 1px;
	border-bottom: #D6C49B solid 1px;
}

table.yado_oshirase tr td ul{
	margin: 14px;
}

table.yado_oshirase tr td ul li{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 10px;
	background: url(/d/hpdsr/cs/pc/image/tri_s.gif) no-repeat left center;
}

table.yado_oshirase tr td ul li img{
	margin: 0px 0px 0px 0.5em;
	vertical-align: middle;
}

/* プラン一覧残室インジケータ */
.vacancyCount {
    display: inline-block;
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 3px;
    padding: 0px 1px;
    width: 6.8em;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    color: #999999;
}
.vacancyCount span {
    color: #FF0000;
    font-weight: bold;
}