DIV#orv-form{
	float:left;
	width:31%;
	margin-right: 5px;
	height: 320px;
}

DIV#through-form {
	float:left;
	width:31%;
	margin-right: 5px;
	height: 320px;
}


DIV#dnv-form {
	float:left;
	width:31%;
	height: 320px;
}

DIV#orv-form P, DIV#through-form P, DIV#dnv-form P{
	font-size: 80%;
	margin-bottom: 4px;
}

DIV#orv-form P.msg, DIV#through-form P.msg, DIV#dnv-form P.msg{
	color: #A22;
}


DIV#orv-form SELECT, DIV#through-form SELECT, DIV#dnv-form SELECT{
	width: 210px;
	margin-bottom: 8px;
}

DIV#orv-form INPUT, DIV#through-form INPUT, DIV#dnv-form INPUT{
	width: 200px;
	margin-bottom: 8px;
}

DIV#options {
	border:1px solid #CCC;
	clear:both;
}

DIV#options H3{
	padding:6px 2px 2px;
	color: #49C;
}

DIV#options FIELDSET{
	margin-left:10px;
}

DIV#submit{
	text-align: center;
	margin: 5px 0px;
}

DIV#auth-menu{
	text-align:right;
}

.attract{
	font-weight:bold;
	color:#E60011;
}

DIV#re-search{
	margin-top:25px;
}

DIV#re-search EM{
	margin:3px 0px 2px;
	width:100px;
	clear:both;
	float:left;
}

DIV#re-search EM.import{
	color: #A22;
}

DIV#re-search DIV.title{
	color: #A22;
	margin:3px 0px 2px;
	width:100px;
	clear:both;
	float: left;
}
DIV#re-search DIV.inpFld{
	width:550px;
	float:right;
}


DIV#re-search P{
	width:550px;
	float:right;
}

DIV#rail-title{
	border:1px solid #ECA231;
	background:#FAF4C5;
	padding:6px 2px;
}

DIV#rail-title-right{
	padding:6px 2px;
}

DIV#gourmet{
	margin-top: 0.5em;
	background-image: url(/pcstorage/img/gourmet_img.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color:#FAF4C5;
	width:328px;
	color:#739900;
	padding:6px 2px;
	float:left;
}

DIV#gourmet P{
	margin-top: 5px;
	*margin-top: 8px;
	margin-left: 3em;
}

DIV#hotel{
	margin-top: 0.5em;
	background-image: url(/pcstorage/img/hotel_img.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color:#FAF4C5;
	width:328px;
	color:#D55154;
	padding:6px 2px;
	float:right;
}
DIV#hotel P{
	margin-top: 5px;
	*margin-top: 8px;
	margin-left: 3em;
}

DIV#mobile{
	margin-top: 0.5em;
	background-color:#f9e9ce;
	width:675px;
	padding:6px 2px;
}

.mobile_img{
	behavior: expression(IEPNGFIX.fix(this));
	width:25px;
	height:19px;
}

DIV#around_search{
	border:solid 1px #999999;
	background-image: url(/pcstorage/img/rail_bg.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
}

DIV#around_search DIV.hotel{
	float:left;
}

DIV#around_search DIV.gourmet{
	float:left;
	margin-left:15px;
}


	


P.order{
	float: right;
	margin-top: 0.5em;
	padding-right: 5px;
}

P.sort{
	float:right;
	background-position: left top;
	background-repeat: no-repeat;
	width:70px;
	height: 30px;
	font-size:0;
	overflow: hidden;
}

P.sort-time-on{
	background-image: url(/pcstorage/img/rail_sort_time1.gif);
}
P.sort-time-off{
	background-image: url(/pcstorage/img/rail_sort_time0.gif);
}

P.sort-cost-on{
	background-image: url(/pcstorage/img/rail_sort_money1.gif);
}
P.sort-cost-off{
	background-image: url(/pcstorage/img/rail_sort_money0.gif);
}

P.sort-change-on{
	background-image: url(/pcstorage/img/rail_sort_change1.gif);
}
P.sort-change-off{
	background-image: url(/pcstorage/img/rail_sort_change0.gif);
}

