@charset "utf-8";

/* contents-body-area Layout

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

/* Link color */

#contents-body-area a {
 color: #505050;
 text-decoration:none;
}

#contents-body-area a:hover {
 text-decoration:underline;
}

/* contents-tour-search Layout

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

#contents-body-area #contents-tour-search {
 margin-bottom:41px;
}

#contents-body-area #contents-tbox div.box-inner {
 width:526px;
/* padding-top:2px;*/
 border-top:none;
/* border-right:1px solid #9dc0d8;
 border-bottom:1px solid #9dc0d8;
 border-left:1px solid #9dc0d8;*/
}

/* map-area */

#contents-body-area #contents-tbox .ts-map-area {
 background:url(../../kokunai/img/ts_bg_maparea.gif) repeat-x left top;
 width:520px;
 border:none;
 overflow:hidden;
 padding-bottom:18px;
 margin:0 3px 0 3px;
}

#contents-body-area #contents-tbox .ts-search-area {
 width:225px;
 float:left;
 padding:11px 0 0 12px;
}

#contents-body-area #contents-tbox .ts-map {
 width:283px;
 float:right;
 padding-top:9px;
 position:relative;
}

#contents-body-area #contents-tbox .ts-map .ttl {
 position:absolute;
 top:11px;
 left:0;
}

#contents-body-area #contents-tbox .ts-search-area p.caution {
 color:#c00;
 font-size:10px;
 margin:0 0 0 2px;
 padding:6px 0 5px;
}

#contents-body-area #contents-tbox .ts-search-area span {
 color:#c00;
}

#contents-body-area #contents-tbox .ts-search-area dl {
 margin:0 0 0 2px;
}

#contents-body-area #contents-tbox .ts-search-area dt {
 padding-bottom:3px;
}

#contents-body-area #contents-tbox .ts-search-area dd {
 padding-bottom:7px;
}

#contents-body-area #contents-tbox .ts-search-area dd select.wide {
 width:202px;
}

#contents-body-area #contents-tbox .ts-search-area p.submit-area input {
 text-align:center;
 cursor:pointer;
 padding:2px 5px 0;
}

#contents-body-area #contents-tbox .ts-search-area p.submit-area .more {
 font-weight:bold;
 background:url(../img/arw_dm02.gif) no-repeat 3px top;
 padding:1px 0 1px 18px;
}

/* btn -------------------------*/

#contents-body-area #contents-tbox ul.ts-map-btn {
 background:url(../../kokunai/img/ts_bg_btnarea.gif) repeat left top;
 width:100%;
 margin-bottom:18px;
 border-top:1px solid #b2cad8;
 overflow:hidden;
}

#contents-body-area #contents-tbox ul.ts-map-btn li {
 float:left;
}

#contents-body-area #contents-tbox ul.ts-map-btn li img {
 vertical-align:bottom;
}

/* ts-pricedown -------------------------*/

#contents-body-area .ts-pricedown ul {
 padding:16px 15px 24px;
}

#contents-body-area .ts-pricedown ul li {
 width:337px;
 position:relative;
 padding:1px 85px 8px 74px;
}

#contents-body-area .ts-pricedown ul li .ico {
 font-size:11px;
 color:#FFF;
 font-weight:normal;
 background:#ea426e;
 text-align:center;
 display:block;
 width:70px;
 padding:2px 0 0;
 position:absolute;
 top:0;
 left:0;
}

#contents-body-area .ts-pricedown ul li .price {
 color:#b50000;
 font-weight:bold;
 display:block;
 position:absolute;
 top:1px;
 right:0;
}

#contents-body-area .ts-pricedown ul li a {
 color:#278fb5;
}

/* ts-pricedown2 -------------------------*/
#contents-body-area .ts-pricedown2 div {
 padding:16px 5px 5px;
}

#contents-body-area .ts-pricedown2 div dl {
 width:516px;
 margin:0 0 5px 0;
 position:relative;
 padding:0 0 5px 0;
 border-bottom:1px dashed #BBBBBB;
}

#contents-body-area .ts-pricedown2 div dl dt {
}

