@charset "utf-8";

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

マピオン共通
ヘッダー・フッター共通部分

http://www.mapion.co.jp/css/common.css

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

.AdsExpand{}

/*
Header
------------------------------------------------------------------*/

/*HeaderTop*/
#HeaderTop{
padding:0 0 0 5px;
border-right:none;
border-left:none;
}

/*HeaderBtm*/
#HeaderBtm{margin:1px 0 0 13px;}
#HeaderBtm h1{float:left;margin:0 17px 0 0;padding:15px 0 0 0;}
#AreaSearch{ float:left; padding:8px 0 0 0;}


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

ワイヤーフレーム
------------------------------------------------------------------*/
#Header .Inner{min-height:95px; margin:0 0; border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
* html #Header .Inner{height:95px;}
#Navi{float:left;width:165px;margin-right:14px;}
#Primary{float:left;width:457px;}
#Secondary{float:right;width:300px;padding:264px 0 0;}
#Column3{margin:0 0 11px;padding:2px 0 5px;}
#Column3Inner{position:relative; top:0; right:0; width:100%;}
#Tertiary{margin:0 0 8px;padding:0 4px 5px;}
/*
#TertiaryInner{border:1px solid #ccc;}
*/

/*#Header .Inner,#Navi,#Primary,#Secondary,#TertiaryInner{ background:#fff;}*/
#Header .Inner,#Navi,#Primary .section,#Secondary .section,#SecMapSearchFlash,#TertiaryInner{ background-image:url(/img/top_new/bg_alpha.png);}
#Header .Inner,#Navi,#Primary .section,#Secondary .section,#SecMapSearchFlash,#TertiaryInner{ background-position:0 0;}
#Header .Inner,#Navi,#Primary .section,#Secondary .section,#SecMapSearchFlash,#TertiaryInner{ background-repeat:repeat-y;}
* html #Header .Inner,* html #Navi,* html #Primary .section,* html #Secondary .section,* html #SecMapSearchFlash,* html #TertiaryInner{background-image:none;background-color:#fff;}


/*
検索ボックス
------------------------------------------------------------------*/
#Header #WF_Search input.txt {background:url(/img/top_new/searchbox.gif) left top no-repeat;}


/*
Navi
------------------------------------------------------------------*/
#Navi a{display:block;padding:0 0 0 26px; line-height:22px;}
#Navi a:hover{background-color:#FDF5D8;text-decoration:none;}
* html #Navi a{width:100%;}

/*icon*/
#Navi a.icn_admimap{background-image:url(/img/top_new/icon.png);background-position:2px 0px;background-repeat: no-repeat;}
#Navi a.icn_adlist{background-image:url(/img/top_new/icon.png);background-position:2px -60px;background-repeat: no-repeat;}
#Navi a.icn_station{background-image:url(/img/top_new/icon.png); background-position:2px -120px;background-repeat: no-repeat;}
#Navi a.icn_train{background-image:url(/img/top_new/icon.png); background-position:2px -180px;background-repeat: no-repeat;}
#Navi a.icn_simple{background-image:url(/img/top_new/icon.png); background-position:2px -240px;background-repeat: no-repeat;}
#Navi a.icn_kyori{background-image:url(/img/top_new/icon.png); background-position:2px -300px;background-repeat: no-repeat;}
#Navi a.icn_chizugaki{background-image:url(/img/top_new/icon.png); background-position:2px -360px;background-repeat: no-repeat;}
#Navi a.icn_navi{background-image:url(/img/top_new/icon.png); background-position:2px -420px;background-repeat: no-repeat;}
#Navi a.icn_drive{background-image:url(/img/top_new/icon.png); background-position:2px -480px;background-repeat: no-repeat;}
#Navi a.icn_mapiontouch{background-image:url(/img/top_new/icon.png); background-position:2px -540px;background-repeat: no-repeat;}
#Navi a.icn_placeengine{background-image:url(/img/top_new/icon.png); background-position:2px -600px;background-repeat: no-repeat;}
#Navi a.icn_mapionbb{background-image:url(/img/top_new/icon.png); background-position:2px -660px;background-repeat: no-repeat;}
#Navi a.icn_lab{background-image:url(/img/top_new/icon.png); background-position:2px -720px;background-repeat: no-repeat;}
#Navi a.icn_mobile{background-image:url(/img/top_new/icon.png); background-position:2px -780px;background-repeat: no-repeat;}