P.sort-eco-on{
	background-image: url(/pcstorage/img/rail_sort_eco1.gif);
	margin-top:15px;
	*margin-top:0px;
}
P.sort-eco-off{
	background-image: url(/pcstorage/img/rail_sort_eco0.gif);
	margin-top:15px;
	*margin-top:0px;
}

P.sort A{
	overflow:hidden;
	display: block;
	height:30px;
	width:70px;
	max-height: 30px;
	max-width: 70px;
	text-indent: -999;
}

:root P.sort A{
	padding-left:70px;
	padding-top:30px;
}
P.sort SPAN{
	position: absolute;
	top: -100px;
	left: -100px;
}


DIV#rail-result{
	margin-top:-1em;
	padding:2px 0px;
	clear:both;
}
DIV.rail-result-head{
	margin:2em 0px 0em 0px;
	padding:5px 2px;
	*padding:5px 2px 0px;
	border:1px solid #999;
	background-color: #EFEFEF;
}

:root DIV.rail-result-head{
	margin:2em 0px 0em 0px;
	padding:5px 2px;
	border:1px solid #999;
	background-color: #EFEFEF;
}

DIV.rail-result-head H3{
	width:50px;
	float:left;
}

DIV.rail-result-head UL{
	text-align: left;
	width: 620px;
	float:right;
}

DIV.rail-print-head{
	width:100%;
	margin:1em 0px 1em;
	padding:5px 2px;
	border:1px solid #999;
	background-color: #EFEFEF;
}

:root DIV.rail-print-head{
	margin:2em 0px 1em;
	padding:5px 2px;
	border:1px solid #999;
	background-color: #EFEFEF;
}

DIV.rail-print-head H3{
	width:50px;
	float:left;
}

DIV.rail-print-head UL{
	text-align: left;
	width: 580px;
	float:right;
}

DIV.rail-result-content{
	clear:both;
}



DIV.time-start, DIV.time-end{
	float:left;
	width:100px;
	clear:both;
	border:1px solid #00F;
}

DIV.time-start{
}

DIV.guidanse{
	border:1px solid #F00;
	float: right;
	width: 500px;
}


LI.seat{
	background-position: left 50%;
	background-repeat: no-repeat;
	padding:0px 3px 0px 18px !important;
}

LI.seat-free{
	background-image: url(/pcstorage/img/seat_free.gif);
}
LI.seat-reserve{
	background-image: url(/pcstorage/img/seat_reserve.gif);
}
LI.seat-green{
	background-image: url(/pcstorage/img/seat_green.gif);
}
LI.seat-sleep{
	background-image: url(/pcstorage/img/seat_sleep.gif);
}


DL.operation{
	margin-top:0.5em;
	border-top: 1px #AAA dotted;
}

DL.operation DT.alert{
	color: #F77;
}




#PrimaryContent_railroad{
	text-align:left;
	padding:0px;
}

#railroad_txtLink{
    margin: 0px 0px 10px 0px;
    text-overflow:clip;
    white-space:nowrap;
    overflow:hidden;
    width:660px;
    float:left;
    text-align:left;
    color: #002BAA;
}

#PrimaryContent_railroad h2{
	*padding:0px;
}

#PrimaryContent_railroad h3{
	padding:1px;
}

#railroad_left{
	width:552px;
	float:left;
}

#railroad_right{
	margin-top: 12px;
	width:280px;
	float:right;
}

#railway_set_top{
	padding:0px;
}


#railway_set{
	border-left:2px solid #0068B7;
	border-right:2px solid #0068B7;
	border-bottom:2px solid #0068B7;
	width:546px;
	position:relative;
	*left:0px;
}

:root #railway_set{
	left:0px;
}


#railroad_coment{
	color:#AA2222;
	padding:10px 10px 0px 10px;
	float:left;
}

#railroad_login{
	width:220px;
	margin-bottom:10px;
	float:right;
}

#railroad_coment_login{
	color:#AA2222;
	padding:10px 10px 0px 0px;
	float:right;
}

DIV#railroad-orv-form SELECT, DIV#railroad-through-form SELECT, DIV#railroad-dnv-form SELECT{
	width: 150px;
}

