@charset "euc-jp";

/* =====================================================
　ページ内共通スタイル
=======================================================*/
body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	}

/* リンク */
a {
text-decoration:none;
}
a:visited{
color: #0066FF;
}
a:hover{
text-decoration:underline;
}

/* ページ共通下余白スタイル */
#wrapper .mb10{		
margin-bottom:10px !important;
}

/* =====================================================
　地図直下のPRスペース スタイル
=======================================================*/
.top_pr{
	height: 110px;
}
.top_pr ul{
	list-style-type: none;
}

.top_pr ul li{
	padding: 2.5px;
	float: left;
	overflow: hidden;
}

/* =====================================================
　wrapper　トップ全コンテンツ
=======================================================*/
#wrapper{
width:900px;
margin:0 auto;
padding-bottom:30px;
}

#wrapper .conBlock{
border-right:solid 1px #E5E5E5;
border-left:solid 1px #E5E5E5;
overflow:hidden;
background-color:#FFFFFF;
}

#wrapper .conBlock h2{
clear:both;
position:relative;
height:25px;
padding:5px 10px;
background:url(/images/top_img/heading_bg.png) repeat-x;
font-size:90%;
font-weight:bold;
}

#wrapper .conBlock h3{
clear:both;
padding:5px;
font-size:80%;
font-weight:bold;
background-color:#D5DEE6;
}

#wrapper .bb{
border-bottom:solid 1px #E5E5E5 !important;
}



/*spLinkButton　（スマホ版へのリンクボタン）
-----------------------------------------------*/
div#spLinkButton {
	width:100%;
}

div#spLinkButton a{
	display:block;
	width:880px;
	margin:3% auto;
	padding:50px 10px;
	font-size:3em;
	background: #febbc2; /* Old browsers */
	background: -moz-linear-gradient(top,  #febbc2 2%, #cb4a60 50%, #bc0525 51%, #ec031e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#febbc2), color-stop(50%,#cb4a60), color-stop(51%,#bc0525), color-stop(100%,#ec031e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #febbc2 2%,#cb4a60 50%,#bc0525 51%,#ec031e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #febbc2 2%,#cb4a60 50%,#bc0525 51%,#ec031e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #febbc2 2%,#cb4a60 50%,#bc0525 51%,#ec031e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #febbc2 2%,#cb4a60 50%,#bc0525 51%,#ec031e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbc2', endColorstr='#ec031e',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:0 3px 3px #999;
	-webkit-box-shadow:0 3px 3px #999;
	box-shadow:0 3px 3px #999;
	color: #FFFFFF;
	text-shadow:-1px -1px 0px #666;
	text-decoration:none;
	text-align:center;
	border-radius:6px;
	border: solid 1px #D20000;
}


/*add_　（各広告枠）
-----------------------------*/
.add_center {
clear:both;
width:728px;
margin:0 auto 20px;
padding-top:20px;
}

.add_right {
margin:10px auto;
}


/* =====================================================
　header　（ヘッダー）
=======================================================*/
#header{
width:900px;
margin:0 auto;
background-image:url(../images/h_img/h_bg.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
position:relative;
}

.prelogin{
height:96px;
}

.afterlogin{
height:115px;
}

#header p#copy{
font-size:80%;
line-height:1.4em;
position:absolute;
top:29px;
left:7px;
}

#header h1{
position:absolute;
top:47px;
left:7px;
width:223px;
height:45px;
}

#header ul.userName{
list-style:none;
position:absolute;
top:2px;
/top:4px;
left:7px;
}

#header ul.userName li{
font-size:80%;
line-height:1.4em;
display:inline;
}

#header ul.userName li.userN{
border-right:1px solid #999999;
padding-right:4px;
margin-right:4px;
}

#header ul.userName li span{
font-weight:bold;
}

#header ul.hNavi{
list-style:none;
position:absolute;
top:2px;
right:7px;
}

#header ul.hNavi li{
font-size:80%;
line-height:1.4em;
display:inline;
}

#header ul.hNavi li.list1{
border-right:1px solid #999999;
padding-right:4px;
margin-right:4px;
}

#header #h_bnr{
width:468px;
position:absolute;
top:29px;
right:0px;
text-align:right;
}



/* =====================================================
　footer　（フッター）
=======================================================*/
ul#footer_link{
width:900px;
margin:0 auto;
list-style:none;
}