#Navi a.icon_okotae{background-image:url(/img/top_new/icon.png); background-position:2px -900px;background-repeat: no-repeat;}
#Navi a.icn_phonebook{background-image:url(/img/top_new/icon.png); background-position:2px -960px;background-repeat: no-repeat;}
#Navi a.icn_travel{background-image:url(/img/top_new/icon.png); background-position:2px -1020px;background-repeat: no-repeat;}
#Navi a.icn_special{background-image:url(/img/top_new/icon.png); background-position:2px -1080px;background-repeat: no-repeat;}
#Navi a.icn_sumai{background-image:url(/img/top_new/icon.png); background-position:2px -1140px;background-repeat: no-repeat;}
#Navi a.icn_weather{background-image:url(/img/top_new/icon.png); background-position:2px -1200px;background-repeat: no-repeat;}
#Navi a.icn_kntr{background-image:url(/img/top_new/icon.png); background-position:2px -1260px;background-repeat: no-repeat;}
#Navi a.icn_shufoo{background-image:url(/img/top_new/icon.png); background-position:2px -1320px;background-repeat: no-repeat;}
#Navi a.icn_yoruko{background-image:url(/img/top_new/icon.png); background-position:2px -1380px;background-repeat: no-repeat;}
#Navi a.icn_museum{background-image:url(/img/top_new/icon.png); background-position:2px -1440px;background-repeat: no-repeat;}
#Navi a.icn_mailmag{background-image:url(/img/top_new/icon.png); background-position:2px -1500px;background-repeat: no-repeat;}

#Navi a.icn_dot{background-image:url(/img/top_new/icon.png); background-position:2px -1560px;background-repeat: no-repeat;}
#Navi a.icn_asp{background-image:url(/img/top_new/icon.png); background-position:2px -1620px;background-repeat: no-repeat;}
#Navi a.icn_ad{background-image:url(/img/top_new/icon.png); background-position:2px -1680px;background-repeat: no-repeat;}
#Navi a.icn_video{background-image:url(/img/top_new/icon.png); background-position:2px -1740px;background-repeat: no-repeat;}
#Navi a.icn_zip{background-image:url(/img/top_new/icon.png); background-position:2px -1800px;background-repeat: no-repeat;}
#Navi a.icn_pedia{background-image:url(/img/top_new/icon.png); background-position:2px -2040px;background-repeat: no-repeat;}
#Navi a.icn_mapdate{background-image:url(/img/top_new/icon.png); background-position:2px -2100px;background-repeat: no-repeat;}
#Navi a.icn_beauty{background-image:url(/img/top_new/icon.png); background-position:2px -2160px;background-repeat: no-repeat;}
#Navi a.icn_coupon{background-image:url(/img/top_new/icon.png); background-position:2px -2220px;background-repeat: no-repeat;}


#Navi a.icon_api{background-image:url(/img/top_new/dot_line.png); background-position:0 0;background-repeat: no-repeat;}
#Navi a.icn_air{background-image:url(/img/top_new/dot_line.png); background-position:0 0;background-repeat: no-repeat;}


#Navi a.icon_api,#Navi a.icn_air{padding:4px 0 0 6px;}



/*
テキスト広告
------------------------------------------------------------------*/
#AdsTxtDisplayL,#AdsTxtDisplayR{display:none;}
#SecAdTxt #AdsTxtDisplayL,#SecAdTxt #AdsTxtDisplayR{display:block; background-color:#FFF;}
#SecAdTxt{width:100%; margin:0 0 9px; line-height:20px; min-height:20px;}
* html #SecAdTxt{height:20px;}
#SecAdTxt li{min-height:20px; background:url(http://www.mapion.co.jp/img/top_new/bg_loading.gif) center center no-repeat;}
* html #SecAdTxt li{height:20px;}

