/* 
plan/（プラン詳細ページ）
----------------------------------------------------------
■01：ページ内共通要素
■02：top画像
■03：div.tbbbox　基本スケジュールなど
■04：div.estimate お見積り例
----------------------------------------------------------*/


/*■01：ページ内共通要素
---------------------------------------------------*/
/*ページタイトル*/
/*幅設定に関してはbace.cssにて共通化*/
h2#plan{ background:url(../img/h2_bk.gif) #98856b no-repeat 0 0;}
h2#plan span{text-indent:-9999px;}

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

/*■02：top画像
---------------------------------------------------*/
div.top{width:690px;height:330px;}
/*リード（おすすめプラン一例）*/
div.planlist{width:690px; margin-top:5px;}
div.planlist p{ width:690px;}
div.planlist span{display:block;display:none;}
div.planlist a.btn{display:block;width:200px; height:24px;text-indent:-9999px; margin-left:240px;}
div.planlist a.btn{background:url(../img/dbtn.gif) no-repeat;}
div.planlist a.btn:hover{background-position:bottom;}

/*■10：div.planmenu
---------------------------------------------------*/
div.planmenu{display:block;margin-top:20px;width:685px;}
div.planmenu ul{width:685px;overflow:hidden;}
div.planmenu ul li{float:left;}
div.planmenu ul li a{
display:block;width:685px;height:36px;text-indent:-9999px;
background:url(../img/bali/bali_plan_menu.jpg) no-repeat;}

/*ボタン配置*/
div.planmenu ul li.btn01 a{width:114px; background-position:0 0;}
div.planmenu ul li.btn02 a{width:113px; background-position:-114px 0;}
div.planmenu ul li.btn03 a{width:113px; background-position:-228px 0;}
div.planmenu ul li.btn04 a{width:113px; background-position:-342px 0;}
div.planmenu ul li.btn05 a{width:113px; background-position:-456px 0;}
div.planmenu ul li.btn06 a{width:113px; background-position:-570px 0;}

/*a:hober a.on*/
div.planmenu ul li.btn01 a:hover,div.planmenu ul li.btn01 a.on{background-position:0 bottom;}
div.planmenu ul li.btn02 a:hover,div.planmenu ul li.btn02 a.on{background-position:-114px bottom;}
div.planmenu ul li.btn03 a:hover,div.planmenu ul li.btn03 a.on{background-position:-228px bottom;}
div.planmenu ul li.btn04 a:hover,div.planmenu ul li.btn04 a.on{background-position:-342px bottom;}
div.planmenu ul li.btn05 a:hover,div.planmenu ul li.btn05 a.on{background-position:-456px bottom;}
div.planmenu ul li.btn06 a:hover,div.planmenu ul li.btn06 a.on{background-position:-570px bottom;}