#contents-body-area .ts-pricedown2 div dl dt .ico {
 font-size:11px;
 color:#FFF;
 font-weight:normal;
 background:#ea426e;
 text-align:center;
 width:110px;
 display: inline-block;
 padding:2px 0 0;
 margin-right:5px;
}

#contents-body-area .ts-pricedown2 div dl dt a {
 color:#278fb5;
}

#contents-body-area .ts-pricedown2 div dl dd {
 margin-top:5px;
 text-align:right;
}

#contents-body-area .ts-pricedown2 div dl dd .price {
 color:#b50000;
 font-weight:bold;
 display:block;
 position:absolute;
 top:1px;
 right:0;
}

#contents-body-area .ts-pricedown2 div dl dd strong.revise {
 color:#F00;
}

#contents-body-area .ts-pricedown2 p {
 margin:10px 0;
 color:#278fb5;
 text-align:right;
}

#contents-body-area .ts-pricedown2 p a {
 color:#278fb5;
}

/* ts-pricedown3 -------------------------*/
#contents-body-area .ts-pricedown3 div.title {
 height:49px;
 padding:5px 0 0 193px;
 background-repeat:no-repeat;
 background-position:left top;
}

#contents-body-area .ts-pricedown3 div.okinawa {
 background-image:url(/kokunai/img/title_pricedown1.gif);
}

#contents-body-area .ts-pricedown3 div.hokkaido {
 background-image:url(/kokunai/img/title_pricedown2.gif);
}

#contents-body-area .ts-pricedown3 div.title table.col2 {
 width:330px;
}

#contents-body-area .ts-pricedown3 div.title table.col2 td {
 width:163px;
 height:18px;
 padding:0 2px 0 0;
 color:#F00;
 line-height:100%;
 font-weight:bold;
 font-style:italic;
 text-align:right;
 vertical-align: middle;
 font-size:18px;
}

#contents-body-area .ts-pricedown3 div.title table.col3 {
 width:330px;
}

#contents-body-area .ts-pricedown3 div.title table.col3 td {
 width:110px;
 height:18px;
 color:#F00;
 font-weight:bold;
 text-align:right;
 vertical-align: middle;
 font-size:10px;
}

#contents-body-area .ts-pricedown3 div {
 padding:16px 5px 5px;
}

#contents-body-area .ts-pricedown3 div dl {
 width:516px;
 margin:0 0 5px 0;
 position:relative;
 padding:0 0 5px 0;
 border-bottom:1px dashed #BBBBBB;
}

#contents-body-area .ts-pricedown3 div dl dt {
}

#contents-body-area .ts-pricedown3 div dl dt .ico {
 font-size:11px;
 color:#FFF;
 font-weight:normal;
 background-color:#78140e;
/* background:#ea426e;*/
 text-align:center;
 width:110px;
 display: inline-block;
 padding:2px 0 0;
 margin-right:5px;
}

#contents-body-area .ts-pricedown3 div dl dt a {
 color:#278fb5;
}

#contents-body-area .ts-pricedown3 div dl dd {
 margin-top:5px;
 text-align:right;
}

#contents-body-area .ts-pricedown3 div dl dd .price {
 color:#b50000;
 font-weight:bold;
 display:block;
 position:absolute;
 top:1px;
 right:0;
}

#contents-body-area .ts-pricedown3 div dl dd strong.revise {
 color:#F00;
}

#contents-body-area .ts-pricedown3 p {
 margin:10px 0;
 color:#278fb5;
 text-align:right;
}

#contents-body-area .ts-pricedown3 p a {
 color:#278fb5;
}

/* timesale -------------------------*/

#contents-body-area #contents-tbox .ts-timesale h3 {
 width:506px;
 font-size: 100%;
 line-height: 1.2em;
 background: #fbdae3 url(../../kokunai/img/ts_ttl_timesale.gif) no-repeat left top;
 padding: 5px 10px;
}

#contents-body-area #contents-tbox .ts-timesale ul {
 width:514px;
 padding:12px 0 12px 12px;
 overflow:hidden;
}

#contents-body-area #contents-tbox .ts-timesale li {
 line-height:117%;
 font-weight:bold;
 width:161px;
 float:left;
 padding-right:10px;
}

