@charset "UTF-8";

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

/*==================================================================
	main
===================================================================*/
#p-contents #container {
	background:none;
}
#p-contents {
	width:700px;
	margin:0 auto;
	padding:0;
	background:#ffffff;
}
#p-contents .formList li input,
#p-contents .searchList li input {
	margin-top:-3px;
}

/*==================================================================
	common
===================================================================*/
#p-contents .section {
	padding:20px 18px 5px 18px;
	background-color:#FFF;
	margin-bottom:20px;
}
#p-contents .section h2 {
	margin-left:2px;
	height:28px;
}
#p-contents .section h2 span {
	background:url(/img/front/search/h_search.png) no-repeat;
}
#p-contents .searchSec {
	background:url(/img/front/search/bg_search.gif) no-repeat 0 100%;
	margin-bottom:15px;
	position:relative;
	height:1%;
}
#p-contents .searchSec .inner {
	margin:0 1px;
	padding:10px;
}
#p-contents .searchSec h3 {
	height:32px;
	background:url(/img/front/search/h_search.gif) no-repeat 0 -140px;
	font-weight:bold;
	padding:4px 0 0 20px;
}
#p-contents .searchSec .close {
	position:absolute;
	top:5px;
	right:6px;
	width:63px;
	height:20px;
	z-index:1;
}
#p-contents .searchSec .close span {
	background:url(/img/front/search/search.gif) no-repeat 0 0;
}
#p-contents .searchSec .close:hover span {
	background:url(/img/front/search/search.gif) no-repeat 0 -20px;
}
#p-contents .innerSec {
	position:relative;
	margin-bottom:15px;
}
#p-contents .innerSec h3 input {
	margin-right:3px;
}
#p-contents .innerSec ul.advancedList {
	position:absolute;
	top:5px;
	right:10px;
}
* html body .innerSec ul.advancedList {
	top:3px;
	right:15px;
}
#p-contents .innerSec ul.advancedList li {
	display:inline;
	margin-left:5px;
}
a.arrowDown {
	background:url(/img/front/common/common.gif) no-repeat -236px -231px;
	padding-left:14px;
	font-size:10px;
}
a.arrowUp {
	background:url(/img/front/common/common.gif) no-repeat -236px -276px;
	padding-left:14px;
	font-size:10px;
}
#p-contents .section .formList {
	padding:0 5px;
}
#p-contents .section .formListType2 {
	padding: 0 10px;
}

#p-contents .section .formList li {
	margin-right:3px;
}



#p-contents .section .formList input {
	margin-right:3px;
}
#p-contents .section .formListType1 li {
	width:122px;
}
#p-contents .section .formListType2 li {
	/*width:153px;*/
	width: 150px;
}

#p-contents .section .formListType3 li {
	width:205px;
}
#p-contents .section .formListType4 li {
	width:310px;
}
#p-contents .searchSubmit,
#p-contents .searchEdit {
	position:relative;
	text-align:center;
	height:35px;
	clear: both;
}
#p-contents .searchSubmit a,
#p-contents .searchEdit a {
	position:absolute;
	top:5px;
	left:0;
	width:71px;
	height:21px;
}
#p-contents .searchSubmit a span ,
#p-contents .searchEdit a span {
	background:url(/img/front/search/search.gif) no-repeat 0 -40px;
}
#p-contents .searchSubmit a:hover span ,
#p-contents .searchEdit a:hover span {
	background:url(/img/front/search/search.gif) no-repeat 0 -61px;
}
#p-contents .checkPlus {
	background:url(/img/front/common/common.gif) no-repeat -236px -185px;
	padding-left:20px;
}
#p-contents .mb10 {
	margin-bottom:10px;
}

/* searchStationBox
-------------------------------------------------------------------*/
#p-contents .section #searchStationBox h2 span {
	background-position:0 0;
}

/* searchRouteBox
-------------------------------------------------------------------*/
#p-contents .section #searchRouteBox h2 span {
	background-position:0 -28px;
}
#p-contents .routeList {
	margin:0 0 0 10px;
}
#p-contents .routeList li {
	margin-right:15px;
}
#p-contents #searchRouteBox .formListType1 li {
	width:110px;
	_width:108px; /* for Win IE6 */
}
#p-contents #searchRouteBox .formListType2 li {
	width:143px;
	_width:139px; /* for Win IE6 */
}
#p-contents #searchRouteBox .formListType3 li {
	width:195px;
	_width:191px; /* for Win IE6 */
}
#p-contents #searchRouteBox .formListType4 li {
	width:300px;
	_width:294px; /* for Win IE6 */
}
#p-contents .routeList li a {
	background:url(/img/front/common/common.gif) no-repeat -236px -230px;
	padding-left:13px;
}

