@charset "utf-8";

/*------------------------------------------------------
-------------------------------------------------------*/

/*■01 角丸BOX（中カラム）
---------------------------*/
div.marubox_main{width:500px; overflow:hidden;}
div.marubox_main h2{height:30px;background:url(../images/common/bk_kadomaru_h2.jpg) no-repeat 50% 0; cursor:pointer;}
div.marubox_main div.mb-hed,
div.marubox_main div.mb-box,
div.marubox_main div.mb-bottom{overflow:hidden;}

div.marubox_main div.mb-hed,
div.marubox_main div.mb-bottom{height:3px;text-indent:-9999px;}/*角丸*/
div.marubox_main div.mb-hed{background:url(../images/common/box_kadomaru500_hed.gif) no-repeat 0 0;}
div.marubox_main div.mb-bottom{background:url(../images/common/box_kadomaru500_bottom.gif) no-repeat 0 0;}
div.marubox_main div.mb-box{
padding:0 4px;
width:492px;
background:url(../images/common/box_kadomaru500_box.gif) repeat-y;}

/*border gray*/
div.marubox_main.gra h2{height:30px;background:url(../images/common/bk_kadomaru_h2_osusume.jpg) no-repeat 50% 0;}
div.marubox_main.gra div.mb-hed{background:url(../images/common/box_kadomaru500_hed_gray.gif) no-repeat 0 0;}
div.marubox_main.gra div.mb-bottom{background:url(../images/common/box_kadomaru500_bottom_gray.gif) no-repeat 0 0;}
div.marubox_main.gra div.mb-box{background:url(../images/common/box_kadomaru500_box_gray.gif) repeat-y;}



/*■mflash　メインフラッシュ
---------------------------*/
div#mflash{
width:500px;
height:300px;}


/*■02 01～04までの予約フォーム部分
---------------------------*/
dl.retrieval{padding:5px;}
dl.retrieval dt{border-bottom:2px solid #09c; padding:3px 0;}
dl.retrieval dd{ overflow:hidden;}
dl.retrieval dd p{float:left;}
dl.retrieval dd p span{display:block;white-space:nowrap;}
dl.retrieval dd p span.subtit{margin-top:10px;color:#09c;font-weight:bold;}
dl.retrieval dd p span em{display:block; padding:0 0 0 15px; vertical-align:middle;}
dl.retrieval dd p span em select{margin-bottom:5px;}
dl.retrieval dd p span em.wselect{padding:0 0 0 10px;}
dl.retrieval dd p span select{color:#444; margin:0 3px;} 


/*■03 #hotel_box　ホテルモジュール
---------------------------*/
#hotel_box h2 span{
display:block;
height:30px;
text-indent:-9999px;
background:url(../images/common/btn_acc_trigger_hotel.gif) no-repeat 0 50%;}
#hotel_box dl.retrieval dt{display:block;height:18px;text-indent:-9999px;
background:url(../images/common/txt_top_h2trigger_hotel.gif) no-repeat 0 0;}
dl.retrieval dd ul.hotel{overflow:hidden; width:100%;}
dl.retrieval dd ul.hotel li{float:left;}
dl.retrieval dd ul.hotel li.left{width:75%;}
dl.retrieval dd ul.hotel li.btn{width:20%;padding-top:80px;}
/*エリアリ地区はfloat*/
dl.retrieval dd ul.hotel li p.parea{margin-right:10px;}
select.room_selected{width:5em; margin-left:10px;}/*部屋数*/



/*■04 #mon_box　オプショナルツアー
---------------------------*/
#op_box h2 span{
display:block;
height:30px;
text-indent:-9999px;
background:url(../images/common/btn_acc_trigger_op.gif) no-repeat 0 50%;}
/*subtitle*/
#send_box dl.retrieval dt{display:block;height:18px;text-indent:-9999px;}
#send_box dl.retrieval dt.sougei{background:url(../images/common/txt_top_h2trigger_sougei.gif) no-repeat 0 0;}
#send_box dl.retrieval dt.kokunai{background:url(../images/common/txt_top_h2trigger_kokunai.gif) no-repeat 0 0;}
dl.retrieval dd ul.op{ width:100%;}
dl.retrieval dd ul.op li{float:left;}
dl.retrieval dd ul.op li.a01a2thema{width:100%;}
dl.retrieval dd ul.op li.a01a2thema p{width:33%;}
dl.retrieval dd ul.op li.sanka{width:75%;}
dl.retrieval dd ul.op li.btn{width:23%; margin-top:15px;}



/*■05 #mon_box　国内線・送迎
---------------------------*/
#send_box h2 span{
display:block;
height:30px;
text-indent:-9999px;
background:url(../images/common/btn_acc_trigger_send.gif) no-repeat 0 50%;}
#send_box div.block{width:100%;overflow:hidden;}
#send_box div.block dl.retrieval{float:left; width:47%;}

dl.retrieval dd ul.send li{clear:both;}
dl.retrieval dd ul.send li.btn input{margin:15px 70px;}


/*■06 mflash　おすす特集
---------------------------*/
/*title*/
div.marubox_main.gra h2.osususume_tit span{
display:block;height:25px;
background:url(../images/common/txt_osusume_tit.gif) no-repeat 0 0; text-indent:-9999px;}

dl.osusume{margin-bottom:5px;}
/*subtitle*/
dl.osusume dt{border-bottom:2px solid #09c; padding:3px 0;}
dl.osusume dt span{display:block;height:15px; text-indent:-9999px;}
/*ホテル*/
dl.osusume dt.hotel{margin-top:10px;}
dl.osusume dt.hotel span{background:url(../images/common/txt_osusume_sub_hotel.gif) no-repeat 0 0;}
/*オプショナル*/
dl.osusume dt.op{margin-top:15px;}
dl.osusume dt.op span{background:url(../images/common/txt_osusume_sub_op.gif) no-repeat 0 0;}
/*ホテル・オプショナルリスト*/
dl.osusume dd ul{width:100%; overflow:hidden;}
dl.osusume dd ul li{float:left;width:50%;}
dl.osusume dd ul li:hover{background-color:#cff;}
dl.osusume dd a{display:block; padding:10px 5px; overflow:hidden;}　
dl.osusume dd a:hover{display:block;background-color:#cff;}/*IE用*/ 

dl.osusume dd ul li a img{float:left;margin-right:5px;}
dl.osusume dd ul li a span{display:block;font-size:x-small;}
dl.osusume dd ul li a span.area{color:#000;font-weight:bold;}/*エリア名*/
dl.osusume dd ul li a span.name{font-size:80%;}/*名前*/
dl.osusume dd ul li a span.mon{color:#888;}/*料金*/


/*■SSL LOGO
 * GlobalSign 115x57 2009-12-04
--------------------------------*/
div.ssl{padding-top:10px;padding-left:10px}