#SecMapionNews #SecAdTxt{padding-top:0px;}
#SecAdTxt div{padding:0 0 0 10px;background:url(/news/img/icon_list.gif) left 5px no-repeat;}




/*
section
------------------------------------------------------------------*/
.section{padding:0; border-right:1px solid #ccc; border-left:1px solid #ccc;}
.sec_title{min-height:25px; padding:0 5px; border-top:1px solid #ccc; border-bottom:1px solid #009DFF; background:url(/img/top_new/title_bg.png) 0 0 no-repeat; line-height:26px;}
* .sec_title{height:26px;}
#Navi .sec_conts{padding:0 0 10px;}
#Primary .sec_conts,#Secondary .sec_conts{padding:10px 0;}
#Tertiary .sec_conts{padding:10px 0 2px;}
h2{margin:0 0 10px;padding:0; font-size:100%;}
#Navi .sec_title{margin:0 0 5px;}


/*
Navi
------------------------------------------------------------------*/
#SecInformation{border-bottom:1px solid #ccc;}

/*
Primary
------------------------------------------------------------------*/

/*地図から探す*/
#SecMapSearchFlash{margin-bottom:14px; padding:0; border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
#SecMapSearchFlash .sec_title{display:none;}
#Primary #SecMapSearchFlash .sec_conts{padding:0; border-top:1px solid #ccc;}

#FlashMap{}
#FlashMapTitle{min-height:25px; padding:0 5px;border-bottom:1px solid #009DFF; background:url(/img/top_new/title_bg.png) 0 0 no-repeat; line-height:26px;}
* #FlashMapTitle{height:26px;}
#FlashMapConts{width:455px;height:246px;}
#FlashMapConts.noscript{background:url(/img/top_new/map_japan.png) center center no-repeat;}
#FlashMapConts p{
margin:0;
padding:10px;
line-height:1.3;
}
#FlashMapConts p a{white-space:nowrap;}

* html .NoJsFlashMap{}

#PlaceEngineLocation{
float:left;
padding:4px 0 0 2px;
width:338px;
background:#eee;
}
#PlaceEngineLocation a#pe_button{
display:block;
float:left;
margin:0 4px 2px 0;
}
#PlaceEngineLocation p{
float:left;
width:200px;
margin:0;
padding:7px 0 0 0;
color:#666;
font-size:10px;
line-height:1.4;
}

#PlaceEngineDownload{
float:right;
width:115px;
}

