/* 
dst/list.html（dst詳細ページ）
----------------------------------------------------------
■01：ページ内共通要素
■02：dst_main　写真+基本情報
■03：#planbox（プラン内容）
■04：#costbox（費用に含まれるもの）
■05：#schedulebox（セレモニースケジュール（例）
■06：#guidebox（ご案内事項）
■07：#inquirybox（お問い合わせ）
■08：#sp_txt（特典コメント） 2009.1130対応　22.html/23.html
----------------------------------------------------------*/


/*■01：ページ内共通要素
---------------------------------------------------*/
/*ページタイトル*/
/*幅設定に関してはbace.cssにて共通化*/

/*トップ*/
h2#dst{background:url(../../images/common/h2_bk.gif) #98856b no-repeat 0 0;}
h2#dst span{text-indent:0;}
h2#dst span b{
width:680px; padding:5px; line-height:1.3em;
display:block;font-size:20px;color:#fff;}

/*罫線ボックス*/
.dstbox{border:1px solid #ccc;width:668px;padding:10px;}

/*共通項目-メニュー*/
div.dstmenu{height:30px;width:690px;}
div.dstmenu ul{width:690px; height:30px; overflow:hidden;}
div.dstmenu ul li{float:left;}
div.dstmenu ul li a{
display:block;height:30px;text-indent:-9999px;
background:url(../img/dstmenu.jpg) no-repeat;}
/*ボタン配置*/
div.dstmenu ul li.btn01 a{width:125px;}
div.dstmenu ul li.btn02 a{width:144px; background-position:-125px 0;}
div.dstmenu ul li.btn03 a{width:184px; background-position:-269px 0;}
div.dstmenu ul li.btn04 a{width:120px; background-position:-453px 0;}
div.dstmenu ul li.btn05 a{width:117px; background-position:-573px 0;}
/*a:hober a.on*/
div.dstmenu ul li.btn01 a:hover,div.dstmenu ul li.btn01 a.on{background-position:0 bottom;}
div.dstmenu ul li.btn02 a:hover,div.dstmenu ul li.btn02 a.on{background-position:-125px bottom;}
div.dstmenu ul li.btn03 a:hover,div.dstmenu ul li.btn03 a.on{background-position:-269px bottom;}
div.dstmenu ul li.btn04 a:hover,div.dstmenu ul li.btn04 a.on{background-position:-453px bottom;}
div.dstmenu ul li.btn05 a:hover,div.dstmenu ul li.btn05 a.on{background-position:-573px bottom;}



/*■02：dst_main　写真+基本情報
---------------------------------------------------*/
.dstbox #dst_main{width:668px;overflow:hidden;}
#dst_main #mpict,
#dst_main #mtxt{float:left;}
#dst_main #mpict{width:234px; overflow:hidden;}
#dst_main #mpict p{border:1px solid #ccc;}
#dst_main #mpict p.p01{width:230px; margin-bottom:10px;}
#dst_main #mpict p.p01 img{width:230px;}

#dst_main #mpict p.p02,#dst_main #mpict p.p03{width:110px; float:left;}
#dst_main #mpict p.p02 img,
#dst_main #mpict p.p03 img{width:110px;}
#dst_main #mpict p.p03{margin-left:7px;}

/*txt*/
#dst_main #mtxt{width:424px;padding-left:10px;}
#dst_main #mtxt ol{widows:424px; margin:0; padding:0;}
#dst_main #mtxt ol li div.l_dotted{width:424px;
_margin:0;/*IE6*/}
#dst_main #mtxt dl{width:424px;overflow:hidden;margin:0; padding:0;}
#dst_main #mtxt dl dt,
#dst_main #mtxt dl dd{float:left;}
#dst_main #mtxt dl dt{width:95px;}
#dst_main #mtxt dl dd{width:320px;padding-left:5px;}
#dst_main #mtxt dl dt{background:url(../../images/common/txt_ten01.gif) no-repeat 100% 5px;}
#dst_main #mtxt dl dt span{width:90px;color:#6d664c;font-size:10px;}

/*ホテル詳細リンク*/
#dst_main #mtxt p.hotelbox{
margin:10px 0;width:412px; padding:5px;
border:1px solid #ccc;background-color:#fdf6e5;}
#dst_main #mtxt p.hotelbox b{margin-right:10px; color:#6d664c;}
#dst_main #mtxt p.hotelbox a{margin-left:10px;}

/*02-02 イメージボックス
-------------------------*/
p.imagebox{width:690px; padding:5px 0;overflow:hidden;}
p.imagebox a{float:left;display:block;}