DIV#railroad-orv-form INPUT, DIV#railroad-through-form INPUT, DIV#railroad-dnv-form INPUT{
	width: 140px;
}


DIV#railroad-orv-form-start SELECT, DIV#railroad-through-form-pass SELECT, DIV#railroad-dnv-form-goal SELECT{
	width: 150px;
}

DIV#railroad-orv-form-start INPUT, DIV#railroad-through-form-pass INPUT, DIV#railroad-dnv-form-goal INPUT{
	width: 140px;
}

#railroad_texttitle{
	width:60px;
	*width:68px;
	float:left;
	padding:4px 0px 0px 10px;
	color:#333333;
}

#railroad_stationselect{
	width:75px;
	*width:80px;
	float:left;
	padding:68px 0px 3px 10px;
	color:#333333;
}

#railroad_texttitle_station{
	width:57px;
	*width:60px;
	float:left;
	padding:13px 0px 0px 30px;
	color:#666666;
}

#railroad_texttitle_station_pass{
	width:85px;
	*width:88px;
	float:left;
	padding:1px 0px 0px 30px;
	color:#666666;
}

#railroad_texttitle_station_red{
	width:85px;
	*width:88px;
	float:left;
	padding:1px 0px 0px 30px;
	color:#AA2222;
}


#railroad_stationselect_input{
	float:left;
	margin-top:13px;
}

.railroad_suggestArea{
	position:absolute;
	background-color:#FFF;
	border-width: 1px;
	border-color: #8AC;
	border-style: dashed solid solid solid;
	display:none;
	margin-top:-3px;
	*margin-top:-4px;
	margin-left:115px;
	*margin-left: 118px;
	z-index:1000;
	width: 142px;
	*width: 144px;
	height: 170px;
}

.railroad_rs_suggestArea{
	position:absolute;
	background-color:#FFF;
	border-width: 1px;
	border-color: #8AC;
	border-style: dashed solid solid solid;
	display:none;
	margin-top:-3px;
	*margin-top:-4px;
	z-index:1000;
	width: 167px;
	*width: 169px;
	height: 170px;
}

.small_coment{
	font-size:75%;
}

.pass_title{
	color:#666666;
}

.pass_title_small{
	font-size:75%;
}

#railroad_textinput{
	float:left;
	padding-top:2px;
}

#railroad_submit{
	text-align:center;
	margin-bottom:10px;
}


#timetable-ticket{
	width:550px;
	margin-top:7px;
}

#timetable{
	padding:0px;
	float:left;
}

#timetable_set_top{
	padding:0px;
}

#timetable_set{
	border-left:2px solid #2B802B;
	border-right:2px solid #2B802B;
	border-bottom:2px solid #2B802B;
	width:296px;
	height: 260px;
}


#ticket{
	padding:0px;
	float:right;

}

#ticket_set_top{
	padding:0px;
}

#ticket_set{
	border-left:2px solid #5050A0;
	border-right:2px solid #5050A0;
	border-bottom:2px solid #5050A0;
	width:236px;
	height: 260px;
}


#railroad_string_timetable{
	float:left;
	padding:14px 0px 10px 5px;
}

#railroad_textinput_timetable{
	float:left;
	padding:10px 0px 10px 5px;
}

#timetable_submit{
	float:left;
	padding:6px 0px 0px 0px;
}

#bus_caution{
	width:180px;
	margin-top:10px;
	padding:0px 0px 0px 15px !important;
	background:url(/pcstorage/img/icon_caution.gif) no-repeat left top  !important;
	float:left;
}

#transfer_help{
	border: 2px solid #9F0F0F;
	margin-top: 7px;
}

#help_title{
	margin: 3px 0px 0px 5px;
}

#help_content{
	margin: 2px 0px 5px 8px;
}

#title_black{
	padding-left:10px;
	color:#333333;
}

#list_search{
	text-align:right;
	padding:0px 10px 5px 0px;
}

#diagram_caution{
	text-align:right;
	padding:0px 10px 0px 0px;
}

