@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:10px;
/* border-top:4px solid #ea426e;*/
 border-right:1px solid #9dc0d8;
 border-bottom:1px solid #9dc0d8;
 border-left:1px solid #9dc0d8;
}

#contents-body-area #contents-tbox div.box-inner {
 width:526px;
/* padding-top:2px;*/
}

#contents-body-area #contents-tbox .page-ttl {
 font-size:162%;
 font-weight:bold;
 background:#f4f4f4 url(../img/bg_pagettl.gif) repeat-x left top;
 padding:14px 17px 12px;
 border-top:4px solid #ea426e;
}

/* 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-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-map div.banner-box {
 width:283px;
}

#contents-body-area #contents-tbox .ts-map div.banner-box h3 {
 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-tbox .ts-map div.banner-box h3 a {
 color: #ea426e;
 text-decoration:underline;
}

#contents-body-area #contents-tbox .ts-map div.banner-box dl {
 width:100%;
 overflow:hidden;
}

#contents-body-area #contents-tbox .ts-map div.banner-box dt {
 width:70px;
 float:left;
 padding:4px 0 12px;
}

#contents-body-area #contents-tbox .ts-map div.banner-box dt img {
 border:1px solid #ccc;
 padding:1px;
}

#contents-body-area #contents-tbox .ts-map div.banner-box dd {
 line-height:158%;
 color:#6c6c6c;
 width:213px;
 float:right;
 padding-bottom:5px;
}

#contents-body-area #contents-tbox .ts-map div.banner-box p {
 width:213px;
 margin:0 auto;
}

#contents-body-area #contents-tbox .ts-search-area {
 width:225px;
 float:left;
 padding:11px 0 0 12px;
}

#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;
}

#contents-body-area #contents-tbox .ts-search-area-wide {
 width:508px;
 padding:11px 0 0 12px;
}

#contents-body-area #contents-tbox .ts-search-area-wide h3 {
 margin-bottom:10px;
}

#contents-body-area #contents-tbox .ts-search-area-wide h3,
#contents-body-area #contents-tbox .ts-search-area-wide p.caution {
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align: bottom;
}

#contents-body-area #contents-tbox .ts-search-area-wide p.caution {
 color:#c00;
 font-size:10px;
 margin:0 0 0 2px;
 padding:6px 0 5px;
}

#contents-body-area #contents-tbox .ts-search-area-wide span {
 color:#c00;
}

#contents-body-area #contents-tbox .ts-search-area-wide dl {
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align: bottom;
}

#contents-body-area #contents-tbox .ts-search-area-wide dt {
 padding-bottom:3px;
}

#contents-body-area #contents-tbox .ts-search-area-wide dd {
 padding-bottom:7px;
}

#contents-body-area #contents-tbox .ts-search-area-wide dd select.wide {
 width:90px;
}

#contents-body-area #contents-tbox .ts-search-area-wide p.submit-area {
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align: middle;
 padding:0 0 10px 0;
 margin-left:15px;
}

#contents-body-area #contents-tbox .ts-search-area-wide p.searchMore {
 font-weight:bold;
 background:url(../img/arw_dm02.gif) no-repeat 365px 2px;
 padding:1px 0 1px 18px;
 text-align:right;
}

#contents-body-area #contents-tbox .ts-search-area-wide p.submit-area input {
 text-align:center;
 cursor:pointer;
 padding:2px 5px 0;
}

#contents-body-area #contents-tbox .ts-search-area-wide 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;*/
 zoom: 100%;
}
#contents-body-area #contents-tbox ul.ts-map-btn:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#contents-body-area #contents-tbox ul.ts-map-btn li {
 float:left;
 height:31px;
}

/* 3banner   timesale -------------------------*/
#contents-body-area #contents-tbox .ts-timesale h3 {
 width:506px;
 font-size: 110%;
 line-height: 1.2em;
 background: #ccd4f0 url(../../kaigai/img/ts_ttl_timesale.gif) no-repeat left top;
 padding: 5px 10px;
 letter-spacing:0.2em;
 color:#122F63;
 font-family:Arial, Helvetica, sans-serif;
}

#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:165px;
 float:left;
 padding-right:5px;
 text-align:center;
 color:#0066FF;
}

#contents-body-area #contents-tbox .ts-timesale li img {
 display:block;
 padding-bottom:5px;
}