#NoFlashMap{ position:relative; padding:15px 0 0 10px; background:url(/img/top_new/map_japan.png) 0 0 no-repeat;}
#NoFlashMap dl{ position:absolute; top:10px; left:10px; width:200px; height:50px; overflow:hidden;}
#NoFlashMap dt{ margin:0 0 5px; font-size:14px; font-weight:bold;}
#NoFlashMap ul{position:relative; top:0px; left:0px; width:366px; height:231px;}
#NoFlashMap ul a{display:block; padding:2px 0 1px; border:1px solid #ccc; text-align:center;}
#NoFlashMap li{position:absolute; width:58px; height:18px; overflow:hidden; margin:0; background:#fff;}
#NoFlashMap .map01{top:0px; left:246px;}
#NoFlashMap .map02{top:19px; left:246px;}
#NoFlashMap .map03{top:57px; left:246px;}
#NoFlashMap .map04{top:38px; left:305px;}
#NoFlashMap .map05{top:38px; left:246px;}
#NoFlashMap .map06{top:19px; left:305px;}
#NoFlashMap .map07{top:57px; left:305px;}
#NoFlashMap .map08{top:181px; left:305px;}
#NoFlashMap .map09{top:161px; left:305px;}
#NoFlashMap .map10{top:142px; left:305px;}
#NoFlashMap .map11{top:161px; left:246px;}
#NoFlashMap .map12{top:181px; left:246px;}
#NoFlashMap .map13{top:142px; left:246px;}
#NoFlashMap .map14{top:200px; left:246px;}
#NoFlashMap .map15{top:81px; left:305px;}
#NoFlashMap .map16{top:100px; left:246px;}
#NoFlashMap .map17{top:81px; left:246px;}
#NoFlashMap .map18{top:119px; left:246px;}
#NoFlashMap .map19{top:119px; left:305px;}
#NoFlashMap .map20{top:100px; left:305px;}
#NoFlashMap .map21{top:76px; left:182px;}
#NoFlashMap .map22{top:57px; left:123px;}
#NoFlashMap .map23{top:57px; left:182px;}
#NoFlashMap .map24{top:76px; left:123px;}
#NoFlashMap .map25{top:152px; left:182px;}
#NoFlashMap .map26{top:114px; left:182px;}
#NoFlashMap .map27{top:133px; left:123px;}
#NoFlashMap .map28{top:133px; left:182px;}
#NoFlashMap .map29{top:152px; left:123px;}
#NoFlashMap .map30{top:95px; left:123px;}
#NoFlashMap .map31{top:76px; left:0px;}
#NoFlashMap .map32{top:95px; left:59px;}
#NoFlashMap .map33{top:76px; left:59px;}
#NoFlashMap .map34{top:95px; left:0px;}
#NoFlashMap .map35{top:114px; left:0px;}
#NoFlashMap .map36{top:181px; left:182px;}
#NoFlashMap .map37{top:181px; left:123px;}
#NoFlashMap .map38{top:200px; left:182px;}
#NoFlashMap .map39{top:200px; left:123px;}
#NoFlashMap .map40{top:143px; left:0px;}
#NoFlashMap .map41{top:200px; left:0px;}
#NoFlashMap .map42{top:143px; left:59px;}
#NoFlashMap .map43{top:162px; left:59px;}
#NoFlashMap .map44{top:162px; left:0px;}
#NoFlashMap .map45{top:181px; left:0px;}
#NoFlashMap .map46{top:181px; left:59px;}
#NoFlashMap .map47{top:200px; left:59px;}

/*お答えマピオン*/
#SecOkotae .sec_conts{padding:10px; line-height:1.5;}
#SecOkotae ul{
margin:0 0 10px;
}
#SecOkotae li{
margin-bottom:2px;
}
#SecOkotae li strong{
display:block;
float:left;
}
#SecOkotae li span{
display:block;
float:right;
}
#SecOkotae p{
margin:0;
padding:0;
color:#666;
font-size:11px;
text-align:right;
}
#SecOkotae p a{margin:0 0 0 10px;}



/*マピオンニュース 2009/10/13追加*/
#SecMapionNews .sec_conts{padding:10px 10px 10px 8px;}

#SecMapionNews ul{
margin:0;
padding:0;
}
#SecMapionNews #NewsTopics{
float:left;
width:305px;
}
#SecMapionNews #NewsTopics li{
margin:0 0 2px 0;
padding:0 0 0 10px;
background:url(/news/img/icon_list.gif) left 5px no-repeat;
line-height:1.5;
}
* html #SecMapionNews #NewsTopics li{
margin:0 0 6px 0;
}
#SecMapionNews #NewsTopics li a{
margin:0 4px 0 0;
}
#SecMapionNews #NewsTopics li img{
margin:0 4px 0 0;
vertical-align:top;
position:relative;
top:1px;
}
* html #SecMapionNews #NewsTopics li img{
top:-2px;
}


#SecMapionNews #NewsPhoto{
float:right;
width:120px;
}
#SecMapionNews #NewsPhoto li{
margin:0;
padding:0;
line-height:1.5;
}
#SecMapionNews #NewsPhoto li span{
display:block;
margin:4px 0 0 0;
padding-bottom:4px;
}

