@charset "UTF-8";
/* CSS Document */
/*======================================
    10px = 84%        16px = 134%        22px = 184%        28px = 234%
    11px = 92%        17px = 142%        23px = 192%        29px = 242%
    12px = 100%        18px = 150%        24px = 200%        30px = 250%
    13px = 109%        19px = 159%        25px = 209%        31px = 259%
    14px = 117%        20px = 167%        26px = 217%        32px = 267%
    15px = 125%        21px = 175%        27px = 225%        33px = 275%
=======================================*/
/* メインコンテンツ
----------------------------------------------------*/
#main {
    float: left;
    width: 620px;
    margin-bottom: 30px;
}
#main h2 { margin: 0; }
ul#subImage { margin-top: 10px; }
ul#subImage li {
    display: table-cell;
    vertical-align: bottom;
    margin: 0;
}
/*for IE6 */
* html ul#subImage li {
    display: inline;
    zoom: 1;
}
/*for IE7 */
*:first-child+html ul#subImage li {
    display: inline;
    zoom: 1;
}
#etcImage{ margin-bottom: 30px; }
/* サイドコンテンツ
----------------------------------------------------*/
#side {
    float: right;
    width: 310px;
    margin-bottom: 30px;
}
/* おすすめツアーポイント */
h3#pointTitle{
    display: block;
    overflow: hidden;
    *text-indent: -9999px;
    width: 310px;
    height: 54px;
    *background: url(../_common/point_title.jpg) no-repeat 0 0;
    z-index: 10;
}
h3#pointTitle:before {
    display: inline-block;
    content: url(../_common/point_title.jpg);
}
#point {
    margin-bottom: 20px;
    padding: 0 10px 10px 10px;
    background: url(../_common/point_bg.jpg);
    border-radius: 0 0 5px 5px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
