/*
  国内旅行編
  /annai/kokunai.html
  共通レイアウト部分はcommon.cssに記述
-------------------------------------------------------------*/

#wrapper{background-color: #ffede7;}

/* mainHead 
-------------------------------*/
div#mainHead{background:  url(/annai/images/kokunai/main_head.jpg) no-repeat left top;}


/* sgArea 
-------------------------------*/
div#sgArea{
background:  url(/annai/images/kokunai/box_btm.gif) no-repeat left bottom;
padding: 0 0 6px 0;
margin-top: -5px;
}
div#sgArea div#sgAreaIn{
background:  url(/annai/images/kokunai/box_bg.gif) repeat-y left top;
padding: 0 0 10px 40px;
}
div#sgArea h3{
text-align: center;
}
div#sgArea div.sgBox{
width: 870px;
margin: 0 0 20px 0;
padding: 0;
background:  url(/annai/images/kokunai/single_bg.gif) repeat-y left top;
}
div#sgArea div.sgBox01{
width: 870px;
margin: 0;
padding: 0;
background:  url(/annai/images/kokunai/single_btm.gif) no-repeat left bottom;
}
div#sgArea div.sgBox01 ul.line01,
div#sgArea div.sgBox01 ul.line02{padding:0 0 0 20px;width: 850px;}
div#sgArea div.sgBox01 ul.line01 li,
div#sgArea div.sgBox01 ul.line02 li{float:left;}
div#sgArea div.sgBox01 ul.line01 p.secret,
div#sgArea div.sgBox01 ul.line02 p.secret{float:left;width: 140px;}
div#sgArea div.sgBox01 ul li p.note{float:left;width: 275px;}
div#sgArea div.sgBox01 ul li p.note span{display: block;padding-top: 5px;}
div#sgArea div.sgBox01 ul.line01{padding-top: 11px; padding-bottom:6px;}
div#sgArea div.sgBox01 ul li.secret01,
div#sgArea div.sgBox01 ul li.secret03{width: 415px;padding-right: 15px;}
div#sgArea div.sgBox01 ul li.secret02,
div#sgArea div.sgBox01 ul li.secret04{width: 400px;}
div#sgArea div.sgBox01 ul li.secret02 p.note,
div#sgArea div.sgBox01 ul li.secret04 p.note{width: 260px;}

div#sgArea div.sgBox01 #searchArea{

width: 830px;
margin: 0;
padding: 0 20px 27px;
background:  url(/annai/images/kokunai/sg_arrow.gif) no-repeat center top;
}

/* 検索レイアウト */
div#searchArea .searchAreaIn{
padding: 0 0 10px 0;
background:  url(/annai/images/kokunai/search_bg.gif) repeat-y left top;
}
div.busMapArea{
float: left;
padding: 10px 20px 0;
}
div.busMapArea .searchBox img{margin:20px;}

div.busSearch{
float: left;
padding: 10px 0 0;
}

div.searchBox{
width: 385px ;
min-height:295px;
height:auto !important;
height:295px;
background: #ffffff;
border: 1px solid #837bd0;
}

div#busSearch table{
width:330px;
color: #333333;
margin: 20px 0 0 30px;
}
div#busSearch table td{padding:3px;}

div#sgArea div.sgBox01 ul#caution {
border-top:1px dotted #837bd0;
padding:10px 0 0 0;
}
div#sgArea div.sgBox01 ul#caution li{
width: 345px;
margin: 0;
padding: 0 20px;
line-height: 1;
font-size: 11px;
color: #333333;
}


/* serviceArea 
-------------------------------*/
div#serviceArea{
width: 870px;
padding: 0 0 6px 0;

}
div#serviceArea ul{
width: 870px;
overflow:hidden;
}
div#serviceArea ul li{
float: left;
width: 425px;
}
div#serviceArea ul li .btn{
padding: 10px;
text-align: center;
}
div#serviceArea ul li.service01,
div#serviceArea ul li.service02{
background:  url(/annai/images/kokunai/double_bg_02.gif) no-repeat left bottom;
margin-bottom:20px;
padding-bottom:10px;
}
div#serviceArea ul li.service01{
margin-right:20px;
}
div#serviceArea ul li .note span{display: block; font-size: 11px;}
div#serviceArea ul li.service01 .note{
width: 200px;
background:  url(/annai/images/kokunai/ho_pict.gif) no-repeat right 10px;
padding: 10px 200px 0 15px;
}
div#serviceArea ul li.service02 .note{
width: 200px;
background:  url(/annai/images/kokunai/tour_pict.gif) no-repeat right 10px;
padding: 10px 200px 0 15px;
height:77px;
}
div#serviceArea ul li.service03{
margin-bottom:20px;
}
div#serviceArea ul li.service03,
div#serviceArea ul li.service04{
width:870px;
background:url(/annai/images/kokunai/single_bg_btm_02.gif) no-repeat left bottom;
}
div#serviceArea ul li.service03 .service-inner,
div#serviceArea ul li.service04{
padding-bottom:10px;
}
div#serviceArea ul li.service03 .note{
background:url(/annai/images/kokunai/ao_pict.gif) no-repeat 98% 10px;
padding: 10px 240px 0 15px;
min-height:140px;
}
div#serviceArea ul li.service04 .note{
background:url(/annai/images/kokunai/bus_pict.gif) no-repeat 98% 10px;
padding: 10px 240px 0 15px;
min-height:140px;
}
div#serviceArea ul li.service03 .list-order{
margin:10px 0 0 1.5em;
list-style-type:decimal;
}

div#serviceArea ul li.service03 .list-order li{
margin-top:5px;
float:none;
width:auto;
display:list-item;
}
div#serviceArea ul li.service03 .btn,
div#serviceArea ul li.service04 .btn{
margin-top:-30px;
}

/* othersArea 
-------------------------------*/
div#othersArea{background: url(/annai/images/kokunai/others_bg.gif) no-repeat 19px bottom;}

/* div#linkArea 
-------------------------------*/
div#linkArea{background:  url(/annai/images/kokunai/base_btm.gif) no-repeat left bottom;}



/* clearfix hacks
--------------------------------------*/
div#sgArea div.sgBox01 ul:after,
div#sgArea div ul li:after,
div#searchArea .searchAreaIn:after,
div#serviceArea ul:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
*:first-child+html div#sgArea div.sgBox01 ul,
*:first-child+html div#sgArea div ul li,
*:first-child+html div#searchArea .searchAreaIn,
*:first-child+html div#serviceArea ul{display: inline-block;}
* html div#sgArea div.sgBox01 ul,
* html div#sgArea div ul li,
* html div#searchArea .searchAreaIn,
* html div#serviceArea ul{height: 1%;}