#railroad_line{
	width:296px;
	margin:0px;
	background:url(/pcstorage/img/railroad_line.gif) repeat-x left top;
}


#listbox_fir{
	width:78px;
	*width:60px;
	float:left;
	padding:3px 0px 10px 10px;
}

#listbox_sec{
	width:88px;
	*width:78px;
	float:left;
	padding:3px 0px 10px 5px;
}

#listbox_thir{
	width:95px;
	*width:78px;
	float:left;
	padding:3px 0px 10px 2px;
}


#ticket_small_coment{
	font-size:75%;
	color:#666666;
	padding:0px 10px 10px 10px;
}

#railroad_texttitle_ticket{
	width:67px;
	*width:75px;
	float:left;
	padding:5px 0px 0px 10px;
	color:#333333;
}



#right_set_operation{
	border:1px solid #FF7777;
	width:278px;
	margin-bottom:10px;
	background-color:#FAF4C5;
}

#right_set_gourmet{
	border:1px solid #99CC00;
	width:278px;
	margin-bottom:10px;
	background-color:#FAF4C5;
}

#right_set_parking{
	border:1px solid #EA9515;
	width:278px;
	margin-bottom:10px;
	background-color:#FAF4C5;
}


#operation_railname{
	width:15px;
	margin-left:5px;
	background:url(/pcstorage/img/icon_train.gif) no-repeat left top;
	float:left;
}

#operation_railname_text{
	color: #F77;
	padding:0px 10px 0px 5px;
	float:left;
}

#operation_railname_textdetail{
	padding:0px 12px 10px 12px;
}

#listbox_parking_fir{
	width:60px;
	float:left;
	padding:5px 0px 10px 5px;
}

#listbox_parking_sec{
	width:78px;
	*width: 75px;
	float:left;
	padding:5px 0px 10px 0px;
	}

#listbox_parking_thir{
	width:92px;
	*width: 80px;
	float:left;
	padding:5px 0px 10px 0px;
	}

#railroad_string_gourmet{
	float:left;
	padding:8px 0px 10px 5px;
	width: 50px;
}

#railroad_textinput_gourmet{
	float:left;
	padding:5px 0px 10px 5px;
}

#railroad_textinput_gourmet INPUT{
	width: 120px !important;
}
#gourmet_submit{
	float:left;
	padding-top: 1px;
}

#right_set_hotel{
	border:1px solid #6DA5B6;
	width:278px;
	margin-bottom:10px;
	background-color:#FAF4C5;
}
#railroad_string_hotel{
	float:left;
	padding:8px 0px 10px 5px;
	width: 50px;
}
#railroad_textinput_hotel INPUT{
	width: 120px !important;
}
#railroad_textinput_hotel{
	float:left;
	padding:5px 0px 10px 5px;
}
#hotel_submit{
	float:left;
	padding-top: 1px;
}


#fieldset_railroad{
	padding:5px 5px 4px;
	margin: 5px 0px;
	}


DIV#fieldset_railroad H3{
	color: #333333;
}

#through-form_search{
	margin-top:10px;
}

#main-form_search{
	margin-top:10px;
}


#through-form_search div.pass{
	float:left;
	margin-right: 10px;
}

#main-form_search div.pass{
	float:left;
	margin-right: 10px;
}


DIV#orv-form_railroad{
	float:left;
	margin-right: 10px;
}

DIV#dnv-form_railroad{
	float:left;
	width:31%;
	*width:32%;
	margin-left: 2px;
	*margin-left: 0px;
}

DIV#options_railroad {
	clear:both;
	border-top:dotted 1px #CCC;
	padding-bottom:10px;
}

DIV#options_railroad H3{
	*margin:3px 0px;
	padding:6px 2px 6px 0px;
	color: #333;
}

.wsize{
	width:230px;
}

DIV#fieldset_railroad P.msg{
	color: #A22;
}

#railroad_texttitle_option{
	width:67px;
	*width:70px;
	float:left;
	padding-top:13px;
	margin-right:30px;
	color:#333333;
}

#railroad_texttitle_option_main{
	width:67px;
	*width:70px;
	float:left;
	padding-top:5px;
	*padding-top:20px;
	margin-right:30px;
	color:#333333;
}