#contents-body-area #contents-tbox .ts-timesale li img {
 display:block;
 padding-bottom:5px;
}

/* contents-recommended Layout

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

#contents-body-area #contents-recommended .ttl {
 padding-bottom:25px;
}

#contents-body-area #contents-recommended .box-inner {
 width:100%;
 overflow:hidden;
}

#contents-body-area #contents-recommended div.left-box {
 width:253px;
 float:left;
}

#contents-body-area #contents-recommended div.right-box {
 width:253px;
 float:right;
}

#contents-body-area #contents-recommended div.tour-list {
 background:url(../img/line_dot_gray.gif) repeat-x left bottom;
 margin-bottom:10px;
}

#contents-body-area #contents-recommended div.tour-list .ttl {
 font-size:108%;
 font-weight:bold;
 background:url(../img/arw_dm01.gif) no-repeat left top;
 padding:0 0 4px 17px;
}

#contents-body-area #contents-recommended div.tour-list .ttl a {
 color: #ea426e;
 text-decoration:underline;
}

#contents-body-area #contents-recommended div.tour-list dl {
 width:100%;
 overflow:hidden;
}

#contents-body-area #contents-recommended div.tour-list dt {
 width:70px;
 float:left;
 padding:4px 0 16px;
}

#contents-body-area #contents-recommended div.tour-list dt img {
 border:1px solid #ccc;
 padding:1px;
}

#contents-body-area #contents-recommended div.tour-list dd {
 line-height:158%;
 color:#6c6c6c;
 width:183px;
 float:right;
 padding-bottom:3px;
}

#contents-body-area #contents-recommended div.tour-list dd.price {
 color:#b50000;
 font-weight: bold;
 padding-bottom:7px;
}

/* rentacarList -------------------------*/
body.rentacarList {
}

body.rentacarList div#contents-body-area h2{
 padding:20px 0 20px 60px;
 margin:10px 0 10px 0;
 font-size:150%;
 color:#F60;
 border-bottom:3px solid #F60;
 border-top:3px solid #F60;
 background-image:url("/kokunai/img/rentacar_50-33.jpg");
 background-repeat:no-repeat;
 background-position:left 12px;
}

body.rentacarList div#contents-body-area dl{
 zoom: 100%;
 margin-bottom:20px;
}

body.rentacarList div#contents-body-area dl:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

body.rentacarList div#contents-body-area dt,
body.rentacarList div#contents-body-area dd{
 display: inline;
 padding-right:10px;
}

body.rentacarList div#contents-body-area dd a{
 text-decoration:underline;
}

body.rentacarList div#contents-body-area dd a:hover{
 text-decoration:none;
}

body.rentacarList div#contents-body-area h3{
 border-left:5px solid #09F;
 color:#09f;
 font-size:140%;
 padding:5px 10px;
 margin:0 0 10px 0;
}

body.rentacarList div#contents-body-area table{
 width:950px;
 margin:0 0 40px 0;
}

body.rentacarList div#contents-body-area table tr:hover{
 background-color:#CFF;
}

body.rentacarList div#contents-body-area table th{
 vertical-align: middle;
 text-align:center;
 padding:5px;
 background-color:#09F;
 color:#FFF;
 }

body.rentacarList div#contents-body-area table td{
 vertical-align: middle;
 padding:3px;
 }

body.rentacarList div#contents-body-area table th.neme{ width:25%;}
body.rentacarList div#contents-body-area table th.tel{ width:15%;}
body.rentacarList div#contents-body-area table th.time{ width:15%;}
body.rentacarList div#contents-body-area table th.add{ width:35%;}
body.rentacarList div#contents-body-area table th.map{ width:10%;}

body.rentacarList div#contents-body-area table td.mapLink{
 text-align:center;
}

body.rentacarList div#contents-body-area table td a{
 text-align:center;
 color:#00F;
 text-decoration:underline;
 }

body.rentacarList div#contents-body-area table td a:hover{
 text-decoration:none;
 
}

body.rentacarList div#contents-body-area table,
body.rentacarList div#contents-body-area table th,
body.rentacarList div#contents-body-area table td{
 border-collapse:collapse;
 border:1px solid #BBBBBB;
}