@charset "UTF-8";

/*アコーディオン用javaScript*/
html,
body{
	height: 100%;
}
#contents{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 1px; /* the bottom margin is the negative value of the footer's height */
	padding-bottom:1px;
}
.push {
	height: 1px; /* .push must be the same height as .footer */
}
/*アコーディオン用javaScriptここまで*/

/*==================================================================
	background setting
===================================================================*/
.section h2,
.searchSubmit a,
#searchEdit h2 {
	position:relative;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	display:block;
	background:none;
}
.section h2 span,
.searchSubmit a span,
#searchEdit h2 span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/*==================================================================
	common
===================================================================*/
.section {
	padding:0;
}
h2.style1 {
	margin-bottom:10px;
	position: relative;
}
ul.listType1,
ul.listType3,
ul.listType5,
ul.listType7,
ul.listType9 {
	padding:0 12px;
}

/* searchStationBox
-------------------------------------------------------------------*/
#searchStationBox {
	margin-bottom:20px;
}
#searchStationBox ul.arrowDown li {
	background:url(/img/front/common/common.gif) no-repeat -236px -226px;
}

/* searchSheet
-------------------------------------------------------------------*/
.searchSheet {
	margin:10px 0 25px;
	padding:0 0 15px;
	border:1px solid #cce6f2;
	position:relative;
	background:#f7fbfd;
}
.searchSheet h4 {
	background:#cce6f2;
	line-height:25px;
	height:25px;
	margin-bottom:7px;
	padding-left:10px;
	_padding:4px 0 0 10px;
}
.searchSheet3 h4 {
	padding-left:25px;
	background:#cce6f2 url(/img/front/search/icon_searchSheet3.gif) no-repeat 12px 4px;
}
.searchSheet4 h4 {
	padding-left:25px;
	background:#cce6f2 url(/img/front/common/icon_common.gif) no-repeat 10px -2px;
}
.searchSheet h4 input {
	_margin:2px 0 0 0;
}
.searchSheet h4 a {
	font-weight:normal;
}
.searchSheet input {
	margin:0 5px 0 0;
}
.searchSheet h4 span {
	color:#333;
	font-weight:normal;
}
.searchSheet .btnSearch {
	position:absolute;
	top:5px;
	right:5px;
}
.searchSheet ul {
	padding:0 10px;
	margin-bottom:3px;
}
.searchSheet ul li {
	float:left;
	zoom:1;
}
.searchSheet ul li span {
	font-size:10px;
	color:#666;
}
.searchSheet ul li a span {
	color:#3366cc;
}
.searchSheet1 li,
.searchSheet3 li {
	line-height:1.5;
}

.searchSheet .formListType2 {
	width: 890px;
	margin: 0 auto;
} 

.searchSheet .formListType1 li {
	width:180px;
}
.searchSheet .formListType2 li {
	/*width:224px;*/
	width: 220px;
}
.searchSheet .formListType3 li {
	width:300px;
}
.searchSheet .formListType4 li {
	width:450px;
}
.searchSheet .formListType5 li {
	width:150px;
}
p.gosearch {
	margin:-25px 0 15px 825px;
	padding:0 10px;
	width:80px;
	height:20px;
	line-height:20px;
	background:#cce6f2;
	font-size:10px;
	text-align:center;
}
p.gosearch a {
	padding-left:16px;
	background:url(/img/front/common/common.gif) no-repeat -236px -231px;
}

/*==================================================================
	searchEdit
===================================================================*/
#searchEdit {
	margin-top:-25px;
	padding-top:45px;
	background:url(/img/front/search_result/bg_arrow.gif) no-repeat 50% 0;
}
#searchEdit h2 {
	width:929px;
	height:28px;
}
#searchEdit h2 span {
	background:url(/img/front/common/h.gif) no-repeat 0 -184px;
}
/**/
#searchEdit table{
	width: 928px;
	border-collapse: separate;
	border-spacing: 0;
	border: 0 none;
}
#searchEdit .sheet th,
#searchEdit .more th{
	border: 0 none;
	width:150px;
	border-bottom:1px solid #AAD7EC;
	border-left:1px solid #AAD7EC;
	border-right:1px solid #AAD7EC;
}
#searchEdit .sheet td,
#searchEdit .more td {
	border: 0 none;
	border-bottom:1px solid #AAD7EC;
	border-right:1px solid #AAD7EC;
}
#searchEdit table th.w150{
	width: 16% ;
}

#searchEdit .more th {
	width:150px;
}
/**/
#searchEdit div.select,
#searchEdit .formListType1 {
	float:left;
	clear:none;
}
#searchEdit div.select {
	margin:5px 10px 0 0;
}
#searchEdit li {
	white-space:nowrap;
}
#searchEdit .formListType1 li,
#searchEdit .formListType4 li {
	width:auto;
}
#searchEdit .submitBox {
	margin:30px 0 0 0;
	width:932px;
	height:58px;
	background:url(/img/front/accordion/accordion.gif) no-repeat;
	text-align:center;
}
#searchEdit .submitBox input {
	padding-top:15px;
}
#searchEdit li input{
	margin-right: 2px;
}

