@charset "utf-8";
/* ======================== 目次 ==========================

	[UPDATE:2010/02/08]
	
	[01]:各要素リセット・基本設定
	[02]:レイアウト
	[03]:リンク
	[04]:ヘッダ
	[05]:右カラム
	[06]:フッタ
	[07]:コンテンツ共有
	[08]:indexスタイル
	[08-1]:メインビジュアル
	[08-2]:駅まち口コミ情報
	[08-3]:駅前新着スポット
	[08-4]:e-NAVITA特集
	[08-5]:お知らせ＆更新情報（メイン）
	[08-6]:駅まちスポットカテゴリー
	
======================================================== */

/*  border:1px solid red; */

/* -------------------------[01]:各要素リセット・基本設定 */

html,body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,form,dl,dt,dd { margin:0px; padding:0px; }

div:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	font-size: 0px;
	visibility:hidden;
}


body { background: url(/img/header_bar.gif) repeat-x; margin: 0px auto; padding: 0px; font-family:'ＭＳ Ｐゴシック', sans-serif; color:#333; font-size: 12px; text-align: center; position: relative; }

img { border:none; }

ul,li { list-style:none; }

h1,h2,h3,h4,h5 { font-size: small; font-weight: normal; color: #333; text-align: left; }

.fontS	{ font-size:80%; line-height:150%; }
.fontM	{ font-size:90%; line-height:150%; }
.fontL	{ font-size:120%; line-height:150%; }
.fontX	{ font-size:140%; line-height:150%; }


.fRed	{color:#c00;}
.fRedB	{color:#c00; font-weight:bold;}

/* -------------------------[02]:レイアウト */

div#container	{ width: 900px; margin: 0px auto; padding: 0px; }

.left	{ float:left; }
.right	{ float:right; }
.clear	{ clear:both; font-size: 0px; line-height: 0px; }
.center	{text-align:center;}


/* -------------------------[03]:リンク */

a:link		{ color:#930; text-decoration:underline; }
a:visited	{ color:#930; text-decoration:underline; }
a:hover		{ color:#c30; text-decoration:underline; }
a:active	{ color:#c30; text-decoration:underline; }

/* -------------------------[04]:ヘッダ */

div#header 			{ background:url(/img/header_bg_feb.gif) no-repeat right bottom; width: 900px; height: 108px; text-align: left; margin:0px auto; padding: 0px; position: relative; }
div#header h1		{ height: 16px; font-size: 100%; color: #666; padding: 3px 5px 0px; }
div#header .siteLogo		{ width: 225px; height: 75px; display: block; padding: 10px 5px 3px; }
div#header ul.headerLink	{ position: absolute; top: 0px; right: 0px; }
div#header ul.headerLink li	{ background: url(/img/header_arrow.gif) no-repeat 0% 40%; padding: 3px 8px 3px 12px; float: right; font-size: 100%; }
div#header .headLogin		{ height: 39px; position: absolute; top: 58px; left: 240px; }
div#header .headLogin .boxLeft	{ background: url(/img/head_login_left.gif) no-repeat; width: 10px; height: 39px; font-size: 0px; line-height: 0px; float: left; }
div#header .headLogin .dataBox	{ background: url(/img/head_login_bg.gif) no-repeat right; height: 39px; font-size: 100%; float: left; }
div#header .headLogin .dataBox p		{ display: block; padding: 13px 15px 0px 5px; }
div#header .headLogin .dataBox strong	{ color: #F90; }

div#header .fsizeBox	{ width: 146px; height: 25px; position: absolute; top: 26px; right: 5px; }

div.headTerop		{ background: url(/img/header_terop.gif) no-repeat; width: 900px; height: 29px; font-size: 14px; color: #ffb533; }
div.headTerop span	{ width: 884px; padding: 7px 8px 0px; display: block; text-align: left; }

div.innerNavi		{ background: url(/img/innavi_bg.gif) no-repeat; width: 894px; height: 26px; padding: 3px 3px 0px; }
div.innerNavi h2	{ font-size: 120%; font-weight: bold; color: #FFF; float: left; padding: 4px 3px 0px; }
div.innerNavi ul	{ width: 455px; float: right; }
div.innerNavi li	{ float: left; height: 25px; }
div.innerNavi li.nvg01	{ width: 124px; padding: 0px 5px 0px 0px; }
div.innerNavi li.nvg02	{ width: 124px; padding: 0px 5px 0px 0px; }
div.innerNavi li.nvg03	{ width: 196px; }

div.innerNavi2		{ background: url(/img/innavi_bg.gif) no-repeat; width: 894px; height: 26px; padding: 3px 3px 0px; }
div.innerNavi2 h2	{ font-size: 120%; font-weight: bold; color: #FFF; float: left; padding: 4px 3px 0px; }
div.innerNavi2 ul	{ width: 419px; float: right; }
div.innerNavi2 li	{ float: left; height: 25px; }
div.innerNavi2 li.nvg01	{ width: 113px; padding: 0px 5px 0px 0px; }
div.innerNavi2 li.nvg02	{ width: 113px; padding: 0px 5px 0px 0px; }
div.innerNavi2 li.nvg03	{ width: 183px; }



/* -------------------------[05]:右カラム */
div#rightNavi		{ width: 238px; float: right; padding: 5px 0px 0px; }
div#rightNavi a.underTxtLink	{ background: url(/img/detail_arrow.gif) no-repeat right; font-size: 80%; text-align: right; display: block; padding: 2px 8px 0px 0px; margin-top: 3px; }

/* --ログインフォーム-- */
div#rightNavi .loginBox				{ width: 238px; padding: 0px 0px 5px; }
div#rightNavi .loginBox .loginName		{ background: url(/img/login_name.gif) no-repeat; width: 238px; height: 35px; padding: 0px 0px 0px; }
div#rightNavi .loginBox .loginName p	{ font-size: 100%: display: block; padding: 10px 0px 0px; text-align: center; }
div#rightNavi .loginBox .loginName strong	{ font-size: 120%; }
div#rightNavi .loginBox .conBg				{ background: url(/img/rcon_back.gif) repeat-y; width: 238px; text-align: center; }
div#rightNavi .loginBox .conBg .formBox		{ background: url(/img/login_bg.gif) repeat-y; width: 238px; padding: 2px 0px 3px; }
div#rightNavi .loginBox .conBg .formBox .loginData	{ padding: 0px 15px; }
div#rightNavi .loginBox .conBg .formBox .loginBtBox	{ width: 218px; padding: 5px 3px 10px; margin: 0px auto;  }
div#rightNavi .loginBox .conBg .formBox .loginBtBox .loginBtn	{ background: url(/img/login_icon.gif) no-repeat; padding: 0px 0px 0px 20px; line-height: 20px; }
div#rightNavi .loginBox .conBg .formBox .login		{ padding: 5px 2px 3px 0px; width: 72px; float: left; }
div#rightNavi .loginBox .conBg .formBox .pass		{ padding: 5px 2px 3px 0px; width: 72px; float: left; }
div#rightNavi .loginBox .conBg .formBox .input		{ padding: 0px 0px 3px; width: 120px; float: left; }
div#rightNavi .loginBox .conBg .formBox .autoLogin	{ line-height: 13px; margin: 0px auto; padding: 5px 0px; text-align: center; }
div#rightNavi .loginBox .conBg .formBox .autoLogin input{ margin: 0px; }
div#rightNavi .loginBox .conBg .formBox .autoLogin span	{  }
div#rightNavi .loginBox .conBg .formBox .loginBt	{ width: 108px; height: 32px; padding: 0px 0px 5px; margin: 0px auto; }
div#rightNavi .loginBox .conBg .formBox ul.underLink{ background: url(/img/dotted.gif) repeat-x top; text-align: left; padding: 8px 3px 0px; margin: 0px 10px; }
div#rightNavi .loginBox .conBg .formBox ul.underLink li	{ background: url(/img/header_arrow.gif) no-repeat 0% 30%; padding: 0px 0px 5px 15px; }
div#rightNavi .loginBox .conBg .entryBt		{ width: 228px; height: 32px; padding: 3px 5px 0px; }
div#rightNavi .loginBox .conBg .loginBtm	{ background: url(/img/login_btm.gif) no-repeat; width: 238px; height: 3px; font-size: 0px; line-height: 0px; }

div#rightNavi .loginBox .conBg .openId		{ width: 224px; height: 41px; margin: 0px auto 5px; }
div#rightNavi .loginBox .conBg .openId .capBox	{ width: 88px; height: 41px; float: left; }
div#rightNavi .loginBox .conBg .openId .linkBox	{ background: url(/img/open_id_bg.gif) no-repeat; width: 126px; height: 40px; float: left; font-size: 0px; line-height: 0px; padding: 2px 0px 0px 10px; }
div#rightNavi .loginBox .conBg .openId .linkBox span	{ width: 16px; height: 16px; float: left; display: block; padding: 12px 0px 0px 10px; }
div#rightNavi .loginBox .conBg .openId .linkBox input	{ width: 16px; height: 16px; margin: 0px; padding: 0px; float: left; }

div#rightNavi .loginBox .conBg .userDat	{ width: 217px; margin: 0px auto; padding: 0px 0px 8px; position: relative; }
div#rightNavi .loginBox .conBg .userDat .leftBox	{ width: 80px; float: left; }
div#rightNavi .loginBox .conBg .userDat .leftBox .photo		{ width: 70px; height: 70px; padding: 1px; border: 1px solid #CCC; }
div#rightNavi .loginBox .conBg .userDat .leftBox .embBox	{ width: 80px; height: 22px; padding: 3px 0px 0px; }
div#rightNavi .loginBox .conBg .userDat .textBox	{ width: 132px; float: right; }
div#rightNavi .loginBox .conBg .userDat .textBox .pointBox	{ font-size: 110%; padding: 0px 0px 5px; }
div#rightNavi .loginBox .conBg .userDat .textBox .pointBox strong	{ font-size: 110%; font-weight: bold; display: block; }
div#rightNavi .loginBox .conBg .userDat .textBox .pointBox strong span	{ color: #C60; }
div#rightNavi .loginBox .conBg .userDat .textBox a	{ width: 130px; height: 32px; }




div.iconBloger	{ width: 87px; height: 17px; padding: 3px 0px 0px; margin: 0px auto; }

/* --バナー広告-- */
div#rightNavi .banarBox			{ padding: 0px 0px 5px; }

/* --人気駅まちランキング-- */
div#rightNavi .rankBox			{ width: 238px; padding: 0px 0px 5px; }
div#rightNavi .rankBox h3.inTit	{ background: url(/img/rank_intitle.gif) no-repeat; width: 200px; height: 23px; padding: 12px 0px 0px 37px; font-size: 120%; font-weight: bold; color: #993300; }
div#rightNavi .rankBox .conBg	{ background: url(/img/rcon_back.gif) repeat-y; width: 218px; padding: 0px 10px; }
div#rightNavi .rankBox .rankData{ background: url(/img/dotted.gif) repeat-x bottom; padding: 8px 5px 3px; width: 208px; }
div#rightNavi .rankBox span		{ padding: 3px 0px 4px 65px; font-size: 120%; font-weight: bold; float: left; }
div#rightNavi .rankBox span a		{ text-decoration: underline; }
div#rightNavi .rankBox a.btn		{ display: block; float: right; padding: 3px 0px 0px; }
div#rightNavi .rankBox .rank_no01	{ background: url(/img/rank_cap01.gif) no-repeat; }
div#rightNavi .rankBox .rank_no02	{ background: url(/img/rank_cap02.gif) no-repeat; }
div#rightNavi .rankBox .rank_no03	{ background: url(/img/rank_cap03.gif) no-repeat; }
div#rightNavi .rankBox .rank_no04	{ background: url(/img/rank_cap04.gif) no-repeat; }
div#rightNavi .rankBox .rank_no05	{ background: url(/img/rank_cap05.gif) no-repeat; }

/* --人気特派員ブロガー-- */
div#rightNavi .blogBox			{ width: 238px; padding: 0px 0px 5px; text-align: left; }
div#rightNavi .blogBox h3.inTit	{ background: url(/img/blog_intitle.gif) no-repeat; width: 200px; height: 23px; padding: 12px 0px 0px 37px; font-size: 120%; font-weight: bold; color: #993300; }
div#rightNavi .blogBox .conBg		{ background: url(/img/rcon_back.gif) repeat-y; width: 228px; padding: 5px 5px 0px; }
div#rightNavi .blogBox .bloggerData	{ background: url(/img/dotted.gif) repeat-x bottom; width: 218px; min-height: 60px; padding: 5px 5px 6px; }
div#rightNavi .blogBox .bloggerData .textBox{ width: 170px; float: left; padding: 0px 0px 0px 5px; }
div#rightNavi .blogBox .bloggerData a		{ font-weight: bold; text-decoration: underline; }
div#rightNavi .blogBox .bloggerData a.bloggerPhoto	{ display: block; width: 40px; float: left; font-weight: bold; text-decoration: underline; }
div#rightNavi .blogBox .bloggerData p		{ font-size: 80%; }

/* --お知らせ＆更新情報-- */
div#rightNavi .infoRBox			{ width: 238px; padding: 0px 0px 5px; }
div#rightNavi .infoRBox .conBg		{ background: url(/img/rcon_back.gif) repeat-y; width: 233px; height: 140px; overflow: auto; padding: 5px 0px 0px 5px; }
div#rightNavi .infoRBox ul			{ width: 200px; padding: 5px 8px; text-align: left; }
div#rightNavi .infoRBox ul li		{ font-size: 100%; line-height: 16px; padding: 0px 0px 5px; }
div#rightNavi .infoRBox ul li span	{ display: block; font-size: 80%; padding-left: 5em; }

/* --モバイルサイトQRコード-- */
div#rightNavi .mobileBox		{ width: 238px; padding: 5px 0px 10px; }
div#rightNavi .mobileBox .dotted	{ background: url(/img/mobile_dotted.gif) no-repeat; width: 238px; height: 2px; font-size: 0px; line-height: 0px; }
div#rightNavi .mobileBox .conBg		{ width: 218px; padding: 10px 12px 8px 8px; }
div#rightNavi .mobileBox .qrCode	{ width: 66px; height: 66px; float: left; }
div#rightNavi .mobileBox .rightBox	{ width: 140px; float: right; color: #999; }

/* --広告枠-- */
div#rightNavi .adBox			{ width: 238px; padding: 0px 0px 5px; }
div#rightNavi .adBox .conBg			{ background: url(/img/rcon_back.gif) repeat-y; width: 238px; padding: 0px 0px 10px; }
div#rightNavi .adBox .topBar		{ width: 238pxp; height: 10px; font-size: 0px; line-height: 0px; }


/* --右ナビ投稿フォーム-- */
div#rightNavi .rightForm	{ width: 238px; padding: 20px 0px; position: relative; }
div#rightNavi .rightForm .cap	{ width: 238px; height: 35px; }
div#rightNavi .rightForm .arrowParts{ position: absolute; bottom: 40px; left: -8px; width: 11px; height: 13px; }
div#rightNavi .rightForm .formData	{ background: url(/img/rnavi_form_bg.gif) repeat-y; width: 238px; padding: 5px 0px 5px; }
div#rightNavi .rightForm .formData table	{ width: 225px; margin: 0px auto; }
div#rightNavi .rightForm .formData th		{ text-align: left; }
div#rightNavi .rightForm .formData th span.message		{ line-height:16px; color:#ff0000; }
div#rightNavi .rightForm .formData td		{ text-align: left; }

div#rightNavi .rightForm .btmBar	{ background: url(/img/rnavi_form_btm.gif) no-repeat; width: 238px; height: 7px; font-size: 0px; line-height: 0px; }



/* -------------------------[06]:フッター */
div#footer		{ background: url(/img/footer_bar.gif) no-repeat; width: 890px; padding: 18px 5px 0px; margin: 25px auto 0px; text-align: left; position: relative; height: 62px; }
div#footer .topLink		{ position: absolute; top: -20px; right: 5px; }
div#footer .footerLink	{ padding: 0px 0px 10px; float: left; }
div#footer .logoBox		{ width: 100px; height: 40px; float: right; }
div#footer .copyRight	{ font-family: Arial; font-size: 100%; text-align: right; padding: 3px 0px; }
div#footer .AddThis		{ width: 200px; float: left; }
div#footer .AddThis .addthis_button	{ width: 55px; float: left; }
div#footer .AddThis .addthis_separator{ float: left; display: block; width: 2px; }

div#footer .mixiCheck	{ width: 77px; height: 18px; position: absolute; bottom: 5px; left: 165px; }


/* -------------------------[07]:コンテンツ共通 */
div#topContents		{ width: 654px; margin: 0px; padding: 5px 0px 10px 0px; float: left; text-align: left; }
div#areaContents	{ width: 654px; margin: 0px; padding: 5px 0px 10px 0px; float: left; text-align: left; }
div#mainContents	{ width: 650px; margin: 0px; padding: 15px 0px 10px 5px; float: left; text-align: left; }
div#innerContents	{ width: 650px; margin: 0px; padding: 5px 0px 10px 5px; float: left; text-align: left; position: relative; }
div#loginContents	{ /* width: 930px; */ padding: 0px 5px 30px; margin: 0;}

/* --検索結果タイトル（キーワード検索）-- */
h3.keywordTit		{ background: url(/area/img/icon_search_spot.gif) no-repeat 0% 50%; width: 619px; font-size: 140%; font-weight: bold; padding: 8px 0px 5px 30px; }
h3.keywordTit strong{ color: #930; font-size: 120%; }


/* --ページパン屑リスト-- */
div.panList			{ font-size: 10px; line-height: 14px; padding: 5px 0px 5px 5px; text-align: left; }
div.panList a		{ color: #777; font-size: 10px; line-height: 14px; }
div.panList span	{ font-weight: bold; }


/* -------------------------[08]:indexスタイル */
/* --[08-1]:メインビジュアル-- */
div.mainVisual	{ width: 654px; }
div.mainVisual .topBar		{ background: url(/img/mv_topbar.gif) no-repeat; width: 654px; height: 7px; font-size: 0px; line-height: 0px; }
div.mainVisual .dataBox		{ background: url(/img/mv_back.gif) repeat-y; padding: 0px 7px; }
div.mainVisual .leftBox		{ width: 176px; float: left; position: relative; }
div.mainVisual .leftBox h3.searchCap	{ width: 176px; height: 48px; }
div.mainVisual .leftBox .hukiBox		{ width: 99px; height: 71px; position: absolute; top: 30px; left: -90px; }
div.mainVisual .leftBox .keywordBox		{ width: 171px; height: 61px; background: #ffc939; padding: 0px 0px 5px; text-align: center; }
div.mainVisual .leftBox .keywordBox .inputText	{ float: left; padding: 0px 0px 0px 8px; }
div.mainVisual .leftBox .keywordBox .inputText input{ width: 103px; }
div.mainVisual .leftBox .keywordBox .inputBt	{ float: right; padding: 0px 8px 0px 0px; width: 42px; }
div.mainVisual .leftBox .voiceBox				{ width: 171px; height: 136px; background: #ffc939; padding: 0px 0px 5px; text-align: center; }
div.mainVisual .leftBox .voiceBox .noBox		{ padding: 10px 0px; }
div.mainVisual .leftBox .aboutBox				{ width: 171px; height: 136px; background: #ffc939; padding: 0px 0px 5px; text-align: left; }
div.mainVisual .leftBox .aboutBox .dataBox		{ background: url(/img/mv_about_bg.gif) no-repeat; width: 157px; height: 87px; padding: 10px 6px 0px 8px;  }
div.mainVisual .leftBox .aboutBox .dataBox p	{ font-size: 100%; line-height: 18px; padding: 0px 0px 0px; }
div.mainVisual .leftBox .aboutBox .dataBox a	{ background: url(/img/mv_about_arrow.gif) no-repeat 0% 20%; padding: 0px 0px 0px 12px; display: block; position: absolute; bottom: 5px; right: 10px; }
div.mainVisual .flashBox	{ width: 464px; height: 255px; float: right;  }
div.mainVisual .featureBox	{ width: 640px; padding: 8px 0px; }
div.mainVisual .featureBox .listData	{ width: 620px; padding: 8px 10px 0px; }
div.mainVisual .featureBox .listData .detailBox	{ width: 200px; padding: 0px 5px 0px 0px; float: left; }
div.mainVisual .featureBox .detailBox img		{ width: 74px; height: 74px; float: left; }
div.mainVisual .featureBox .detailBox p			{ width: 110px; float: left; padding: 3px 10px 0px 5px; line-height: 120%; }
div.mainVisual .featureBox .detailBox p a		{ font-size: 100%; line-height: 120%; }
div.mainVisual .featureBox .detailBox p .cateArea	{ display: block; font-size: 80%; }
div.mainVisual .featureBox .detailBox p .stName		{ display: block; font-size: 80%; }
div.mainVisual .featureBox .detailBox p .stName span{ color: #ffc939; }
div.mainVisual .btmBar		{ background: url(/img/mv_btmbar.gif) no-repeat; width: 654px; height:7px; font-size: 0px; line-height: 0px; }
div.flashBoxInBox{ width: 464px; height: 255px; position:relative; margin:0px; padding:0px;  }
div.flashBoxInBox div.vector{ width:12px; height:41px; position:absolute; top:4px; left:0; z-index:10; }
div.flashBoxInBox div.mapsearch{ width: 464px; height: 255px; position:absolute; top:0; left:0; z-index:0; }


/*---Ajax---*/
div#Well		{ width: 449px; padding: 0px 10px 10px; }
div#Well #Well_detail { margin: 0px; width: 449px; }
div#Well #Well_detail ul	{ width: 449px; height: 47px; background: url(/img/search_nvg_top.gif) no-repeat; font-size: 0px; line-height: 0px; position: relative; margin: 0px; padding: 0px; }
div#Well #Well_detail li	{ display: block; height: 47px; float: left; margin-left: 3px; }

/* これ以降Mac IE 5のみに適用される \*//*/
div#Well_detail ul li h2 {
	float: left;
}
/* これ以降Mac IE 5以外にも適用される */

div#Text {
	padding: 5px 10px 10px;
	background: url(/img/search_nvt_bg.gif) repeat-y;;
	width: 429px;
	height: 190px;
	position: relative;
	font-size: 12px;
	line-height: 21px;
}
div#Text span{ display: none; }

/* これ以降Mac IE 5のみに適用される \*//*/
div#Text { height: 60px; }
/* これ以降Mac IE 5以外にも適用される */

div#Text p.Text01 {
	clear: both;
	width: 420px;
	position: absolute;
	margin: 0 0 0 5px;
}

/* hide from Mac IE \*/
* html div#Text img { margin: 0 0px 0 0; }
/* */ 

ul#tab {
	width: 440px;
}

ul#tab li h2 img { cursor: pointer; }




/* --[08-2]:駅まち口コミ情報-- */
div.voiceBox	{ width: 654px; padding: 20px 0px 0px; position: relative; }
div.voiceBox h3				{ width: 654px; height: 37px; }
div.voiceBox a.areaVoice{ background: url(/img/org_arrow.gif) no-repeat 0% 30%; padding: 0px 0px 0px 12px; text-align: right; font-weight: bold; position: absolute; top: 35px; right: 130px; }
div.voiceBox .dataBox		{ background: url(/img/voice_bg.gif) no-repeat; width: 645px; height: 119px; padding: 7px 0px 0px 9px; }
div.voiceBox .dataBox .detailData		{ background: url(/img/voice_box.gif) no-repeat; width: 296px; height: 82px; float: left; padding: 13px 15px 9px 9px; position: relative; }
div.voiceBox .dataBox .detailData .photo{ width: 62px; height: 62px; float: left; }
div.voiceBox .dataBox .detailData p		{ width: 220px; float: right; }
div.voiceBox .dataBox .detailData strong a		{ display: block; font-size: 14px; font-weight: bold; }
div.voiceBox .dataBox .detailData span.textData	{ font-size: 12px; display: block; padding: 3px 0px 0px; }
div.voiceBox .dataBox .detailData .writerName	{ position: absolute; bottom: 14px; right: 14px; font-size: 10px; text-align: right; }
div.voiceBox .dataBox .detailData .stData		{ font-size: 80%; line-height: 14px; position: absolute; left: 10px; bottom: 14px; }
div.voiceBox .dataBox .detailData .stData span	{ color: #ffca39; }
div.voiceBox .dataBox .detailData .voiceIcon	{ width: 74px; text-align: left; padding: 5px 0px 0px; }

/* --[08-3]:駅前新着スポット-- */
div.newBox		{ width: 210px; padding: 5px 0px 0px; float: left; }
div.newBox h3		{ width: 210px; height: 38px; }
div.newBox .dataBox	{ width:196px; padding: 0px 7px; }
div.newBox .detailBox	{ background: url(/img/dotted.gif) repeat-x bottom; width: 196px; padding: 6px 0px 8px; }
div.newBox .detailBox .photo{ width: 50px; height: 50px; float: left; }
div.newBox .detailBox p		{ width: 140px; float: right;line-height: 120%; }
div.newBox .detailBox p a	{ font-size: 100%; font-weight: bold; }
div.newBox .detailBox p .cateArea	{ font-size: 100%; display: block; padding: 3px 0px 0px; }
div.newBox .detailBox p .stName		{ font-size: 100%; display: block; }
div.newBox .detailBox p .stName span{ color: #339933; }
div.newBox .topListLink	{ background: url(/img/green_arrow.gif) no-repeat; font-size: 100%; padding: 1px 5px 0px 13px; width: 90px; float: right; margin: 5px 0px 0px; }

/* --[08-4]:e-NAVITA特集-- */
div.specialBox	{ width: 434px; padding: 5px 0px 0px 0px; float: right; position: relative; }
div.specialBox h3	{ width: 434px; height: 38px; }
div.specialBox .listLink	{ position: absolute; top: 13px; right: 10px; }
div.specialBox .dataBox		{ width: 430px; padding: 0px 2px; }
div.specialBox .detailBox	{ background: url(/img/dotted.gif) repeat-x bottom; width: 424px; padding: 7px 5px 9px; }
div.specialBox .detailBox .photo{ width: 170px; height: 90px; float: left; }
div.specialBox .detailBox p		{ width: 238px; float: right; padding: 2px 0px 5px; }
div.specialBox .detailBox p a	{ font-size: 140%; font-weight: bold; display: block; }
div.specialBox .detailBox p span{ font-size: 100%; display: block; padding: 3px 0px 0px;}
div.specialBox .detailBox .detailBt	{ width: 98px; height: 32px; float: right; }

/* --[08-5]:お知らせ＆更新情報（メイン）-- */
div.infoBox		{ width: 654px; padding: 15px 0px 0px 0px; position: relative; }
div.infoBox h3		{ width: 654px; height: 35px; }
div.infoBox .rssBtn	{ width: 48px; height: 23px; position: absolute; top: 23px; right: 8px; }
div.infoBox .dataBox		{ background: url(/img/info_bg.gif) repeat-y; width: 636px; height: 80px; padding: 10px 3px 0px 15px; }
div.infoBox .dataBox ul		{ width: 636px; height: 80px; overflow: auto; }
div.infoBox .dataBox ul li		{ font-size: 100%; line-height: 16px; padding: 0px 0px 5px; }
div.infoBox .dataBox ul li span	{ display: block; font-size: 80%; padding-left: 5em; }
div.infoBox .btmBar	{ background: url(/img/info_btm.gif) no-repeat; width: 654px; height: 10px; font-size: 0px; line-height: 0px;}

/* --[08-6]:駅まちスポットカテゴリー-- */
div.cateBox		{ width: 654px; padding: 0px 0px 0px 0px; position: relative; }
div.cateBox h3		{ width: 654px; height: 35px; }
div.cateBox .dataBox		{ padding: 10px 0px 0px; position: relative; }
div.cateBox .dataBox ul		{ background: url(/img/cate_bg.gif) no-repeat; margin: 0px; padding: 0px 0px 5px; }
div.cateBox .dataBox ul.listCategory		{ padding: 0px 0px 5px 0px; height: 63px; }
div.cateBox .dataBox li			{ float: left; margin: 0px; padding: 0px; line-height: 0px; font-size: 0px; }
div.cateBox .dataBox .listLink	{ position: absolute; bottom: -30px; right: 0px; }
div.cateBox .spotSearch		{ width: 570px; margin: 5px 0px 15px 0px; }
div.cateBox .spotSearch .cap	{ width: 140px; height: 22px; float: left; }
div.cateBox .spotSearch .textBox{ width: 340px; float: left; }
div.cateBox .spotSearch .textBox input	{ width: 340px; }
div.cateBox .spotSearch .searchBt	{ width: 50px; height: 21px; float: left; padding: 0px 0px 0px 5px; }

/* toolchip */
#text {margin:50px auto; width:500px}
.hotspot {cursor:pointer}
#tt {position:absolute; display:block; background:url(/img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(/img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#333; color:#FFF; text-align: left; line-height: 18px; font-size: 10px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/img/tt_bottom.gif) top right no-repeat; overflow:hidden}

/* -------------------------[02]:教えて！ナビタ（2010/11/10） */

div.OKWaveContents2	{ width: 238px; margin: 0px 0px 5px; }
div.OKWaveContents2 h3	{ width: 238px; height: 33px; }
div.OKWaveContents2 p	{ background: url(/img/qa_combg.gif) no-repeat; width: 198px; height: 33px; padding: 0px 20px; text-align: left; }
div.OKWaveContents2 h4	{ width: 238px; height: 30px; }
div.OKWaveContents2 .dataList	{ background: url(/img/qa_conbg.gif) repeat-y; width: 238px; padding: 5px 0px; text-align: left; }
div.OKWaveContents2 .dataList ul	{ width: 218px; margin: 5px auto 7px; }
div.OKWaveContents2 .dataList li	{ background: url(/img/area/qa_icon.gif) no-repeat; width: 210px; padding: 0px 0px 5px 17px; line-height: 16px; }
div.OKWaveContents2 a.bnr	{ display: block; width: 168px; margin: 0px auto; }
div.OKWaveContents2 .btmBox	{ width: 238px; height: 5px; font-size: 0px; line-height: 0px; }

div.okTOP	{ position: absolute; bottom: -55px; right: 10px; }


/* -------------------------[02]:いいね！コメント承認機能（2010/11/27） */
div.iineWidget	{ clear: both; position: relative; padding: 15px 0px 0px; }
div.iineWidget .iineBtn	{ width: 60px; height: 19px; float: left; position: absolute; left: 0px; }
div.iineWidget table	{ height: 19px; position: absolute; left: 65px; }
div.iineWidget tr,div.iineWidget td	{ border: none; padding: 0px; margin: 0px; }
div.iineWidget .leftBox		{ width: 7px; height: 19px; }
div.iineWidget .centerBox	{ background: url(/img/iine_count_C.gif) repeat-x; height: 18px; text-align: center; font-size: 10px; padding: 1px 3px 0px 5px; font-weight: bold; color: #630; }
div.iineWidget .rightBox	{ width: 3px; height: 19px; }
div.iineWidget .userBox		{ font-size: 10px; padding: 0px 0px 0px 10px; }
iframe.iineWidgetParts	{ margin: 10px 0px 0px; width: 400px; overflow: none; }