#railroad_textinput_search{
	float:left;
	padding-top:10px;
}

#indent_station{
	margin-left:70px;
}




DIV.ticketmain{
	position:relative;
}

.cticket{
	padding-top:4px;
	background-color: #A5D7EF;
	width:675px;
}

:root .cticket{
	padding-top:2px;
}

.cticket DIV.pul{
	float:left;
	width:83px;
}

:root #cticket DIV.pul{
	float:left;
	width:85px;
}

.cticket H4{
	margin-left: 30px;
	float:left;
	text-align:left;
}

.cticket DIV.chelp{
	width:33px;
	float:left;
	text-align:left;
}


.cticket DIV.cbutton{
	width: 52px;
	float:right;
}

.cticket UL{
	float:left;
	width:370px;
	*width:320px;
	text-align:left;
}

:root #cticket UL{
	width:320px;
}

.commute{
	padding-top:4px;
	background-color: #A5D7EF;
	width:910px;
}

:root .commute{
	padding-top:2px;
}

.commute DIV.pul{
	float:left;
	width:83px;
}

:root #commute DIV.pul{
	float:left;
	width:85px;
}

.commute H4{
	margin-left: 30px;
	float:left;
	text-align:left;
}

.commute DIV.chelp{
	width:33px;
	float:left;
	text-align:left;
}


.commute DIV.cbutton{
	width: 52px;
	float:right;
}

.commute UL{
	float:left;
	width:370px;
	*width:320px;
	text-align:left;
}

:root #commute UL{
	width:320px;
}

.attract_n{
	color:#E60011;
}



DIV.jsstyle{
	width: 418px;
	position:absolute;
	top: -2px;
	*top: 0px;
	right: -1px;
	z-index: 3;
}

:root DIV.jsstyle{
	right: 0px;
}

/* 2011.06.03 mod enokido */
/*
DIV.jsstyle DIV.jshead{
	width:418px;
	height:48px;
	background-image: url(/pcstorage/img/scri_h.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

DIV.jsstyle DIV.jstitle{
	float:left;
	margin:29px 0px 0px 3px;
	font-weight:bold;
	color:#333333;
}

DIV.jsstyle DIV.btncls{
	margin-left:366px;
	*margin-left:362px;
	margin-top:2px;
	*margin-top:5px;
	padding-top:3px;
	*padding-top:0px;
}


:root DIV.jsstyle DIV.btncls{
	padding-top:2px;
}



DIV.jsstyle DIV.jsfactor{
	width:400px;
	border-left:4px solid #44A5D3;
	border-right:4px solid #44A5D3;
	background-color: #D6EBF3;
	padding:5px;
}

DIV.jsstyle DIV.bottom{
	width:418px;
	height:7px;
	background-position: left top;
	background-repeat: no-repeat;
}


.statext{
	font-weight:bold;
}

DIV.jsstyle DIV.routtic{
	width:400px;
	background-color:#FFFFFF;
	padding:5px 0px;
	margin:5px 0px;
}

DIV.jsstyle DIV.routtic DIV{
	margin-left:60px;

}

DIV.jsstyle DIV.routtic DIV P{
	width: 110px;
	float: left;
}

DIV.jsstyle DIV.jsfactor UL.col li{
	margin:2px 0px 0px 3px;
}
*/