#point ul {
    padding: 10px 5px;
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 7px #E58BA8;
    -moz-box-shadow: 0px 0px 7px #E58BA8;
    -webkit-box-shadow: 0px 0px 7px #E58BA8;
}
#point ul li {
    padding: 5px 0 5px 17px;
    background: url(../_common/point_mark.jpg) no-repeat 0 0.6em;
    border-top: 1px dotted #E5007E;
}
#point ul li:last-of-type { border-bottom: 1px dotted #E5007E; }
/* スケジュール */
h3#scheduleTitle {
    height: 33px;
    padding: 5px 0 0 55px;
    color: #FFF;
    font-size: 125%;
    font-weight: bold;
    background: url(../_common/schedule_titlebg.jpg) no-repeat;
}
#schedule {
    margin-bottom: 30px;
    padding: 5px 10px 10px;
    border: 1px solid #CCC;
    border-top: none;
}
dl.carrier{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #CCC;
}
dl.carrier dt.bin{
    color: #0083F0;
    font-size: 117%;
    font-weight: bold;
    padding-left: 17px;
    background: url(../_common/schedule_mark.jpg) no-repeat 0 0.1em;
}
dl.carrier dt.bin span{
    padding-left: 10px;
    color: #333;
    font-size: 72%;
    font-weight: normal;
}
dl.carrier dd{
    padding-left: 1em;
    padding-bottom: 5px;
}
dl.caution{
    margin-top: 5px;
    padding: 5px 0;
    line-height: 1.3;
    text-align: center;
    background: #E3F2FE;
}
dl.caution dd em{
    font-size: 134%;
    font-weight: bold;
    color: #F00;
}
/* ツアー
----------------------------------------------------*/
h3.tourTitle{
    position: relative;
    height: 45px;
    padding: 3px 0 0 70px;
    font-size: 200%;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #FFF;
    background: url(../_common/plan_titlebg.jpg) no-repeat;
}
h3.tourTitle span{
    font-size: 75%;
    padding-left: 20px;
}
h3.tourTitle img{
    position: absolute;
    left: -10px;
    top: -25px;
}
.tourBox{
    margin-bottom: 30px;
    padding: 10px 20px 0 20px;
    background: url(../_common/plan_bg.jpg);
    border-radius: 0 0 5px 5px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
/* ホテル情報
----------------------------------------------------*/
.htlBox{ margin-bottom: 10px; }
.htlBox h4{
    margin-bottom: 5px;
    padding-left: 40px;
    font-size: 150%;
    font-weight: bold;
    color: #1C2F8D;
    border-bottom: 3px solid #1C2F8D;
    background: url(../_common/htl_mark.jpg) no-repeat left top;
}
.htlBox h4 span { font-size: 77%; }
.htlBox p{
    margin: 0 20px 10px 40px;
    font-size: 117%;
}
.htlBox dl.htlImg{
    position: relative;
    float: left;
    width: 490px;
    font-size: 84%;
}
dl.htlImg dt {
    float: left;
    width: 330px;
    margin-bottom: 5px;
}
dl.htlImg dd { margin-bottom: 5px; }
dl.htlImg dt img,
dl.htlImg dd img{ margin-bottom: 3px; }
dd.roomImg{
    float: right;
    width: 150px;
}
.htlBox table{
    float: right;
    width: 400px;
}
.htlBox table caption{
    padding: 3px 0;
    color: #FFF;
    text-align: center;
    font-size: 117%;
    font-weight: bold;
    background: #0083F2;
}
.htlBox table th,
.htlBox table td{
    padding: 8px 5px;
    border-bottom: 1px solid #0083F2;
}
.htlBox table th{
    background: #E5F2FE;
    white-space: nowrap;
    vertical-align: top;
}
.htlBox table td{ background: #FFF; }
/* プラン
----------------------------------------------------*/
.tourBox .planBox{
    margin-bottom: 20px;
    padding: 10px;
    width: 890px;
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 5px #AAA;
    -moz-box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 5px #AAA;
}
.planBox h5{
    margin-bottom: 10px;
    padding: 3px 3px 3px 35px;
    line-height: 2.0;
    min-height: 27px;
    font-size: 134%;
    font-weight: bold;
    color: #FFF;
    background: #1C2F8D url(../_common/plan_star.jpg) no-repeat 5px 5px;
    border-radius: 5px 5px 0 0 !important;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
.planBox h5 span{
    float: right;
    padding: 0 3px;
    font-size: 75%;
    font-weight: normal;
    color: #333;
    background: #FCE6F2;
    border-top-left-radius: 0 5px 0 0 !important;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
.planBox h5 span em{
    font-size: 134%;
    font-weight: bold;
    color: #E3007E;
}
dl.schedule{ margin-bottom: 10px; }
.planBody dl.schedule{
    float: right;
    width: 630px;
}
.planBox dl.schedule dt{
    padding-bottom: 2px;
    margin-bottom: 5px;
    color: #0083F0;
    font-size: 117%;
    font-weight: bold;
    padding-left: 17px;
    border-bottom: 1px dotted #0083F0;
    background: url(../_common/schedule_mark.jpg) no-repeat 0 0.2em;
}
.planBox dl.schedule dd{
/*    text-indent: -4em;
    padding-left: 4em;
*/
}
.planBody img{
    float: left;
    width: 250px;
}
/* コース
----------------------------------------------------*/
.plan{ margin-bottom: 20px; }
.plan .planDetail{
    float: right;
    width: 735px;
}
.planDetail h6{
    width: 735px;
    margin-bottom: 10px;
    vertical-align: middle;
    font-size: 134%;
    font-weight: bold;
    border: 1px solid #0083F2;
}
.planDetail h6 span{
    display: inline-block;
    margin-right: 10px;
    background: #0083F2;
    color: #FFF;
    padding: 4px 5px;
}
.planDetail h6 a {
    display: inline-block;
    float: right;
    padding: 7px 10px;
    font-size: 75%;
    background: #E8F4FC;
    border-left: 1px solid #0083F2;
}
.planDetail ul.text{
    float: left;
    width: 395px;
}
ul.text li{
    padding: 0 0 5px 17px;
    background: url(../_common/point_mark.jpg) no-repeat 0 0.4em;
}
ul.text li:last-of-type{ padding-bottom: 0; }
.planDetail ul.orderBtn{
    float: right;
    width: 330px !important;
}
.plan p.courseImg{
    float: left;
}
/* 申込みボタン
----------------------------------------------------*/
.planBox ul.orderBtn{
    float: right;
    width: 630px;
}
ul.orderBtn li {
    display: table-cell;
    float: left;
    font-weight: bold;
    text-align: center;
}
.planDetail ul.orderBtn li:nth-of-type(2){ margin: 0 0 0 10px !important; }
ul.orderBtn li:nth-of-type(2) { margin: 0 10px; }
dd.orderBtn ul li em,
ul.orderBtn li em{
    display: block;
    padding-top: 2px;
    font-size: 150%;
    font-weight: bold;
    color: #FEE600;
    text-shadow: 1px 1px 0 #000;
}
dd.orderBtn ul li span,
ul.orderBtn li span{
    font-size: 134%;
    font-weight: bold;
    color: #D40417;
    line-height: 1.9;
}
dd.orderBtn ul li a,
ul.orderBtn li a {
    display: block;
    width: 160px;
    height: 60px;
    text-decoration: none;
    color: #1C2F8D;
    background: url(../_common/order_btnbg.jpg) no-repeat;
}
dd.orderBtn ul li a:hover,
ul.orderBtn li a:hover{ background-position: -160px 0; }
dd.orderBtn ul li a:hover em,
ul.orderBtn li a:hover em{ text-shadow: 2px 2px 0 #000; }
dl.optBottom{
    width: 870px;
    margin-top: 10px;
    padding: 0 10px 10px;
    background: #E8F4FC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
dl.optBottom:last-of-type{ margin-bottom: 0; }
dl.optBottom dt {
    margin-bottom: 5px;
    padding: 6px 0 5px 30px;
    font-size: 134%;
    font-weight: bold;
    color: #E3007E;
    border-bottom: 1px dotted #E3007E;
    background: url(../_common/plan_markbomb.jpg) no-repeat left 5px;
}
dl.optBottom dd span.sub{ font-size: 84%; }