#SecMapionNews p{
margin:0;
padding:0;
text-align:right;
font-size:10px;
}


/*オススメPR 2009/7/27追加*/
#SecOsusume .sec_conts{padding:10px; line-height:1.3;}
#SecOsusume .sec_conts dl{
width:211px;
}
#SecOsusume .Osusume_1 {
float:left;
}
#SecOsusume .Osusume_2 {
float:right;
}
#SecOsusume .sec_conts dt{
margin-bottom:5px;
}
#SecOsusume p{
width:134px;
float:right;
margin:0;
line-height:1.2;
}
#SecOsusume div{
width:72px;
float:left;
}

/*マピオンのオススメ特集*/
.recommend_pickup{padding:0 10px 10px;}
.recommend_pickup div{float:left;width:188px; margin:0;}
.recommend_pickup dl{float:right; width:237px; margin:0 auto 15px; text-align:left;}
.recommend_pickup dt{margin-bottom:5px;}
.recommend_pickup dd{line-height:1.2;}
#SecRecommend ul{padding:0;}
#SecRecommend li{float:left; width:204px;margin-bottom:5px;padding-left:22px; background-image:url(/img/top_new/icon.png); background-position:2px -1565px;background-repeat: no-repeat; line-height:1.1;}
* html #SecRecommend li{width:192px;}

/*マピオン電話帳*/
#SecPhonebook .sec_conts{
padding:5px 10px 10px;
}
#SecPhonebook h2{
margin:0 0 5px;
padding:0;
font-size:100%;
font-weight:normal;
}
#SecPhonebook h2 .posL{
display:block;
float:left;
margin-top:2px;
}
#SecPhonebook h2 span{
display:block;
float:right;
}
#SecPhonebook h2 img{
vertical-align:middle;
}
#SecPhonebook ul{
width:100%;
margin:0 0 10px;
line-height:1.5;
}
#SecPhonebook li{
display:inline;
margin:0 10px 0 0;
}
#SecPhonebook li a{
white-space:nowrap;
}
#SecPhonebook p{
margin:0;
padding:0;
text-align:right;
font-size:11px;
}

/*お知らせ/更新情報*/
#SecNews{border-bottom:1px solid #ccc;}
#SecNews .sec_conts{padding:10px 10px 2px;}
#SecNews .sec_conts dt{font-weight:bold;line-height:14px;}
#SecNews .sec_conts dd{margin:-14px 0 8px 90px;}


/*
Secondary
------------------------------------------------------------------*/
/*Secondary共通*/
#Secondary .SecAds .sec_conts,
#SecPremium .sec_conts,
#SecKunitori .sec_conts,
#SecMobile .sec_conts,
#SecAspService .sec_conts,
#Sec3dmaps .sec_conts,
#SecTwitter .sec_conts{padding:10px; line-height:1.3;}

#Secondary .SecAds .sec_conts .thum,
#SecPremium .sec_conts .thum,
#SecKunitori .sec_conts .thum,
#SecMobile .sec_conts .thum,
#SecAspService .sec_conts .thum,
#Sec3dmaps .sec_conts .thum,
#SecTwitter .sec_conts .thum{float:left; width:97px;}

#Secondary .SecAds .sec_conts dl,
#SecPremium .sec_conts dl,
#SecKunitori .sec_conts dl,
#SecMobile .sec_conts dl,
#SecAspService .sec_conts dl,
#Sec3dmaps .sec_conts dl,
#SecTwitter .sec_conts dl{float:right;width:181px;}

#Secondary .SecAds .sec_conts dt,
#SecPremium .sec_conts dt,
SecKunitori .sec_conts dt,
#SecMobile .sec_conts dt,
#SecAspService .sec_conts dt,
#Sec3dmaps .sec_conts dt,
#SecTwitter .sec_conts dt{margin-bottom:5px;}

#Secondary .SecAds .sec_conts dd,
#SecPremium .sec_conts dd,
#SecKunitori .sec_conts dd,
#SecMobile .sec_conts dd,
#SecAspService .sec_conts dd,
#Sec3dmaps .sec_conts dd,
#SecTwitter .sec_conts dd{line-height:1.2;}


