@charset "UTF-8";
/* 富士急行 富士急のバス */

/*-----------------------------------------------------------------------------------------------*
 *      $基本的なスタイル    Foundation
 *      (原則 ここに記述されてるルールは変更しない)
 *-----------------------------------------------------------------------------------------------*/
body { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; text-align: center; background-color: #fbfbfb; font-size: 16px; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
img { vertical-align: bottom; }
ul, ol { list-style: none; }

/* 高速バス 路線マップ Mボタンのクリック枠線 */
area { outline: none; }





/*-----------------------------------------------------------------------------------------------*
 *      $プロジェクト固有のパターン   Object/Project
 *-----------------------------------------------------------------------------------------------*/
/* パンくず */
.breadcrumb               { padding: 1px 0 5px 0; }
.breadcrumb_link          { font-size: 75%; line-height: 1.4; float: left; }
.breadcrumb_link a        { text-decoration: underline; }
.breadcrumb_link a:hover  { text-decoration: none; }
.breadcrumb_link_layout   { color: #3f3f3f; }
.breadcrumb_link_layout a { color: #3f3f3f; background: url(/img/default/arrow_black_4_7.png) no-repeat 96% center; padding: 0 20px 0 0; }

/* ページTOP系  ^button ^top */
.go_to_top{}

/* ページTOP - 個別装飾 */
.internal_top {}
.internal_top a { background: url(/img/default/rosen/pagetop_s.png) no-repeat; width: 192px; padding-top: 26px; }
.internal_top a:hover { background-position: 0 -26px; }

.go_to_top.internal_top_large { position: absolute; right: 30px; bottom: 0; }
.internal_top_large a { background: url(/img/default/rosen/pagetop.png) no-repeat; width: 192px; padding-top: 36px; }
.internal_top_large a:hover { background-position: 0 -36px; }

.internal_category_top { padding-top: 20px; }
.internal_category_top a { width: 346px; margin: 0 auto; padding-top: 42px; }
.internal_category_top a:hover { background-position: 0 -42px; }

.go_to_rosen_top a { background: url(/img/default/rosen/btn_rosen_top.png) no-repeat; }

/* アイコン表示   ^icon */
.icn_arw_green {    /*丸矢印 みどり*/
    background: url(/img/default/rosen/arrow_green.png) no-repeat left center;
}
.icn_arw_orange {    /*丸矢印 オレンジ*/
    background: url(/img/default/highway/detail/arrow_orange.png) no-repeat left center;
}
.icn_arw_purple {    /*丸矢印 パープル(背景 白)*/
    background: url(/img/default/charter/arrow_purple2.png) no-repeat left center;
}
.icn_arw_red {    /*丸矢印 赤*/
    background: url(/img/default/other/arrow_red.png) no-repeat left center;
}

.icon_tire {        /*タイヤマーク*/
    background: url(/img/default/rosen/detail/icon_tire.png) no-repeat left center;
}
.icon_tire_orange {        /*タイヤマーク オレンジ*/
    background: url(/img/default/highway/detail/icon_tire_orange.png) no-repeat left center;
}
.icon_tire_blue {        /*タイヤマーク ブルー*/
    background: url(/img/default/otoku/icon_tire_blue.png) no-repeat left center;
}
.icon_tire_purple {        /*タイヤマーク パープル*/
    background: url(/img/default/charter/icon_tire_purple.png) no-repeat left center;
}
.icon_tire_gray {        /*タイヤマーク グレイ*/
    background: url(/img/default/other/icn_tire_gray.png) no-repeat left center;
}
.icon_tire_environment {        /*タイヤマーク エコロジー*/
    background: url(/img/default/environment/icon_tire_environment.png) no-repeat left center;
}

/* 日付カレンダー */
.base_calender {
    width: 236px;
    border: solid 1px #ccc;
    color: #3f3f3f;
    font-size: 15px;
    text-align: center;
    float: left;
}
.base_calender caption {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}
.base_calender th ,
.base_calender td {
    padding: 6px;
    border: dotted 1px #ccc;
    font-weight: normal;
}
.base_calender td {
    background: #ffffaa;
}
.base_calender .calender_empty { background: #ffffff; }
.base_calender .calender_red   { background: #ffaaaa; }
.base_calender .calender_green { background: #aaffaa; }
.base_calender .calender_yellow   { background: #fff000; }
.base_calender .saturday       { color: #0000ee; }
.base_calender .holiday        { color: #ee0000; }

.base_calender_list {
    clear: left;
    padding-top: 10px;
}
.base_calender_list li {
    float: left;
    display: block;
}
.calender_line_list_item1 span { color: #faa; }
.calender_line_list_item2 span { color: #afa; }
.calender_line_list_item3 span { color: #ffa; }
.calender_line_list_item4 span { color: #fff000; }


/*-----------------------------------------------------------------------------------------------*
 *      $ヘッダー・エリアのスタイル
 *-----------------------------------------------------------------------------------------------*/
.header_wrap {
    width: 1082px;
    margin: 0 auto;
}
    .header_wrap_left {
        width: 510px;
        padding: 16px 0;
    }
   .header_wrap_left img {
        vertical-align: middle;
    }

    .header_wrap_right {
        width: 554px;
        padding: 10px 0 0 18px;
    }

.navi_box {
    margin-bottom: 10px;
    position: relative;
}

/* カスタム検索 */
.seach.seach_layout { padding: 2px 2px 0 20px; }

/*
 * 言語選択     ^header ^languege

.language {
    position: absolute;
    top: 0;
    left: 160px;
}
.language a:hover {
    opacity: 0.7;
}
 */

/* 言語選択     言語が揃うまでコメントアウト 2015.06.15 */
.language {
    width: 304px;
    padding: 6px 0 4px;
}
.language_menu_item {
    background: url(/img/default/alpha/arrow_circle_gray.png) no-repeat left center;
    width: 50px;
    height: 14px;
    padding: 0 8px 0 18px;
}
    .language_menu_item a {
        padding-top: 14px;
    }
    .language_menu_item .en {       /*英語*/
        background: url(/img/default/alpha/lang_english.png) no-repeat;
    }
    .language_menu_item .tcn {      /*繁體中文*/
        background: url(/img/default/alpha/lang_traditional-cn.png) no-repeat;
    }
    .language_menu_item .scn {      /*簡体中文*/
        background: url(/img/default/alpha/lang_simplified-cn.png) no-repeat;
    }
    .language_menu_item .th {       /*タイ*/
        background: url(/img/default/alpha/lang_thai.png) no-repeat;
    }
    .language_menu_item a:hover {
        background-position: 0 -14px;
    }


/* 文字サイズ選択 */
.font-l { font-size: 120%; }
.font-m { font-size: 100%; }
.font-s { font-size: 80%; }

.charasize_menu {
    width: 250px;
}
.charasize_menu .charasize_menu_item {
    width: 62px;
    height: 16px;
    padding: 4px 8px 6px 0;
    position: relative;
}
    .charasize_menu .charasize_menu_item img {
        position: absolute;
        top: 6px;
        left: 0;
    }
    .charasize_menu li {
        cursor: pointer;
    }
        .charasize_menu li a {
            background: url(/img/default/alpha/btn_charactersize.png) no-repeat;
            width: 60px;
            padding-top: 26px;
        }

        .charasize_menu li a.small {    /* 小さく */
            background-position: 0 0;
        }
        .charasize_menu li a.small:hover {
            background-position: 0 -26px;
        }
        .charasize_menu li.active a.small {
            background-position: 0 -26px;
        }

        .charasize_menu li a.standard {    /* 標準 */
            background-position: -60px 0;
        }
        .charasize_menu li a.standard:hover {
            background-position: -60px -26px;
        }
        .charasize_menu li.active a.standard {
            background-position: -60px -26px;
        }

        .charasize_menu li a.large {    /* 大きく */
            background-position: -120px 0;
        }
        .charasize_menu li a.large:hover {
            background-position: -120px -26px;
        }
        .charasize_menu li.active a.large {
            background-position: -120px -26px;
        }

/* サブ・メニュー */
.subnavi_item {
    background: url(/img/default/arrow_red.png) no-repeat left center;
    height: 13px;
    padding: 0 10px;
    overflow: hidden;
}

.subnavi_item.safety_repo {     /*安全報告書のみ*/
    padding: 0 0 0 10px;
}

.subnavi_item a {
    padding-top: 13px;
}
.subnavi_item .subnavi_item1 {    /*サイトマップ*/
    background: url(/img/default/alpha/header_menu1.png) no-repeat;
    width: 76px;
}

.subnavi_item .subnavi_item2 {    /*Q&A*/
    background: url(/img/default/alpha/header_menu2.png) no-repeat;
    width: 32px;
}

.subnavi_item .subnavi_item3 {    /*お問い合わせ*/
    background: url(/img/default/alpha/header_menu3.png) no-repeat;
    width: 75px;
}
.subnavi_item .subnavi_item4 {    /*富士急バスの取り組み*/
    background: url(/img/default/alpha/header_menu4.png) no-repeat;
    width: 126px;
}
.subnavi_item .subnavi_item5 {    /*安全報告書*/
    background: url(/img/default/alpha/header_menu5.png) no-repeat;
    width: 62px;
}
.subnavi_item .subnavi_item6 {    /*安全への取り組み*/
    background: url(/img/default/alpha/header_menu6.png) no-repeat;
    width: 100px;
}
.subnavi_item a:hover {
    background-position: 0 -13px;
}

/*      ■メイン・メニュー
  -------------------------------------------------------------------------- */

/*
 *  Accessible Mega Menu Default Style
 *  (jsで付けられるクラス名:.nav-menu,.nav-item,.open,.sub-nav)
 */
/* mega menu list */
.nav-menu {}
/* a top level navigation item in the mega menu */
.nav-item { display: inline-block; position: relative; z-index: 4; }

/* open state of first descendant link within a top level navigation item */
.nav-item > a.open { background-color: #fff; border-bottom: none; }

/* panel */
.sub-nav { display: none; position: absolute; top: 0; z-index: 4; }

/* sub-navigation panel open state */
.sub-nav.open { display: block; }
/*-----------------------------------------------------------------------------------------------*/

.main_menu_wrap {
    background:url(/img/default/bg_slnating.png) repeat 0 0;
    height: 48px;
}
.main_menu_layer {
    text-align: left;   /*中央寄せ IE6対策*/
    background: #f1f1f1 url(/img/default/bg_slnating.png) repeat 0 0;
    width: 990px;
    height: 43px;
    padding: 5px 46px 0;
    margin: 0 auto;
}

.nav-menu_base {
    width: 198px;
}

.nav-menu_base a {
    background: url(/img/default/main_menu.png) no-repeat;
    padding-top: 43px;
}

/* メガメニューのパネルの表示位置と▼の位置(default) */
.nav-menu_panel {
    background: url(/img/default/back_megamenu.png) repeat-y;
    border: solid 1px #dfdfdf;
    width: 988px;
    margin: 50px 0 0;
}
.nav-menu_panel p.on_mark {
    position: absolute;
    top: -8px;
    z-index: 5;
}
    .nav-menu_panel p.on_mark {    /* IE6,IE7用ハック */
        /position: absolute;
        /top: -14px;
        /z-index: 5;
    }

.nav-menu1 a:hover,
.nav-menu1 a.active1 {                      /*TOP*/
    background-position: 0 -43px;
}

.nav-menu2 a {                              /*路線バス*/
    background-position: -198px 0;
}
    .nav-menu2 a:hover,
    .nav-menu2 a.open,
    .nav-menu2 a.active2 {
        background-position: -198px -43px;
    }
.nav-menu2 .nav-menu_panel {
    left: -198px;
}
    .nav-menu2 .nav-menu_panel .on_mark_green {
        left: 197px;
    }

.nav-menu3 a {                              /*高速バス*/
    background-position: -396px 0;
}
    .nav-menu3 a:hover,
    .nav-menu3 a.open,
    .nav-menu3 a.active3 {
        background-position: -396px -43px;
    }
.nav-menu3 .nav-menu_panel {
    width: 988px;
    left: -396px;
}
    .nav-menu3 .nav-menu_panel .on_mark_orange {
        left: 395px;
    }

.nav-menu4 a {                              /*お得な乗車券*/
    background-position: -594px 0;
}
    .nav-menu4 a:hover,
    .nav-menu4 a.open,
    .nav-menu4 a.active4 {
        background-position: -594px -43px;
    }
.nav-menu4 .nav-menu_panel {
    width: 756px;
    left: -368px;
}
    .nav-menu4 .nav-menu_panel .on_mark_lightblue {
        left: 367px;
    }

.nav-menu5 a {                              /*貸切バス*/
    background-position: -792px 0;
}
    .nav-menu5 a:hover,
    .nav-menu5 a.open,
    .nav-menu5 a.active5 {
        background-position: -792px -43px;
    }
.nav-menu5 .nav-menu_panel {
    width: 411px;
    left: -221px;
}
    .nav-menu5 .nav-menu_panel .on_mark_red {
        left: 220px;
    }

/* メガメニューのパネル内の設定 */
.megamenu_block {
    padding: 20px 0 20px 1px; /* bottomの1pxはボーダーを消した分 */
}
.megamenu_block1 {
    width: 10px;
    height: 40px;
    padding: 20px 0 0 18px;
}
.megamenu_block2 {
    width: 382px;
}
.megamenu_block3 {
    width: 344px;
}
.megamenu_block4 {
    width: 231px;
}

.megamenu_block a {
    text-indent: 0;
    display: inline;
    padding: 0;
    background: none;
}

/* 「▶」アイコン */
.megamenu_icn_arw {
    background: #fbfbfb url(/img/default/icn-arw_gray_bgfff.png) no-repeat 10px center;
}
.megamenu_icn_arw.position_icn_arw {      /* content_navi_subheadで使用 */
    background-position: 10px 6px;
}

.megamenu_block3 .content_navi,
.megamenu_block4 .content_navi {
    padding: 7px 10px 6px;
}
.megamenu_block3 .content_navi .content_navi_subhead:first-child {
    /*margin-bottom: 16px;*/
}

/* 運行状況 掲示板 */
.traffic_area {
    width: 990px;
    padding: 10px 46px;
    margin: 0 auto;
}
.traffic_area .traffic_box {
    background-color: #e9e9e9;
    padding: 10px;
}
.traffic_area .traffic_box dl {
    font-size: 100%;
}
    .traffic_area .traffic_box dt {
        width: 150px;
        height: 30px;
        line-height: 28px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        background: url(/img/default/bulletinboard.png) no-repeat;
    }
    .traffic_area .traffic_box dd {
        text-align: left;
        background-color: #fff9c7;
        width: 792px;
        height: 19px!important;
        padding: 3px 14px 4px;
    }

    .traffic_box .traffic_news {
        padding: 0;
        line-height: 22px;
        display: block;
    }
        .traffic_box li a {
            color: #1474be;
            text-decoration: underline;
        }
            .traffic_box li a:hover {
                text-decoration: none;
            }
.news_ticker_imgicon {
    vertical-align: middle;
}



/*-----------------------------------------------------------------------------------------------*
 *      $メインコンテンツ・エリアのスタイル
 *-----------------------------------------------------------------------------------------------*/
.maincontent {
    text-align: left;   /*中央寄せ IE6対策*/
    width: 1082px;
    margin: 0 auto 68px;
}

.spmenu_area {
    width: 510px;
    padding: 10px;
}
    /* 高速バスエリア */
    .spmenu_area .spmenu_highway_box {
        height: 172px;
        margin-bottom: 10px;
        padding: 5px;
        background: url(/img/default/back_spmenu_highway.png) no-repeat;
    }
       .spmenu_area .spmenu_highway_box p a {
            width: 332px;
		    /*width: 356px;*/
            margin-right: 4px;
            padding-top: 96px;
            background: url(/img/default/spmenu_highway_btn.png) no-repeat;
       }
           .spmenu_area .spmenu_highway_box p a:hover {
                background-position: 0 -96px;
           }
    .spmenu_highway_box div.spmenu_highway_upper {
        margin-bottom: 4px;
    }
    .spmenu_highway_box div.spmenu_highway_upper ul {
        width: 164px;
		/*width: 140px;*/
    }
    .spmenu_highway_box div.spmenu_highway_upper li a {
        width: 80px;
		/*width: 68px;*/
        padding-top: 96px;
    }
    .spmenu_highway_box ul.spmenu_highway_lower li {
        margin-right: 4px;
    }
    .spmenu_highway_box ul li.spmenu_highway_sub7 {
        margin-right: 0;
    }
    .spmenu_highway_box ul.spmenu_highway_lower li a {
        width: 80px;
		/*width: 68px;*/
        padding-top: 72px;
    }
    .spmenu_highway_box ul li.spmenu_highway_sub1 a {
        background: url(/img/default/spmenu_highway_btn_sub1.png) no-repeat;
    }
    .spmenu_highway_box ul li.spmenu_highway_sub2 a {
        background: url(/img/default/spmenu_highway_btn_sub2.png) no-repeat;
    }
    .spmenu_highway_box ul li.spmenu_highway_sub3 a {
        background: url(/img/default/spmenu_highway_btn_sub3.png) no-repeat;
    }
    .spmenu_highway_box ul li.spmenu_highway_sub4 a {
        background: url(/img/default/spmenu_highway_btn_sub4.png) no-repeat;
    }
    .spmenu_highway_box ul li.spmenu_highway_sub5 a {
        background: url(/img/default/spmenu_highway_btn_sub5.png) no-repeat;
    }
    .spmenu_highway_box ul li.spmenu_highway_sub6 a {
        background: url(/img/default/spmenu_highway_btn_sub6.png) no-repeat;
    }
    .spmenu_highway_box ul li.spmenu_highway_sub7 a {
        background: url(/img/default/spmenu_highway_btn_sub7.png) no-repeat;
    }
    .spmenu_highway_box ul li.spmenu_highway_sub8 a {
        background: url(/img/default/spmenu_highway_btn_sub8.png) no-repeat;
    }
    .spmenu_highway_box ul li.spmenu_highway_sub9 a {
        background: url(/img/default/spmenu_highway_btn_sub9.png) no-repeat;
    }
        .spmenu_highway_box ul li a:hover {
            background-position: 0 -72px;
        }
        .spmenu_highway_box div.spmenu_highway_upper li a:hover {
            background-position: 0 -96px;
        }

    /* 周遊バスエリア */
    .spmenu_area .spmenu_shuyu_box {
        /*height: 96px;*/
        margin-bottom: 10px;
        padding: 5px;
		width:240px;
        background: url(/img/default/back_spmenu_shuyu.png) no-repeat;
    }
        .spmenu_area .spmenu_shuyu_box a {
            width: 240px;
            padding-top: 96px;
            background: url(/img/default/spmenu_shuyu_btn.png) no-repeat;
        }
            .spmenu_area .spmenu_shuyu_box a:hover {
                background-position: 0 -96px;
            }
    /* いいとこどり */
    .spmenu_area .spmenu_iitokodori_box {
        /*height: 96px;*/
        margin-bottom: 10px;
        padding: 5px;
		width:240px;
        background: url(/img/default/back_spmenu_iitokodori.png) no-repeat;
    }
        .spmenu_area .spmenu_iitokodori_box a {
            width: 240px;
            padding-top: 96px;
            background: url(/img/default/spmenu_iitokodori_btn.png) no-repeat;
        }
            .spmenu_area .spmenu_iitokodori_box a:hover {
                background-position: 0 -96px;
            }
    /* ハイランド・KABAエリア */
    .spmenu_area .spmenu_highland_box ,
    .spmenu_area .spmenu_kaba_box {
        width: 240px;
        padding: 5px;
    }
    .spmenu_area .spmenu_highland_box {
        background: url(/img/default/back_spmenu_highland.png) no-repeat;
    }
    .spmenu_area .spmenu_kaba_box {
        background: url(/img/default/back_spmenu_kaba.png) no-repeat;
    }
        .spmenu_area .spmenu_highland_box a ,
        .spmenu_area .spmenu_kaba_box a {
            width: 240px;
            padding-top: 110px;
        }
        .spmenu_area .spmenu_highland_box a {
            background: url(/img/default/spmenu_highland_btn.png) no-repeat;
        }
        .spmenu_area .spmenu_kaba_box a {
            background: url(/img/default/spmenu_kaba_btn.png) no-repeat;
        }
            .spmenu_area .spmenu_highland_box a:hover ,
            .spmenu_area .spmenu_kaba_box a:hover {
                background-position: 0 -110px;
            }


/* 臨時テキストエリア(indexページ) */
.special_textarea {
    margin:20px auto 30px;
    width:660px;
}
.special_textarea p {
    letter-spacing:0.1em;
    font-size:14px;
}
.special_textarea p.main_text {
    line-height:1.8;
    margin:0 0 10px 0;
}
.special_textarea p.author_text {
    text-align:right;
}

/* 大バナー コンテンツ・エリア */
.banner_area_large {
    width: 512px;
    height: 428px;
    padding: 10px;
}
.banner_area_large #iview div {
    cursor: pointer;
}

/* 小バナー */
.slider_area {
    background-color: #efefef;
    height: 134px;
    margin: 20px 0;
    clear: both;
}
.slider_area .btn_arrow {
    background-color: #efefef;
    width: 50px;
    padding: 42px 10px;
    position: relative;
    z-index: 4;
}
.slider_area .btn_arrow a {
    width: 50px;
    padding-top: 50px;
}
.slider_area .btn_arrow .bnr_prev {
    background: url(/img/default/banner_arrow1.png) no-repeat;
}
.slider_area .btn_arrow .bnr_next {
    background: url(/img/default/banner_arrow2.png) no-repeat;
}
.slider_area .btn_arrow a:hover {
    background-position: 0 -50px;
}
.slider_flame {
    width: 942px;
}
.slider_flame .bnrslider {
    width: 942px;
    height: 124px;
    padding: 5px 0;
    overflow: hidden;
}
.slider_flame .bnrslider ul li {
    background: url(/img/default/banner_frame.png) no-repeat;
    width: 218px;
    height: 114px;
    padding: 5px;
    margin-right: 10px;
}
    .slider_flame .bnrslider ul li {
        _margin-right: 7px; /* IE6対策 */
    }

.slider_flame .bnrslider ul li a {
    display: block;
}

/* 新着情報 */
.whatsnew {
    width: 740px;
    padding: 0 13px 13px;
    position: relative;
}
.whatsnew.whatsnew_category {
    width: 824px;
    margin-top: 20px;
}
    .whatsnew h2 {
        padding-left: 20px;
    }
    .whatsnew_box {
        background-color: #fbfbfb;
        padding: 20px 20px 59px 20px;
    }
    .whatsnew_data {
        border-bottom: dashed 1px #c9c9c9;
        width: 783px;
        padding: 10px 0;
    }

.whatsnew_data .whatsnew_icon {
    width: 80px;
    padding-right: 20px;
}
.whatsnew_data .whatsnew_heading {
    width: 598px;
    font-size: 87.5%; /* 14px */
    line-height: 1.2;
    word-break: break-all;
}
/* 新着情報詳細ページのタイトルの横幅調整 */
.news_detail .whatsnew_data .whatsnew_heading {
    width: 680px;
}
.whatsnew_data .whatsnew_heading .heading a {
    color: #1474be;
    text-decoration: underline;
}
    .whatsnew_data .whatsnew_heading .heading a:hover {
        text-decoration: none;
    }

/*新着情報一覧へボタン*/
.more_new {
    position: absolute;
    top: 0;
    left: 682px;
}
    .more_new a {
        background: url(/img/default/newlist.png) no-repeat;
        width: 138px;
        padding-top: 40px;
    }
    .more_new a:hover {
        background-position: 0 -40px;
    }

/* Twitter */
.twitter {
    width: 276px;
    padding: 0 10px 14px;
    margin-left: 20px;
}
    .twitter h2 {
        padding-left: 24px;
    }
    .twitter_box {
        background-color: #4db0e4;
        padding: 3px 3px 0;
    }

/* 路線バス乗換検索 */
.btn_fare_route_search_top {
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 10px;
    width: 276px;
}
.btn_fare_route_search_top a {
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/img/default/rosen/btn_search/btn_search_type_top.png) no-repeat 0 0;
    height:80px;
}
.btn_fare_route_search_top a:hover {
    background-position:0 -80px;
}

/*---------------------------------------------------------------------------------
 *      $フッター・エリア内とメガメニュー内のリンクのスタイルを共通
 --------------------------------------------------------------------------------*/
.content_navi {            /* 第1階層 */
    padding: 6px 10px;
}
    .content_navi a {
        color: #696969;
    }
    .content_navi li {
        font-size: 87.5%; /* 14px */
        line-height: 1.6;
    }

.content_navi_subhead {
    font-weight: bold;
}
.content_navi2 {           /* 第2階層 */
    margin-left: -6px;
}
    .content_navi2 li {
        font-size: 100%; /* 14px */
        font-weight: normal;
    }

.content_navi_head,
.content_navi li,
.content_navi2 li {
    padding-left: 26px;
}
.content_navi_head {
    padding: 11px 0 10px 26px;
}
    .content_navi_head a {
        font-size: 112.5%; /* 18px */
        font-weight: bold;
        color: #696969;
    }





/*-----------------------------------------------------------------------------------------------*
 *      $フッター・エリアのスタイル
 *-----------------------------------------------------------------------------------------------*/
.footer_area {
    background: url(/img/default/bg_slnating.png) repeat left top;
}
.top_button_wrap,
.footer_navi_allcolumn {
    text-align: left;
    margin: 0 auto;
}
.top_button_wrap {
    background-color: #e5e5e5;
    width: 1082px;
    height: 40px;
}
.top_button_wrap .go_to_top a {
    background: url(/img/default/top_button.png) no-repeat;
    width: 104px;
    padding-top: 40px;
}
    .top_button_wrap .go_to_top a:hover {
        background-position: 0 -40px;
    }
.footer_navi {
    /*padding: 20px 0 80px;*/
}
.footer_navi_allcolumn {
    width: 1082px;
    padding: 20px 0 80px;
    background: #f5f5f5;
}
    .footer_navi_allcolumn .footer_navi_column1 {
        width: 418px;
    }
    .footer_navi_allcolumn .footer_navi_column2 {
        width: 388px;
    }
    .footer_navi_allcolumn .footer_navi_column3 {
        width: 276px;
    }

.footer_navi_baseblock {
    background: #dfdfdf;
    padding-left: 10px;
    margin-bottom: 20px;
}
.footer_navi,
.footer_navi_baseblock .content_navi_head,
.footer_navi_baseblock ul {
    background-color: #f5f5f5;
}
.footer_navi_baseblock .content_navi .content_navi_subhead {
    margin-top: 10px;
}

/* 「▶」アイコン(フッター) */
.footer_icn_arw {
    background: url(/img/default/icn-arw_gray_bgf5f5f5.png) no-repeat 10px center;
}
.footer_icn_arw.position_icn_arw {      /* content_navi_subheadで使用 */
    background-position: 10px 6px;
}

.footer_navi_column1 .footer_navi_block1 {       /* 緑色 */
    background: #dfdfdf url(/img/default/bar_green.png) no-repeat 0 0;
}
.footer_navi_column1 .footer_navi_block6 {       /* 黄色 */
    background: #dfdfdf url(/img/default/bar_yellow.png) no-repeat 0 0;
}
.footer_navi_column2 .footer_navi_block2 {       /* 青色 */
    background: #dfdfdf url(/img/default/bar_blue.png) no-repeat 0 0;
}
.footer_navi_column2 .footer_navi_block3 {       /* オレンジ色 */
    background: #dfdfdf url(/img/default/bar_orange.png) no-repeat 0 0;
}
.footer_navi_column2 .footer_navi_block4 {       /* 赤色 */
    background: #dfdfdf url(/img/default/bar_red.png) no-repeat 0 0;
}
.footer_navi_column3 .footer_navi_block5 {       /* 水色 */
    background: #dfdfdf url(/img/default/bar_lightblue.png) no-repeat 0 0;
}

/* Copyright */
.copyright_area   { text-align: left; background-color: #e5e5e5; width: 1082px; height: 12px; padding: 26px 0 27px; margin: 0 auto; }
.copyright_area p { font-size: 12px; color: #898989; text-align: center; }



/*-----------------------------------------------------------------------------------------------*
 *      $サイドメニュー・エリアのスタイル
 *-----------------------------------------------------------------------------------------------*/
.side_column { width: 220px; padding-right: 12px; }
.each_page_keyvisual { margin-bottom: 8px; }
.side_menu_area.side_menu_layout { margin-bottom: 10px; }
.side_menu_item { padding: 2px 0 0; }
.side_menu_item a { width: 220px; padding-top: 50px; }
.side_menu_item a:hover { background-position: 0 -50px; }
    .side_menu1 a { background: url(/img/default/rosen/nav_side01.png) no-repeat; }
    .side_menu2 a { background: url(/img/default/rosen/nav_side02.png) no-repeat; }
    .side_menu3 a { background: url(/img/default/rosen/nav_side03.png) no-repeat; }
    .side_menu4 a { background: url(/img/default/rosen/nav_side04.png) no-repeat; }
    .side_menu5 a { background: url(/img/default/rosen/nav_side05.png) no-repeat; }
    .side_menu6 a { background: url(/img/default/rosen/nav_side06.png) no-repeat; }
    .side_menu7 a { background: url(/img/default/rosen/nav_side07.png) no-repeat; }

/* お得な乗車券などサイドバーにアクティブ表示が必要な場合 */
.on_active_side_menu {
    background-position: 0 -50px!important;
}
/* バナー(サイドメニュー) */
.side_bnr_area {
    padding: 10px;
    margin-bottom: 10px;
}
.side_bnr_item {
    background: url(/img/default/bg_pattern.png) repeat 0 0;
    width: 190px;
    height: 100px;
    padding: 5px;
    margin-bottom: 6px;
}
    .side_bnr_item a {
        display: block;
    }

/* Twitter(サイドメニュー) */
.side_twitter              { width: 220px; }
.side_twitter_title        { padding: 0 58px 0 24px; }
.side_twitter .twitter_box { margin: 0 5px 5px; }




/* =============================================================================================

        $各メニュー項目のトップページ
        /rosen/index

   ============================================================================================= */
.category_top_contentbox {
    padding: 0 10px 56px;
    position: relative;
}
.category_top_contentbox h2 {
    padding-left: 20px;
}

.category_block {
    margin-bottom: 20px;
}
    .category_block_inner {
        padding-bottom: 10px;
        border-bottom: dashed 1px #c9c9c9;
    }

/* リンクボタン   ^button ^anchor */
.category_page_anchor_list li {
    width: 385px;
    padding-bottom: 10px;
}
    .category_page_anchor_list li a {
        padding-top: 50px;
    }
    .category_page_anchor_list li a:hover {
        background-position: 0 -50px;
    }
    .category_page_anchor_item {    /*ボタン間の調整*/
        padding-right: 20px;
    }

/* 路線バストップ */
.rosen.top .btn_category1 a  { background-image: url(/img/default/rosen/btn_route_menu1.png); }
.rosen.top .page_anchor1_1 a { background-image: url(/img/default/rosen/btn_route_menu1_1.png); }
.rosen.top .page_anchor1_2 a { background-image: url(/img/default/rosen/btn_route_menu1_2.png); }
.rosen.top .page_anchor1_3 a { background-image: url(/img/default/rosen/btn_route_menu1_3.png); }
.rosen.top .page_anchor1_4 a { background-image: url(/img/default/rosen/btn_route_menu1_4.png); }

.rosen.top .btn_category2 a  { background-image: url(/img/default/rosen/btn_route_menu2.png); }
.rosen.top .page_anchor2_1 a { background-image: url(/img/default/rosen/btn_route_menu2_1.png); }
.rosen.top .page_anchor2_2 a { background-image: url(/img/default/rosen/btn_route_menu2_2.png); }
.rosen.top .page_anchor2_3 a { background-image: url(/img/default/rosen/btn_route_menu2_3.png); }
.rosen.top .page_anchor2_4 a { background-image: url(/img/default/rosen/btn_route_menu2_4.png); }

.rosen.top .btn_category3 a  { background-image: url(/img/default/rosen/btn_route_menu3.png); }
.rosen.top .page_anchor3_1 a { background-image: url(/img/default/rosen/btn_route_menu3_1.png); }
.rosen.top .page_anchor3_2 a { background-image: url(/img/default/rosen/btn_route_menu3_2.png); }
.rosen.top .page_anchor3_3 a { background-image: url(/img/default/rosen/btn_route_menu3_3.png); }
.rosen.top .page_anchor3_4 a { background-image: url(/img/default/rosen/btn_route_menu3_4.png); }
.rosen.top .page_anchor3_5 a { background-image: url(/img/default/rosen/btn_route_menu3_5.png); }

.rosen.top .btn_category4 a  { background-image: url(/img/default/rosen/btn_route_menu4.png); }


/* =============================================================================================

        $路線バス/カテゴリートップ、詳細ページ(/rosen/*)

   ============================================================================================= */

/*  Object/Component 再利用できるパターンとして、小さな単位のモジュール
  -------------------------------------------------------------------------- */
.main_column {
    width: 850px;
}
.large_contentbox {
    padding: 10px 10px 56px;
    position: relative;
}

.large_contentbox-2 {
    padding: 0 10px 56px;
    margin-top: 20px;
    position: relative;
}


/* コンテンツ内の詳細 フレーム */
.content_header {
    background: url(/img/default/rosen/bg_pattern_green.png) repeat 0 0;
    padding: 20px 0 0 20px;
}
.content_body {
}
.content_footer {
    clear: both;
}

/*      ■タブメニュー
 *      （通常時、ホバー時、アクティブ時）
  --------------------------------------------------------------- */
.tabmenu_area {
    padding: 0 20px;
}

.tabmenu_item {
    width: 198px;
    margin-right: 6px;
    margin-top: 3px;
    cursor: pointer;
}
.tabmenu_item_last {
    margin-right: 0;
}
    .tabmenu_item a {
        background-position: 0 0;
        padding-top: 70px;
    }
    .tabmenu_item a:hover {
        background-position: 0 -70px;
    }

/*          路線バス         */
.tabmenu_item1,
.tabmenu_item1 a {
    background: url(/img/default/rosen/tab_menu1.png) no-repeat;
}
.tabmenu_item2,
.tabmenu_item2 a {
    background: url(/img/default/rosen/tab_menu2.png) no-repeat;
}
.tabmenu_item3,
.tabmenu_item3 a {
    background: url(/img/default/rosen/tab_menu3.png) no-repeat;
}
.tabmenu_item4,
.tabmenu_item4 a {
    background: url(/img/default/rosen/tab_menu4.png) no-repeat;
}

.rosen_fujigoko {
    padding-top: 20px;
    background: #e1e1e1 url(/img/default/rosen/tab_menu_active1.png) no-repeat;
}
.rosen_gotemba {
    padding-top: 20px;
    background: #e1e1e1 url(/img/default/rosen/tab_menu_active2.png) no-repeat;
}
.rosen_fujitozan {
    padding-top: 20px;
    background: #e1e1e1 url(/img/default/rosen/tab_menu_active3.png) no-repeat;
}
.rosen_other {
    padding-top: 20px;
    background: #e1e1e1 url(/img/default/rosen/tab_menu_active4.png) no-repeat;
}

/* そのページを表示している時 */
.on_active {
    background-position: 0 -126px;
    padding-top: 66px;
    margin-top: 0;
}

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

/* カテゴリートップ ページのルート案内表  ^category */
.route_block {
    background-color: #fbfbfb;
    padding: 0 20px;
}
    .route_block_box {
        width: 100%;
        padding: 10px 0;
        display: table;
    }
    .route_block_box.route_block_box-l {
        border-bottom: dashed 1px #c9c9c9;
    }
    .route_block_box.route_block_box_last {
        padding-bottom: 20px;
    }
    .route_block_item {                          /* 路線名称エリア */
        vertical-align: middle;
        width: 555px;
        padding-right: 10px;
        display: table-cell;
    }
    .route_block_box.column3 .route_block_item { /* 路線名称エリア - 時刻表ボタンを併記するパターン */
        width: 438px;
    }
    .route_block_btn {                           /* 時刻表ボタン, 運賃ボタンエリア */
        width: 225px;
        display: table-cell;
    }
    .route_block_box.column3 .route_block_btn {  /* 時刻表ボタン, 運賃ボタンエリア - 時刻表ボタンを併記するパターン */
        width: 342px;
    }
        /* IE6 */
        * html .route_block_box  { height: 60px; position: relative; }
        * html .route_block_item,
        * html .route_block_btn  { position: absolute; }
        * html .route_block_item { top: 35%; }
        * html .route_block_btn  { top: 12%; right: 0; }
        /* IE7 */
        *+html .route_block_box  { height: 60px; position: relative; }
        *+html .route_block_item,
        *+html .route_block_btn  { position: absolute; }
        *+html .route_block_item { top: 35%; }
        *+html .route_block_btn  { top: 12%; right: 0; }


/*年末年始ボタン*/
    ul.btn_year-end_new-Year a {
        display:block;
        text-indent:-9999px;
        overflow:hidden;
    }
    ul.btn_year-end_new-Year li.parts01 {
        width:408px;
    }
    ul.btn_year-end_new-Year li.parts01 a {
        background:url(/img/default/rosen/btn_year-end_new-Year_01.png) no-repeat 0 0;
        height:50px;
    }
    ul.btn_year-end_new-Year li.parts01 a:hover {
        background-position:0 -50px;
    }
    ul.btn_year-end_new-Year li.parts02 {
        width:268px;
        margin:0 10px 0 0;
    }
    ul.btn_year-end_new-Year li.parts02 a {
        background:url(/img/default/rosen/btn_year-end_new-Year_02.png) no-repeat 0 0;
        height:50px;
    }
    ul.btn_year-end_new-Year li.parts03 {
        width:243px;
    }
    ul.btn_year-end_new-Year li.parts03 a {
        background:url(/img/default/rosen/btn_year-end_new-Year_03.png) no-repeat 0 0;
        height:50px;
    }
    ul.btn_year-end_new-Year li.parts02 a:hover,
    ul.btn_year-end_new-Year li.parts03 a:hover {
        background-position:0 -50px;
    }
    p.btn_year-end_new-Year.color_red {
        color:#f00;
        margin:5px 0 0 0;
        line-height:1.3;
    }
    p.btn_year-end_new-Year.color_white {
        color:#fff;
        line-height:1.3;
        font-weight:bold;
        text-align:center;
    }


/**
 *
 * 富士山周遊バス
 *
 */
/*  料金表  */
.price_display {
    margin-top: 20px;
}
    .price_display_caption {
        margin: 2px 0 4px;
    }
    .price_display_body {
        margin-bottom: 20px;
    }
    .price_display_body .price_position {
        padding: 20px 114px 10px;
    }
    .price_display_body .supply_position {
        padding:0 20px 20px;
    }
    .price_display_body .supply_position table {
        width:100%;
    }
    .price_display_body .supply_position table th {
        width:20%;
        text-align:right;
    }
    .price_display_body .supply_position table td {
        width:80%;
    }
    .sub-frame {
    	margin-bottom:40px;
    }
    .sub-tit-bus {
        text-align: center;
	    color: #fff;	    
	    padding: 13px;
	    font-weight: bold;
	    font-size: 23px;
	    letter-spacing: 2px;
	    margin-bottom: 20px;
    }
    .coupon-tag{
    	width:369px;     	 
    	display: table-cell; 
    	padding: 15px;
    	background: url(/img/default/rosen/shuyu/coupon_back.png);
    }
    .bus-course1 {
    	background:url(/img/default/rosen/shuyu/bg_bus_course1.png);
    }
    .bus-course2 {
    	background:url(/img/default/rosen/shuyu/bg_bus_course2.png);
    }
    .bus-course3 {
    	background:url(/img/default/rosen/shuyu/bg_bus_course3.png);
    }
    .bus-course-sub {
    	padding:30px 10px;
    }
    .div-bus-img {
        display: inline-block;
    	margin-right: 15px;
    }
    .div-bus-detail {
        display: inline-block;
	    background-color: #fff;
	    padding: 30px;
	    vertical-align: top;
    }
    .div-bus-detail dt{
    	font-weight:bold;
    	font-size:20px;
    	border-bottom: solid 2px;
    	padding-bottom: 10px;
    	margin-bottom: 15px;
    }
    .div-bus-detail dd{
    	font-weight:bold;
    	font-size:16px;
    	width:449px;
    	line-height:1.2;
    }
    .fare-table-shuyu th, .fare-table-shuyu td{
    	width: 120px;
	    height: 35px;
	    font-size: 12px!important;
	    box-sizing: border-box;
	    line-height: 1.3;
	    padding: 5px 0;   	
    }
    .fare-table-box {
	    background-color: #ffffff;
	    padding: 10px;
	    margin-bottom: 10px;
	}
	.fare-table-red th{
		border: solid 1px #f74d45 !important;
	}
	.fare-table-red td{
		border: solid 1px #f74d45 !important;
	}
	.fare-table-orange th{
		border: solid 1px #f1b44a !important;
	}
	.fare-table-orange td{
		border: solid 1px #f1b44a !important;
	}
	.fare-table-green th{
		border: solid 1px #009944 !important;
	}
	.fare-table-green td{
		border: solid 1px #009944 !important;
	}
	.fare-table-blue th{
		border: solid 1px #004386 !important;
	}
	.fare-table-blue td{
		border: solid 1px #004386 !important;
	}
	.fare-table-shuyu {
	    width: 100%;
    	table-layout: fixed;
    }
    .tr-head-red {
    	background-color: #fa8882;
    	color: #ffffff;
    	text-align:center;    	
    }
    .tr-head-orange {
    	background-color: #f5d465;
    	color: #ffffff;
    	text-align:center;    	
    }
    .tr-head-green {
    	background-color: #58c287;
    	color: #ffffff;
    	text-align:center;    	
    }
    .tr-head-blue {
    	background-color: #74b0eb;
    	color: #ffffff;
    	text-align:center;    	
    }
    .tr-head-red th, .tr-head-green th, .tr-head-blue th, .tr-head-orange th {
    	padding: 5px 0;    	
    }   
    .tr-odd {
    	background-color: #ffffff;
    }
    .tr-even-red {
    	background-color: #feeaea;
    }
    .tr-even-orange {
    	background-color: #fefeea;
    }
    .tr-even-green {
    	background-color: #caf8d0;
    }
    .tr-even-blue {
    	background-color: #d7eef9;
    }
    .access-bus {
    	color: #727171;
    	padding:20px 0 10px;
    }
    .access-det {
	    padding: 5px 0;
	    line-height: 1.3;
	    text-align: left;
    }
    .access-tit {
	    color: #fff;
	    background-color: #727171;
	    width: 90px;
	    padding: 5px;
	    text-align: center;
	    font-weight: bold;
	    border-radius: 25px;
	    font-size: 14px;
    }
    .tour-guide-box {
    	padding: 15px 5px;
	    margin: 51px 20px 0 0;
	    border: solid 1px #c9caca;
	    width: 234px;
	    display: inline-block;
	    position: relative;
	    text-align: center;    	
    }    
    .tour-guide-box:nth-child(3n+1) {
    	margin-right: 0;
    }
    .tour-guide-head {
	    padding: 10px 5px 5px;
	    text-align: center;
	    font-size: 16px;
	    font-weight: bold;
    }
    .tour-guide-detail {
        padding: 15px 0;
	    margin: 0 auto;
	    font-size: 14px;
	    font-weight: bold;
	    text-align: left;
	    line-height: 1.3;
	}
    .img-bus-stop {
	    position: absolute;
	    top: -38px;
	    left: 38%;
    }
    .icntag-blue {
	    background: url(/img/default/rosen/shuyu/icn_kudari_blue.png) no-repeat left center;
	    width: 52px;
    	height: 30px;
	}
	.icntag-blue-up {
	    background: url(/img/default/rosen/shuyu/icn_nobori_blue.png) no-repeat left center;
	    width: 52px;
    	height: 30px;
	}
	.icntag-green {
	    background: url(/img/default/rosen/shuyu/icn_kudari_green.png) no-repeat left center;
	    width: 52px;
    	height: 30px;
	}
	.icntag-green-up {
	    background: url(/img/default/rosen/shuyu/icn_nobori_green.png) no-repeat left center;
	    width: 52px;
    	height: 30px;
	}
	.icntag-red {
	    background: url(/img/default/rosen/shuyu/icn_kudari_red.png) no-repeat left center;
	    width: 52px;
    	height: 30px;
	}
	.icntag-red-up {
	    background: url(/img/default/rosen/shuyu/icn_nobori_red.png) no-repeat left center;
	    width: 52px;
    	height: 30px;
	}
	.icndisplay-shuyu {
	    margin: auto;
	    position: absolute;
	    top: -5px;
	    bottom: 0;
	    left: 10px;
	}
	.detail_heading_item_shuyu {
	    position: absolute;
	    top: 0;
	    right: 10px;
	}
	.detail_heading_item_shuyu a {
	    padding-top: 30px;
	}
	.high-class {
		background: yellow;
	}
	/*.high-class-unic {
		background: #ace;
	}*/
	.col-selected {
		background: #00fff536;
	}
	.bus-sub a:hover{
	 	text-decoration: none;
	}

.price_display_list dt,
.price_display_list dd {
    display: block;
    margin-bottom: 10px;
}
.price_display_list dd {
    font-weight: bold;
    text-align: right;
    width: 131px;
}
    .price_display_list dd .amount {
        font-size: 150%;
        color: #f00;
    }

/* 通過する構成資産 */
.event_display {
    margin-top: 30px;
}
    .event_display_caption {
        margin: 2px 0 4px;
    }
    .event_display_body {
        border: solid 3px #ededed;
        padding: 20px;
    }
    .event_display_item {
        background: url(/img/default/rosen/icon_nw.png) no-repeat left center;
        padding: 0 0 0 20px;
    }
        .event_display_item a {
            color: #249814;
            text-decoration: underline;
        }
        .event_display_item a:hover {
            text-decoration: none;
        }


/* 詳細ページ 見出しの基本指定 */
.detail_intro{
    position: relative;
}
    .detail_intro_title {
        font-size: 20px;
        font-weight: bold;
        color: #696969;
        line-height: 1.2;
    }
    /* 見出しのレイアウト */
    .detail_intro_title1-l {        /*1行の場合*/
        padding: 7px 0 10px 20px;
    }
    .detail_intro_title2-l {        /*2行の場合*/
        padding: 0 0 20px 20px;
    }

/*      ■時刻表 タブメニュー
  -------------------------------------------------------------------------- */
.schedule_tab_block {
    background-color: #fbfbfb;
    padding-bottom: 20px;
}
.schedule_tabmenu {
    background: url(/img/default/rosen/detail/tabmenu_border.png) no-repeat left bottom;
    padding-left: 20px;
}

.schedule_tabmenu_list {
    overflow: hidden;
}
.schedule_tabmenu_item,
.schedule_tabmenu_item2 {
    text-align: center;
    background: url(/img/default/rosen/detail/tabmenu.png) no-repeat;
    width: 150px;
    height: 16px;
    padding: 15px 0 15px 0;
    margin: 6px 10px 0 0;
    cursor: pointer;
}
.schedule_tabmenu_item:hover,
.schedule_tabmenu_item2:hover {
    background-position: 0 -46px;
}
.schedule_tabmenu_item.is-select,
.schedule_tabmenu_item2.is-select {  /* アクティブ時 */
    background-position: 0 -92px;
    padding: 21px 0 15px 0;
    margin: 0 10px 0 0;
}

.schedule_tabmenu_item .schedule_tabmenu_time,
.schedule_tabmenu_item2 .schedule_tabmenu_time {
    font-weight: bold;
    color: #249814;
}

/* 備考 */
.remarks_box {
    padding-bottom: 20px;
}

/* お問い合わせ   ^inquiry */

/* 事業所名 */
.officename {
    padding-top: 4px;
}

/* "TEL"のスタイル */
.tel {
    font-weight: bold;
}

/* 電話番号のスタイル */
.telnumber {
    font-size: 128.6%;
    font-weight: bold;
}
/* お問い合わせなど外部リンクマーク */
.link_nw {
    text-indent: 20px;
    background: url(/img/default/icon_nw.png) no-repeat left center;
}
.link_nw_highway {
    padding-top: 4px;
    text-indent: 20px;
    background: url(/img/default/icon_nw.png) no-repeat left center;
}

/*
 * お問い合わせのリストのサイズ       ^inquiry
 * (IE対策として足して98%以下にする)
 */
.list_width_a-1 { width: 24%; }
.list_width_a-2 { width: 74%; }
.list_width_b-1 { width: 30%; }
.list_width_b-2 { width: 68%; }
.list_width_c-1 { width: 42%; }
.list_width_c-2 { width: 56%; }

/*      備考・注意事項     */
/*ul*/
.notes_list_circle {
    list-style: disc outside;   /* 黒丸 */
    margin-left: 20px;
}
.notes_list_circle a.adjust1 {
    color:#f47e37;
    text-decoration:underline;
}
.notes_list_circle a:hover.adjust1 {
    text-decoration:none;
}


/*      ■時刻表・運賃 テーブル    ^table
  -------------------------------------------------------------------------- */
.base_table_layout,
.base_table_layout th,
.base_table_layout td {
    font-size: 14px;
    vertical-align: middle;
    border: solid 1px #b3b3b3;
}

.thline,
.base_table_layout td {
    text-align: center;
}
/* 空白セルの幅 */
.emptycell {
    width: 166px
}
/* 1番上の見出し行 */
.thline {
    background-color: #f6f7df;
}
/* 1番左側の見出し縦列 */
.thcell {
    color: #002e51;
    text-align: left;
    background-color: #f0f0f0;
}


/* 時刻表 */
.schedule_table-l {
    width: 100%;
/*    margin-bottom: 30px;*/
    table-layout: fixed;
}
.schedule_table-l th,
.schedule_table-l td {
    font-weight: normal;
}
.schedule_tabcontent {
    padding: 20px 20px 0;
}

.schedule_table-l .thline {
    font-size: 12px;
    padding: 14px 5px;
}
.schedule_table-l .thcell {
    width: 167px;
    padding: 5px 10px;
    text-align: left; /* IE8以降対応 150202追記 */
}
.schedule_table-l .schedule_data {        /* 時刻表示セル */
    font-size: 14px;
    padding: 12px 2px;
}
.mark_data { /* 乗降のthセル */
    background-color: #fbfbfb;
    width: 20px;
}
span.rd {
color: #f00;
}
p.routemap {
text-align:center;
padding-bottom:20px;
}

/* 運賃表 */
.fare_content_body {
    padding: 20px 0;
}
.fare_table_box {
    background-color: #e6f4e4;
    padding: 10px;
    margin-bottom: 10px;
}
.fare_table_box.fare_table_box_size1 {
    width: 510px;
}
.fare_table_box.fare_table_box_size2 {
    width: 630px;
}
.fare_table_box.fare_table_box_size2_hida_takayama {
    width: 730px;
}
.fare_table-l {
    width: 100%;
}
.fare_table-l .thline,
.fare_table-l .thcell {
    font-weight: normal;
}

.fare_table_cell4 .thline {      /* 表が4列のパターン(3列にも使用) */
    width: 25%;
}
.fare_table_cell2 .thline {      /* 表が2列のパターン */
    width: 50%;
}
.fare_table_cell-10 .thline {      /* 表が10列のパターン */
    width: 10%;
}

.fare_table-l .thline {
    padding: 18px 0;
}
.fare_table-l .thcell {
    padding: 5px 10px;
}
.fare_table-l td {
    background-color: #fbfbfb;
    padding: 10px;
}
.fare_amount_data {
    font-weight: bold;
}
.fare_amount_data span {
    font-size: 16px;
    color: #ca0000;
    padding-right: 1px;
}

.fare_subheading {
    font-size: 18px;
    color: #249814;
}
.fare_period {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    padding: 18px 0 5px;
}





/*  Object/Project プロジェクト固有のパターンであり、いくつかのComponentとそれに該当しない要素によって構成
  ----------------------------------------------------------------------------------------------------------- */
/* テキスト系 */
.basetxt {
    font-size: 87.5%;
    color: #3f3f3f;
    line-height: 1.571;
}
.basetxt.second {
    padding-top: 1em;
}

.description_text {
    margin-bottom: 1em;
}
.description_bold {
    font-weight: bold;
    font-size: 100%;
    line-height: 1.2;
    margin-bottom: 10px;
}
.image_caption {
    font-size: 75%;
    line-height: 2;
    text-align: center;
    padding-bottom: 14px;
}
.route_block_txt {      /* ルート案内表の見出し */
    font-weight: bold;
    color: #3f3f3f;
    line-height: 1.3;
    padding: 3px 0 3px 30px;
}


/* コンテンツ内の詳細 フレーム */

.image_box p {
    padding-right: 20px;
}

.description_box {
    width: 510px;
}

.contentblock {
    background-color: #fbfbfb;
    padding: 20px;
}
.contentblock2 {        /*上下のpaddingが無い場合*/
    background-color: #fbfbfb;
    padding: 0 20px;
}

.contentblock_inner {   /*下線（点線）をひく*/
    border-bottom: dashed 1px #c9c9c9;
    padding-bottom: 20px;
}

/* コンテンツ下部のレイアウト(*-lはlayoutの略)  */
.content_footer-l {
    border-top: dashed 1px #c9c9c9;
    height: 26px;
    padding: 10px 0 0 598px;
}

/* page_anchor  ^button ^anchor */
.page_anchor {
    background-color: #fbfbfb;
    padding: 24px 0 10px 20px;
}
    .page_anchor_item {
        width: 385px;
        padding: 0 20px 10px 0;
    }
    .page_anchor_item a {
        padding-top: 50px;
    }
    .page_anchor_item a:hover {
        background-position: 0 -50px;
    }

.page_anchor01 a ,
.page_anchor02 a ,
.page_anchor03 a ,
.page_anchor04 a ,
.page_anchor05 a { background-repeat: no-repeat; }

/* PDFへのリンクボタン */
.btn_guide {
    padding-left: 173px;
    margin-bottom: 20px;
}
.btn_guide_irregular {      /*ボタンが横３つの場合*/
    padding-left: 0;
}
    .btn_guide_irregular .btn_guide_item2 {
        padding-right: 9px;
    }

.btn_guide_list {
}
    .btn_guide_item1{
        padding-right: 9px;
    }
    .btn_guide_item2,
    .btn_guide_item3 {
        padding-right: 0;
    }
    .btn_guide_list a {
        width: 164px;
        padding-top: 60px;
    }
    .btn_guide_list a:hover,
    .btn_guide_list_l a:hover,
    .btn_guide_list_ll a:hover {
                background-position: 0 -60px;
    }
    /* _l は「PDFで時刻表を見る」画像 */
    .btn_guide_list_l a {
        width: 248px;
        padding-top: 60px;
    }
    /* _ll は「PDFで運行経路を見る」画像 */
    .btn_guide_list_ll a {
        width: 268px;
        padding-top: 60px;
    }


/*時刻表・運賃のボタン*/
.route_block_btn .btn_guide_list a {
    width: 108px;
}
.route_block_btn .btn_guide_list a.schedule_and_fare_pdf ,
.route_block_btn .btn_guide_list a.view_detail {
    width: 194px;
}
.route_block_btn .btn_guide_list_site a {
    width: 170px;
}

/* カテゴリートップページのタイトルリンク */
.btn_category_item {
    width: 370px;
    margin-bottom: 20px;
}
    .btn_category_item a {
        padding-top: 50px;
        background-repeat: no-repeat;
    }
    .btn_category_item a:hover {
        background-position: 0 -50px;
    }

/* カテゴリートップへ戻るボタン */
.btn_back_site {
    text-align: center;
    width: 346px;
    margin: 20px auto 0;
}
    .btn_back_site a {
        padding-top: 42px;
    }
    .btn_back_site a:hover {
        background-position: 0 -42px;
    }

/* カテゴリートップへ戻るボタン */
/**
 * `.btn_back_site`を継承する
 */
/* 富士五湖地区一覧 */
.back_fujigoko { background: url(/img/default/rosen/detail/back_fujigoko.png) no-repeat; }

/* 富士登山バス一覧 */
.back_fujitozan { background: url(/img/default/rosen/detail/back_fujitozan.png) no-repeat; }

/* 御殿場地区一覧 */
.back_gotemba { background: url(/img/default/rosen/detail/back_gotemba.png) no-repeat; }

/* その他路線バス一覧 */
.back_other { background: url(/img/default/rosen/detail/back_other.png) no-repeat; }

/**
 *   個別装飾 '.btn_guide'を継承
 */
/*      富士山周遊バス     */
.guide_map         { background: url(/img/default/rosen/guide_route1.png) no-repeat; }
.kawaguchiko       { background: url(/img/default/rosen/guide_route2.png) no-repeat; }
.saiko             { background: url(/img/default/rosen/guide_route3.png) no-repeat; }
.route_map         { background: url(/img/default/rosen/guide_route4.png) no-repeat; }
.guide_schedule    { background: url(/img/default/rosen/guide_route5.png) no-repeat; }
.guide_schedule_l  { background: url(/img/default/rosen/guide_route6.png) no-repeat; }
.guide_routemap_ll { background: url(/img/default/rosen/guide_route9.png) no-repeat; }

.guide_button { 
	background: url(/img/default/rosen/shuyu/guide_button.png) no-repeat;
	background-size: cover;				 
}

/*      富士五湖地区     */
.fare        { background: url(/img/default/rosen/btn_fare.png) no-repeat; }
.schedule    { background: url(/img/default/rosen/btn_schedule.png) no-repeat; }
.btn_pdf { background: url(/img/default/rosen/btn_pdf.png) no-repeat; }
.view_detail { background: url(/img/default/rosen/btn_view_detail.png) no-repeat; }
.view_site   { background: url(/img/default/rosen/btn_view_site.png) no-repeat; }
.view_timetable   { background: url(/img/default/rosen/btn_view_timetable.png) no-repeat; }

/* 詳細ページ 上部のアンカー */
/*      富士山周遊バス     */
/*.rosen.shuyu .page_anchor01 a { background-image: url(/img/default/rosen/internal_link1.png); }*/
.rosen.shuyu .page_anchor01_shuyu a { background-image: url(/img/default/rosen/internal_link1.png); }
.rosen.shuyu .page_anchor01_shuyu a:hover { background-image: url(/img/default/rosen/internal_link1_on.png); }
.rosen.shuyu .page_anchor02 a { background-image: url(/img/default/rosen/internal_link2.png); }
.rosen.shuyu .page_anchor03 a { background-image: url(/img/default/rosen/internal_link3.png); }

/*      富士五湖地区      */
.rosen.fujigoko .page_anchor01 a { background-image: url(/img/default/rosen/fujigoko_internal_link1.png); }
.rosen.fujigoko .page_anchor02 a { background-image: url(/img/default/rosen/fujigoko_internal_link2.png); }
.rosen.fujigoko .page_anchor03 a { background-image: url(/img/default/rosen/fujigoko_internal_link3.png); }
.rosen.fujigoko .page_anchor04 a { background-image: url(/img/default/rosen/fujigoko_internal_link4.png); }

/*      富士登山      */
.rosen.fujitozan .page_anchor01 a { background-image: url(/img/default/rosen/fujitozan_internal_link1.png); }
.rosen.fujitozan .page_anchor02 a { background-image: url(/img/default/rosen/fujitozan_internal_link2.png); }
.rosen.fujitozan .page_anchor03 a { background-image: url(/img/default/rosen/fujitozan_internal_link3.png); }
.rosen.fujitozan .page_anchor04 a { background-image: url(/img/default/rosen/fujitozan_internal_link4.png); }
.rosen.fujitozan .page_anchor05 a { background-image: url(/img/default/rosen/fujitozan_internal_link5.png); }

/*      御殿場地区のバス      */
.rosen.gotemba .page_anchor01 a { background-image: url(/img/default/rosen/gotemba_internal_link1.png); }
.rosen.gotemba .page_anchor02 a { background-image: url(/img/default/rosen/gotemba_internal_link2.png); }
.rosen.gotemba .page_anchor03 a { background-image: url(/img/default/rosen/gotemba_internal_link3.png); }

.schedule_pdf          { background: url(/img/default/rosen/btn_schedule_pdf.png) no-repeat; }
.fare_pdf              { background: url(/img/default/rosen/btn_fare_pdf.png) no-repeat; }
.schedule_and_fare_pdf { background: url(/img/default/rosen/btn_schedule_and_fare.png) no-repeat; }

/*      その他      */
.rosen.other .page_anchor01 a { background-image: url(/img/default/rosen/other_internal_link1.png); }
.rosen.other .page_anchor02 a { background-image: url(/img/default/rosen/other_internal_link2.png); }
.rosen.other .page_anchor03 a { background-image: url(/img/default/rosen/other_internal_link3.png); }

/* 地図画像 表示 */
.route_map_image { padding: 0 20px 20px; }

/* カテゴリートップ/路線バスの見出し背景
 * '.detail_intro' を継承
 */
.bg_detail_rosen {          /* タイトルが1行の場合 */
    background: url(/img/default/rosen/detail/rosen_heading_frame1.png) no-repeat left center;
}
.bg_detail_rosen2 {         /* タイトルが2行の場合 */
    background: url(/img/default/rosen/detail/rosen_heading_frame2.png) no-repeat left center;
}


/* キャッチコピー的なものが存在する際に付与 */
.catchphrase_box {
    padding: 20px 0;
}
    .catchphrase_txt {
        color: #3f3f3f;
        line-height: 1.5;
    }
    .catchphrase_image {
        padding-right: 20px;
    }
    .catchphrase_box_right {
        padding-left: 20px;
        color: #3f3f3f;
        line-height: 1.5;
    }
    .catchphrase_box_right h3 {
        margin-bottom: 1em;
    }


/* 時刻表/詳細ページ 上部のアンカー    ^button ^anchor */
.detail_page_anchor {
    padding: 20px 0 0 0;
}
.detail_page_anchor_item.detail_page_anchor_fare {
    padding: 0 20px;
}
.detail_page_anchor_item a {
    width: 250px;
    padding-top: 50px;
}
    .detail_page_anchor_item a:hover {
        background-position: 0 -50px;
    }
    /*      時刻表     */
    .detail_page_anchor_schedule a { background: url(/img/default/rosen/detail/internal_link4.png) no-repeat; }
    /*    夏期ダイヤ   */
    .detail_page_anchor_schedule_summer a { background: url(/img/default/rosen/detail/internal_link7.png) no-repeat; }
    /*      運賃     */
    .detail_page_anchor_fare a     { background: url(/img/default/rosen/detail/internal_link5.png) no-repeat; }
    /*      お問い合わせ      */
    .detail_page_anchor_inquiry a  { background: url(/img/default/rosen/detail/internal_link6.png) no-repeat; }

.detail_heading_block {
    position: relative;
}
.detail_heading_box {
    padding: 10px 0 8px 30px;
}
.detail_heading_txt {
    font-size: 22px;
    font-weight: bold;
    color: #249814;
}
    .detail_heading_txt span {
        font-size: 20px;
    }

.detail_heading_item {
    position: absolute;
    top: 25px;
    right: 20px;
}
    .detail_heading_item a {
        padding-top: 30px;
    }
    .detail_heading_item a:hover {
        background-position: 0 -30px;
    }

.detail_heading_down a {
    background: url(/img/default/rosen/detail/rev_dir_down.png) no-repeat;
    width: 210px;
}
.detail_heading_up a {
    background: url(/img/default/rosen/detail/rev_dir_up.png) no-repeat;
    width: 210px;
}

/* 詳しく見る */
.btn_more_box {
    padding: 10px 0;
}
    .btn_more_box a {
        background: url(/img/default/rosen/detail/btn_more.png) no-repeat;
        width: 162px;
        padding-top: 60px;
    }
    .btn_more_box a:hover {
        background-position: 0 -60px;
    }

/* おトクな乗車券はこちら */
.btn_otokuticket {
    margin-top: 18px;
}
    .btn_otokuticket a {
        background: url(/img/default/rosen/detail/btn_otoku_ticket.png) no-repeat;
        width: 282px;
        padding-top: 60px;
    }
    .btn_otokuticket a:hover {
        background-position: 0 -60px;
    }



/* =============================================================================================

        $トップページのみの指定
        #index_indexで始まる

   ============================================================================================= */
/* 新着情報 */
/* トップページのみ幅が違う */
#index_index .whatsnew_data { width: 698px; }

/* 新着情報一覧へ */
/* トップページのみ位置が違う */
#index_index .more_new { left: 598px; }



/* =============================================================================================

        $404errorページのみの指定

   ============================================================================================= */
.error .maincontent { width: 600px; margin-top: 20px; margin-bottom: 40px; }
.error .maincontent h2 { color: #ccc; font-size: 70px; }
.error .maincontent .not_found_text { color: #ccc; font-size: 30px; font-weight: bold; margin-bottom: 20px; }
.error .maincontent h3 { background: url(/img/default/other/icn_tire_gray.png) no-repeat left center; color: #e71a1a; font-size: 125%; margin-bottom: 10px; padding: 13px 0 10px 30px; }
.error .maincontent dl    { padding-left: 30px; }
.error .maincontent dl dt { background: url(/img/default/otoku/icon_arrow_blue.png) no-repeat left center; font-size: 112.5%; margin-top: 10px; padding: 5px 0 5px 1.5em; }
.error .maincontent dl dd { line-height: 1.6; padding-left: 2.5em; }





/*-----------------------------------------------------------------------------------------------*
 *      $汎用クラス   Object/Utility
 *      CSSの性質上、このセクションは1番下に記述すること
 *-----------------------------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {       /* micro clearfix */
    content:"";
    display:table;
}
.clearfix:after { clear:both; }
.clearfix { zoom:1; }    /* For IE 6/7 */

.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }

/* テキスト関連   ^font ^text */
.text--bold { font-weight: bold; }
.text--small { font-size: 12px; }
.text--blue  { color: #5e94be; }
.text--lgray { color: #949494; }
/* テキスト内リンクの場合 */
.txt_blue_anchor { color: #1f8de1; }
.txt_grn_anchor  { color: #249814; }
.txt_org_anchor  { color: #f47e37; }
.txt_red_anchor  { color: #ca6262; }

.txt_grn_anchor,
.txt_org_anchor,
.txt_red_anchor,
.txt_blue_anchor { text-decoration: underline; }
.txt_grn_anchor:hover,
.txt_org_anchor:hover,
.txt_red_anchor:hover,
.txt_blue_anchor:hover { text-decoration: none; }

.txt_ind     { padding-left: 1em; text-indent: -1em; }
.txt_ind-2em { padding-left: 2em; text-indent: -2em; }
.txt_ind-3em { padding-left: 3em; text-indent: -3em; }
.txt_ind-4em { padding-left: 4em; text-indent: -4em; }
.txt_ind-5em { padding-left: 5em; text-indent: -5em; }

/*
 * 変則的な太字テキスト
 *  Irregular Boldtext
 */
.irglr_bldtxt         { font-weight: bold; }
.irglr_bldtxt a       { text-decoration: underline; }
.irglr_bldtxt a:hover { text-decoration: none; }
/* Color */
.irglr_bldtxt-red { color: #f00; }

/* 特定の色指定 */
.lightgray { background-color: #ededed; }
.gray      { background-color: #e1e1e1; }

/* CSS Sprite */
.sprite { text-indent: -99999em; height: 0; overflow: hidden; display: block; }

.hidden    { display: none; }
.mrg-l10   { margin-left: 10px !important; }
.mrg-l100  { margin-left: 100px !important; }
.mrg-l120  { margin-left: 120px; }
.mrg-l20   { margin-left: 20px !important; }
.mrg-l40   { margin-left: 40px !important; }
.mrg-l60   { margin-left: 60px !important; }
.mrg-l80   { margin-left: 80px !important; }
.mrg_1em   { margin-left: 1em; }
.mrg_btm0  { margin-bottom: 0 !important; }
.mrg_btm10  { margin-bottom: 10px !important; }
.mrg_btm20 { margin-bottom: 20px !important; }
.mrg_btm30 { margin-bottom: 30px !important; }
.mrg_r20   { margin-right: 20px !important; }
.mrg_t10   { margin-top: 10px !important; }
.mrg_t20   { margin-top: 20px !important; }
.mrg_t30   { margin-top: 30px !important; }

.no_pad-r  { padding-right: 0; }
.pad-a10   { padding: 10px !important; }
.pad-a20   { padding: 20px !important; }
.pad-a30   { padding: 30px !important; }
.pad-a40   { padding: 40px !important; }

.pad-btm0  { padding-bottom: 0 !important; }
.pad-btm10 { padding-bottom: 10px !important; }
.pad-btm20 { padding-bottom: 20px !important; }
.pad-btm30 { padding-bottom: 30px !important; }
.pad-l0    { padding-left: 0 !important; }
.pad-l20    { padding-left: 20px !important; }
.pad-t0    { padding-top: 0 !important; }
.pad-t10   { padding-top: 10px !important; }
.pad-t20   { padding-top: 20px !important; }
.pad-t40   { padding-top: 40px !important; }

/* スマホトップに戻るボタン（LP,KABA,Thomasのみ） */
.back_sp_home a {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 2.5;
    position: fixed;
    bottom: 2%;
    left: 50%;
    display: block;
    width: 80%;
    margin-left: -40%;
    border-radius: 10px;
    background: #f08574;
}

/*
 * 追記
 * /highway/detail/id/24で使用
 */
.postscript_txt { font-size: 87.5%; font-weight: bold; color: #dc143c; line-height: 2; }



@media screen and (min-width: 1025px) {
/*------------------------------------------------------------------------
--------------------------------------------------------------------------


【PCレイアウト】



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

	.slide-note{
		display:none;
	}
}