DIV.jsstyle DIV.jshead, DIV.jsstylePosLeft DIV.jshead{
	width:418px;
	height:48px;
	background-image: url(/pcstorage/img/scri_h.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

DIV.jsstyle DIV.jstitle, DIV.jsstylePosLeft DIV.jstitle{
	float:left;
	margin:29px 0px 0px 3px;
	font-weight:bold;
	color:#333333;
}

DIV.jsstyle DIV.btncls, DIV.jsstylePosLeft DIV.btncls{
	margin-left:366px;
	*margin-left:362px;
	margin-top:2px;
	*margin-top:5px;
	padding-top:3px;
	*padding-top:0px;
}


:root DIV.jsstyle DIV.btncls, DIV.jsstylePosLeft DIV.btncls{
	padding-top:2px;
}



DIV.jsstyle  DIV.jsfactor, DIV.jsstylePosLeft DIV.jsfactor{
	width:400px;
	border-left:4px solid #44A5D3;
	border-right:4px solid #44A5D3;
	background-color: #D6EBF3;
	padding:5px;
}

DIV.jsstyle DIV.bottom, DIV.jsstylePosLeft DIV.bottom{
	width:418px;
	height:7px;
	background-position: left top;
	background-repeat: no-repeat;
}


.statext{
	font-weight:bold;
}

DIV.jsstyle DIV.routtic, DIV.jsstylePosLeft DIV.routtic{
	width:400px;
	background-color:#FFFFFF;
	padding:5px 0px;
	margin:5px 0px;
}

DIV.jsstyle DIV.routtic DIV, DIV.jsstylePosLeft DIV.routtic DIV{
	margin-left:60px;

}

DIV.jsstyle DIV.routtic DIV P, DIV.jsstylePosLeft DIV.routtic DIV P{
	width: 110px;
	float: left;
}

DIV.jsstyle DIV.jsfactor UL.col li, DIV.jsstylePosLeft DIV.jsfactor UL.col li{
	margin:2px 0px 0px 3px;
}

.imvisible{
	display: none;
}

SELECT.cate{
	font-size:10px;
	width:80px;
	background-color:FFFFFF;
	color:444444;
	border: 1px solid #888888;
}

#operation_trainmail{
	width:15px;
	margin-left:5px;
	background:url(/pcstorage/img/icon_mail.gif) no-repeat left top;
	float:left;
}

#operation_trainmail_title{
	padding:0px 10px 0px 5px;
	float:left;
}

#operation_trainmail_text{
	padding:0px 12px 10px 12px;
}

.btn-reserve{
	margin:0;
	background-repeat:repeat-x;
	background-position:50% 100%;
	font: 100% arial;
	white-space:nowrap;
	height:21px;
}

.btn-reserve{
	margin-top:5px;
	*font-size:85%;
	background-image:url(/pcstorage/img/btn-nom-bg.gif);
	color:#FFF;
	border:1px solid #888;
	background-color:#66a4d4;
	padding:2px 10px;
	*padding:1px 10px;
}
DIV.routemail{
	margin: 3px 0px 3px 27px ;
}
DIV#transferTop_banner{
	text-align:center;
	margin-bottom:20px;
}
LABEL.labelDisabled{
	color:#AAAAAA;
}
DIV.terminalHistoryFrame{
	float:left;
}
DIV.terminalHistoryBtn{
	padding:2px;
}
DIV.terminalMyStationFrame{
	float:left;
}
DIV.terminalMyStationBtn{
	padding:2px;
}

DIV#myStationRegistFrame{
	width:400px;
	margin:5px 15px;
}
DIV#myStationRegistTitle{
	background-color:#EFEFEF;
	border: 1px solid #999999;
	font-weight:bold;
}
DIV#myStationRegistSName{
	font-weight:bold;
}
DIV.myStationRegistBtn{
	background:url(/pcstorage/img/btn-nom-bg.gif);
	border: 1px solid #888888;
	color: #FFFFFF;
	font-size: 120%;
}
DIV#myStationSelectFrame{
	margin: 5px 0px;
}
DIV.myStationSelectColumn{
	margin: 2px 0px;
}

DIV.popup{
	border: 1px #555 solid;
	background-color: #FFF;
	padding: 3px;
	font-size: 80%;
	width: 150px;
	height: 100px;
	overflow: auto;
}

DIV.popup STRONG{
	display:block;
	font-size: 120%;
	border-bottom: 3px #AAA solid;	
}

DIV.popup A.list{
	display: block;
}

DIV.popup A.list:hover{
	color: #FFF;
	background-color: #07A;
}

.info-massage{
	color: #009900;
}

.notice-massage{
	color: #FF4600;
}

.padding-left-60{
	padding-left:60px;
}

/* 2011.06.03 add enokido */
DIV.jsstylePosLeft{
	width: 418px;
	position:absolute;
	top: -2px;
	*top: 0px;
	right: 79px;
	z-index: 3;
}

