@charset "utf-8";
/*======================================
    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 = 184%    27px = 225%    33px = 275%
=======================================*/
/**************************************************
bus.css
**************************************************/
#content #mask{
    opacity: 0.6;
    filter: alpha(opacity=60);
}
#content h2.h2_tit {
    font-size:150%;
    letter-spacing:0.05em;
    padding:0 2px;
}
/******************
.busTopImage
*******************/
#content .busTopImage {
    width:100%;
    overflow:hidden;
    margin-bottom:15px;
}
#content .busTopImage img.mainImage {
    border:2px solid #0083f2;
    float:left;
}
#content .busTopImage ul {
    width:260px;
    float:right;    
}
#content img.topBanner {
    width:620px;
    float:left;
}
#content img.topBanner2 {
    width:620px;
    float:left;
}
/******************
.busTopBanner
*******************/
#content .busTopBanner {
    width:553px;
    float:right;
    clear:both;
    display:inline;
}
/*---------------
ul.plan
---------------*/
#content ul.plan {
    width:558px;
    overflow:hidden;
    margin:-2px 0 15px;
}
#content ul.plan li {
    width:181px;
    float:left;
    margin:0 5px 0 0;
}
/*---------------
ul.topBanner
---------------*/
#content ul.topBanner {
    width:100%;
    overflow:hidden;
}
#content ul.topBanner li {
    float:left;
    width:269px;
    display:inline;
    margin:0 10px 10px 1px;
}
#content ul.topBanner li.last {
    margin-right:0;
}
/*---------------
.newTopics
---------------*/
#content .newTopics {
    width:380px;
    border:1px solid #cccccc;
    margin-bottom:14px;
}
#content .newTopics h2 {
    text-align:center;
    margin-top:1px;
}
#content .newTopics ul {
    width:354px;
    margin:-1px auto 0;
}
#content .newTopics ul li {
    background:url(../../common_img/border01.png) repeat-x 0 0;
    width:100%;
    overflow:hidden;
    padding:8px 0;
}
#content .newTopics ul li .day {
    display:block;
    width:6.5em;
    float:left;
    font-size:84%;
    padding-top:1px;
}
#content .newTopics ul li .plan {
    color:#ff3c00;
    font-weight:bold;
}
/*---------------
.news
---------------*/
#content .news {
    width:380px;
    border:1px solid #cccccc;
    margin-bottom:9px;
}
#content .news h2 {
    text-align:center;
    margin-top:1px;
}
#content .news ul {
    width:354px;
    margin:-1px auto 0;
}
#content .news ul li {
    background:url(../../common_img/border01.png) repeat-x 0 0;
    width:100%;
    overflow:hidden;
    padding:10px 0;
}
#content .news ul li .attention {
    display:block;
    color:#ff3c00;
}
#content .news ul li #information{
    text-decoration:underline;
    color: #0066ff;
}
#content .news ul li #information:hover {
    text-decoration:none;
    cursor: pointer;
}
/******************
.schedule
*******************/
#content .schedule {
    width:308px;
    height:268px;
    float:right;
    border:1px solid #0083f2;
    text-align:center;
    padding:1px 0 0;
    background:#f2f9ff;
}
#content .schedule ol {
    width:291px;
    margin:-2px auto 0;
    text-align:left;
}
#content .schedule ol li {
    background:url(../../common_img/border01.png) repeat-x 0 0;
    width:100%;
    overflow:hidden;
    padding:7px 0;
    position:relative;
}
#content .schedule ol li span {
    display:block;
}
#content .schedule ol li span.day {
    color:#5d00a5;
    font-weight:bold;
    width:60px;
    float:left;
}
#content .schedule ol li span.plan {
    width:222px;
    float:right;
}
#content .schedule ol li .txt-s {
    font-size:88%;
}
#content .schedule ol li img.icon {
    position:absolute;
    top:10px;
    right:1px;
}
/******************
#tabArea
*******************/
#content ul.tab {
    width:100%;
    overflow:hidden;
    border-bottom:1px solid #6f50d2;
    margin-bottom:10px;
}
#content ul.tab li {
    width:280px;
    float:left;
}
#content ul.ulArea {
    margin-bottom:15px;
    padding-left:7px;
}
#content ul.ulArea li {
    display:inline;
    padding-left: 22px;
    margin-right:44px;
    background:url(../../common_img/icon03.gif) no-repeat 0 50%;
}
#content h3.h3_hotel {
    background:#7158bf;
    color:#ffffff;
    padding:7px 16px;
    font-size:110%;
    margin-bottom:14px;
}
#content .hotelArea {
    width:970px;
    margin:0 -70px 30px 0;
    overflow:hidden;
}
/******************
.hotelBox
*******************/
#content .hotelBox,
#content .hotelBox2 {
    width:308px;
    border:1px solid #cecece;
    text-align:center;
    padding-bottom:8px;
    margin:0 10px 19px 0;
    float:left;
    display:inline;
}
#content .hotelBox2 {
    width:468px;
}
#content .hotelBox h4,
#content .hotelBox2 h4 {
     background:#c6c4ff;
    margin:1px 1px 10px;
    padding:6px 12px;
    text-align:left;
}
#content .hotelBox2 h4 {
     background:#a6d0ff;
}
#content .hotelBox2 h4 span.small {
    font-weight:normal;
}
#content .hotelBox ul,
#content .hotelBox2 ul {
    width:290px;
    overflow:hidden;
    margin:0 0 10px 12px;
    text-align:left;
}
#content .hotelBox2 ul {
    width:450px;
}
#content .hotelBox ul li,
#content .hotelBox2 ul li {
    width:140px;
    float:left;
    margin:0 5px 0 0;
}
#content .hotelBox2 ul li {
    width:217px;
    margin:0 8px 0 0;
}
#content .hotelBox p {
    margin:0 12px 10px;
    text-align:left;
}
#content .hotelBox2 p {
    margin:0 12px 10px;
    text-align:left;
}
#content .hotelBox p.campaign {
    font-size:100%;
    color:#ff2020;
    font-weight:bold;
    margin-bottom:5px;
}
#content .hotelBox2 p.campaign2 {
    font-size:120%;
    color:#0090ff;
    font-weight:bold;
    margin-bottom:5px;
}
#content .hotelBox2 p.attention {
    color:#fe0000;
}
#content .hotelBox2 ul.point {
    width:100%;
}
#content .hotelBox2 ul.point li {
    background:url(../../common_img/icon06.gif) no-repeat 2px 50%;
    padding-left:15px;
    display:block;
    width:100%;
    float:none;
}
#content .hotelBox2 ul.reserv {
    width:444px;
}
#content .hotelBox2 ul.reserv li {
    display:block;
    width:100%;
    float:none;
    background:url(../../common_img/border01.png) repeat-x 0 0;
    padding:10px 0 8px;
    overflow:hidden;
}
#content .hotelBox2 ul.reserv li img {
    vertical-align:middle;
    float:right;
}
#content .hotelBox2 ul.reserv li .start {
    font-weight:bold;
    font-size:120%;
    margin:7px 0 0 7px;
    width:230px;
    float:left;
    display:inline;
}
#content .hotelBox dl {
    margin:0 12px 15px;
    text-align:left;
}
#content .hotelBox dl dt {
    font-weight:bold;
    background:url(../../common_img/icon04.gif) no-repeat 0 50%;
    padding-left:7px;
}
#content .hotelBox dl dd {
    margin-bottom:7px;
}
#content .hotelBox p.link {
    padding-left:10px;
    background:url(../../common_img/icon05.gif) no-repeat 0 50%;
    margin-bottom:20px;
}
#content .hotelBox2 p.link {
    padding-left:15px;
    background:url(../../common_img/icon05.gif) no-repeat 5px 50%;
    margin-bottom:20px;
}
/******************
.busTopBox
*******************/
#content .busTopBox {
    width:100%;
    overflow:hidden;
}
.busInfo {
    width:666px;
    overflow:hidden;
    margin:0 0 0 5px;
    display:inline;
    float:left;
}
#content h2.h2_01 {
    font-size:165%;
    border-bottom:2px solid #0083f2;
    padding:0 4px;
    margin-bottom:15px;
}
h3.h3_01 {
    font-size:160%;
    padding-left:12px;
    background:url(/common_img/h3_bg01.gif) no-repeat 0 50%;
    margin-bottom:8px;
}
#content h4.h4_01 {
    font-size:120%;
    padding-left:25px;
    background:url(../../common_img/h4_bg01.png) no-repeat 0 50%;
    margin-bottom:8px;
}
.busInfo img.busImg {
    border:1px solid #cccccc;
    float:left;
    margin-bottom:10px;
}
.busInfo p.outline,
.busInfo ul.busImgThum {
    width:350px;
    float:right;
    margin-bottom:30px;
}
.busInfo p.outline {
    margin-top:-3px;
}
.busInfo p.attention {
    width:280px;
    float:left;
    clear:left;
    font-size:98%;
    margin-bottom:20px;
}
.busInfo ul.busImgThum {
    width:358px;
    overflow:hidden;
    margin-right:-8px;
}
.busInfo ul.busImgThum li {
    width:110px;
    float:left;
    text-align:left;
    margin-right:8px;
    line-height:1.3;
}
.busInfo ul.busImgThum li span {
    display:block;
    font-size:95%;
}
.busInfo ul.busImgThum li img {
    border:1px solid #cccccc;
    margin-bottom:5px
}
#content #busDetail {
    display:none;
}
.busDetailBox {
}
.busDetailBox img.btnBusDetail {
    float:right;
}
#content .busTopBox .busType {
    width:226px;
    border:1px solid #c68000;
    text-align:center;
    padding:1px 0 13px;
    float:right;
    margin:25px 0 30px;
}
#content .busTopBox .busType h4 {
    margin-bottom:10px;
}
#content .busTopBox .busType ul {
    text-align:left;
    margin:0 15px;
}
#content .busTopBox .busType ul li {
    margin-bottom:6px;
    padding-left:10px;
    background:url(../img/bus-type-icon.gif) no-repeat 0 4px;
}
#content .busTopBox .busType ul li a {
    color:#111110;
    text-decoration:none;
}
#content .busTopBox .busType ul li a:hover {
    text-decoration:underline;
}
#content ul.aqua {
    border-bottom:1px solid #2997ef;
    margin-bottom:15px;
}
/******************
.busTable
*******************/
#content table.busTable {
    border:1px solid #cccccc;
    font-size:84%;
    width:100%;
    margin-bottom:10px;
}
#content table.busTable th,
#content table.busTable td {
    border:1px solid #cccccc;
    padding:7px 3px;
    vertical-align:middle;
    text-align:center;
}
#content table.busTable th {
    background:#dcf2ff;
    border-bottom:2px solid #cccccc;
    padding:4px 3px;
    line-height:1.2;
}
/******************
.reservBox
*******************/
#content .reservBox {
    border:2px solid #ffa200;
    padding:12px 0;
    text-align:center;
    margin:28px 0 33px;
}
#content .reservBox h4 {
    font-size:117%;
    margin:0 22px 5px;
    padding-left:25px;
    background:url(../../common_img/h4_bg02.png) no-repeat 0 2px;
    text-align:left;
}
html {overflow-x: hidden;}
#content .reservBox iframe,
#content .roundTrip iframe {
    width:770px;
    margin:0;
    padding:0;
    border:none;
    overflow-x:hidden;
}
#content .reservBox object,
#content .roundTrip object {
    width:770px;
    margin:0;
    padding:0;
    border:none;
    overflow-x:hidden;
}
#content .roundTrip {
    margin:0 25px 20px;
    border:1px solid #359ff4;
    background:#eeeeee;
    text-align:center;
    padding-bottom:15px;
}
#content .roundTrip h4 {
    background:#359ff4;
    font-size:117%;
    color:#ffffff;
    padding:3px 13px;
    margin-bottom:15px;
    text-align:left;
}
#content .roundTrip h5 {
    margin:0 68px 10px;
    background:url(../../common_img/h4_bg01.png) no-repeat 0 2px;
    padding-left:25px;
    font-size:117%;
    text-align:left;
}
/******************
ul.busPoint
*******************/
#content ul.busPoint {
    width:970px;
    overflow:hidden;
    margin-bottom:30px;
}
#content ul.busPoint li {
    width:304px;
    float:left;
    margin-right:19px;
}
p.caption{
    text-align: left;
    padding-left: 90px;
}