/* 
dst/list.html（dst詳細ページ）
----------------------------------------------------------
■01：ページ内共通要素
■02：ol#listbox
■03：div.txtbox（リード・テキスト）
■04：div.planbox
■05：div.c_planbox（トップ以外）
----------------------------------------------------------*/

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

/*トップページ*/
div.top,
div.topmv,
div.topth,
div.topbl,
div.topnc,
div.tophw,
div.topit,
div.topmb,
div.topgr,
div.topfj,
div.topmv_huva,
div.toptb,
div.toppk,
div.topsp{width:690px;height:330px;margin-bottom:20px;text-indent:-9999px;}

div.top{background:url(../../photoplan/img/top.jpg) no-repeat;}
div.topmv{background:url(../../photoplan/img/topmv.jpg) no-repeat;}
div.topth{background:url(../../photoplan/img/topth.jpg) no-repeat;}
div.topbl{background:url(../../photoplan/img/topbl.jpg) no-repeat;}
div.topnc{background:url(../../photoplan/img/topnc.jpg) no-repeat;}
div.tophw{background:url(../../photoplan/img/tophw.jpg) no-repeat;}
div.topit{background:url(../../photoplan/img/topit.jpg) no-repeat;}
div.topmb{background:url(../../photoplan/img/topmb.jpg) no-repeat;}
div.topgr{background:url(../../photoplan/img/topgr.jpg) no-repeat;}
div.topfj{background:url(../../photoplan/img/topfj.jpg) no-repeat;}
div.toptb{background:url(../../photoplan/img/toptb.jpg) no-repeat;}
div.topmv_huva{background:url(../../photoplan/img/topmv_huva.jpg) no-repeat;}
div.topsp{background:url(../../photoplan/img/topsp.jpg) no-repeat;}
div.toppk{background:url(../../photoplan/img/toppk.jpg) no-repeat;}


div.top div.btn a{
display:block;
margin:0 0 0 470px;
width:200px;height:120px;
text-indent:-9999px;
background:url(../../photoplan/img/btn.jpg) no-repeat 0 0;}

div.top div.btn1 a{
display:block;
margin:0 0 0 470px;
width:200px;height:120px;
text-indent:-9999px;
background:url(../../photoplan/img/btn1.jpg) no-repeat 0 0;}


div.topmv div.btn a{
display:block;
margin:0 0 0 470px;
width:200px;height:120px;
text-indent:-9999px;
background:url(../../photoplan/img/btn.jpg) no-repeat 0 0;}

div.topit div.btn a{
display:block;
margin:0 0 0 470px;
width:200px;height:120px;
text-indent:-9999px;
background:url(../../photoplan/img/btn.jpg) no-repeat 0 0;}