.ticketmain DIV.accountBtn{
	width: 52px;
	position:absolute;
	top: 1px;
	*top: 2px;
	right: 79px;
}

.ticketmain DIV.accountBtnRight{
	width: 52px;
	position:absolute;
	top: 1px;
	*top: 2px;
	right: 1px;
}

.ticketmain DIV.pathregBtn{
	width: 78px;
	position:absolute;
	top: 1px;
	*top: 2px;
	right: 2px;
}

DIV.back_and_forth{
	padding:8px 14px;
	width:580px;
	border:4px solid #a40000;
	background-color: #ffffff;
}

DIV.baf_inner *{
	padding:0;
	margin:0;
	list-style:none;
}

DIV.baf_title{
	float:left;
	width:130px;
	padding:0.4em 0 0.4em 24px;
	background-position:left;
	background-repeat:no-repeat;
}

UL.baf_column{
	display:block;
	float:right;
	width:405px;
}

UL.baf_column LI{
	display:block;
	width:52px;
	text-align:center;
	border:1px solid #ffffff;
	padding:0.4em 0;
	float:left;	
}

UL.baf_column LI.now{
	width:75px;
	border:1px solid #ffffff;
}

DIV.baf_time{ padding:0 8px;}

DIV.baf_start,DIV.baf_goal{ padding:8px; }

DIV.baf_start{background-color:#dff4ff; z-index:0;}
	DIV.baf_start DIV.baf_title{background-image:url(/pcstorage/img/railroad/beforeafter/start.gif)}
	DIV.baf_start UL.baf_column LI.b3,
	DIV.baf_start UL.baf_column LI.f3{background-color:#92cdeb;}
	DIV.baf_start UL.baf_column LI.b2,
	DIV.baf_start UL.baf_column LI.f2{background-color:#a8d7ef;}
	DIV.baf_start UL.baf_column LI.b1,
	DIV.baf_start UL.baf_column LI.f1{background-color:#c9e6f5;}
	DIV.baf_start UL.baf_column LI.now{background-color:#fff;}

DIV.baf_goal{background-color:#fcecec; z-index:0; position:relative;}
	DIV.baf_goal DIV.baf_title{ background-image:url(/pcstorage/img/railroad/beforeafter/goal.gif)}
	DIV.baf_goal UL.baf_column LI.b3,
	DIV.baf_goal UL.baf_column LI.f3{background-color:#ff9a99;}
	DIV.baf_goal UL.baf_column LI.b2,
	DIV.baf_goal UL.baf_column LI.f2{background-color:#ffc5c5;}
	DIV.baf_goal UL.baf_column LI.b1,
	DIV.baf_goal UL.baf_column LI.f1{background-color:#fededd;}
	DIV.baf_goal UL.baf_column LI.now{background-color:#fff;}

DIV.sg_arrow{
	display:block;
	z-index:1;
	height:5px;
	position:relative;
}

DIV.sg_arrow IMG{
	display:block;
	position:absolute;
	top:-11px;
	left:30px;
}

P.baf_notice{ clear:both; color:#a40000; padding:0.2em 5px;}

/* clearfix */
.clf{zoom: 100%;}
.clf:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size:0.1em;line-height:0;clear: both;}

DIV.routemailArea {
	position: relative;
	margin-left:470px;
	font-size: 80%;
	margin-bottom: 15px;
}

DIV.routemailImageFrame {
	position: absolute;
}

DIV.routemailImageContents {
	position: relative;
}

DIV.routemailFrame {
	position: absolute;
	left:20px;
}

DIV.routemailContents {
	position: relative;
}

DIV.routemailTextFrame {
	position: absolute;
	left:130px;
}

DIV.routemailTextContents {
	position: relative;
}

DIV.baArea {
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	z-index: 5;
}

DIV.baSearchBtn {
	position: absolute;
	top: 10px;
	left: 13px;
}

DIV.baCloseBtn {
	position: absolute;
	top: 15px;
	left: 18px;
}

DIV.baResultFrame {
	position: absolute;
	top: 5px;
}

DIV.baResultContents {
	position: relative;
}