/* searchSheet
-------------------------------------------------------------------*/
#p-contents .searchSheet {
	margin:10px 0 25px;
	padding-bottom:7px;
	border:1px solid #cce6f2;
	position:relative;
	background:#f7fbfd;
}
#p-contents .searchSheet h4 {
	background:#cce6f2;
	line-height:25px;
	height:25px;
	padding-left:10px;
	_padding:4px 0 0 10px;
	margin-bottom:5px;
}
#p-contents .searchSheet3 h4 {
	padding-left:25px;
	background:#cce6f2 url(/img/front/search/icon_searchSheet3.gif) no-repeat 12px 4px;
}
#p-contents .searchSheet4 h4 {
	padding-left:25px;
	background:#cce6f2 url(/img/front/common/icon_common.gif) no-repeat 10px -2px;
}
#p-contents .searchSheet h4 input {
	_margin:2px 0 0 0;
}
#p-contents .searchSheet h4 a {
	font-weight:normal;
}
#p-contents .searchSheet input {
	margin:0 5px 0 0;
}
#p-contents .searchSheet h4 span {
	color:#333;
	font-weight:normal;
}
#p-contents .searchSheet .btnSearch {
	position:absolute;
	top:5px;
	right:5px;
}
#p-contents .searchSheet ul {
	padding:10px;
	margin-bottom:5px;
}
#p-contents .searchSheet ul li {
	float:left;
	width:33%;
}
#p-contents .searchSheet1 li,
#p-contents .searchSheet2 li,
#p-contents .searchSheet3 li {
	line-height:1.5;
}
#p-contents .searchSheet ul li span {
	font-size:10px;
	color:#666;
}
#p-contents .searchSheet2 ul li a span {
	color:#336699;
	text-decolation:none;
}
#p-contents #searchRouteBox .searchSheet3 .routeList,
#p-contents #searchRouteBox .searchSheet4 .routeList {
	margin:0;
	padding:0 0 0 10px;
}
#p-contents #searchRouteBox .searchSheet3 .routeList li a,
#p-contents #searchRouteBox .searchSheet4 .routeList li a {
	background:url(/img/front/common/icon_common.gif) no-repeat 0 -8px;
}
#p-contents #searchRouteBox .searchSheet3 .formListType2 li,
#p-contents #searchRouteBox .searchSheet4 .formListType2 li {
	width:140px;
	_width:139px; /* for Win IE6 */
}
#p-contents #searchRouteBox .searchSheet3 .formListType3 li,
#p-contents #searchRouteBox .searchSheet4 .formListType3 li {
	width:191px;
	_width:190px; /* for Win IE6 */
}
#p-contents #searchRouteBox .searchSheet3 .formListType4 li,
#p-contents #searchRouteBox .searchSheet4 .formListType4 li {
	width:295px;
	_width:293px; /* for Win IE6 */
}

/* searchList
-------------------------------------------------------------------*/
#p-contents .searchList {
	padding:0 5px;
}
#p-contents .searchList h4 {
	margin-bottom:5px;
	background:url(/img/front/common/line_dot.gif) repeat-x 0 100%;
	font-weight:bold;
	clear:both;
}
#p-contents .searchList .formListType1 li {
	width:157px;
}

/* innerPopup h2
-------------------------------------------------------------------*/
#p-contents .section #searchAreaBox h2 span {
	background-position:0 -56px;
}
#p-contents .section #searchCityBox h2 span {
	background-position:0 -84px;
}
#p-contents .section #searchFeelingBox h2 span {
	background-position:0 -112px;
}
#p-contents .section #searchTownBox h2 span {
	background: url(/img/front/search/h_search_town.png) no-repeat;
}

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


/*
backgroundopacity
------------------------------------------------------------------------------------------------------*/

#popup01{
	position:fixed;
	z-index:100;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}

.popup01BG{
	background-color:#000;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
	-moz-opacity:0.75;
	opacity:0.75;
}
/*ie6hack
* html #popup01{
	position:absolute;
	height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');
}*/
/* ie6 hack */
* html #popup01 {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

* html .popup01BG{
	filter:alpha(opacity=75);
}

#cityDialog{
	position:'absolute';
	top:100px;
	z-index:102;
	display:none;
}

#modalLoad{
	position:fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:102;
	top:50%;
	left:50%;
}
/*
* html #modalLoad{
	position:absolute;
	margin-top:expression(0-parseInt(this.offsetHeight/2)+(TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop)+'px');
}
*/
* html #modalLoad {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}


.selectAll {
	padding: 5px 5px 0;
}
.selectAll p {
	padding: 4px 5px;
	background: #D7E8F0;
}


/*　通勤・通学検索
---------------------------------------*/
#p-contents .section #searchRouteTime h2 span {
	background-position:0 -172px;
}
.norikaeBox {
}

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

.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;
}

p.staAdd {
	padding: 5px 5px 8px;
	background: #F5F5F5;
	margin-top: 1px;
}
.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 .sheet th,
.norikaeBox .sheet td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}

.norikaeBox .sheet td {
	border-top: 0;
}
.norikaeBox .sheet td input {
	border: 1px solid #CCC;
	width: 260px;
	vertical-align: middle;
	padding: 3px 0;
	margin: 2px 5px 2px 0;
}
.norikaeBox .sheet td select {
	margin: 0 5px;
}
.norikaeBox .staTD {
	width: 400px;
}
.norikaeBox .changeTD {
	width: 100px;
}
.norikaeBox .delTD {
	width: 80px;
}
.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;
}

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