@charset "UTF-8";
/*	
	File Name : common_v5.css
	Last Update : 2014.04.10
	Revision : 1.0.0
*/

/*
 for old common h2 REPLACED
-----------------------------------------*/
.wr-trns-ttl,
#second-search .wr-trns-ttl{
	border:0!important;
	position:relative;
	z-index:0;
}
.wr-trns-ttl .trns-ttl-tl,
.wr-trns-ttl .trns-ttl-tr,
#second-search .wr-trns-ttl .trns-ttl-tl,
#second-search .wr-trns-ttl .trns-ttl-tr{
	display:none;
	background:none;
}
.wr-trns-ttl .in-trns-ttl div,
#second-search .wr-trns-ttl .in-trns-ttl div{
	display:block!important;
	width:auto;
	padding:0;
	background:none;
}
.wr-trns-ttl .in-trns-ttl,
#second-search .wr-trns-ttl .in-trns-ttl{
	display:block;
	height:35px;
	padding:0;
	background:#f5f5f5;
	border:0;
	border-left:5px solid #46a667;
}
.wr-trns-ttl .in-trns-ttl h2,
#second-search .wr-trns-ttl .in-trns-ttl h2{
	background:none;
	padding-left:10px;
	font-size:131%;
	font-weight:bold;
	line-height:35px;
}
.wr-trns-ttl .in-trns-ttl h2 a{
	text-decoration:none;
	color:#333;
}
.wr-trns-ttl .in-trns-ttl h2 a:hover{
	text-decoration:underline;
}
.wr-trns-ttl .in-trns-ttl h2.side-link{
	float:left;
}
.wr-trns-ttl .in-trns-ttl .more-link{
	padding:0 10px 0 0;
	float:right;
	line-height:35px;
}
.wr-trns-ttl .in-trns-ttl .more-link a{
	margin:0 3px;
}
.wr-trns-ttl .in-trns-ttl .more-link a:hover{
	text-decoration:underline;
}
.wr-trns-ttl .in-trns-ttl .ttl-help img{
	margin-left:5px;
	vertical-align:middle;
}


/*
 layout
-----------------------------------------*/
input,
select{
	margin:0;
	padding:0;
}
.setOption select,
.setOption input{
	border-width:1px;
}

/* === clearfix === */
.setOption,
.setOption dl{
	overflow:hidden;
	/zoom:1;
}
.boxInsert{
	/zoom:1;
}
.labelLarge:after,
.boxInsert:after,
.setOption:after,
.setOption dl:after{
	display:block;
	clear:both;
	height:0;
	content:".";
	visibility:hidden;
}


/*
 parts
-----------------------------------------*/
/* === background img === */
.btnExchange,
.btnSearch input,
input#datePicker,
.ui-datepicker-trigger,
.add .btnViaAdd,
.regStation .panelClose span,
.tglRegist,
.tglExpandOption span{
	background:transparent url(../images/spriteFormRouteSearch.png) no-repeat;
}
.btnExchange,
.btnSearch input,
input#datePicker,
.ui-datepicker-trigger,
.add .btnViaAdd{
	display:inline-block;
	text-indent:100%;
	white-space:nowrap;
	vertical-align:middle;
	overflow:hidden;
	/zoom:1;
}
/*for firefox*/
@-moz-document url-prefix(){
	.btnSearch input,
	.ui-datepicker-trigger{
		text-indent:115%;
	}
}

/* === icons === */
/*--datePicker--*/
input#datePicker{
	/display:inline;
	width:16px;
	height:18px;
	position:relative;
	top:3px;
	left:3px;
	visibility:hidden;
	/*z-index:-1px;*/
}
.ui-datepicker-trigger{
	/display:inline;
	width:20px;
	height:21px;
	margin:0 10px 0 -13px;
	padding:0;
	background-position:0 0;
	border:none;
	cursor:pointer;
	vertical-align:bottom;
}
/*--btnExchange--*/
.btnExchange{
	/display:inline;
	width:33px;
	height:33px;
	background-position:4px -24px;
}
/*--btnSearch--*/
.btnSearch input{
	/display:block;
	width:230px;
	height:35px;
	background-color:#f38511;
	background-position:96px -88px;
	border:none;
	border-bottom:1px solid #c5c5c5;
	cursor:pointer;
}
/*--btnViaAdd--*/
.btnViaAdd{
	display:none;
}
.add .btnViaAdd{
	/display:inline;
	width:22px;
	height:22px;
	background-color:#f5f5f5;
	background-position:-26px -26px;
	position:absolute;
	top:2px;
	right:1px;
	cursor:pointer;
	/zoom:1;
}
/*for hover*/
.btnExchange:hover{
	background-position:4px -54px;
}
.tglRegist:hover,
.btnViaAdd:hover{
	background-color:#eaf4ff;
}
.btnSearch input:hover{
	background-color:#f36611;
}


