body{
	margin: 0;
	padding: 0;
	font-family:
	sans-serif;
}

.container{
	width: 99%;
}

.condition{
	width: 100%;
	background-color: #EEEEEE;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
}

.result{
	width: 100%;
	margin-left: 2px;
	margin-right: 2px;
}

.route_table{
	width: 100%;
}

.result2{
	margin-bottom: 10px;
}

/* ページ内経路リンクtab↓ */
.route_link{
	margin-top: 5px;
}

.route_link ul {
	margin: 0;
	padding: 0;
}

.route_link ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 26px;
}

.route_link ul li.title{
	width: 50px;
}


.route_link ul li a{
	height: 30px;
	width: 26px;
	background:url(../images/tab_smart_off.png) no-repeat;
	margin: 0;
	text-align: center;
	float: left;
	line-height: 30px;
	color: #cccccc;
	font-size: small;
}

.route_link ul li a.active{
	background:url(../images/tab_smart_on.png) no-repeat;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

.route_link ul li a.title{
	background:url(../images/title_bg_grad_smart.gif) repeat-x;
	border: solid 1px #cccccc;
	border-bottom: 0;
	height: 29px;
	width: 50px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: small;
}
/* ページ内経路リンクtab↑ */

.route_info{
	margin-top: 0;
	border: solid 1px #B9B9B9;
}

.text_blue{
	color: #448AC9;
	font-weight: bold;
}

.faretype {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 0 #333;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
    margin: 2px;
}

.ticket {
    border-color: #f47a38;
    background-color: #f47a38;
} 

.ic {
    border-color: #3a9d07;
    background-color: #3a9d07;
}

.icon_area{
	float: left;
	margin-top: 2px;
}

.icon_ja{
	width: 20px;
	height: 20px;
	margin: 0 3px;
}

.icon_en{
	width: 60px;
	height: 20px;
	margin: 0 3px;
}

/* 非画像のアイコン */
.icon_base {
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    padding: 3px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    margin: 0 3px;
    margin-bottom: 3px;
}

.en_base {
    width: auto;
}

.fastest {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #407cff), color-stop(100%, #3363cc));
    background: -moz-linear-gradient(top, #407cff 0%, #3363cc 100%);
    border: 1px solid #3363cc;
}

.lowest {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc34d), color-stop(100%, #cf9e3e));
    background: -moz-linear-gradient(top, #ffc34d 0%, #cf9e3e 100%);
    border: 1px solid #cf9e3e;
}

.minimum_trans {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #11cd11), color-stop(100%, #0d990d));
    background: -moz-linear-gradient(top, #11cd11 0%, #0d990d 100%);
    border: 1px solid #0d990d;
}

.pass_switch{
	float: right;
	/* 角丸のボックス(IEは無理) */
	-webkit-border-radius: 5px; /* Safari + Google Chrome */
	-moz-border-radius: 5px; /* firefox */
	border-radius: 5px;
	text-align: center;
	margin-right: 10px;
	padding: 0 10px;
	font-size: medium;
	background-color: #06348b;
}

.pass_switch a:link{
	text-decoration: none;
	/*color :#06348b;*/
	color: #ffffff;
	
}

.clear{
	clear: both;
}

.route_detail{
	margin-top: 2px;
}

.route_detail table{
	border-collapse: collapse;
	border:1px solid #B9B9B9;
	margin: 0;
	padding: 0;
}

.route_detail table tr.tr_station{
	background-color: #E6EDFB;
}

.route_detail table tr.tr_train{
	background-color: #FFFFFF;
}

.route_detail table td.td_center{
	border-right: 1px solid #CCCCCC;
	text-align: center;
}

.route_detail table td.td_left{
	border-right: 1px solid #CCCCCC;
	text-align: left;
}

.route_detail table td.td_right{
	border-right: 1px solid #CCCCCC;
	text-align: right;
}

.route_detail table td.td_noborder_right{
	border-right: none;
}

.text_bold {
	font-weight: bold;
}

/* td直下の英単語には効かない?divで囲めば効く */
.text_wrap {
	word-wrap: break-word; /* CSS3 */
}

.link { font-size: small; }
.link a:link {color :#06348b; text-decoration:none;}
.link a:visited {color :#06348b; text-decoration:none;}
.link a:active {color :#06348b;}
.link a:hover {
	color :#06348b; 
	text-decoration: underline;
}

.caution {
	text-align: left;
	margin-left: 3px;
	color: red;
	font-size: x-small;
}

.error_message{
	color: red;
	width: 100%;
	margin-left: 3px;
	margin-bottom: 3px;
}

.footer{
	margin-top: 5px;
	width: 100%;
}

.footer_timetable{
	width: 99%;
	margin: 2px;
	background-color: #EEEEEE;
	font-size: small;
}

.footer_copyright{
	font-size: small;
}

.iframe_timetable{
	width: 100%;
	margin-left: 2px;
	margin-right: 2px;
}

.iframe_copyright{
	width: 100%;
}

/*区間時刻表*/
.table2{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #b9b9b9;
	margin-bottom:10px;
}

.tr_selected{
	background-color: #efc879;
}

.th_w_left{
	background-color:#b4c2dc;
/*	writing-mode:tb-rl;*/
	padding:3px 5px;
	text-align:left;
	font-weight:bold;
	font-size: medium;
	width:auto;
	height:auto;
}

.th_w{
	border-bottom: 1px solid #CCCCCC;
	background-color:#b4c2dc;
/*	writing-mode:tb-rl;*/
	padding:3px 5px;
	text-align:center;
	font-weight:bold;
	font-size: medium;
	width:auto;
	height:auto;
}
.time2{
	border-bottom: 1px solid #CCCCCC;	
	padding:5px ;
	font-size: medium;
	text-align:center;
	}
.th_w3{
	border-right: 1px solid #CCCCCC;
	padding:5px ;
	text-align:left;
	font-size: medium;
	}	

.week{
	background-color:#E6EDFB;
	border-bottom: 1px solid #dadada;
	padding:10px 5px 10px 5px ;
	font-weight:bold;
	font-size: medium;
	text-align:center;
	}
.holiday{
	background-color:#FCE4F0;
	padding:10px 5px 10px 5px ;
	font-weight:bold;
	font-size: medium;
	text-align:center;
	}

.float_menu {
	width: 99%;
	position: absolute;
	display: none;
}

/*列車情報*/
.table3{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #b9b9b9;
	margin:0 auto 10px auto;	
}
.th_l{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #dadada;
	background-color:#b4c2dc;
	text-align:center ;
	font-weight:bold;
	font-size: medium;
	vertical-align:middle ;
	padding:0 3px;
}

/* JapanRailPass banner */
.jrp_ban_sp{
	width: 316px;
	height: 48px;
	border: 1px solid #b9b9b9;
	margin: 5px 0 5px 0;
}
.center{
 text-align:center;
 margin: 0 0 0 0;
 }