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

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

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

div.top{background:url(../img/top.jpg) no-repeat;}
div.topmv{background:url(../img/topmv.jpg) no-repeat;}
div.topth{background:url(../img/topth.jpg) no-repeat;}
div.tophw{background:url(../img/tophw.jpg) no-repeat;}


/*■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.h4hw{ background:url(../img/h4/hw.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_opbox（トップ以外）
---------------------------------------------------*/
div.c_opbox{width:690px;}
div.c_opbox h4{display:block; background-color:#2e1e04; padding:5px;font-size:16px;font-weight:bold; color:#fff;}
div.c_opbox h4 span{ color:#fff;}

/*項目サブタイトル*/
div.c_opbox 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%;}

/*table*/
div.c_opbox table{width:688px; border:1px solid #aa9067;}
div.c_opbox table th,div.c_opbox table td{ border:1px solid #aa9067; padding:2px 5px;}
div.c_opbox table th{text-align:center;background-color:#d5c6a7;}

/*オプション名*/
div.c_opbox table th#op{width:150px;}
/*料金*/
div.c_opbox table th#money{width:120px;}
/*商品内容及びご注意事項*/
div.c_opbox table th#txt{width:358px;}


div.c_opbox table td{vertical-align:top;}
/*td センター*/
div.c_opbox table td.text_center{text-align:center;}
/*お金*/
div.c_opbox table td span.mon{display:block;font-weight:bold;color:#756245;}


/*折り返し禁止*/
div.c_opbox table td.name,
div.c_opbox table td span.mon{white-space:nowrap;}

/*font*/
.fs{font-size:10px;}

th.lf{text-align:left;}

a.plnk{
color:#39c;
padding:0 0 2px 1em;
border-bottom:1px dotted #39c;}





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