/*■03：#planbox（プラン内容）
---------------------------------------------------*/
/*03-01 プラン内容
-------------------------*/
div#planbox{width:668px;}
div#planbox dl{ width:668px;overflow:hidden;}
div#planbox dl dt,div#planbox dl dd{float:left;}
/*写真*/
div#planbox dl dt{width:204px;}
div#planbox dl dt span{padding:1px;display:block;border:1px solid #fff;}
/*txt*/
div#planbox dl dd{width:454px;padding-left:10px;}
/*パッケージ内容*/
div#planbox dl dd h3{display:block;}
div#planbox dl dd h3 span{display:block;font-weight:bold; font-size:16px;}
div#planbox dl dd p.txt b{display:block;margin-top:10px;}
div#planbox dl dd p.txt span.money{font-weight:bold;font-size:16px;}/*値段*/
div#planbox dl dd p.txt span.money em{font-weight:bold;font-size:16px;font-family:Arial, Helvetica, sans-serif;}
/*点線*/
div#planbox div.l_dotted_glay{margin:10px 0;}

/*03-02 バナー
-------------------------*/
p.bannerbox{width:690px; padding:5px 0;overflow:hidden;}
p.bannerbox a{float:left;display:block;padding:5px;}


/*■04：#costbox（費用に含まれるもの）
---------------------------------------------------*/
#costbox{width:668px;}
#costbox table{border:1px solid #ccc; width:100%;}
#costbox table th,
#costbox table td{
padding:3px 5px;
text-align:center;
vertical-align:top;
border-left:1px solid #ccc;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
/*th*/
#costbox table th{background-color:#fae8e8;width:15%;}
#costbox table th.s01,
#costbox table td.s01{text-align:left;}/*left*/
#costbox table th.s01{width:319px;}
#costbox table td.txt{width:auto; text-align:left;}/*注意書き*/

/*rd*/
#costbox table td{border-top:1px solid #ccc;}/*top 1px*/
/*背景色*/
#costbox table tr.g{background-color:#eee;}/*glay-背景色*/
#costbox table tr.w{background-color:#fff;}/*white-背景色*/

/*横にプランが並ぶ表*/
#costbox table#plan th{ text-align:center;}
#costbox table#plan th,
#costbox table#plan td{width:329px;}
#costbox table#plan td{text-align:left;} 



/*■05：#schedulebox（セレモニースケジュール（例）
---------------------------------------------------*/
#schedulebox{width:668px; overflow:hidden;}
#schedulebox .l_dotted_glay{width:670px;}/*点線*/
#schedulebox dl{width:660px; padding:5px;}
#schedulebox dl dt span{display:block;font-weight:bold;}
#schedulebox dl dd p span{display:block;}


/*■06：#guidebox（ご案内事項）
---------------------------------------------------*/
#guidebox{width:668px;}
#guidebox ol{width:668px;}
#guidebox ol li{width:668px;}


/*■07：#inquirybox（お問い合わせ）
---------------------------------------------------*/
#inquirybox{width:668px;}
#inquirybox p{margin-top:10px;} 
#inquirybox p a{display:block;width:668px;height:77px; text-indent:-9999px;
background:url(../../images/common/inquiry_add.jpg) no-repeat;}
#inquirybox p.add01{margin-top:0;}
#inquirybox p.add01 a{background-position:0 0;}
#inquirybox p.add02 a{background-position:0 -77px;}
#inquirybox p.add03 a{background-position:0 -154px;}
#inquirybox p.add04 a{background-position:0 -231px;}
#inquirybox p.add05 a{background-position:0 -308px;}
/*a:hover*/
#inquirybox p.add01 a:hover{background-position:100% 0;}
#inquirybox p.add02 a:hover{background-position:100% -77px;}
#inquirybox p.add03 a:hover{background-position:100% -154px;}
#inquirybox p.add04 a:hover{background-position:100% -231px;}
#inquirybox p.add05 a:hover{background-position:100% -308px;}


/*■08：#sp_txt（特典コメント） 2009.1130対応　22.html/23.html
---------------------------------------------------*/
#sp_txt{width:680px;padding:5px; margin:10px 0; background:#f9eccc;}
#sp_txt h3,#sp_txt h4{display:block; font-weight:bold; font-size:14px;}
#sp_txt dl{width:680px;overflow:hidden;}
#sp_txt dl dt,#sp_txt dl dd{float:left; color:#6d5c42;font-size:14px;}
#sp_txt dl dt{width:100px;}
#sp_txt dl dd{width:580px;}


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