@charset "utf-8";

/*===================================================
 /en/ticket/search CSS
=================================================== */

html, body {
background:url("null") repeat fixed 0 0 #fff;
}
#wrapper {
background:#F7F4F2;
}

/* ---------------------------------------------------
 Ticket Search Box
--------------------------------------------------- */
.ticSearch .inner {
background:url(../images/ticSearch_bg_01.gif) repeat-y top left;
}

.ticSearchBtnWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.ticSearchBtnWrap {display:inline-block;}
/* Hides from IE-mac \*/
* html .ticSearchBtnWrap {zoom:1;}
.ticSearchBtnWrap {display:block;}
/* End hide from IE-mac */

.ticSearchBtnWrap {
background:url(/en/common/images/lineDot_bg_01.gif) repeat-x top left;
}
.ticSearchBtnWrap .ticSearchBtn {
float:left;
padding:16px 0 0 244px;
}
.ticSearchBtnWrap .ntLogo {
float:right;
padding-top:29px;
}

ul.radioList:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul.radioList {display:inline-block;}
/* Hides from IE-mac \*/
* html ul.radioList {zoom:1;}
ul.radioList {display:block;}
/* End hide from IE-mac */

ul.radioList li {
float:left;
width:100px;
margin-right:10px;
}

.searchItemWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.searchItemWrap {display:inline-block;}
/* Hides from IE-mac \*/
* html .searchItemWrap {zoom:1;}
.searchItemWrap {display:block;}
/* End hide from IE-mac */

.searchItemWrap {
padding:10px 0;
}

.itemHead {
float:left;
width:72px;
padding:0 6px;
font-weight:bold;
}

.searchItem {
float:left;
width:233px;
padding-right:10px;
}
.searchItemBox{
width:0px;
}

.swapBtn {
margin-left:280px; 
margin-top:-27px; 
}
.swapBtn a {
display:block;
}

.swapBtn img {
cursor:pointer;
}
.swapBox {
margin-top:-18px;
*zoom:1; /* ie */
}

.passageChooseForm .altSelect{
border:2px solid #d1d1d1;
padding:.1em 7px;
display:block;
background:url(/en/common/images/stSearchMod_bg_pop.gif) no-repeat 164px 50%;
width:167px;
margin:0;
}
.passageChooseForm .altSelect-disabled{
border-color:#e5e5e5;
color:#aaa;
text-decoration:none;
cursor:default;
}
.passageChooseForm .placeholder{
height:10px;
width:40px;
position:relative;
overflow:visible;
}
.passageChooseForm .stSearch_open{
position:absolute;
left:-107px;
top:0;
}
.passageChooseForm .on{
font-weight:bold;
cursor:default;
}
.passageChooseForm optgroup{
font-weight:bold;
}
.passageChooseForm option{
font-weight:normal;
}

.passageChooseForm #stLine{
display:none;
}

/*
IE6,7 fix this className will be added while the dialog is opened.
This z-index manipulation is necessary for the dialot to live with
tooltip. IE6,7 has z-index bug so need to define them to each area.
*/
body.mainComesFront #mainArea{
*position:relative;
*z-index:5;
}
body.mainComesFront #asideArea{
*position:relative;
*z-index:4;
}