/*■08：div.bplanbox
---------------------------------------------------*/
div.bplanbox{float:left;width:677px;border:1px solid #aa9067;}
div.bplanbox h3{display:block; background-color:#2e1e04; padding:5px;
font-size:16px;font-weight:bold; color:#fff;}
/*項目サブタイトル*/
div.bplanbox p{display:block; margin-top:5px;padding-left:15px;
font-weight:bold; font-size:14px;color:#756245;}

div.bplanbox div.pict,div.bplanbox div.price{float:left;}
div.bplanbox div.pict{width:180px;padding:0px 5px 0px 0px;}
div.bplanbox div.price{width:468px;padding:5px 5px 5px 5px;}
div.bplanbox div.price table{border:1px solid #aa9067;}
div.bplanbox div.price table tr.tit{background-color:#c7b9a0;}
div.bplanbox div.price table tr.tit th{color:#fff;border:1px solid #aa9067;font-weight:bold;padding:0px 5px;}
div.bplanbox div.price table tr.tit th.cell{width:350px;}
div.bplanbox div.price table tr.tit th.cell2{width:110px;}

div.bplanbox div.price table td{vertical-align:top;text-align:left;border:1px solid #aa9067;padding:0px 5px;}
div.bplanbox div.price table td p{display:block;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold; text-align:justify}
div.bplanbox div.price table td span{display:block;color:#f00;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;text-align:right;}
div.bplanbox div.pict span img{display:block;width:180px;padding:5px 5px 0px 5px;}


/*■03：div.tbbbox　基本スケジュールなど
---------------------------------------------------*/
/*2ﾊﾟﾀｰﾝ共通*/
div.tbbbox{float:left;width:680px;padding:0 5px; margin-top:20px;}
div.tbbbox table{border:1px solid #aa9067;}
div.tbbbox table th,
div.tbbbox table td{padding:3px 5px;
vertical-align:top;text-align:left;border:1px solid #aa9067;}

/*基本スケジュール・費用に含まれるもの*/
div.tbbbox ul.bace{width:680px;overflow:hidden;}
div.tbbbox ul.bace li{float:left; width:340px;}
div.tbbbox ul.bace li table.pt01{width:330px; margin:0 5px;}
div.tbbbox ul.bace li table.pt01 tr.tit{background-color:#aa9067;}
div.tbbbox ul.bace li table.pt01 tr.tit th{color:#fff; font-weight:bolder;}
/*dl*/
div.tbbbox table.pt01 td dl{overflow:hidden; width:100%;}
div.tbbbox table.pt01 td dl dt,
div.tbbbox table.pt01 td dl dd{float:left;padding-top:3px;border-top:1px dotted #ccc;font-size:10px;}
div.tbbbox table.pt01 td dl dt{width:18%;}
div.tbbbox table.pt01 td dl dd{width:82%; margin-bottom:5px;}
/*費用に含まれるもの*/
div.tbbbox table.pt01 td dl.plus dt,
div.tbbbox table.pt01 td dl.plus dd{border:none;}
div.tbbbox table.pt01 td dl.plus dd{
padding-left:10px;background:url(../../images/common/line_dotted01.gif) no-repeat 2px 50%;}

/*スケジュール一括版*/
div.tbbbox table.pt02{width:678px;}
div.tbbbox table.pt02 th{color:#fff;font-weight:bolder;background-color:#c7b9a0;}
div.tbbbox table.pt02 tr.sub th{
font-weight:normal;font-size:10px;
color:#444;background-color:#c7b9a0;}
/*タイトル*/
div.tbbbox table.pt02 tr.tit th{background-color:#aa9067;}

/*No*/
div.tbbbox table.pt02 td.date_cell{width:65px;vertical-align:middle;}
/*dl*/
div.tbbbox table.pt02 td dl{overflow:hidden; width:100%;}
div.tbbbox table.pt02 td dl dt,
div.tbbbox table.pt02 td dl dd{float:left;}
div.tbbbox table.pt02 td dl dt{width:12%;}
div.tbbbox table.pt02 td dl dd{width:88%;}

/*挙式費用に含まれるもの*/
div.baceplus{width:688px;border:1px solid #aa9067;}
div.baceplus h4{display:block;width:688px;background-color:#aa9067;}
div.baceplus h4 span{display:block;width:678px;padding:5px;color:#fff; font-weight:bold;}
div.baceplus div.bdy{width:678px;padding:5px;}
div.baceplus div.bdy ul{width:678px; overflow:hidden;}
div.baceplus div.bdy ul li{
font-size:10px;
float:left; width:211px;padding:2px 5px 2px 10px;
background:url(../../images/common/line_dotted01.gif) no-repeat 0 50%;}

/*■04：div.estimate お見積り例
---------------------------------------------------*/
div.estimate{width:688px;border:1px solid #aa9067;}
div.estimate h4{display:block;width:688px;background-color:#aa9067;}
div.estimate h4 span{display:block;width:678px;padding:5px;color:#fff; font-weight:bold;}
div.estimate div.bdy{width:678px;padding:5px;}


/*■11：h3.bali_detail　バリ説明
/sp/bali.html
---------------------------------------------------*/
h4.hon{height:55px;
text-indent:-9999px; margin-bottom:5px;}
h4.hon span{display:block;height:55px;background:url(../img/bali/h3txt_moon.gif) no-repeat;}
/*項目サブタイトル*/
h5{display:block; margin-top:15px;padding-left:15px;
font-weight:bold; font-size:14px;color:#756245;
background:url(../../images/common/icon/ic_list_001.gif) no-repeat 0 50%;}

/*■08：div.planset　プランセットbl_plan
---------------------------------------------------*/
div.planset{margin-top:5px;width:688px; border:1px solid #aa9067;}
div.planset h6{font-size:16px;font-weight:bold;background-color:#aa9067;color:#fff;padding:5px;}
div.planset p.txt{width:678px; padding:5px 5px 5px 5px; overflow:hidden;}
/*写真が付いている場合*/
div.planset p.txt img.sub_photo{float:left; margin-right:5px;}


/*■04：div.banner（バナーボックス）
---------------------------------------------------*/
div.banner{margin-top:15px;width:690px;text-align:center;}

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