/*■03：div.txtbox（リード・テキスト）
---------------------------------------------------*/
div.txtbox{width:690px; margin:10px 0;}
div.txtbox b{display:block;font-size:15px;color:#645742;}
div.txtbox h3{font-size:16px;font-weight:bold;color:#645742;}
div.txtbox p.t10{ margin-top:10px;}
/*画像がある場合*/
div.txtbox p{overflow:hidden;width:690px;}
div.txtbox p span{display:block;}


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


/*■02：ol#listbox
---------------------------------------------------*/
ol#listbox{width:668px; overflow:hidden;}
ol#listbox li{float:left;width:222px;}
ol#listbox li div.plan{width:212px; height:250px;margin:4px;border:1px solid #ccc;background-color:#291c03;}
ol#listbox li div.plan h4{display:block;width:200px;height:21px;margin:10px 0;text-indent:-9999px;}
/*国名*/
ol#listbox li div.plan h4.h4mv{ background:url(../img/h4/mv.gif) no-repeat;}/*モルディヴ*/
ol#listbox li div.plan h4.h4th{ background:url(../img/h4/th.gif) no-repeat;}/*タヒチ*/
ol#listbox li div.plan h4.h4bl{ background:url(../img/h4/bl.gif) no-repeat;}/*バリ*/
ol#listbox li div.plan h4.h4nc{ background:url(../img/h4/nc.gif) no-repeat;}/*ニューカレドニア*/
ol#listbox li div.plan h4.h4hw{ background:url(../img/h4/hw.gif) no-repeat;}/*ハワイ*/
ol#listbox li div.plan h4.h4it{ background:url(../img/h4/it.gif) no-repeat;}/*イタリア*/
ol#listbox li div.plan h4.h4mb{ background:url(../img/h4/mb.gif) no-repeat;}/*カンクン*/
ol#listbox li div.plan h4.h4gr{ background:url(../img/h4/gr.gif) no-repeat;}/*ギリシャ*/
ol#listbox li div.plan h4.h4fj{ background:url(../img/h4/fj.gif) no-repeat;}/*フィジー*/
ol#listbox li div.plan h4.h4tb{ background:url(../img/h4/tb.gif) no-repeat;}/*タイ　サムイ島*/
ol#listbox li div.plan h4.h4sp{ background:url(../img/h4/sp.gif) no-repeat;}/*タイ　サムイ島*/
ol#listbox li div.plan h4.h4pk{ background:url(../img/h4/pk.gif) no-repeat;}/*タイ　プーケット*/




/*p（img）*/
ol#listbox li div.plan p.img{margin:5px 0 0 4px;}
ol#listbox li div.plan p.img{ width:202px;border:1px solid #ccc;}
ol#listbox li div.plan p.img img{ width:200px;padding:1px;}
/*p（txt）*/
ol#listbox li div.plan p.plan_link{
display:block;width:202px;margin:5px; color:#fff;}
ol#listbox li div.plan p.plan_link a{display:block;width:128px; height:29px; margin-left:35px;text-indent:-9999px;}
p.plan_link a{background:url(../../images/common/btn_details.gif) no-repeat;}
p.plan_link a:hover{background-position:0 bottom;}

/*■03：div.txtbox（リード・テキスト）
---------------------------------------------------*/
div.txtbox{width:690px; margin:10px 0;}
div.txtbox h3{font-size:16px;font-weight:bold;color:#645742;}
div.txtbox p.t10{ margin-top:10px;}


/*■05：div.c_planbox（トップ以外）
---------------------------------------------------*/
div.c_planbox{width:690px;}
div.c_planbox h4{display:block; background-color:#2e1e04; padding:5px;
font-size:16px;font-weight:bold; color:#fff;}
/*項目サブタイトル*/
div.c_planbox 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%;}

div.c_planbox p{margin-bottom:15px;}
div.c_planbox span{
margin:20px 0px 0px;
font-size:16px;
color:#FF0000;
font-weight:bold;}



/*table*/
div.c_planbox table{width:690px; border:1px solid #aa9067;}
div.c_planbox table th,div.c_planbox table td{ border:1px solid #aa9067; padding:2px 5px;}
div.c_planbox table th{ text-align:center;background-color:#d5c6a7;}
/*td センター*/
div.c_planbox table td.text_center{text-align:center;}

/*基本情報*/
div.c_planbox table.photoplan_table02 th{text-align:left;}

/*注意事項*/
p.photoplan_text span{font-weight:bold;color:#2e1e04;}

/*リード*/
p.photoplan_read{font-size:16px;font-weight:bold;color:#2e1e04;}


/*■06：div.c_planbox（トップ以外 バナーをいれる場合のボックス）
現在モルディブ、バリ、タヒチのみ　ダミーで
---------------------------------------------------*/
div.banner{margin-bottom:20px;margin-left:auto; margin-right:auto; width:690px;}


/*■07：h6.schedule div.schedulebox　スケジュール
/hawaii.html
---------------------------------------------------*/
h6.schedule{height:55px;text-indent:-9999px; margin-bottom:5px;}
h6.schedule span{display:block;height:55px;background:url(../img/h6/h6txt.gif) no-repeat;}
div.schedulebox{width:680px;padding:5px;}
div.schedulebox table{border:1px solid #aa9067;}
div.schedulebox table th,
div.schedulebox table td{padding:3px 5px;vertical-align:top;text-align:left;border:1px solid #aa9067;}
div.schedulebox ul.bace{width:680px;overflow:hidden;}
div.schedulebox ul.bace li{float:left; width:340px;}
div.schedulebox ul.bace li table{width:330px; margin:0 4px;}
div.schedulebox ul.bace li table tr.tit{background-color:#aa9067;}
div.schedulebox ul.bace li table tr.tit th{color:#fff; font-weight:bolder;}
/*dl*/
div.schedulebox table td dl{overflow:hidden; width:320px;}
div.schedulebox table td dl dt,
div.schedulebox table td dl dd{float:left;padding-top:3px;border-top:1px dotted #ccc;font-size:10px;}
div.schedulebox table td dl dt{width:15px;}
div.schedulebox table td dl dd{width:305px; margin-bottom:5px;}


/*■08：div.subpictbox
---------------------------------------------------*/
div.subpictbox{width:678px;padding:5px; border:1px solid #aa9067; margin-top:10px;}
div.subpictbox ul{width:678px;overflow:hidden;}
div.subpictbox ul li{float:left;width:216px; padding:5px;}

/*■09：div.subpictbox2
---------------------------------------------------*/
div.subpictbox2{width:678px;padding:5px; border:1px solid #aa9067; margin-top:10px;}
div.subpictbox2 ul{width:678px;overflow:hidden;}
div.subpictbox2 ul li{float:left;width:328px; padding:5px;}

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

/*ボタン配置*/
div.planmenu ul li.btn01 a{width:345px;}
div.planmenu ul li.btn02 a{width:345px; background-position:-345px 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 li.btn02 a:hover,div.planmenu ul li.btn02 a.on{background-position:-345px bottom;}
/****************************************************************