/* ---------------------------------------------------
 Ticket Search Result Route
--------------------------------------------------- */
/* Headline
--------------------------------------------------- */
.h3Sec h3 {
padding:10px 13px;
border:#00b5de 1px solid;
background:#ebf9fc;
}
h4.patternNum {
float:left;
width:76px;
padding:8px 0;
background:#0ab1dc;
text-align:center;
color:#fff;
font-weight:bold;
}
.h5Sec .h5Headline {
padding-bottom:20px;
}
.h5Sec .h5Headline .frame01 h5 {
padding:5px 12px;
font-weight:bold;
}
.h5Sec .h5Headline .frame01 {zoom:1;background:#f4f4f4 url(/en/common/images/h3Frame_bg_T.gif)  repeat-x  top    left;}
.h5Sec .h5Headline .frame02 {zoom:1;background:        url(/en/common/images/h3Frame_bg_B.gif)  repeat-x  bottom right;}
.h5Sec .h5Headline .frame03 {zoom:1;background:        url(/en/common/images/h3Frame_bg_L.gif)  repeat-y  top    left;}
.h5Sec .h5Headline .frame04 {zoom:1;background:        url(/en/common/images/h3Frame_bg_R.gif)  repeat-y  top    right;}
.h5Sec .h5Headline .frame05 {zoom:1;background:        url(/en/common/images/h3Frame_bg_TL.gif) no-repeat top    left;}
.h5Sec .h5Headline .frame06 {zoom:1;background:        url(/en/common/images/h3Frame_bg_TR.gif) no-repeat top    right;}
.h5Sec .h5Headline .frame07 {zoom:1;background:        url(/en/common/images/h3Frame_bg_BL.gif) no-repeat bottom left;}
.h5Sec .h5Headline .frame08 {zoom:1;background:        url(/en/common/images/h3Frame_bg_BR.gif) no-repeat bottom right;}


/* Route Pattern
--------------------------------------------------- */
.routePattern {
margin-bottom:20px;
padding-bottom:10px;
background:url(/en/common/images/lineDot_bg_01.gif) repeat-x bottom left;
}
.last .routePattern {
margin-bottom:0;
padding-bottom:0;
background:none;
}

.times:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.times {display:inline-block;}
/* Hides from IE-mac \*/
* html .times {zoom:1;}
.times {display:block;}
/* End hide from IE-mac */

.times {
float:left;
}
.times .arrival {
margin-left:3px;
padding-left:17px;
background:url(/en/ticket/search/images/arrow_txt_01.gif) no-repeat 0 50%;
}


/* Route Data
--------------------------------------------------- */
.dataBoxWrap {
/*
float:left;
padding:0 11px;
*/
margin: 0 6.5em 0 87px;
padding-right: 18px;
}

.dataBox:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.dataBox {display:inline-block;}
/* Hides from IE-mac \*/
* html .dataBox {zoom:1;}
/* .dataBox {display:block;} */
/* End hide from IE-mac */

.dataBox .dataItem {
float:left;
white-space:nowrap;
}
.dataItem span.dataHead {
margin-right:8px;
font-weight:bold;
}

.routeData:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.routeData {position: relative;}
/* Hides from IE-mac \*/
* html .routeData {zoom:1;}
/* .routeData {display:block; } */
/* End hide from IE-mac */

.routeData .inner02 {
position: absolute;
	top: 0;
	right: 0;
_text-align: right;
_width: 100%;
}
.routeData .inner02 ul {
_float:right;
}
.routeData .inner02 ul.linkIco li span.ico {
_display: inline;
_float: none;
}
.routeData .inner02 ul.linkIco li span.text {
_display: inline;
_margin-left: 0;
}


/* Route Information
--------------------------------------------------- */
.routeInfo {
margin-bottom:30px;
}
.routeInfo .routeRow01:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.routeInfo .routeRow01 {display:inline-block;}
/* Hides from IE-mac \*/
* html .routeInfo .routeRow01 {zoom:1;}
.routeInfo .routeRow01 {display:block;}
/* End hide from IE-mac */

.routeInfo .routeRow01 {
padding:6px 14px;
background:#f0f0f0;
}
.routeInfo .routeRow01 .inner01 {
float:left;
width:452px;
}
.routeInfo .routeRow01 .inner02 {
float:left;
width:193px;
}
.routeInfo .routeRow01 .inner01 .stName {
margin-left:105px;
font-size:124%;
font-weight:bold;
color:#187fa5;
}

.routeInfo .routeRow01 .inner01 .ico01 {
padding-left:47px;
background:url(/en/ticket/search/images/route_ico_01.gif) no-repeat 0 3px;
}
.routeInfo .routeRow01 .inner01 .ico02 {
padding-left:47px;
background:url(/en/ticket/search/images/route_ico_02.gif) no-repeat 0 3px;
}

.routeInfo .routeRow01 .inner02 ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.routeInfo .routeRow01 .inner02 ul {display:inline-block;}
/* Hides from IE-mac \*/
* html .routeInfo .routeRow01 .inner02 ul {zoom:1;}
.routeInfo .routeRow01 .inner02 ul {display:block;}
/* End hide from IE-mac */

.routeInfo .routeRow01 .inner02 ul {
margin-top:3px;
float:right;
}

.routeInfo .routeRow01 .inner02 ul li {
display:inline;
margin-left:11px;
padding-left:13px;
border-left:#b3b3b3 1px solid;
}

.routeInfo .routeRow02:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.routeInfo .routeRow02 {display:inline-block;}
/* Hides from IE-mac \*/
* html .routeInfo .routeRow02 {zoom:1;}
.routeInfo .routeRow02 {display:block;}
/* End hide from IE-mac */

.routeInfo .routeRow02 .inner01 {
float:left;
width:99px;
padding:6px 10px;
}
.routeInfo .routeRow02 .inner02 {
float:left;
width:484px;
padding:6px 10px 6px 47px;
}

/* route Lines */
.routeInfo .walk           {background:url(/en/ticket/search/images/route_line_walk.gif)       no-repeat 0 50%  #fff;}
.routeInfo .lineGinza      {background:url(/en/ticket/search/images/route_line_ginza.gif)      repeat-y top left #fff;}
.routeInfo .lineTozai      {background:url(/en/ticket/search/images/route_line_tozai.gif)      repeat-y top left #fff;}
.routeInfo .lineChiyoda    {background:url(/en/ticket/search/images/route_line_chiyoda.gif)    repeat-y top left #fff;}
.routeInfo .lineMarunouchi {background:url(/en/ticket/search/images/route_line_marunouchi.gif) repeat-y top left #fff;}
.routeInfo .lineHibiya     {background:url(/en/ticket/search/images/route_line_hibiya.gif)     repeat-y top left #fff;}
.routeInfo .lineYurakucho  {background:url(/en/ticket/search/images/route_line_yurakucho.gif)  repeat-y top left #fff;}
.routeInfo .lineHanzomon   {background:url(/en/ticket/search/images/route_line_hanzomon.gif)   repeat-y top left #fff;}
.routeInfo .lineNamboku    {background:url(/en/ticket/search/images/route_line_namboku.gif)    repeat-y top left #fff;}
.routeInfo .lineFukutoshin {background:url(/en/ticket/search/images/route_line_fukutoshin.gif) repeat-y top left #fff;}