@charset "utf-8";

/*
デフォルト
--------------------------*/
body,
html{width:100%;margin:0;padding:0;}
html{ background-color:#438ac4;}
body{ background-color:#ffffff;}
body,table{color:#392a26;font-size:14px;-webkit-text-size-adjust:none;line-height:1.0;font-family:Verdana, Geneva, sans-serif;}
body,ul,ol,menu,li,dl,dt,dd,p,form{margin:0;padding:0;}
ul,ol,menu{list-style:none;}

a{color:#516570;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.3);}
a:hover{color:#516570;text-decoration:none;}
a:visited {color:#516570;}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"]{height:38px;border:1px solid #000;border-radius:4px;background:#f5f5f5;font-size:18px;color:#392a26;}
input[type="search"]{-webkit-appearance:none; appearance:none;}
input[type="checkbox"]{margin:0 2px 0 0;border:1px solid #ccc;border-radius:0px;vertical-align:middle;}
input::-webkit-input-placeholder{margin:0;padding:3px 0 0;font-size:12px;color:#999;}
select{border:1px solid #aaa;border-radius:4px;}
ruby{display:table-cell;padding:0;}
rt{margin:1px 0 0;font-size:11px;text-align:left;color:#7698a9;line-height:1.2;}

.box-size{-webkit-box-sizing:border-box;box-sizing:border-box;}
.box{display:-webkit-box;display:box;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.box-flex{display:block;-webkit-box-flex:1;box-flex:1;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.float{overflow:hidden;}
.sprt{visibility:hidden;}

/* 改行 */
.word_break{word-wrap:break-word;word-break:break-all;}

/* インデント */
.indent{display:block;margin-left:1em;text-indent:-1em;}
.indent_txt{display:inline-block;text-align:right;width:1em;}

/* マージン・パディング */
.mb0{margin-bottom:0 !important;}
.mb15{margin-bottom:15px !important;}
.pb{padding-bottom:0 !important;}
.pb15{padding-bottom:15px !important;}

.loading{background:url(/f/img/smp/loading.gif) center center no-repeat;
-webkit-background-size:40px 40px;background-size:40px 40px;
}

/* html5 */
article,aside,details,footer,header,menu,nav,section,figure{display:block;}

/*
ヘッダー
--------------------------*/
.cmn-header{min-height:55px;margin:0;padding:0;border-bottom:1px solid #e8e3e1;background:url(/f/mapion_smartphone/img/common/bg_header.png) repeat-x left top #ffffff;-webkit-background-size:320px 7px;background-size:320px 8px;}
.cmn-header-inner{margin:0;padding:0;overflow:hidden;}
.cmn-header-logo{float:left;width:115px;height:48px;margin:8px 0 0 5px;padding:0;}
.cmn-header-menu{float:right;margin:0;padding:0;overflow:hidden;}
.cmn-header-logo,
.cmn-header-menu a{display:block;background:url(/f/mapion_smartphone/img/common/header_sprite.png) no-repeat;-webkit-background-size:115px 192px;background-size:115px 192px;}
.cmn-header-logo a{display:block;width:115px;height:48px;}
.cmn-header-menu a{width:48px;height:48px;}
.cmn-header-menu li{float:left;width:48px;margin:8px 10px 0 0;}
.cmn-header-menu .cmn-header-service,
.cmn-header-menu .cmn-header-service-on{height:49px;margin:7px 0 0;}
.cmn-header-menu .cmn-header-service{background:#f1f1f1;}
.cmn-header-menu .cmn-header-service-on{background:#3a85c9;}
.cmn-header-signup a{background-position:0px -48px;}
.cmn-header-login a{background-position:-48px -48px;}
.cmn-header-logout a{background-position:0px -96px;}
.cmn-header-mypage a{background-position:-48px -96px;}
.cmn-header-service a{background-position:0px -144px;}
.cmn-header-service-on a{background-position:-48px -144px;}

/*
フッター
--------------------------*/
.footer{margin:0;padding:6px 0 0;background:url(/f/mapion_smartphone/img/common/bg_footer.png) repeat-x #ffffff;-webkit-background-size:320px 7px;background-size:320px 7px;font-size:13px;text-align:center;}
.footer-inner{margin:0;padding:26px 0 20px;background:#438ac4;}
.footer-btn-wrap{width:230px; margin:0 auto 25px;overflow:hidden}
.footer-btn{display:block;width:100px; float:left; margin:0 0 0 10px;padding:0;border-radius:4px;background:#FFF;text-align:center;}
.footer-btn,
.footer-btn:hover,
.footer-btn:visited{color:#516570;}
.footer-login,
.footer-logout,
.footer-signup,
.footer-mypage{display:block;margin:0;padding:10px 0 10px 20px;background:url(/f/mapion_smartphone/img/common/footer_icon_sprite.png) no-repeat;-webkit-background-size:20px 92px;background-size:20px 92px;}
.footer-login{background-position:10px 10px;}
.footer-logout{background-position:4px -16px;}
.footer-signup{background-position:4px -42px;}
.footer-mypage{background-position:4px -68px;}
.footer-list{margin:0;padding:0 0 10px;}
.footer-list li{display:inline-block;padding:0 6px;border-right:1px solid #2d6eaf;}
.footer-list li:last-child{border:none;}
.footer-list a,
.footer-list a:hover,
.footer-list a:visited{display:block;color:#FFF;}
.footer-copy{margin:10px 0 0;padding:0;font-size:10px;color:#80b5e6;}
.copy-mark {font-family: Verdana, Roboto , "Droid Sans" ,sans-serif;}

/* フッターマピオンID削除用 */
#mapion_delete a,
#mapion_delete a:hover,
#mapion_delete a:visited,
#spmode_clear a,
#spmode_clear a:hover,
#spmode_clear a:visited{color:#FFF;}

/*
共通
--------------------------*/
.cmn-wrap-ptn1{margin:0;padding:0 15px;}
.cmn-news-icon-01{width:16px;height:14px;background:url(/f/mapion_smartphone/img/common/icon_photo.png) no-repeat left top;-webkit-background-size:16px 14px;background-size:16px 14px;overflow:hidden;}
.cmn-news-icon-02{width:20px;height:14px;background:url(/f/mapion_smartphone/img/common/icon_new.png) no-repeat left top;-webkit-background-size:20px 14px;background-size:20px 14px;overflow:hidden;}

.cmn-btn-ptn1{display:block;margin:0 15px;padding:12px 5px;border-radius:4px;border:1px solid #483836;background:url(/f/mapion_smartphone/img/common/bg_btn_serch.png) left top;-webkit-background-size:62px 30px;background-size:62px 30px;color:#FFF;text-align:center;line-height:1.2;}
.cmn-btn-ptn2{border-radius:4px;border:1px solid #483836;background:url(/f/mapion_smartphone/img/common/bg_texture_02.png) left top;-webkit-background-size:94px 38px;background-size:94px 38px;}

.cmn-btn-ptn1:hover,
.cmn-btn-ptn1:visited{color:#FFF;}

.cmn-link-ptn1{display:block;margin:0;padding:0 10px 0 0;background:url(/f/mapion_smartphone/img/common/bg_arrow_01.png) no-repeat right center;-webkit-background-size:7px 12px;background-size:7px 12px;}
.cmn-link-ptn2{display:block;margin:0;padding:15px;background:#f5f5f5;}

.cmn-border-ptn1{border-top:1px solid #e1e5e8;}
.cmn-border-ptn2{border-top:1px solid #e1e5e8;border-bottom:1px solid #e1e5e8;}
.cmn-link-ptn2 dt{margin:0 0 5px;padding:0;font-size:14px;}
.cmn-link-ptn2 dd{margin:0;padding:0;font-size:11px;color:#7698A9;line-height:1.2;}

.cmn-text-small{display:block;font-size:11px;}

/*
アイコン付きリンク
--------------------------*/
.cmn-link-address{display:block;margin:0;padding:15px 15px 15px 40px;background:url(/f/mapion_smartphone/img/common/service_icon_address.png) no-repeat 15px center;-webkit-background-size:23px 20px;background-size:23px 20px;}
.cmn-link-address dt{margin:0 0 5px;padding:0;font-size:14px;}
.cmn-link-address dd{margin:0;padding:0;font-size:11px;color:#7698A9;line-height:1.2;}

/*
ボックスリンク
--------------------------*/
.switch{border:1px solid #4087c7;background:#4087c7;color:#fff;border-radius:4px;font-size:16px;overflow:auto;-webkit-box-shadow:0 -1px rgba(0,0,0,0.1) inset;box-shadow:0 -1px rgba(0,0,0,0.1) inset;}
.switch .a,
.switch .b{display:block;float:left;height:32px;line-height:32px;width:42px;margin:0;padding:0;overflow:hidden;border-radius:2px;text-align:center;}
.switch.on .b,
.switch.off .a{
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1.0,#fff));
background-image:-webkit-linear-gradient(top, #fff 0%,#eee 100%);
background-image:linear-gradient(top, #fdfdfd 0%,#e8e8e8 100%);
}
.switch.on .b_txt,
.switch.off .a_txt{visibility:hidden;}

.common_form_connect{margin:0 2px;font-size:12px;line-height:38px;}


/*
検索ボックス
--------------------------*/
.ptn_search{margin:0;padding:5px 15px 15px;background:url(/f/mapion_smartphone/img/common/bg_texture_01.png) left top;-webkit-background-size:64px 64px;background-size:64px 64px;}

.common_search_nav{margin:0 0 2px;padding:0;overflow:auto;}
.common_search_nav li{float:left;margin:0 10px 0 0;padding:0;color:#516570;}
.common_search_nav input[type="radio"]{display:none;}
.common_search_nav label{display:inline-block;position:relative;height:17px;margin:0 0 0 10px;padding:10px 0 10px 13px;color:#3e4956;font-size:14px;text-align:center;line-height:17px;cursor:pointer;}
.common_search_nav label:before{position:absolute;content:"";top:50%;left:-9px;width:16px;height:16px;margin:-9px 0 0;border-radius:75px;border:1px solid #a9bccc;background:#EEE;}
.common_search_nav input[type="radio"]:checked + label:after{position:absolute;content:"";top:50%;left:-4px;width:8px;height:8px;margin-top:-4px;border-radius:75px;background:#f4a000;}
.common_search_nav input[type="radio"]:checked + label{color:#392a26;}
.common_search_nav p{padding:10px 0;color:#3e4956;font-size:14px;line-height:17px;}
.cm_search_map{margin: 0 -10px;}

.type_search1 .common_form1{display:block;}
.type_search1 .common_form2{display:none;}
.type_search2 .common_form1{display:none;}
.type_search2 .common_form2{display:block;}

.common_here_text{padding:0;font-size:10px;}
.common_here_text{margin:5px 0 0;text-align:center;}

.ptn_search .btn.btn_here{top:1px;width:40px;margin-right:5px;padding:0;text-align:center;}
.ptn_search .btn.btn_here .img_here{padding:11px 0;}
.ptn_search .btn{width:70px;height:38px;margin:0 0 0 10px;padding:0;-webkit-box-flex:1;box-flex:1;border-radius:4px;border:1px solid #000;background:url(/f/mapion_smartphone/img/common/bg_btn_serch.png) left top;-webkit-background-size:62px 30px;background-size:62px 30px;font-size:15px;font-weight:bold;color:#FFF;line-height:38px;}

.search-input-wrap{display:-webkit-box;display:box;}
.search-input-wrap input[type="text"]{display:block;width:50%;-webkit-box-flex:1;box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*
マピオンのサービス
smp_common.cssにもあり
--------------------------*/
.cmn-nav-service{margin:0;padding:0 10px 15px;background:#3a85c9;}
.cmn-nav-service-inner{margin:0;padding:0;border-radius:4px;background:#FFF;}
.cmn-nav-service-ttl{margin:0;padding:10px 0 10px 0;font-size:14px;font-weight:normal;color:#FFF;}
.cmn-nav-service-list{margin:0;padding:0;overflow:hidden;}
.cmn-nav-service-list li{float:left;width:50%;height:48px;border-bottom:1px solid #e8e3e1;line-height:48px;}
.cmn-nav-service-list li:nth-last-child(-n+2){border:none;}
.cmn-nav-service-list a{display:block;margin:0;padding:0 0 0 37px;}
.cmn-header-service a,
.cmn-header-service-on a,
.cmn-header-service a:hover,
.cmn-header-service-on a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0.0);}

.cmn-icon-weather,
.cmn-icon-transit,
.cmn-icon-timetable,
.cmn-icon-station,
.cmn-icon-sanpo,
.cmn-icon-post,
.cmn-icon-phonebook,
.cmn-icon-news,
.cmn-icon-map,
.cmn-icon-homes,
.cmn-icon-drive,
.cmn-icon-beauty,
.cmn-icon-address,
.cmn-icon-map02,
.cmn-icon-walk,
.cmn-icon-special,
.cmn-icon-tourist{background:url(/f/mapion_smartphone/img/common/service_icon_sprite.png) no-repeat;-webkit-background-size:23px auto;background-size:23px auto;}
.cmn-icon-drive{background-position:10px 2px;}
.cmn-icon-address{background-position:10px -43px;}
.cmn-icon-transit{background-position:10px -88px;}
.cmn-icon-station{background-position:10px -133px;}
.cmn-icon-timetable{background-position:10px -178px;}
.cmn-icon-post{background-position:10px -223px;}
.cmn-icon-phonebook{background-position:10px -270px;}
.cmn-icon-news{background-position:10px -313px;}
.cmn-icon-weather{background-position:10px -358px;}
.cmn-icon-beauty{background-position:10px -403px;}
.cmn-icon-map{background-position:10px -450px;}
.cmn-icon-homes{background-position:10px -493px;}
.cmn-icon-sanpo{background-position:10px -538px;}
.cmn-icon-map02{background-position:10px -588px;}
.cmn-icon-walk{background-position:10px -629px;}
.cmn-icon-special{background-position:10px -674px;}
.cmn-icon-tourist{background-position:10px -720px;}

/*
ディレクトリ
--------------------------*/
.dir_address .container {margin-top: 10px;}
.dir_station .container {margin-top: 10px;}
.cmn-pagetitle{margin:0;padding:15px;background:url(/f/mapion_smartphone/img/common/bg_texture_01.png) left top;-webkit-background-size:64px 64px;background-size:64px 64px;line-height:1.2;}
.cmn-pagetitle-main{margin:0;padding:0 0 0 8px;background:url(/f/mapion_smartphone/img/common/bg_title_01.png) no-repeat left 3px;-webkit-background-size:5px 16px;background-size:5px 16px;font-size:17px;font-weight:bold;}
.cmn-pagetitle-sub{margin:5px 0 0;padding:0;font-size:12px;}
.cmn-pagetitle-sub02{margin:10px 0 0;padding:8px;font-size:12px;background: #f5f5f5;}
aside h3:nth-of-type(2).cmn-pagetitle-sub02 { margin-top: 15px;}
.cmn-pagetitle select{width:100%;height:30px;margin:10px 0 5px;padding:0;}

.cmn-pagetitle .headline-text{ margin-top: 5px;padding-left: 8px;}

.cmn-subttl{margin:0;padding:10px 15px;border-top:1px solid #e1e5e8;border-bottom:1px solid #e1e5e8;background:#f5f5f5;}
.cmn-subttl-main{margin:0 0 5px;padding:0;font-size:15px;line-height:1;}
.cmn-subttl-sub{margin:0;padding:0;font-size:12px;line-height:1.2;}

.cmn-dir-map{margin:0;padding:15px 0;border-bottom:1px solid #a9bccc;background:url(/f/mapion_smartphone/img/common/bg_texture_01.png) left top;-webkit-background-size:64px 64px;background-size:64px 64px;}
.cmn-dir-map figure{margin:0;padding:0 0 15px;text-align:center;}

.cmn-dir-attention{margin:0;padding:15px 20px 10px;border-top:1px solid #e1e5e8;font-size:12px;color:#666;line-height:1.4;}
.cmn-dir-attention p{margin:0 0 5px;padding:0;}

.cmn-dir-ptn1{}
.cmn-dir-ptn1 .cmn-ttl-ptn1{margin:0;padding:0 15px 0 0;border-top:1px solid #e1e5e8;border-bottom:1px solid #e1e5e8;background:#f5f5f5;font-size:15px;font-weight:bold;line-height:1;}
.cmn-dir-ptn1 .cmn-ttl-ptn1 a,
.cmn-dir-ptn1 .cmn-ttl-ptn1 span{display:block;margin:0;padding:15px 0 15px 15px;}

.cmn-dir-ptn1 .cmn-list-ptn1{margin:0 0 -1px;padding:0;overflow:hidden;}
.cmn-dir-ptn1 .cmn-list-ptn1 li{float:left;width:50%;margin:0;padding:0;}
.cmn-dir-ptn1 .cmn-list-ptn1 li:nth-child(odd) a{border-bottom:1px solid #e1e5e8;border-right:1px solid #e1e5e8;}
.cmn-dir-ptn1 .cmn-list-ptn1 li:nth-child(even) a{border-bottom:1px solid #e1e5e8;}
.cmn-dir-ptn1 .cmn-list-ptn1 a{display:block;margin:0;padding:15px;}

.cmn-dir-ptn1 .cmn-list-ptn2{margin:0 0 -1px;padding:0}
.cmn-dir-ptn1 .cmn-list-ptn2 li{margin:0;padding:0 0 0 15px;}
.cmn-dir-ptn1 .cmn-list-ptn2 a{display:block;margin:0;padding:15px 15px 15px 0;border-bottom:1px dotted #e1e5e8;line-height:1.4;}
.cmn-dir-ptn1 .cmn-list-ptn2 li:last-child a{border:none;}

.cmn-dir-ptn1 .cmn-border-ptn1 p{margin:0;padding:0 15px 0 0;}
.cmn-dir-ptn1 .cmn-border-ptn1 a{display:block;margin:0;padding:15px 0 15px 15px;}

.cmn-dir-ptn1 .cmn-dir-map{padding:0 0 15px;}

/*住所検索 地図*/
.cmn-dir-ptn1.figure-map {background: url(/f/mapion_smartphone/img/common/bg_texture_01.png) left top;-webkit-background-size: 64px 64px;background-size: 64px 64px;padding-bottom: 20px;}
.cmn-dir-ptn1.figure-map .cmn-dir-map {width:320px;margin:0 auto;display: block;position: relative;overflow: hidden;background:none;padding-bottom:0;}
.cmn-dir-ptn1.figure-map a {display: block;padding-bottom:0;margin-bottom:0;}
.cmn-dir-ptn1.figure-map a img {display: block;}
.cmn-dir-ptn1.figure-map .cmn-btn-ptn1 {position:absolute;bottom:5px;right:5px;border-radius: 3px;border:none;background:rgba(255,255,255,0.9);background-size: auto;margin: 0;padding: 12px 5px;color:#3a85c9;text-align: center;line-height: 1.2;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);}

.cmn-dir-ptn1.figure-map + .cmn-pagetitle {padding-top: 0;}
.cmn-dir-ptn1.figure-map + .cmn-pagetitle .cmn-pagetitle-sub {margin-top: 0;}

.cmn-dir-ptn1 .cols-btn-list {
    margin-bottom: 0;
}

.cmn-dir-ptn1 ul:last-child.cols-btn-list li:last-child {
    border-bottom: none;
}

.cmn-dir-ptn1 .seirei-ku-list {
    border-bottom: 1px solid #e1e5e8;
}

.cmn-dir-ptn1 .cols-btn-list a {
    color: #516570;
}

.ini-page-link {
    margin: 0;
    padding: 15px;
    border-top: 1px solid #e1e5e8;
    border-bottom: 1px solid #e1e5e8;
    background: #fff;
}

.ini-page-link a {
    font-weight: normal;
    margin-right: 16px;
    color: #3a85c9;
}

.ini-page-link a.is-active{
    font-weight: bold;
    cursor: none;
    color: #516570;
}

.ini-page-link a.not-active{
    cursor: none;
    color: #ccc;
}

.cmn-dir-ptn1 .cols-ini-ttl {
    width: 100%;
    display: table;
    padding: 0;
}

.cmn-ttl-ptn1.cols-ini-ttl > span,
.cmn-ttl-ptn1.cols-ini-ttl > .cols-ini-ttl-layer {
        display: table-cell;
}

.cols-ini-ttl > span{
    width: 30%;
    padding-right: 0;
}

.cols-ini-ttl > .cols-ini-ttl-layer {
    text-align: right;
    padding-right: 8px;
}

.cols-ini-ttl > .cols-ini-ttl-layer a{
  display: inline-block;
  padding: 12px;
  font-weight: normal;
  color: #3a85c9;
}

.cols-ini-ttl > .cols-ini-ttl-layer .not-active {
    color: #cccccc;
}



/* 駅検索用 */
.dir-nolink .cmn-link-ptn1{display:block;margin:0;padding:15px 15px 15px 0;border-bottom:1px dotted #e1e5e8;background:none;color:#CCC;}
.dir-nolink .cmn-link-ptn1 rt{color:#CCC}
.cmn-dir-map .cmn-btn-ptn2{display:-webkit-box;display:box;margin:10px 0 0;}
.cmn-dir-map .cmn-btn-ptn2 li{width:33%;-webkit-box-flex:1;box-flex:1;}
.cmn-dir-map .cmn-btn-ptn2 li:nth-child(-n+2){border-right:1px solid #483836;}
.cmn-dir-map .cmn-btn-ptn2 a{display:block;margin:0;padding:12px 5px;font-size:14px;text-align:center;color:#FFF;}
.cmn-dir-map .attention{margin:15px 0 0;}
.cmn-dir-map .attention li{margin:0;padding:0;font-size:11px;line-height:1.4;}

/*住所検索 駅や人気スポットリスト*/
.recommend-area {color:#666;}
.recommend-area .cmn-pagetitle {
    padding:7px 7px 7px 15px;
    border-top: 1px solid #4a83b7;
    background:#67a0d2;
    background:-webkit-linear-gradient(top, #67a0d2, #74a8d6);
    background: linear-gradient(to top, #67a0d2, #74a8d6);
}
.recommend-area .cmn-pagetitle-main {
    font-size: 14px;color:#fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);background:none;padding-left: 0;
}
.recommend-area .cmn-pagetitle-sub {margin: 5px 15px 0 0;}
.cmn-page-list a,
.cmn-tab-name,
.cmn-tab-type {color:#3a85c9;}

.cmn-page-list li {
    display: table;
    width: 100%;
    padding: 2px 0;
    border-bottom: 1px dotted #e1e5e8;
    box-sizing: border-box;
}
.cmn-page-list a,
.cmn-page-list li strong:first-child {
    display: table-cell;
    font-size: 14px;
    vertical-align: bottom;
}
.cmn-page-list.cols-btn-list a {
    vertical-align: middle;
}
.cmn-page-list a:first-child,
.cmn-page-list li strong:first-child {
    padding: 14px 8px 14px 16px;
    vertical-align: middle;
    height: 42px;
    box-sizing: border-box;
}
.cmn-page-list .station-route-list,
.cmn-page-list .list-map {
    width: 58px;
    padding:5px 0 5px 0;
    color:#51656f;
    border: 1px solid #eeeeee;
    border-width: 0 0 0 1px;
    text-align:center;
    font-size: 10px;
}
.cmn-page-list .station-route-list::before {
    content:'';
    display: block;
    width: 58px;
    height: 28px;
    background:url(/f/mapion_smartphone/img/icon_train.png) no-repeat center top;
    background-size: 20px auto;
}
.cmn-page-list.cols-btn-list .list-map::before {
    content:'';
    display: block;
    width: 58px;
    height: 28px;
    background:url(/f/mapion_smartphone/img/icon_pin.png) no-repeat center top -2px;
    background-size: 20px auto;
}

.cols-btn-list .last-all-list{padding-right: 15px;}

.recommend-area .type-station-more {
    margin: 15px 5px 10px 5px;
    padding: 0;
    text-align: center;
    line-height: 1.1;
    font-size: 12px;
}

.recommend-area .type-station-more a {
    background-position: 0 -149px;
    padding: 1px 0 1px 15px;
    display: inline-block;
    background-image: url(/f/mapion/img/common/ttl_icon.gif);
    background-repeat: no-repeat;
}

.cmn-page-list .cmn-link-ptn1 {
    margin-right: 6px;
}


/* よく見られる◯◯*/
.cmn-page-contents-wrap {padding: 15px 0 15px 15px;}
.cmn-page-list {
  margin-bottom: 15px;
}

.cmn-page-list.list-arrow li a {
    padding-right: 20px;
    background: url(/f/mapion_smartphone/img/common/bg_arrow_01.png) no-repeat right 15px center;
    background-size: 7px 12px;
}

.cmn-page-contents-wrap .btn-see-more {
    padding: 0 6px;
    width: auto;
    margin: 0 35px;
    display:block;
    border:1px solid #ddd;
    border-radius:5px;
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
    background:linear-gradient(to bottom, #fff, #f2f2f2);
    font-size:12px;
    box-sizing: border-box;
    height: 40px;
    color: #3a85c9;
    text-align: center;
    line-height: 40px;
}

/* 日本地図用 */
#mapionDir{min-width:320px;}

/*
タブ
--------------------------*/
.cmn-tab{display:-webkit-box;display:box;margin:0;padding:10px 0 0;width:100%;background:url(/f/mapion_smartphone/img/common/bg_wave.jpg) repeat-x left top;-webkit-background-size:640px 269px;background-size:640px 269px;text-align:center;}
.cmn-tab li{padding:6px 0 0 0;height:58px;}
.cmn-tab-unit{display:block;height:14px;padding:30px 0 0 0;text-align:center;font-size:12px;background:url(/f/mapion_smartphone/img/common/tab_icon_sprite.png) no-repeat left top;-webkit-background-size:40px 250px;background-size:40px 250px;}
.cmn-tab .cmn-tab-current{border-radius:5px 5px 0 0;background:url(/f/mapion_smartphone/img/common/bg_texture_01.png) left top;-webkit-background-size:64px 64px;background-size:64px 64px;}
.cmn-tab-current .cmn-tab-unit{border-left:none;font-weight:bold;}

.cmn-tab-imap{background-position:center 0px;}
.cmn-tab-address{background-position:center -50px;}
.cmn-tab-station{background-position:center -100px;}
.cmn-tab-zip{background-position:center -150px;}
.cmn-tab-weather{background-position:center -200px;}

.tab-position-bottom .cmn-tab {background: none;padding-bottom: 10px;}
.tab-position-bottom .cmn-tab li {height: auto;}
.tab-position-bottom .cmn-tab-current {display: none;}
.tab-position-bottom .cmn-tab-unit {background:none;padding:0;height: auto;}
.tab-position-bottom .cmn-tab-unit::before {
    content: '';
    display: block;
    width: 40px;
    height: 30px;
    background: url(/f/mapion_smartphone/img/common/tab_icon_sprite.png) no-repeat left top;
    background-size: 40px auto;
    overflow: hidden;
    margin: 0 auto;
}

.tab-position-bottom .cmn-tab-imap::before {background-position:center 0px;}
.tab-position-bottom .cmn-tab-address::before {background-position:center -50px;}
.tab-position-bottom .cmn-tab-station::before {background-position:center -100px;}
.tab-position-bottom .cmn-tab-zip::before {background-position:center -150px;}
.tab-position-bottom .cmn-tab-weather::before {background-position:center -200px;}

.tab-position-bottom .cmn-tab-name,
.tab-position-bottom .cmn-tab-name {
width: 100%;
display: inline-block;
}

/*
広告（Overture）
----------------------------------------------------------*/
.adOverture{background:#fff;}
.adOverture ul{line-height:1.2;}
.adOverture li{border-bottom:1px solid #ddd;}
.adOverture a,
.adOverture strong,
.adOverture span{display:block;}
.adOverture strong strong,
.adOverture span strong{display:inline-block;}
.adOverture li a{padding:8px 30px 8px 8px;background:url(/f/img/smp/icn_next.png) right center no-repeat;-webkit-background-size:30px 40px;background-size:30px 40px;}
.adOverture .adTit{padding:0 0 2px;font-size:12px;font-weight:bold;color:#15b;}
.adOverture .adTxt{color:#666;font-size:10px;}
.adOverture .adUrl{color:#008000;font-size:10px;}
.adOverture .adPr{margin:0;padding:8px;text-align:right;font-size:10px;}
.adOverture .adPr a{color:#999;}
#adserver_rectangle{margin:15px 0;}

/*
Yahoo!知恵袋（smp_common.cssから移植）
----------------------------------------------------------*/
.ptn_separate{padding:10px;border-top:1px solid #fff;border-bottom:1px solid #ddd;background:#eee;word-wrap:break-word;word-break:break-all;}
.ptn_radius_link{border:1px solid #ddd;border-radius:6px;background:#fff;}
.ptn_radius_link .list_li a{display:block;width:100%;padding:15px 20px 15px 10px;border-top:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/f/img/smp/icn_arrow_blue_s.png) right center no-repeat;-webkit-background-size:15px 9px;background-size:15px 9px;line-height:1.4;vertical-align:middle;}
.ptn_radius_link .list_li:first-child a{border-top:none;}

/* OLD css */
/* gifアニメーション blink */
/*.blinking{
-webkit-animation-duration:1.5s;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-iteration-count:infinite;
-webkit-animation-name:blinker;
}
@-webkit-keyframes blinker {
0%{opacity:1;}
49%{opacity:1;}
50%{opacity:0;}
99%{opacity:0;}
100%{opacity:1;}
}*/