ul#footer_link li{
text-align:right;
font-size:80%;
line-height:1.5em;
}


#footer{
width:900px;
margin:0 auto;
position:relative;
}

#footer ul#endnavi{
list-style:none;
border-left:1px solid #333333;
}

#footer ul#endnavi li{
float:left;
font-size:80%;
line-height:1.4em;
border-right:1px solid #333333;
margin:0 3px;
padding-right:4px;
}

#footer #guide_menu{
padding:0 10px 10px;
margin:8px 0;
border:solid 1px #E5E5E5;
background:url(../images/top_img/footer_bg.png) repeat-x;
background-position:bottom;
}

#footer #guide_menu a{
font-size:80%;
text-decoration:none;
line-height:1.4em;
color:#767676;
}

#footer #guide_menu .guideBlock{
width:210px;
line-height:1.4em;
color:#333;
float:left;
margin-bottom:10px;
}

#footer #guide_menu p{
padding-top:10px;
font-size:90%;
line-height:1.4em;
color:#333;
}

#footer #guide_menu a{
line-height:1.4em !important;
}

#footer #guide_menu ul{
margin:0;
padding:0;
list-style:outside none;
}

#footer #guide_menu ul li{

}

#footer #guide_menu .prefBlock{
clear:both;
text-decoration:none;
line-height:1.4em;
}

#footer dl#cpyright{
margin:0 auto;
width:23em;
}

#footer dl#cpyright dd{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 12px;
	color: #666666;
}

#footer dl#cpyright dd a{
	text-decoration: underline;
}

#cpyright a:link { color: #666666; }
#cpyright a:visited { color: #666666; }
#cpyright a:hover { color: #666666; }
#cpyright a:active { color: #666666; }




/* =====================================================
　mainBlock　（大枠左）
=======================================================*/
#mainBlock{
float:left;
width:590px;
}

/*topInfo　（緊急ニュース枠）
-------------------------------------------------------*/
ul#topInfo{
margin-bottom:10px;
padding-left:0;
border:solid 1px #F6D580;
border-left:none;
background-color:#fff799;
list-style:none;
}

ul#topInfo li{
height:24px;
line-height:24px;
font-size:80%;
}

ul#topInfo li span{
height:24px;
line-height:24px;
padding:3px 3px;
background-color:#DA5019;
color:#FFFFFF;
font-weight:bold;
}

/* mapSpace（地図表示枠）
-----------------------------------------*/
.mapSpace {
border-top:solid 4px #C5092F;
margin-bottom:10px;
position:relative;
}

/* searchBlock （検索フォーム）*/
#searchBlock{
position: absolute;
top:3px;
}
#searchBlock #keywordSearchBox{
min-height: 50px;
}

#searchBlock #keywordSearchBox h2{
display:block;
width:111px;
height:13px;
margin-bottom:3px;
background:url(../images/top_img/map_keyword_search.png) no-repeat;
background-position:left top;
text-indent:-4000px;
line-height:13px;
}

/* for IE6 */
* html #searchBlock #keywordSearchBox{
height: 80px;
}

#searchBlock #keywordSearchBox .radioBtn{
padding-top: 20px;
margin-left: 8px;
width: 325px;
}

#searchBlock #keywordSearchBox label{
font-size:80%;
margin:0px 0px 0px 3px;
_margin:0px -3px 0px 0px;
cursor: pointer;
}

/*IE7用*/
*:first-child+html #searchBlock #keywordSearchBox label{
font-size:80%;
margin:0px -3px 0px 0px;
cursor: pointer;
}

#searchBlock input.inputstyle-item03{
position:relative;
top:0;
left:0;
padding:0 5px 0px;
height: 23px;
font-size:100%;
line-height: 23px;
vertical-align: middle;
width: 342px;
float:left;
}

#searchBlock #keywordSearchBox a.keysrch_btn{
position:relative;
top:0;
right:0;
text-indent: -9999px;
display: block;
width: 62px;
height: 27px;
background-image: url(../images/top_img/btn_map_search.png);
background-repeat: no-repeat;
float:left;
/*\*/overflow: hidden;/**/
}
#searchBlock #keywordSearchBox a.keysrch_btn:hover{
background-position:0 -27px;
}

#hSrch{
position:relative;
margin-top:5px;
}

#keyword2 span{
float:left;
position:relative;
top:8px;
}


