@charset "utf-8";

/*
要素
------------------------------------------------------------------*/
*{outline:none;}
body{margin:0;padding:0;font-size:14px;color:#333;line-height:1.1;}
img{border:none;vertical-align:top;}
input{vertical-align:middle;}
table{border-collapse:collapse;border:none;font-size:100%;}
hr,.displayNone{display:none;}
input,textarea,th,td{font-size:100%;}
i,em,address,cite{font-style:normal;}
time{display:inline;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{overflow:hidden;min-height:1em;}
/*\*/
* html .clearfix{height:1%;overflow:visible;}
.clearfix{display:block;}
/**/

body,form,select{font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;}
a{color:#516570;text-decoration:none;}
a:visited{color:#516570;}
a:hover{color:#516570;text-decoration:underline;}
.sprite{visibility:hidden;}

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

/* ワイヤーフレーム */
.wrapper{width:100%;min-width:980px;margin:0;padding:0;background:url(/f/mapion_top/img/head_top_bg.png) repeat-x left top;}
.container{width:100%;margin:0;padding:0;text-align:left;}
.contents-wrap{width:980px;margin:0 auto;padding:0;}
.main{float:left;width:672px;margin:0 0 20px;padding:0;background:url(/f/mapion_top/img/map_bg_main_illust.png) no-repeat right top;}
.section{position:relative;width:614px;margin:0 0 25px;padding:0;}

/*
header
------------------------------------------------------------------*/
.header{position:relative;width:980px;margin:0 auto;text-align:left;padding-top:60px;}
.header-logo-wrap{position:relative;padding: 0;}
.header-logo-wrap::after{content:'';clear:both;display:block;}
.header-logo{float:left;margin:0;position:relative;top:7px;}
.top-ad-bnr-b{margin:0 0 16px 0;padding:0;}
.header-text-01{position:absolute;left:20px;top:10px;margin:0;padding:0;font-size:10px;color:#FFF;}
.header-link-wrap{position:absolute;right:0;top:0;margin:0;padding:0;font-size:11px;}
.header-link-wrap a{color:#FFF;}
.header-list{float:right;margin:0 0 0 10px;padding:10px 0 0;list-style:none;}
.header-list li{float:left;margin:0 10px 0 0;padding:0;}
.header-list li:last-child{margin:0;}
.header-search{margin:0;padding:0px 0 0 180px;}
.header-search-text{margin:0;padding:0 0 0 5px;}
.header-search-form{margin:0;padding:0;}
.header-search input{float:left;width:471px;height:33px;border-radius:3px 0 0 3px;border:1px solid #3a2e30;margin:0;border-right:none;padding:0 0 0 10px;font-size:14px;vertical-align:middle;}
.header-search .typeahead{width:220px;border-radius:3px;border:1px solid #3a2e30;}
.header-search .conjunction{float:left;width:60px;height:33px;margin:0;padding:0;font-size:14px;line-height:33px;text-align:center;}
.header-search .conjunction + input{width:179px;}
.header-search-form p{*float:left;margin:0 0 3px;}
.header-search-text .on{font-weight:bold;color:#3b2a28;}
.header-search-btn{float:left;}

/*
会員情報
------------------------------------------------------------------*/
.mid{float:right;font-size:11px;}
.mid p{margin:0;padding:0;}
.mid-login,
.mid-profile{display:inline-block;height:14px;padding:10px;background-color:#2e73c0;font-size:13px;line-height:13px;*display:inline;*zoom:1;}
.mid-logout{display:inline-block;padding:10px;font-size:11px;line-height:13px;}
.mid-sub{font-size:11px;padding:0 0 0 3px;}

/*
footer
------------------------------------------------------------------*/
.footer{margin:0;padding:20px 0 15px;background:#4086C7;font-size:12px;color:#FFF;text-align:center;}
.footer-nav{margin:0 0 15px;padding:0;}
.footer-nav a,
.footer-nav a:visited{margin:0;padding:0;color:#FFF;}
.footer-nav a:hover{color:#FFF;text-decoration:underline;}
.footer-copyright{margin:0;padding:0;}
.footer-ad{margin:0 auto 10px;text-align:center;}

/*
タイトル
------------------------------------------------------------------*/
.sec-title01,
.nav-title01,
.nav-title-contents{width:100%;margin:0 0 10px;background:url(/f/mapion_top/img/title_line01.png) repeat-x left center;font-size:14px;}
.nav-title-contents{background:url(/f/mapion_top/img/title_line02.gif) no-repeat left center;}
.sec-title01 span,
.nav-title01 span,
.nav-title-contents span{display:inline-block;*display:inline;*zoom:1;background:#fff;padding:0 10px 0 0px;margin:0;font-weight:bold;}
.nav-title-contents span{background:none;}

/* ページトップ */
.pgtop{float:right;margin:30px 0 0;padding:0 0 0 15px;background:url(/f/mapion_top/img/icon_pagetop.png) no-repeat left 2px;font-size:12px;}

/* アイコン付きリンク */
.link-icon01{margin:0;padding:0 16px 0 0px;background:url(/f/mapion_top/img/icon_arrow02.gif) no-repeat right center;font-size:12px;font-weight:bold;}

/*
main
------------------------------------------------------------------*/

/* ------------------------
トップマップエリア
------------------------ */
.main-map{position:relative;height:560px;margin:0 0 20px;padding:0 0 0 15px;background:url(/f/mapion_top/img/map_bg_main.png) no-repeat right top;}
.main-map-japan{position:absolute;left:0;top:0;z-index:1;}
.main-map-ttl{height:34px;margin:0;padding:30px 0 15px;overflow:hidden;}
.main-map-text{margin:0 0 15px;padding:0 0 0 21px;background:url(/f/mapion_top/img/icon_loupe.png) no-repeat left center;font-size:93%;font-weight:bold;color:#666;}
.main-map-text span{font-weight:normal;}
.main-map-list01{position:absolute;left:20px;top:105px;width:470px;margin:0;padding:0;font-size:13px;line-height:1.4;overflow:hidden;z-index:2;}
.main-map-list01 dl{width:100%;margin:0 0 5px;padding:0;}
.main-map-list01 dt{float:left;width:95px;margin:0;padding:0;font-family:"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;font-weight:bold;color:#392a26;text-align:right;overflow:hidden;}
.main-map-list01 dd{float:left;width:360px;margin:0;padding:0 0 0 15px;font-size:93%;color:#516570;overflow:hidden;}
.main-map-list01 ul{margin:0;padding:0;list-style:none;}
.main-map-list01 li{margin:0;padding:0 8px 0 0;display:inline;}
.main-map-btn{position:absolute;left:20px;top:320px;display:block;margin:0;padding:0;text-align:left;z-index:2;}
.main-map-btn{*top:330px;} /* IE6,7 */
.main-map-list02{margin:0;padding:0;list-style:none;}
.main-map-list02 li{position:absolute;cursor:pointer;z-index:2;}
.main_map_hokkaido_tohoku{left:528px;top:223px;}
.main_map_kanto{left:480px;top:383px;}
.main_map_hokuriku{left:380px;top:260px;}
.main_map_tokai{left:358px;top:458px;}
.main_map_kansai{left:298px;top:346px;}
.main_map_chugoku{left:228px;top:347px;}
.main_map_shikoku{left:227px;top:479px;}
.main_map_kyusyu{left:84px;top:420px;}
.main-map-popup{position:absolute;left:120px;top:150px;width:460px;height:346px;display:none;z-index:3;}
.main-map-popup-inner{position:relative;width:460px;height:346px;}
.main-map-popup-closebtn{position:absolute;left:414px;top:310px;margin:0;padding:0;cursor:pointer;z-index:2;}

/* IE6対応 */
* html .main{width:652px;background:none;}
* html .main-map{background: url(/f/mapion_top/img/map_bg_main.gif) no-repeat right top;}
* html #japan{visibility:hidden;}


/* ------------------------
日本地図下のナビゲーション
------------------------ */
.gnav{margin:0 0 20px;padding:0;list-style:none;line-height:1;overflow:hidden;}
.gnav li{float:left;width:88px;height:90px;margin:0 16px 0 0;padding:0;overflow:hidden;}
.gnav a{position:relative;display:block;width:88px;height:90px;overflow:hidden;}
.gnav img{position:absolute;}
.gnav-kyorisoku{left:0;top:0;}
.gnav-transit{left:-88px;top:0;}
.gnav-driveroute{left:-176px;top:0;}
.gnav-travel{left:-264px;top:0;}
.gnav-weather{left:-352px;top:0;}
.gnav-news{left:-440px;top:0;}
.gnav-tourist{left:-528px;top:0;}
.gnav a:hover img{top:-90px;}

/* ------------------------
道楽さんぽバナー
------------------------ */
.bnr-sampo{margin:20px 0 5px;padding:0;width:614px;height:178px;background:url(/f/mapion_mt/top/img/bnr_doraku_sampo_bg.png) no-repeat left top;}
.bnr-sampo-inner{height:178px;margin:0;padding:0 4px 0 15px;}
.bnr-sampo-col-a{float:left;width:320px;}
.bnr-sampo-col-b{width:100%;height:64px;margin:0;margin:0;padding:0;background:url(/f/mapion_mt/top/img/bnr_doraku_sampo_line.png) no-repeat left top #FFF;}
.bnr-sampo-col-b-inner{width:100%;height:64px;margin:0;padding:0;background:url(/f/mapion_mt/top/img/bnr_doraku_sampo_line.png) no-repeat left bottom;overflow:hidden;}
.bnr-sampo-title{margin:20px 0 24px 0;padding:0;}
.bnr-sampo-list{margin:0 0 0 5px;padding:15px 0 0;list-style:none;}
.bnr-sampo-list li{margin:0 0 5px;padding:0;font-size:12px;line-height:1.2;}
.bnr-sampo-list a{padding:1px 0px 0 16px;background:url(/f/mapion_top/img/icon_arrow02.gif) no-repeat left center;font-weight:normal;}
.bnr-sampo-photo{display:block;float:right;width:260px;margin:3px 0 0;padding:0;}
.bnr-sampo-title:hover,
.bnr-sampo-photo:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}

/* ------------------------
地域ニュース
------------------------ */
.sec-news-list{width:480px;margin:0;padding:0;}
.sec-news-link01{position:absolute;right:0;top:2px;margin:0;padding:0 15px;background:url(/f/mapion_top/img/icon_arrow02.gif) no-repeat right center #fff;font-size:13px;}
.sec-news-list ul{margin:0;padding:0;}
.sec-news-list li{border-bottom:1px solid #dddcda;width:481px;padding:10px 0;list-style:none;}
.sec-news-list a{background:url(/f/mapion_top/img/icon_arrow01.png) no-repeat left center;padding:0 0 0 16px;}
.sec-news-list img{padding:0 0 0 5px;}
.sec-news-figure{position:absolute;right:0;top:35px;width:103px;margin:0;padding:0;}
.sec-news-figure p{margin:0 0 5px;padding:0;font-size:12px;line-height:1.2;}

/* ------------------------
おすすめコンテンツ
------------------------ */
.sec-col-recommend{float:left;width:307px;margin:0;padding:0;color:#392A26;font-size:12px;}
.sec-col-recommend dt{margin:0 0 10px;padding:0;text-align:center;}
.sec-col-recommend dd{margin:0;padding:0 5px 5px 0;}
.sec-col-recommend p,
.sec-col-recommend dl{margin:0;padding:0 7px 0 6px;}
.sec-col-recommend img{border: solid 1px #ffffff;}
.sec-col-recommend a:hover img{opacity: 0.7; background-color: #f5f5f5; border: solid 1px #dddcda;}
.sec-col-recommend:nth-of-type(n+3){margin-top: 10px;}

/* ------------------------
更新情報
------------------------ */
.sec-info-list{width:100%;margin:0;padding:10px 0;border-bottom:1px solid #dddcda;}
.sec-info-list dt{float:left;width:90px;margin:0;padding:0;color:#392A26;}
.sec-info-list dd{float:left;width:465px;margin:0;padding:0px 0 0px 40px;}
.sec-info-list .press{background:url(/f/mapion_top/img/icon_press.png) no-repeat left 5px;}
.sec-info-list .info{background:url(/f/mapion_top/img/icon_info.gif) no-repeat left 5px;}

/*
季節特集バナー
------------------------------------------------------------------*/
.pickup-bnr{margin: 30px 0;}
.pickup-bnr .bnr{margin: 0;padding: 0;}
.pickup-bnr .bnr li{list-style: none;}
.pickup-bnr .bnr a:hover{opacity: 0.9;}
.pickup-bnr .bnr.col02{overflow: hidden;}
.pickup-bnr .bnr.col02 li{width: 300px;float: left;}
.pickup-bnr .bnr.col02 li ~ li{margin-left: 14px;}
.pickup-bnr .bnr ~ .bnr{margin-top: 15px;}
/*
マピオン電話帳
------------------------------------------------------------------*/
.phonebook{margin:0;padding:0;background:url(/f/mapion_top/img/phonebook_bg_02.png) left top;}
.phonebook-inner{margin:0;padding:40px 0 0;background:url(/f/mapion_top/img/phonebook_bg_01.png) repeat-x left top;}
.phonebook-header{width:980px;margin:0 auto 10px;padding:0;}
.phonebook-header-title{float:left;margin:0 15px 0 0;padding:0;}
.phonebook-header-text{float:left;margin:0;padding:5px 0 0;color:#3B2A23;line-height:1.4;}
.phonebook-nav-wrap{position:relative;width:955px;margin:0 auto;padding:20px 5px 10px 20px;border-radius:8px;background:#FFF;}
.phonebook-nav,
.phonebook-2col{float:left;width:20%;margin:0;padding:0;}
.phonebook-2col .phonebook-nav{float:none;width:100%;margin:0 0 30px;}
.phonebook-nav-title{height:24px;margin:0 0 10px;padding:0;font-size:12px;color:#3B2A23;line-height:24px;overflow:hidden;}
.phonebook-nav-title span{display:block;background:url(/f/mapion_top/img/phonebook_icon_sprite.gif) no-repeat;padding:0 0 0 25px;}
.phonebook-nav-title .phonebook-icon-gourmet{background-position:0 0;}
.phonebook-nav-title .phonebook-icon-hospital{background-position:0 -80px;}
.phonebook-nav-title .phonebook-icon-recruit{background-position:0 -160px;}
.phonebook-nav-title .phonebook-icon-beauty{background-position:0 -237px;}
.phonebook-nav-title .phonebook-icon-realestate{background-position:0 -320px;}
.phonebook-nav-title .phonebook-icon-genre{background-position:0 -400px;}
.phonebook-nav-title .phonebook-icon-recommend{background-position:0 -480px;}
.phonebook-nav-list{margin:0;padding:0;list-style:none;font-size:12px;line-height:1.2;}
.phonebook-nav-list li{margin:0 0 10px;padding:0;}
.phonebook-nav-logo{margin:0;padding:0;}
.phonebook-nav-logo li{float:left;width:80px;margin:0;padding:0 0 10px 0;list-style:none;}
.phonebook-banner{position:absolute;right:20px;bottom:20px;width:364px;min-height:102px;margin:0;padding:0 0 15px;background:url(/f/mapion_top/img/phonebook_bg_banner02.png) no-repeat left bottom;clear:both;overflow:hidden;}
.phonebook-banner-inner{width:364px;margin:0;padding:15px 0 0;background:url(/f/mapion_top/img/phonebook_bg_banner01.png) no-repeat left top;}
.phonebook-banner .clearfix{margin:0;padding:0;}
.phonebook-banner a{display:block;margin:0;padding:0 15px;cursor:pointer;}
.phonebook-banner a:hover .phonebook-banner-text{text-decoration:underline;}
.phonebook-banner dl{float:right;width:237px;margin:0;padding:0;}
.phonebook-banner-title{margin:0 0 5px;padding:0;color:#1d71bd;text-align:left;font-weight:bold;}
.phonebook-banner-text{margin:0;padding:0;text-align:left;font-size:12px;line-height:1.4;}
.phonebook-banner figure{float:left;width:87px;margin:0;padding:0;}
.phonebook-footer{position:relative;width:970px;height:68px;margin:0 auto;padding:0 10px 0 0;background:url(/f/mapion_top/img/phonebook_bg_footer.png) no-repeat left top;overflow:hidden;}
.phonebook-footer-link{position:absolute;left:170px;top:22px;width:186px;height:26px;margin:0;padding:0 0 0 38px;background:url(/f/mapion_top/img/phonebook_bg_footer_link.png) no-repeat;line-height:28px;font-size:12px;overflow:hidden;}
.phonebook-footer-link a,
.phonebook-footer-link a:visited{color:#FFF;}
.phonebook-footer-link:hover{background-position:0 -26px;}

/*
災害情報枠
------------------------------------------------------------------*/
#Disaster{margin:14px 14px 0;border:1px solid #F00;background:#fff1f1;}
#Disaster div{padding:3px 3px 2px 3px;}
#Disaster div:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#Disaster div{overflow:hidden;min-height:1em;}
/*\*/
* html #Disaster div{height:1%;overflow:visible;}
#Disaster div{display:block;}
/**/

#Disaster p{margin:0;padding:0;line-height:1.2;}
#Disaster p.Info{float:left;padding:5px 0 3px 25px;background:url(/f/img/icon_alert.png) no-repeat left center;}
* html #Disaster p.Info{background:url(/f/img/icon_alert.gif) no-repeat left center;}
#Disaster p.Time{float:right;padding:5px 5px 3px 0;}
#Disaster em{color:#F00;font-weight:bold;}
#Disaster .Textlink{padding:0px 8px 4px 28px;border:none;}
#Disaster .Textlink p.DisasterText{float:left;}
#Disaster .Textlink p.DisasterLink{float:right;padding:1px 0 0 0;font-size:10px;}
#Disaster .Disastar_second{border-top: 1px dotted #CCC;}

/* ------------------------
サジェスト
see https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#look-and-feel
------------------------ */
.tt-dataset-suggest{border:1px solid #ccc; box-shadow:0 3px 5px rgba(0, 0, 0, 0.3); background:#fff;color:#516570;font-size:12px;line-height:1;}
.tt-suggestion{display:block; padding:0 5px 0 8px;cursor:pointer;}
.tt-suggestion:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.tt-suggestion a{cursor:pointer;}
.tt-cursor{background:#4589C8;}
.tt-cursor a{color:#fff;}
.suggestListTextA,
.suggestListTextB{height:24px; line-height:24px;}
.suggestListTextA{float:left;padding:0 15px 0 0;}
.suggestListTextB{float:right;}
/*\*/
* html .tt-suggestion a{height:1%;overflow:visible;}
.tt-suggestion a{display:block;}
/**/
* html .tt-dropdown-menu{visibility:hidden;}
*:first-child+html .tt-dropdown-menu{visibility:hidden;}

.wrap-side-common{margin-bottom: 30px;}

/*
お知らせ枠
------------------------------------------------------------------*/
.wrap-head-notice{margin-top: 25px;padding: 0 10px;border: 1px solid #ffdd9b;background: #fffaef;}
.head-notice-list{margin: 0;overflow: hidden;}
.head-notice-ttl{padding-top: 10px;width: 55px;display: block;float: left;color: #f9b125;font-weight: normal;font-size: 12px;}
.head-notice-list,
.head-notice-time{padding-left: 5px;}
.head-notice-list li{padding: 10px 0;list-style: none;}
.head-notice-list li ~ li{border-top: 1px dotted #ffdd9b;}
.head-notice-time{color: #6b5a56;font-size: 10px;}

/*サイドバナーテキスト*/
.side-section-center {
  text-align:center;
}
.side-section-center:last-child {
  margin-bottom: 40px;
}
.side-section-center img {
  display: block;
  border: 1px solid #ccc;
}
.side-section-center a{
  display: block;
}
.side-section-center a:hover{
  opacity: 0.7;
}

/*広告*/
.ad-728x250{width:auto;height:auto;margin:0 auto;text-align:center;}