@charset "utf-8";
/*********************************************
	スマイティ	sumaithy.com
	[map.css] サイトトップ　日本地図切替えの設定
	
	map 幅		733px(border除外)
	map 高さ	382px(border除外)
	
*********************************************/
div#top_map{
	position: relative;
	/* background: url(/images/top/bg_map_main.png) repeat-x left top; */
	width: 733px;
	z-index: 0;
	border: 1px solid #ccc;
	margin-bottom:10px;
}
h2#map_title{
	position: absolute;
	width: 463px;
	height: 55px;
	top: 3px;
	left: 3px;
	z-index: 2;
}
img#map_flow{
	position: absolute;
	display: block;
	width: 178px;
	height: 65px;
	top: 75px;
	left: 2px;
	z-index: 2;
}

/*------------------------
	駅名検索
-------------------------*/
#station_search {
	position:absolute;
	top:10px;
	left:10px;
	width:405px;
	height:57px;
	background: url(/images/map/bg_station_search.png) no-repeat;
	padding-left:52px;
}
* html #station_search {
	width:457px;
}
#station_search .title_box {
	float:left;
	margin:7px 8px 0 0;
}
#station_search .title_box p {
	font-size:10px;
	letter-spacing:0.1em;
}
#station_search .title_box .title {
	color:#e20000;
	font-size:14px;
	font-weight:bold;
}
#station_search .stname {
	float:left;
	width:154px;
	min-height:21px;
	font-size:14px;
	margin:8px 8px 0 0;
	padding:1px 4px;
	line-height:20px;
}
* html #station_search .stname {
	width:166px;
	height:26px;
	padding:4px 4px;
	line-height:1;
}
#station_search .btn_search {
	margin-top:7px;
}
/* サジェスト */
.input_follow_map
{
	position:absolute;
	top:34px;
	left:208px;
	width:154px;
	border:1px solid #cccccc;
	font-size:12px;
	background:#fafafa;
	padding:5px;
	line-height:130%;

	}
* html .input_follow_map
{
	width:166px;

	}
.input_follow_map div
{
    display: block;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
}
.input_follow_map div.select
{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
.input_follow_map div.over
{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

/* サジェスト */
.input_follow_map_2
{
	/*position:absolute;*/
	top:30px;
	left:200px;
	width:150px;
	border:1px solid #cccccc;
	font-size:12px;
	background:#fafafa;
	padding:5px;
	line-height:130%;

	}

.input_follow_map_2 div
{
    display: block;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
}
.input_follow_map_2 div.select
{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
.input_follow_map_2 div.over
{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}


/* [エラー]駅が存在しない場合 */
#station_search .error01 {
	position:absolute;
	top:38px; left:202px;
	width:170px; height:35px;
	background: url(/images/map/bg_station_search_error01.png) no-repeat;
	padding:15px 10px 10px 10px;
}
* html #station_search .error01 {
	width:190px; height:40px;
}
#station_search .error01 p {
	margin-bottom:2px;
	color:#333;
}
#station_search .error01 .alert {
	margin:0;
	color: #E65252;
}

/* [エラー]複数駅の候補がある場合 */
#station_search .error02 {
	position:absolute;
	top:38px; left:202px;
	width:170px; height:61px;
	background: url(/images/map/bg_station_search_error02.png) no-repeat;
	padding:15px 10px 10px 10px;
}
* html #station_search .error02 {
	width:190px; height:86px;
}
#station_search .error02 p {
	margin-bottom:2px;
	color:#333;
}
#station_search .error02 .alert {
	margin:0;
	color: #E65252;
}

/*------------------------
	都道府県ボタン位置
-------------------------*/
area{
	cursor: pointer;
}
ul#map_btn li{
	position: absolute;
	z-index: 30;
}
ul#map_btn li a{
	display: block;
	background: url(/images/map/btn_47.png) no-repeat left top;
	width: 58px;
	height: 21px;
}
ul#map_btn li a span{
	display: none;
}
/* 北海道 基点 x=609 y=19*/
ul#map_btn li.hokkaido a{left: 609px;top: 19px;}

/* 東北 基点 x=571 y=154*/
.aomori{left: 571px;top:154px;} ul#map_btn li.aomori a{background-position:0 -21px;}
.akita{left: 571px;top:176px;} ul#map_btn li.aomori a{background-position:0 -21px;}
.yamagata{left: 571px;top:198px;} ul#map_btn li.aomori a{background-position:0 -21px;}
.miyagi{left: 630px;top:154px;} ul#map_btn li.aomori a{background-position:0 -21px;}
.iwate{left: 630px;top:176px;} ul#map_btn li.aomori a{background-position:0 -21px;}
.fukushima{left: 630px;top:198px;} ul#map_btn li.aomori a{background-position:0 -21px;}/*

/* hover window */
.hover_menu{
	background: url(/images/map/bg_pop_window.png) no-repeat left top;
	position: absolute;
	z-index: 100;
	width: 162px;
	height: 86px;
	top: 14px;/* temporary*/
	left: 670px;/* temporary*/
}
.hover_menu p.menu{
	margin: 3px 10px 0 16px;
}
.hover_menu p{
	clear: both;
	overflow: hidden;
	zoom:1;
}
.hover_menu p a{
	display: block;
	margin: 4px 0 5px 0;
	padding-bottom: 7px;
	font-weight:bold;
}
.hover_menu p.menu a.ensen{
	border-bottom: 1px dotted #ccc;
	background: url(/images/map/ico_ensen.gif) no-repeat left top;
	padding-left:20px;
}
.hover_menu p.menu a.area{
	background: url(/images/map/ico_area.gif) no-repeat left top;
	padding-left:20px;
}
.hover_menu .close_btn{
	margin: 4px 8px 0 0;
	width: 43px;
	float: right;
	cursor: pointer;
	overflow: hidden;
	zoom:1;
}
/* CSS Document */