/*
 modules
-----------------------------------------*/
/* === labelLarge === */
/*-- for lv1 --*/
.labelLarge{
	display:block;
	height:35px;
	background:#f5f5f5;
	border-left:5px solid #46a667;
	text-align:right;
}
.labelLarge .title{
	padding-left:10px;
	font-size:131%;
	font-weight:bold;
	line-height:35px;
}
.labelLarge .title a{
	text-decoration:none;
	color:#333;
}
.labelLarge .title a:hover{
	text-decoration:underline;
}
.labelLarge .title{
	float:left;
}
.labelLarge .relLink{
	padding-right:10px;
	line-height:35px;
}
.labelLarge .relLink a{
	margin:0 3px;
}
/*for inner mdRouteSearch*/
.mdRouteSearch .labelLarge{
	display:block;
	height:auto;
	background:none;
	margin-bottom:10px;
	padding:0 10px;
	border:0;
	text-align:right;
}
.mdRouteSearch .labelLarge .relLink{
	padding:0;
	line-height:normal;
}
.labelLarge .switchSuggest,
.labelLarge .switchSuggest *{
	display:inline;
}
.labelLarge .switchSuggest{
	margin-right:10px;
}
.labelLarge .switchSuggest dt{
	margin-right:5px;
}
.labelLarge .switchSuggest dd span,
.labelLarge .switchSuggest dd a{
	margin:0 5px;
}


/* === mdRouteSearch === */
.mdRouteSearch{
	margin:10px 0 5px;
	padding:10px 0 0;
	background:#eee;
	/zoom:1;
}
.mdRouteSearch form{
	padding:0 10px;
}
.mdRouteSearch .btnExchange{
	float:left;
}

/*-- note --*/
.mdRouteSearch .note{
	padding:10px 0 10px 1em;
	text-indent:-1em;
	font-size:85%;
	color:#666;
	background:#fff;
}

/*-- boxInsert --*/
.boxInsert{
	width:290px;
	float:left;
	position:relative;
	/z-index:14;
}
.boxInsert dt.label{
	display:block;
	width:50px;
	height:17px;
	float:left;
	padding:7px 0;
	background:#46a667;
	border:none;
	border-top:2px solid #3a8855;
	border-left:2px solid #3a8855;
	border-bottom:2px solid #3a8855;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
.boxInsert dd{
	width:238px;
	float:left;
	position:relative;
}
.boxInsert dd input{
	width:183px;
	height:31px;
	padding:0 48px 0 5px;
	outline:0;
	border:none;
	border-top:2px solid #d7d7d7;
	border-right:2px solid #d7d7d7;
	border-bottom:2px solid #d7d7d7;
	font-size:18px;
	/margin-top:-1px;
	line-height:28px\9;/*IE8 and below*/
}
.noreg .boxInsert dd input{
	width:226px;
	padding-right:5px;
}
/*placeholder*/
.boxInsert dd .placeholder{
	color:#999;
	font-size:14px;
	line-height:35px;
	position:absolute;
	top:0;
	left:5px;
}
.via .boxInsert dd .placeholder{
	font-size:12px;
	line-height:26px;
}
.boxInsert.focus dd .placeholder{
	display:none;
}

/*-- via --*/
.via{
	width:290px;
	clear:both;
	margin:0 auto;
	padding:10px 0 5px;
}
.via li{
	margin-bottom:10px;
}
.via .boxInsert{
	float:none;
}
.via #via01 .boxInsert{
	/z-index:13;
}
.via #via02 .boxInsert{
	/z-index:12;
}
.via #via03 .boxInsert{
	/z-index:11;
}
.via .boxInsert dt.label{
	height:14px;
	padding:5px 0;
	background:#c8e2c9;
	border-top:1px solid #c0d4c0;
	border-left:1px solid #c0d4c0;
	border-bottom:1px solid #c0d4c0;
	color:#333;
	font-size:14px;
	font-weight:normal;
}
.via .boxInsert dd input{
	width:228px;
	height:24px;
	padding-right:5px;
	border-width:1px;
	font-size:14px;
	line-height:20px\9; /*IE8 and below*/
}
.via .boxInsert.add dd input{
	width:204px;
	padding-right:29px!important;
}
.via .boxInsert.focus.add dd input{
	width:203px;
}
/*for focus*/
.boxInsert.focus{
	background:#eaf4ff;
	border-color:#46a667;
}
.boxInsert.focus dt.label{
	border-color:#46a667;
}
.boxInsert.focus dd input{
	background:#eaf4ff;
	border-color:#46a667;
}
.via .boxInsert.focus dt.label{
	width:48px;
	padding:4px 1px 4px 0;
	border-width:2px;
}
.via .boxInsert.focus dd input{
	width:227px;
	height:22px;
	border-width:2px;
}