/* pickup-hotel -------------------------*/
#contents-body-area #contents-tbox .ts-pickup-hotel .ttl-area p.btn {
 text-align:right;
 margin:-28px 8px 29px 0;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list {
 background:url(../img/line_dot_gray.gif) repeat-x left bottom;
 margin:0 15px 16px;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list.last {
 background:none;
 margin-bottom:0;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list .ttl {
 font-size:108%;
 font-weight:bold;
 background:url(../img/arw_dm01.gif) no-repeat left top;
 padding:0 0 11px 17px;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list .ttl a {
 color: #ea426e;
 text-decoration:underline;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list dl {
 width:100%;
 overflow:hidden;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list dt {
 width:166px;
 float:left;
 padding:4px 0 17px;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list dt img {
 border:1px solid #ccc;
 padding:1px;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list dd {
 width:330px;
 float:right;
 padding-bottom:11px;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list dd p {
 line-height:158%;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list dd .price {
 color:#b50000;
 font-weight:bold;
 padding:5px 0 8px;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list dd .gmap {
 padding:5px 0 8px;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list dd ul.days-list {
 width:100%;
 padding-bottom:8px;
 overflow:hidden;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list dd ul.days-list li {
 float:left;
 padding-right:2px;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list dd ul.txt-links li {
 background:url(../img/arw_black01.gif) no-repeat 3px 2px;
 padding:0 0 4px 14px;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list .btn-links {
 width:100%;
 padding-bottom:12px;
 overflow:hidden;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list .btn-links li {
 float:left;
 padding:2px 2px 0 0;
}

#contents-body-area #contents-tbox .ts-pickup-hotel div.pickup-list .btn-links li.last {
 padding-right:0;
}

/* contents-recommended Layout
----------------------------------------------------*/
#contents-body-area #contents-recommended {
 margin-top:10px;
}

#contents-body-area #contents-recommended .ttl {
 padding-bottom:21px;
}

#contents-body-area #contents-recommended .box-inner {
 width:100%;
 padding-top:6px;
 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 12px;
}

#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:5px 0 8px;
}

#contents-body-area #contents-recommended div.tour-list .btn-links {
 width:100%;
 padding-bottom:12px;
 overflow:hidden;
}

#contents-body-area #contents-recommended div.tour-list .btn-links li {
 float:left;
 padding:2px 2px 0 0;
}

#contents-body-area #contents-recommended div.tour-list .btn-links li.last {
 padding-right:0;
}

/* wide */
#contents-body-area #contents-recommended div.tour-list.wide {
 background:none;
 margin-bottom:12px;
 border-bottom:1px solid #cdcdcd;
}

#contents-body-area #contents-recommended div.tour-list.wide .ttl {
 padding-bottom:10px;
}

#contents-body-area #contents-recommended div.tour-list.wide dt {
 width:166px;
 padding-bottom:14px;
}

#contents-body-area #contents-recommended div.tour-list.wide dd {
 color:#333;
 width:362px;
 padding-bottom:14px;
}

#contents-body-area #contents-recommended div.tour-list.wide dd .txt {
 padding-bottom:10px;
}

#contents-body-area #contents-recommended div.tour-list.wide .btn-links {
 padding-bottom:0;
}

/* ch */
#contents-body-area div.ch {
}

#contents-body-area div.ch div {
 float:left;
}

#contents-body-area div.ch div.movie {
 width:288px;
}

#contents-body-area div.ch div.text {
 width:230px;
 padding:0 5px;
}

#contents-body-area div.ch div.text ul {
 padding:5px;
}

#contents-body-area div.ch div.text ul li {
 margin:5px 0;
 border-bottom:1px dashed #BBBBBB;
 line-height:150%;
 font-size:100%;
 font-weight:bold;
 color: #C06;
 ;
}

#contents-body-area div.ch div.text p {
 margin-top:10px;
 text-align:right;
 font-size:110%;
 color:#03F;
}

#contents-body-area div.ch div.text p a {
 color:#03F;
 text-decoration:underline;
}

#contents-body-area div.ch div.text p a:hover {
 text-decoration: none;
}

#contents-body-area div.ch div.text span {
 padding-left:12px;
 background-image:url(/shared/img/arw_green01.gif);
 background-repeat:no-repeat;
 background-position:left 3px;
}