/* searchSelectBtn 100511 */
.style1 span.selectAreaBtn,
.style1 span.selectLineBtn {
	position: absolute;
	top: 6px;
	right: 15px;
}
.style1 span,
.style1 span a {
	width: 143px;
	height: 25px;
	display: block;
}
.style1 span a span {
	background: url(/img/front/search_list/search_selectbtn.png) no-repeat;
}
.style1 span.selectAreaBtn a span {
	background-position: 0 0;
}
.style1 span.selectAreaBtn a:hover span {
	background-position: 0 bottom;
}
.style1 span.selectLineBtn a span {
	background-position: -144px 0;
}
.style1 span.selectLineBtn a:hover span {
	background-position: -144px bottom;
}

.selectAll {
	width: 910px;
	margin: 10px auto 0;
}
.selectAll p {
	padding: 5px 10px;
	background: #D7E8F0;
	font-weight: bold;
}


/* 町名選択切り替えタブ
-----------------------------------------------------------------*/
.selectTabArea p {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 27px;
	vertical-align: middle;
}
.selectTabArea ul {
	float: right;
}
.selectTabArea ul li {
	float: left;
	width: 146px;
	margin-right: 5px;
}
.selectTabArea ul li a {
	background: url(/img/front/search_list/guide_tab.png) no-repeat;
	width: 146px;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 27px 0 0;
}

.selectTabArea ul li.selectAreaBtn a {
	background-position: 0 0;
}
.selectTabArea ul li.selectTownBtn a {
	background-position: -149px 0;
}
.selectTabArea ul li.selectAreaBtn a.selected,
.selectTabArea ul li.selectAreaBtn a:hover {
	background-position: 0 -40px;
}
.selectTabArea ul li.selectTownBtn a.selected,
.selectTabArea ul li.selectTownBtn a:hover {
	background-position: -149px -40px;
}
.m025 {
	margin:0 0 25px;
}

/*　通勤通学時間検索 */
#titleAreaPoint {
	clear:both;
	background:url(/img/front/detail/route_guide_parts.png) no-repeat;
	height: 75px;
	position: relative;
}
#titleAreaPoint h2.style1 {
	float:left;
	height:38px;
	line-height:38px;
	background:none;
}
#titleAreaPoint ul {
	position: absolute;
	top:40px;
	right: 10px;
}
#titleAreaPoint ul li {
	display: inline;
	padding-left: 10px;
}
#titleAreaPoint ul li a {
	background:url(/img/front/detail/route_guide_parts.png) no-repeat -271px -79px;
	padding:  0 0 0 16px;	
}
.norikaeBox {
	margin-bottom: 40px;
}
.norikaeBox table {
	border-collapse: collapse;
}
.norikaeBox table th {
	padding: 10px;
}
.norikaeBox table td {
	padding: 5px 10px 10px;
}
.norikaeBox ul li {
	float: left;
	padding: 2px 5px;
	vertical-align: middle;
}
.norikaeBox ul li input {
	margin: 0px 5px 0 0;
	border: 1px solid #CCC;
	padding: 2px;
	height: 18px;
	width: 310px;
}
.norikaeBox ul li select {
	margin: 0px 5px 0 0;
}

.norikaeBox .staList {
	padding: 5px 0;
	border-bottom: 1px solid #AAD7EC;
}
.norikaeBox .staListLast {
	padding: 5px 0 0;
    border-bottom: 0;
}


.norikaeBox li.stationLi {
    width: 360px;
}
.norikaeBox li.timeLi {
    width: 100px;
    white-space: nowrap;
}
.norikaeBox li.changeLi {
    width: 160px;
    white-space: nowrap;
}
.norikaeBox li.btnLi {
    width: 80px;
}


.staDel a {
	background:url(/img/front/detail/route_guide_parts.png) no-repeat 0 -89px;
	width: 79px;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 22px 0 0;
}
.staDel a:hover {
	background-position: -89px -89px;
}
.staAdd {
	margin-top: 1px;
	background: #F5F5F5;
	padding: 8px 10px;
}
.staAdd a {
	background:url(/img/front/detail/route_guide_parts.png) no-repeat 0 -121px;
	width: 119px;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 27px 0 0;
	float: right;
}
.staAdd a:hover {
	background-position: -129px -121px;
}

.norikaeBox .submitBox {
	margin:30px 0 0 0;
	width:930px;
	height:58px;
	background:url(/img/front/detail/route_guide_parts.png) no-repeat 0 -170px;
	text-align:center;
}
.norikaeBox .submitBox input {
	padding-top:15px;
}
.norikaeBox li input{
	margin-right: 2px;
}

p.comment {
	padding: 0 10px 10px;
}
p.comment strong {
	color: #F60;
	font-weight: bold;
}

/*==================================================================
	hacks setting
===================================================================*/
/* clearfix styles
-------------------------------------------------------------------*/
.searchSheet ul:after,
.norikaeBox ul li:after,
.staList:after,
.staAdd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.searchSheet ul,
.norikaeBox ul li,
.staAdd,
.staList {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .searchSheet ul,
* html .norikaeBox ul li,
* html .staAdd
* html .staList {
	height: 1%;
}
.searchSheet ul,
.norikaeBox ul li,
.staAdd,
.staList {
	display: block;
}