/*-- regStation, suggest --*/
.regStation dd{
	display:none;
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
}
.suggest,
.regStation dd{
	width:237px;
	margin-left:-1px;
	position:absolute;
	top:34px;
	right:0;
	z-index:12;
}
.suggest,
.regStation dd ul{
	background:#fff;
}
.regStation dd ul{
	overflow-x:hidden;
	overflow-y:auto;
}
.suggest li,
.regStation dd li{
	min-height:28px;
	margin:-1px 0 0;
	border-top:1px dotted #e0e0e0;	
}
.suggest li.active,
.regStation dd li.active{
	background:#e0f9cb;
}
.suggest li a,
.regStation dd li a{
	display:block;
	padding:5px 10px;
}
/*panelClose*/
.regStation .panelClose{
	padding:5px 10px;
	background:#f5f5f5;
	border-top:1px solid #e0e0e0;
	text-align:right;
	cursor:pointer;
}
.regStation .panelClose span{
	padding-left:14px;
	background-position:-30px -49px;
	font-size:11px;
}
/*tglRegist*/
.tglRegist{
	display:block;
	min-width:34px;
	height:21px;
	padding:5px 4px;
	background-color:#f5f5f5;
	background-position:-23px 22px;
	color:#888;
	font-size:11px;
	text-align:center;
	position:absolute;
	top:2px;
	right:2px;
	cursor:pointer;
}
.tglRegist.open{
	background-color:#d5ebd6;
}
/*suggest*/
.suggest{
	display:none;
	border:1px solid #46a667;
	overflow:hidden;
}
.via .suggest{
	width:238px;
	top:25px;
	right:-1px;
	z-index:11;
}

/*-- setOption --*/
.setOption{
	border-top:1px solid #d7d7d7;
	font-size:14px;
	position:relative;
}
.setOption dl{
	padding:10px 0;
	line-height:22px;
}
.setOption dt{
	float:left;
	padding-right:10px;
	font-weight:bold;
}
.setOption dd{
	float:left;
}
.setOption dd li{
	display:inline;
}
.setOption dd li input{
	margin-right:4px;
	/margin-right:2px;
}
/*optTime*/
.setOption .optTime{
	display:table;
	border-collapse:separate;
	border-spacing:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.setOption .optTime dt{
	margin-right:0;
	padding-right:10px;
}
.setOption .optTime dt,
.setOption .optTime dd{
	float:none;
}
.setOption .optTime dd div{
	width:330px;
}
.setOption .optTime ul{
	width:220px;
	/width:240px;
	padding-left:10px;
	/padding-left:0;
}
.setOption .optTime li{
	padding-left:5px;
}
/*---> for vertical-align middle*/
*html.setOption .optTime{
	overflow:hidden;
	/zoom:1;
}
.setOption .optTime dt,
.setOption .optTime dd{
	display:table-cell;
	vertical-align:middle;
	/float:left;
	/position:relative;
	/margin-top:-10px;
}
.setOption .optTime dt{
	/top:25%;
}
.setOption .optTime dd{
	/top:50%;
}
.setOption .optTime dd div,
.setOption .optTime dd ul{
	/position:relative;
	/top:-50%;
}
*html.setOption .optTime:after{
	display:block;
	clear:both;
	height:0;
	content:".";
	visibility:hidden;
}
/*<--- /for vertical-align middle*/
/*optPrioFare*/
.setOption .optPrioFare{
	border-top:1px solid #d7d7d7;
}
.setOption .optPrioFare li{
	margin-right:20px;
}
/*optTransport*/
.setOption .optTransport{
	border-bottom:1px solid #d7d7d7;
}
.setOption .optTransport li{
	margin-right:10px;
}
/*optSort, optSeat, optSpeed*/
.setOption .optSort,
.setOption .optSeat,
.setOption .optSpeed{
	float:left;
	padding-right:20px;
}

/*-- expandOption --*/
.expandOption{
	display:none;
	border-top:1px solid #d7d7d7;
}
/*tglExpandOption*/
.tglExpandOption{
	clear:both;
	padding-top:5px;
	border-top:1px solid #d7d7d7;
	text-align:right;
}
.tglExpandOption span{
	padding-left:14px;
	background-position:-30px -65px;
	color:#00e;
	cursor:pointer;
}
.tglExpandOption.open span{
	background-position:-30px -47px;
}
/*btnSearch*/
.btnSearch{
	margin:20px auto;
	text-align:center;
}