@charset "UTF-8";

/* ----------------------------------------------------------------
	01. デフォルトスタイル
----------------------------------------------------------------- */
strong{color:#f8090f;font-weight:bold;}


/* ----------------------------------------------------------------
	02. ヘッダーの文字色/背景色
----------------------------------------------------------------- */
.mapple-header-common{
color:#111;
background:-webkit-gradient(linear, left top, left bottom,
from(#ffffff),
to(#ffffff));
}

/* ----------------------------------------------------------------
	03. ヘッダー内のボタン　文字色/背景色
----------------------------------------------------------------- */
/* --	mapple-btn-menu -- *//* メニューボタン */
.mapple-header-common .mapple-btn-menu a{
color:#fff;
background:url("../img/mapple-btn-menu-bg-01.gif") no-repeat 10% 50%,
-webkit-gradient(linear, left top, left bottom,
from(#5d6268),
color-stop(0.5, #262d37),
color-stop(0.5, #171e28),
to(#252e37));
}
/* --	mapple-btn-menu -- *//* タップ時のボタン背景色 */
.mapple-header-common .mapple-btn-menu .ui-btn-down-a,
.mapple-header-common .mapple-btn-menu .ui-btn-active{
background:url("../img/mapple-btn-menu-bg-01.gif") no-repeat 10% 50%,
-webkit-gradient(linear, left top, left bottom,
from(#84888d),
color-stop(0.5, #5c6269),
color-stop(0.5, #51565e),
to(#5a6168));
}
/* --	mapple-btn -- *//* ツールボタン */
.mapple-header-common .mapple-btn a{
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#5d6268),
color-stop(0.5, #262d37),
color-stop(0.5, #171e28),
to(#252e37));
text-shadow:-1px -1px 1px rgba(0,0,0,0.3);
}
/* --	mapple-btn -- *//* タップ時のボタン背景色 */
.mapple-header-common .mapple-btn .ui-btn-down-a,
.mapple-header-common .mapple-btn .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#84888d),
color-stop(0.5, #5c6269),
color-stop(0.5, #51565e),
to(#5a6168));
}
/* --	mapple-list-btn-01 -- *//* 条件を絞り込むボタン・リスト表示ボタン */
.mapple-header-map .mapple-list-btn-01 li a{
border:1px rgba(55,80,116,0.8) solid;
color:#fff;
-webkit-box-shadow:0 -1px 2px rgba(48,56,65,0.2),0 1px 1px rgba(255,255,255,0.5);
background:-webkit-gradient(linear, left top, left bottom,
from(#5d6268),
color-stop(0.5, #262d37),
color-stop(0.5, #171e28),
to(#252e37));
text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
}
/* --	mapple-list-btn-01 -- *//* タップ時のボタン背景色 */
.mapple-header-map .mapple-list-btn-01 .ui-btn-down-a,
.mapple-header-map .mapple-list-btn-01 .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#84888d),
color-stop(0.5, #5c6269),
color-stop(0.5, #51565e),
to(#5a6168));
}

/* ----------------------------------------------------------------
	04. フッターのボーダー色/文字色/背景色/
----------------------------------------------------------------- */
/*フッタ背景色文字色変更可能*/
.mapple-footer-common{
border-color:#bbbbbb;
color:#ffffff;
background:#6AB647;
}

/* ----------------------------------------------------------------
	05. メインコンテンツの背景色
----------------------------------------------------------------- */
/*背景色変更可能変更可能*/
.mapple-main-content{
background:-webkit-gradient(linear, left top, left bottom,
from(#ffffff),
/*color-stop(0.4, #f7fcff),*/
to(#ffffff));
}

/* ----------------------------------------------------------------
	06. 見出しレベル1の文字色/背景色/背景画像
----------------------------------------------------------------- */
/*見出しの文字色・背景画像変更可能*/
/* --	hdg-l1-01 -- */
.mapple-main-content .mapple-hdg-l1-01{
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#6AB647),
to(#6AB647));
/*text-shadow:1px 1px 1px rgba(0,0,0,0.2);*/
}
/* --	hdg-l1-02 -- */
.mapple-main-content .mapple-hdg-l1-02-container{
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#6AB647),
to(#6AB647));
}
.mapple-main-content .mapple-hdg-l1-02-container .mapple-hdg-l1-02{
text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}

/* ----------------------------------------------------------------
	07. 見出しレベル2の文字色/背景色
----------------------------------------------------------------- */
/* --	hdg-l2-02 -- *//* 周辺のガイド情報 */
.mapple-main-content .mapple-hdg-l2-02{
border-width:1px 0;
border-color:#717d85 transparent #acadad;
border-style:solid;
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#6AB647),
to(#6AB647));
}

/* ----------------------------------------------------------------
	08. 検索結果件数の文字色/文字サイズ
----------------------------------------------------------------- */
.mapple-main-content [class^="mapple-form-result-"] span{
color:#f82909;
font-size:20px;
}

/* ----------------------------------------------------------------
	09. コンテンツ内のボタン　文字色/背景色
----------------------------------------------------------------- */
/* --	mapple-list-btn-01 -- *//* 条件を絞り込むボタン・地図表示ボタン */
.mapple-main-content .mapple-hdg-l1-02-container .mapple-list-btn-01 li a{
border:1px rgba(55,80,116,0.8) solid;
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#5d6268),
color-stop(0.5, #262d37),
color-stop(0.5, #171e28),
to(#252e37));
text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
}
/* --	mapple-list-btn-01 -- *//* タップ時のボタン背景色 */
.mapple-main-content .mapple-hdg-l1-02-container .mapple-list-btn-01 li .ui-btn-down-c,
.mapple-main-content .mapple-hdg-l1-02-container .mapple-list-btn-01 li .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#84888d),
color-stop(0.5, #5c6269),
color-stop(0.5, #51565e),
to(#5a6168));
}
/* --	mapple-btn-prev -- *//* 店舗詳細・詳細地図へ戻るボタン */
.mapple-main-content [class^="mapple-btn-prev"] a{
border:1px #b9bbbd solid;
background:-webkit-gradient(linear, left top, left bottom,
from(#fff),
color-stop(0.5, #fff),
color-stop(0.5, #f6f6f6),
to(#e9eaec));
}
/* --	mapple-btn-prev -- *//* タップ時のボタン背景色 */
.mapple-main-content .mapple-hdg-l1-02-container .mapple-list-btn-01 li .ui-btn-active,
.mapple-main-content [class^="mapple-btn-prev"] .ui-btn-down-c,
.mapple-main-content [class^="mapple-btn-prev"] .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#f3f3f3),
to(#e5e5e5));
}

/* ----------------------------------------------------------------
	10. ルート概要/ルート詳細タブ　文字色/背景色
----------------------------------------------------------------- */
/* --	mapple-nav-tab-01 -- *//* 通常時のタブ表示 */
.mapple-main-content .mapple-nav-tab-01{border-bottom:4px #484f57 solid;}
.mapple-main-content .mapple-nav-tab-01 li a{
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#BBBBBB),
color-stop(0.5, #888888),
color-stop(0.5, #666666),
to(#666666));
}
/* --	mapple-nav-tab-01 -- *//* タブ選択時のタブ表示 */
.mapple-main-content .mapple-nav-tab-01 li a.selected{
background:-webkit-gradient(linear, left top, left bottom,
from(#484f57),
color-stop(0.5, #474e56),
color-stop(0.5, #18212a),
to(#18212a));
}
/* --	mapple-nav-tab-01 -- *//* 下向きタブのボーダー色 */
.mapple-main-content .mapple-nav-tab-01.mapple-tab-under{border-top:4px #484f57 solid;}

/* ----------------------------------------------------------------
	11. フォームの検索ボタン　文字色/背景色
----------------------------------------------------------------- */
/* --	mapple-btn-02 -- *//* 通常の検索ボタン・再検索ボタン */
.mapple-main-content .mapple-btn-02 a{
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#484f57),
color-stop(0.5, #474e56),
color-stop(0.5, #18212a),
to(#18212a));
text-shadow:0 -1px 1px #000;
}
/* --	mapple-btn-02 -- *//* タップ時のボタン背景色 */
.mapple-main-content .mapple-btn-02 .ui-btn-down-c,
.mapple-main-content .mapple-btn-02 .ui-btn-active,
.mapple-content-dialog .mapple-btn-02 .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#34393f),
color-stop(0.5, #30353a),
color-stop(0.5, #18212a),
to(#18212a));
}
/* --	mapple-form-btn-01 -- *//* input[type="text"]要素と横並びの検索ボタン */
.mapple-main-content .mapple-form-search-container .mapple-form-btn-01{
background:-webkit-gradient(linear, left top, left bottom,
from(#484f57),
color-stop(0.5, #474e56),
color-stop(0.5, #18212a),
to(#18212a));
}
/* --	mapple-form-btn-01 -- *//* タップ時のボタン背景色 */
.mapple-main-content .mapple-form-search-container .ui-btn-down-c,
.mapple-main-content .mapple-form-search-container .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#34393f),
color-stop(0.5, #30353a),
color-stop(0.5, #18212a),
to(#18212a));
}

/* ----------------------------------------------------------------
	12. Page Section 背景色
----------------------------------------------------------------- */
div[data-role="page"], section[data-role="page"] {
    background-color:#fbfcff;
}

/* ----------------------------------------------------------------
	13. チェックボックス表示位置調整
----------------------------------------------------------------- */
.ui-checkbox input, .ui-radio input {
position: absolute;
left: 5px;
top: 50%;
width: 10px;
height: 10px;
margin: -5px 0 0 0;
outline: 0!important;
}

/* ----------------------------------------------------------------
	14. 地図一覧店舗情報表示高さ調整
----------------------------------------------------------------- */
.mapple-box-info-min .mapple-list-link-result-01 li a{
height:102px;
}
.mapple-box-info-min .mapple-list-link-result-01 li a div.mapple-info-inner{
height:102px;
}

/*20120813_mapple*/
/* --	hdg-l2-03 -- */
.mapple-main-content .mapple-hdg-l2-03{
margin:0 -10px 8px;
padding:7px;
border-width:1px 0;
border-color:#4D4D4D transparent #8B8B8B;
border-style:solid;
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#6AB647),
to(#6AB647));
text-align:center;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
font-size:16px;
}



.mapple-main-content .mapple-list-link-result-01 li a>span{

}

/* ---------------------------------
	Content Menu
 -------------------------------- */
/*
.mapple-content-menu .mapple-list-index-02 a.ui-link-inherit {
    padding: 15px 10px 12px 13px;
    display: block;
    min-height: 27px;
}
*/

.mapple-content-menu .mapple-list-index-02 img {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.mapple-main-content .mapple-list-link-result-01 li a > span {
    padding-left: 2px;
    display: block;
    min-height: 22px;
    position: relative;
}
.mapple-content-dialog.mapple-content-dialog-map .mapple-main-content {
    margin: 45px 30px 0;
    padding: 42px 0 15px;
    border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    background:-webkit-gradient(linear, left top, left bottom,
	from(#000000),
	color-stop(0.5, #FFFFFF),
	to(#FFFFFF));
}
.mapple-main-content .mapple-list-link-result-01 li a > span {
    padding-left: 2px;
    display: block;
    min-height: 22px;
    position: relative;
}





.mapple-main-content .mapple-list-index-01 li.ui-btn-up-c,
.mapple-main-content .mapple-list-index-01 li.ui-btn-hover-c{
    background: none;
}
.mapple-main-content .mapple-list-index-01 li.ui-btn-down-c,
.mapple-main-content .mapple-list-index-01 li.ui-btn-active{
    background:rgba(100, 100, 100, 0.2);
}
.mapple-main-content .mapple-list-index-01 li a{
    padding:10px 10px 10px 10px;
}


.mapple-main-content .mapple-list-link-result-01 li a{
    padding:10px 10px 10px 10px;
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#fff),
    color-stop(0.7, #fff),
    to(#f0f0f0));
}
.mapple-main-content .mapple-list-link-result-01 .ui-btn-down-undefined a,
.mapple-main-content .mapple-list-link-result-01 .ui-btn-active a{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#dcdcdc),
    to(#e3e3e3));
}


.mapple-main-content .mapple-list-index-03 li{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#fff),
    color-stop(0.5, #fff),
    color-stop(0.5, #f6f6f6),
    to(#e9eaec));
}
.mapple-main-content .mapple-list-index-03 .ui-btn-down-c,
.mapple-main-content .mapple-list-index-03 .ui-btn-active{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#dcdcdc),
    to(#e3e3e3));
}

.mapple-main-content .mapple-list-index-03 a{
    padding:11px 11px 8px 55px;
}


.mapple-main-content .mapple-list-link-count-01 li{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#fff),
    color-stop(0.5, #fff),
    color-stop(0.5, #f6f6f6),
    to(#e9eaec));
}

.mapple-main-content .mapple-list-link-count-01 .ui-btn-down-c,
.mapple-main-content .mapple-list-link-count-01 .ui-btn-active{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#dcdcdc),
    to(#e3e3e3));
}



.mapple-main-content .mapple-list-link-count-02 li{
    background: none;
}

.mapple-main-content .mapple-list-link-count-02 .mapple-count{
    right:2%;
}

.mapple-main-content .mapple-list-link-count-02 li.ui-btn-down-c,
.mapple-main-content .mapple-list-link-count-02 li.ui-btn-active{
    background:rgba(100, 100, 100, 0.2);
}

.mapple-main-content .mapple-list-link-result-02 li a{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#fff),
    color-stop(0.7, #fff),
    to(#f0f0f0));
}
.mapple-main-content .mapple-list-link-result-02 .ui-btn-down-undefined a,
.mapple-main-content .mapple-list-link-result-02 .ui-btn-active a{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#dcdcdc),
    to(#e3e3e3));
}
.mapple-main-content .mapple-list-link-result-02 li .mapple-count{
    right:2%;
}


.mapple-main-content .mapple-list-route-01 .mapple-route-detail.mapple-route-detail-arrow{
    padding-right:0%;
    background:none;
}

.mapple-main-content .mapple-toggle-container a.mapple-accordion-touch-effected{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#dcdcdc),
    to(#e3e3e3));
}
/* 実装時 ACT追加 ここから */
.mapple-main-content .mapple-toggle-container .ui-collapsible-heading-collapsed a.mapple-accordion-touch-effected{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#dcdcdc),
    to(#e3e3e3));
}
/* 実装時 ACT追加 ここまで */
.mapple-main-content .mapple-toggle-container .ui-collapsible-heading-collapsed a{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#fff),
    color-stop(0.5, #fff),
    color-stop(0.5, #f6f6f6),
    to(#e9eaec));
}

.mapple-main-content .mapple-toggle-container a{
    background: none,
    -webkit-gradient(linear, left top, left bottom,
    from(#fff),
    color-stop(0.5, #fff),
    color-stop(0.5, #f6f6f6),
    to(#e9eaec));
}


.mapple-main-content .mapple-toggle-container .mapple-list-link-count-01 li,
.mapple-main-content .mapple-toggle-container .mapple-list-index-02 li{
    background:#fff;
}
.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 15px; }

.mapple-main-content .mapple-toggle-container .mapple-list-link-count-01 .ui-btn-down-c,
.mapple-main-content .mapple-toggle-container .mapple-list-link-count-01 .ui-btn-active,
.mapple-main-content .mapple-toggle-container .mapple-list-index-02 .ui-btn-hover-c{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#dcdcdc),
    to(#e3e3e3));
}

.mapple-main-content .mapple-list-link-count-01 .mapple-count{
    right:2%;
}


.mapple-main-content .mapple-list-index-02 li{
    background:none,
    -webkit-gradient(linear, left top, left bottom,
    from(#fff),
    color-stop(0.5, #fff),
    color-stop(0.5, #f6f6f6),
    to(#e9eaec));
}
.mapple-main-content .mapple-list-index-02 .ui-btn-down-c,
.mapple-main-content .mapple-list-index-02 .ui-btn-active{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#dcdcdc),
    to(#e3e3e3));
}
/* 実装時 ACT追加 ここから */
.mapple-content-top .mapple-list-index-02 .ui-btn-down-c,
.mapple-content-top .mapple-list-index-02 .ui-btn-active{
background:none;
}
/* 実装時 ACT追加 ここまで */

.mapple-main-content .mapple-list-route-02>li>a{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#fff),
    color-stop(0.3, #fff),
    to(#f0f0f0));
}
.mapple-main-content .mapple-list-route-02 .ui-btn-down-undefined a,
.mapple-main-content .mapple-list-route-02 .ui-btn-active a{
    background:
    -webkit-gradient(linear, left top, left bottom,
    from(#dcdcdc),
    to(#e3e3e3));
}


.mapple-content-top .mapple-list-index-02 li {
    background: none;
}


.mapple-main-content .mapple-list-route-02 .mapple-list-route-detail a{

    background:none;
}

.mapple-main-content .mapple-list-route-02 .mapple-list-route-detail .mapple-list-route-ferry-01 a{
    background:none;
}

.mapple-main-content .mapple-list-route-02 .mapple-list-route-detail .mapple-list-route-highway-01>a{
    background:none;
}
.mapple-main-content .mapple-list-bullet-01 li{
background:none;
}