/*レクタングル広告*/
#SecAdRectangle{ position:absolute; top:0; right:0; z-index:100; cursor:pointer;}
* html #SecAdRectangle{right:-1px;}
.AdRectangleSize{width:300px;height:250px;overflow:hidden;}

/*広告枠（テキスト＋画像）*/
#Secondary .SecAds dd dd{ line-height:1.2;}
#ads_here dd dt{ display:none;}

/*コンテンツのアンダーライン*/
.sec_underline{border-bottom:1px solid #ccc;}


/*4コマ漫画追加 2010.4.26*/
#SecManga .sec_conts{padding:10px 0 10px 10px; line-height:1.3;}
#SecManga .sec_conts .thum{float:left; width:87px;}
#SecManga .sec_conts .thum img{width:87px;height:87px;}
#SecManga .sec_conts .info{float:right;width:190px;}
#SecManga .sec_conts .info dt{font-weight: bold;}
#SecManga .sec_conts .info dt,#SecManga .sec_conts .info dd{margin:0;padding:0;line-height:1.8;}
#SecManga .sec_conts .info p{margin:0;padding:5px 0 0;line-height:1;}

/*twitter*/
#SecTwitter .sec_title{position:relative;}
#SecTwitter .sec_title img{position:absolute;top:5px;}
* html #SecTwitter .sec_title img{position:absolute;top:4px;}



/*
Tertiary
------------------------------------------------------------------*/
#Tertiary .sec_title{border-top:none;}
#Tertiary .sec_conts dl{padding:0 10px 0px;}
#Tertiary .sec_conts dt{line-height:14px;}
#Tertiary .sec_conts dd{margin:-14px 0 8px 110px;}
#Tertiary a:hover{text-decoration:none;}
#Tertiary ul{margin-bottom:10px;}
#Tertiary li{display:inline-block; margin:0 5px 3px 0;*display:inline;*zoom:1;}
#Tertiary li a{display:block; float:left; padding:0 8px 0 0; border-right:1px solid #999;font-size:10px;}
#Tertiary li.last a{border-right:none;}


/*2009.12.14　マピオン電話帳枠にグルメ検索追加*/
#SecPhonebook #Gourmet{margin:5px 0 0;padding:5px 10px 7px;}
#SecPhonebook #Gourmet span a{margin-left:12px;}
#SecPhonebook ul{margin:0;}
#SecPhonebook #Hospital {padding:5px 10px 6px;}
#SecPhonebook #Hospital h2{margin:0;}
#SecPhonebook #Hospital img{position:relative;top:-2px;}
#SecPhonebook #Hospital p{margin-top:9px;}

/*2010.05.25　マピオン電話帳枠にヘアサロン検索追加*/
#SecPhonebook #HairSalon{margin:0;padding:6px 0 7px 10px;}
#SecPhonebook #HairSalon span a{margin-left:12px;}
#SecPhonebook #HairSalon ul li{margin:0 10px 0 0;}
#SecPhonebook #HairSalon ul li.end{margin:0;}
#SecPhonebook #HairSalon h2{margin:0;padding:1px 10px 5px 0;}
#SecPhonebook #HairSalon img{position:relative;top:-2px;}
#SecPhonebook #HairSalon p{margin:13px 0 0 0;padding:0 10px 0 0;}

/*2010.05.28　マピオン電話帳枠にオススメ店舗リンク追加*/
#SecPhonebook a.recom{margin-left:8px;padding:1px 0 1px 14px;background:url(http://www.mapion.co.jp/adOverture/img/ico_arrow.gif) no-repeat 0 0;}

/*2010.06.01　災害情報枠追加*/
#Disaster{
	margin:0 4px 5px;
	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("/img/top_new/icon_info.png") no-repeat left center;
}
* html #Disaster p.Info{
	background:url("/img/top_new/icon_info.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;
}