/* =====================================================
　contents　（mainBlock内右・中央カラム）
=======================================================*/
#contents{
float:right;
width:400px;
padding-top:10px;
}

/*kankouBlock
-------------------------------------------------------*/
.kankouBlock {
padding:10px 0 0 10px;
}

.kankouBlock ul {
margin:0;
padding:0;
list-style:none;
}

.kankouBlock ul li{
display:block;
float:left;
width:180px;
height:135px;
padding:0 12px 10px 0;
overflow:hidden;
}
.kankouBlock ul li>a{
display:block;
width:180px;
min-height:70px;
margin-bottom:5px;
}

.kankouBlock ul li p.date{
font-size:70%;
line-height:1.2em;
}
.kankouBlock ul li img.new{
vertical-align:middle;
}

.kankouBlock ul li p.title{
font-size:80%;
}

/*imgList_m　（画像(60px)つきリンクリスト）
-------------------------------------------------------*/
#contents ul.imgList_m {
margin:0;
padding:0;
list-style:outside none;
}

#contents ul.imgList_m li{
padding:10px;
overflow:hidden;
}

#contents ul.imgList_m li dl dt{
float:left;
width:60px;
}
#contents ul.imgList_m li dl dd{
float:right;
width:300px;
min-height:60px;
}

#contents ul.imgList_m li dl dd h4,
#contents ul.imgList_m li dl dd p {
font-size:80%;
}

/*newsList　（ニュースリスト）
-------------------------------------------------------*/
.toNews {
position:absolute;
top:6px;
right:10px;
padding-left: 15px;
background-image: url(../images/top_img/link.png);
background-repeat: no-repeat;
background-position: 0 4px;
font-weight: normal;
}

.newsList{
	width:398px;
	padding: 10px 0 0;
}

.newsList dl{
	width:380px;
	margin: 0 auto 9px;
	font-size:80%;
	clear: both;
	overflow:hidden;
}

.newsList dl dt{
	width: 90px;
	float:left;
	margin-right: 5px;
	word-wrap:break-word;
	word-break:break-all;
}

.newsList dl dd{
	width:280px;
	float: left;
}

.newsList dl dd a{
	line-height:1.4em;
}


/* =====================================================
　serviceMenu　（mainBlock内左・メニューカラム）
=======================================================*/
#serviceMenu{
float:left;
width:180px;
padding-top:10px;
}

/*icoList　（アイコンつきメニューリスト）
-------------------------------------------------------*/
ul.icoList{
margin:0;
padding:0;
list-style:outside none;	
}

ul.icoList li{
}

ul.icoList li a{
display:block;
height:20px;
line-height:20px;
margin:0;
padding:5px 5px 5px 38px;
background-image:url(../images/top_img/icons.png);
background-repeat:no-repeat;
font-size:80%;
text-decoration:none;
}

a.add{ background-position: 3px 0;} 
a.hemo{ background-position: 3px -40px;} 
a.kankou{ background-position: 3px -80px;} 
a.maplink{ background-position: 3px -120px;} 
a.moto{ background-position: 3px -160px;} 
a.odekake{ background-position: 3px -200px;} 
a.route{ background-position: 3px -240px;} 
a.route2{ background-position: 3px -280px;} 
a.shiori{ background-position: 3px -320px;} 
a.spot{ background-position: 3px -360px;} 
a.sta{ background-position: 3px -400px;} 
a.train{ background-position: 3px -440px;} 
a.tv{ background-position: 3px -480px;} 
a.weather{ background-position: 3px -520px;} 

ul.icoList li a:hover{
background-color:#FFFBD5;
}

/*txtList （テキストリスト）
--------------------------------*/
ul.txtList{
margin:0;
padding:0;
list-style:outside none;	
}

ul.txtList li{
display:block;
margin:0;
padding:5px 5px 5px 20px;
background-image:url(../images/top_img/link.png);
background-repeat:no-repeat;
background-position: 6px 10px;
line-height:1.4em;
}
ul.txtList li.blank{
background-image:url(../images/top_img/link_blank.png);
}

ul.txtList li a{
font-size:80%;
}

.oneLink {
margin-bottom:10px;
padding:5px 5px 5px 20px;
background-image:url(../images/top_img/link.png);
background-repeat:no-repeat;
background-position: 6px 10px;
font-size:80%;
}

/* =====================================================
　prBlock　（大枠右）
=======================================================*/
#prBlock{
float:right;
width:300px;
}

