@charset "UTF-8";

/* -------------------------------
検索*/
.search_box table{
	margin-bottom:10px;
	border-top:1px solid #eee;
}
.search_box table th{
	width:100px;
	background:#f3f3f3 url(/img/common/bg_line.jpg) repeat-y left top;
	padding:8px 8px 8px 11px;
	border-bottom:1px solid #fff;
	vertical-align:top;
}
.search_box table td{
	padding:8px 8px 4px 8px;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	vertical-align:top;
}
.search_box table td label{
	width:33%;
	float:left;
	margin:2px 0;
}
.search_box table .property{
	padding-bottom:4px;
}
.search_box table .property label{
	width:33%;
	float:left;
}
.search_box table .layout label,
.search_box table .sort label{
	width:33%;
	float:left;
}
.search_box table td.station_list,
.search_box table td.city_list{
	padding-bottom:0;
}
.search_box table td ul{
	overflow:hidden;
	margin-bottom:6px;
}
.search_box table td li.parent_list{
	float:left;
	width:33%;
	margin-bottom:2px;
}
.search_box table td #station_box,
.search_box table td #city_box{
	margin-top:5px;
	clear:both;
}

.search_box table td #station_box dt,
.search_box table td #city_box dt{
	padding:2px 0 2px 7px;
	font-size:110%;
	background:#EFF1F3;
	clear:both;
	display:block;
	_height:20px;
}

.search_box table td #station_box dt strong,
.search_box table td #city_box dt strong{
	float:left;
	font-size:90%;
}

.search_box table td #station_box dt div,
.search_box table td #city_box dt div{
	float:right;
	font-size:85%;
}

.search_box table td #station_box dt div a,
.search_box table td #city_box dt div a{
	margin-right:12px;
	padding:0 0 0 12px;
	background:url(/img/common/icon_errow.jpg) no-repeat left center;
}

.search_box table td #station_box dd,
.search_box table td #city_box dd{
	padding:5px 0 7px 0;
}
.search_box .submit{
	text-align:center;
}
.search_box .submit input{
	padding:5px 20px;
}
.search_box table .th02{	
	width:15%!important;
	background-image:none;
}
.search_box table .th03{
	width:22%!important;
	background-image:none;
}
.search_box table dt{
	width:auto!important;
	clear:both!important;
}
.search_box table dd{
	clear:both;
}

/* -------------------------------
フォーム */

#form_message{
	margin-bottom:10px;
	line-height:1.5;
}
#form_message a{
	text-decoration:underline;
	color:#a0254d;
}
#form_message a:hover{
	text-decoration:none;
}
#form_error{
	color:#c00;
	margin-bottom:10px;
}
.require{
	color:#840027;
}
form .require{
	margin-left:3px;
}
.form_box .message{
	margin-bottom:15px;
}

.form_box table{
	width:100%;
	border:0;
	border-top:1px solid #eee;
	border-collapse:collapse!important;
	margin-bottom:10px;
	font-size:95%;
}
.form_box table th{
	width:150px;
	background:#eee url(/img/common/bg_line.jpg) repeat-y left top;
	padding:8px 8px 8px 11px;
	border-bottom:1px solid #fff!important;
	vertical-align:top;
}
.form_box table td{
	padding:8px;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	vertical-align:top;
}
.form_box table td input,
.form_box table td textarea{
	margin-bottom:2px;
	vertical-align:middle;
}
.form_box table td label{
	margin-right:10px;
}
.form_box table td .options{
	margin-right:12px;
}
.form_box .submit{
	text-align:center;
}
.form_box .submit input{
	padding:5px 20px;
	margin:0 10px;
}
.form_box #error{
	margin-bottom:20px;
}
.form_box #error dt{
	color:#c00;
	font-weight:bold;
}
.form_box #error dd{
	color:#c00;
}

/* -------------------------------
地図検索 */
#textinfo{
	background:#f17200;
	padding:3px 6px;
	color:#fff;
}
#latlng{
	padding:8px 0 5px 0;
}
#latlng label{
	margin-right:10px;
}
#latlng p span{
	color:#666;
	font-size:85%;
	padding-left:10px;
}
#latlng p span em{
	color:#f17200;
}
#latlng input,
#latlng img{
	vertical-align:middle;
	margin-right:3px;
}
#latlng img{
	margin-right:10px;
}
#latlng .station{
	padding:10px 0 5px 0;
}
#latlng .station p{
	padding-bottom:5px;
	color:#666666;
	font-size:90%;
}
#latlng .station ul{
	border:1px solid #ccc;
	padding:5px 8px;
}
#latlng .station li{
	display:inline;
}
#intro{
	padding:6px 0;
}
.map_search p{
	padding-bottom:5px;
	color:#666666;
	font-size:90%;
}
.map_search table{
	width:100%;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-bottom:10px;
}
.map_search th{
	width:15%;
	border-bottom:1px solid #ccc;
	padding:8px 8px 8px 11px;
	background:#F3F3F3 url(/img/common/bg_line.jpg) repeat-y left top;
}
.map_search td{
	width:35%;
	border-bottom:1px solid #ccc;
	padding:8px;
}
.map_search td dt,
.map_search td dd,
.map_search td ul,
.map_search td li{
	display:inline;
}
.map_search td li{
	margin-right:10px;
}
.map_search td p{
	font-size:90%;
	color:#666;
}

.map_window{
}
.map_window h2{
	font-weight:bold;
	margin-bottom:3px;
	font-size:90%;
}

.change{
	height:34px;
	position:relative;
}
.change .change_txt{
	position:absolute;
	left:35px;
	top:12px;
}
.change .to_list{
	position:absolute;
	right:0;
	top:0;
}


/* -------------------------------
clearfix */

.search_box table dt,
.search_box table dd{
display: inline-table;/* MACのIE向け */
/* \*/ display: block;/* *//* MACのIE以外にdisplay: block;を上書き */
min-height: 1px;/* IE7向けに親ボックスの最小高さを指定 */
}
/* IE6以下にはスターハックを使い親ボックスの高さを指定 */
/* MACのIEには以下の内容を適用しない \*/
* htnl .search_box table dt,
* html .search_box table dd{
height: 1%;
}
/* MACのIEには以上の内容を適用しない */
/* IE以外のモダンブラウザ向け */
.search_box table dt:after,
.search_box table dd:after{
content: ".";/*ピリオド（.）を生成*/
display: block;/*clearを効かせるためピリオドをブロック要素に見せる*/
visibility: hidden;/*ピリオドを隠す*/
height: 0;/*ピリオドの高さをなくす*/
line-height: 0;/*ピリオドの行間をなくす*/
clear: both;/*クリアする*/
}