/*memberBlock　（ログイン情報枠）
-------------------------------------------------------*/
#prBlock dl#memberBlock{
width:298px;
border:1px solid #E6E6E6;
margin-top:10px;
margin-bottom:10px;
background-color:#FFFBD5;
overflow:hidden;
}

#prBlock dl#memberBlock dt{
padding:8px 10px 9px;
margin-bottom:5px;
background-color:#FCEDAA;
}

#prBlock dl#memberBlock dt span{
font-size:80%;
}

#prBlock dl#memberBlock dd{
padding-bottom:10px;
}

#prBlock dl#memberBlock dd p{
margin:8px 0 10px 10px;
font-size:80%;
line-height:1.5em;
}

#prBlock dl#memberBlock ul{
margin-left:13px;
list-style:none;
}

#prBlock dl#memberBlock ul li{
float:left;
width:130px;
height:40px;
text-indent:-9999px;
padding-right:10px;
}

#prBlock dl#memberBlock ul li a{
display:block;
width:130px;
height:40px;
font-size:80%;
background-repeat:no-repeat;
/*\*/overflow: hidden;/**/
}
#prBlock dl#memberBlock ul li a.login{
background-image:url(../images/top_img/btn_login.png);
}

#prBlock dl#memberBlock ul li a.entry{
background-image:url(../images/top_img/btn_entry.png);
}

#prBlock dl#memberBlock ul li a.logout{
background-image:url(../images/top_img/btn_logout.png);
}

#prBlock dl#memberBlock ul li a.edit{
background-image:url(../images/top_img/btn_edit.png);
}

#prBlock dl#memberBlock ul li a:hover{
background-position:0 -40px;
}

#prBlock dl#memberBlock ul#serviceList{
padding:5px 0 0;
}

#prBlock dl#memberBlock ul#serviceList *{
margin:0;
padding:0;
font-size:100%;
text-indent:0;
}

#prBlock dl#memberBlock ul#serviceList li{
font-size:80%;
width:112px;
padding:0 0 0 23px;
background-repeat:no-repeat;
}

#prBlock dl#memberBlock ul#serviceList li.service1{
background-image:url(../images/top_img/icon_odekake.png);
}
#prBlock dl#memberBlock ul#serviceList li.service2{
background-image:url(../images/top_img/icon_shiori.png);
}
#prBlock dl#memberBlock ul#serviceList li.service3{
background-image:url(../images/top_img/icon_moto.png);
}

#prBlock dl#memberBlock ul#serviceList li a{
display:inline;
}

/*imgList_l　（画像(84px)つきリンクリスト）
-------------------------------------------------------*/
#prBlock ul.imgList_l {
margin:0;
padding:0;
list-style:outside none;
}

#prBlock ul.imgList_l li{
padding:10px;
clear:both;
overflow:hidden;
}

#prBlock ul.imgList_l li dl dt{
float:left;
width:84px;
min-height:50px;
vertical-align:middle;
}

#prBlock ul.imgList_l li dl dd{
float:right;
width:185px;
min-height:50px;
}

#prBlock ul.imgList_l li dl dd a,
#prBlock ul.imgList_l li dl dd p{
font-size:80%;
}

#prBlock ul.imgList_l li dl dd p a{
font-size:100%;
}

/*imgList_m　（画像(60px)つきリンクリスト）
-------------------------------------------------------*/
#prBlock ul.imgList_m {
margin:0;
padding:0;
list-style:outside none;
}

#prBlock ul.imgList_m li{
padding:10px;
overflow:hidden;
}

#prBlock ul.imgList_m li dl dt{
float:left;
width:60px;
}
#prBlock ul.imgList_m li dl dd{
float:right;
width:200px;
min-height:60px;
}

#prBlock ul.imgList_m li dl dd a,
#prBlock ul.imgList_m li dl dd p {
font-size:80%;
}


/*hotspotsrch　（スポンサーサイト検索）
-------------------------------------------------------*/
#hotspotsrch {
border:solid 1px #E5E5E5;
border-top:none;
overflow:hidden;
}

#hotspotsrch dt{
clear:both;
height:25px;
padding:5px 10px;
background:url(/images/top_img/heading_bg.png) repeat-x;
font-size:90%;
font-weight:bold;
}

#hotspotsrch dd{
padding:10px;
}

#hotspotsrch dd a{
font-size:80%;
}