@charset "utf-8";

/* --------------------------------------------------------------------------*/
/* 検索条件                                                                  */
/* --------------------------------------------------------------------------*/

.summary {
	background-color:#ffffff;
	padding:15px;
}

.search_cond {
	border: solid 1px #4e41b3;
	margin: 0 auto;
	vertical-align:middle;
}

.search_cond .box-01{
	padding: 4px 10px;
	background:#f5e3a1;
	border-bottom: dotted 1px #666;
	font-weight:bold;
	font-size: 14px;
}

.search_cond .box-01 img{
	vertical-align:middle;
}

.search_cond .box-02{
	padding: 5px 10px;
}

.search_cond .box-02 .box-left{
	float:left;
}

.search_cond .box-02 .box-left span{
	display:inline-block;
	*zoom:1;
	padding:5px 0;
}

.search_cond .box-02 .box-right{
	float:left;
	margin-left: 30px;
}

a.link-box{
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:28px;
	line-height:28px;
	margin-right:10px;
	padding: 0 20px 0 10px;
	background-color:#7d592b;
	color:#ffffff;
	text-decoration:none;
}

a.link-box:hover{
	zoom:1;
	filter: alpha(opacity=30);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

a.link-box img{
	vertical-align: middle;
	margin:0 5px;
}

span.dep_label{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width:70px;
	padding:2px 0;
	margin-right:10px;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
	background-color:#b82e2e;
}

span.arr_label{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width:70px;
	padding:2px 0;
	margin-right:10px;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
	background-color:#2e55b8;
}

span.pass_label{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width:70px;
	padding:2px 0;
	margin-right:10px;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
	background-color:#2e96b8;
}

.summary .message {
	padding:10px 10px 10px 20px;
	background:#e14f1c;
	margin:15px 0 20px 0;
	color:#ffffff;
}

.summary .search_again {
	margin-top:10px;
	text-align:center;
}

/* --------------------------------------------------------------------------*/
/* 検索結果一覧                                                              */
/* --------------------------------------------------------------------------*/

#result_list{
	margin:20px 0;
}

#result_list ul.tab{
	border-bottom:1px solid #4e41b3;
	padding-left: 20px;
}

#result_list ul.tab li{
	float: left;
	margin-right: 3px;
}

#result_list ul.tab li a {
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	border-top: 1px solid #4e41b3;
	border-left: 1px solid #4e41b3;
	border-right: 1px solid #4e41b3;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background-color: #7c72c7;
	color:#ffffff;
	fonr-weitht:bold;
	text-align:center;
}

#result_list ul.tab li a.active {
	height:31px;
	margin-bottom:-1px;
	background-color: #ffffff;
	color: #000000;
	cursor: default;
}

#result_list ul.tab li a.mouseover {
	zoom:1;
	filter: alpha(opacity=30);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

#result_list .panel{
	border-left: solid 1px #4e41b3;
	border-right: solid 1px #4e41b3;
	border-bottom: solid 1px #4e41b3;
	padding:0;
	margin:0 auto;
}

#result_list .panel table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	background-color: #e8e5fe;
}

#result_list .panel table td{
	border-top:4px solid #FFF;
	text-align: left;
	vertical-align:middle;
	padding: 5px;
	cursor:pointer;
}

#result_list .panel table tr:hover td {
	background: #ecf2fa;
	cursor: pointer;
}

#result_list .panel table td.number{
	width:5%;
	text-align:center;
}

#result_list .panel table td.number p{
	display: inline-block;
	color: #ffffff;
	background-color:#3f4c6b;
	width: 24px;
	height: 24px;
	line-height:24px;
	text-align: center;
	margin:0 auto;
}

#result_list .panel table td.dep_arr img{
	margin:0 7px;
}

#result_list .panel table td.buscard img{
	width:32px;
	height:32px;
}

#result_list .panel table td.icons img{
	width:32px;
	height:32px;
	margin:0 5px;
}

/* --------------------------------------------------------------------------*/
/* 検索結果詳細                                                              */
/* --------------------------------------------------------------------------*/

#result_detail .block{
	position: relative;
	margin-top:20px;
	padding:15px;
	background-color:#FFFFFF;
}

#result_detail .block ul.tab{
	border-bottom:1px solid #4e41b3;
	margin:0;
}

#result_detail .block ul.tab li{
	float: left;
	width: 128px;
	height: 39px;
	line-height:38px;
	margin-right: 5px;
	margin-bottom: -1px;
	border-top: 1px solid #4e41b3;
	border-left: 1px solid #4e41b3;
	border-right: 1px solid #4e41b3;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background-color: #ffffff;
	text-align: center;
	font-size: 15px;
	fonr-weitht:bold;
	text-align:center;
}

#result_detail .block ul.tab li .number{
	display:inline-block;
	width:24px;
	line-height:24px;
	margin-left: 5px;
	color:#ffffff;
	background-color:#3f4c6b;
	vertical-align:middle;
	text-align: center;
}

#result_detail .block ul.tab li a{
	display: block;
	width: 128px;
	height: 38px;
	line-height:38px;
	margin:0;
	border-bottom: 1px solid #4e41b3;
	color: #ffffff;
	background-color: #7c72c7;
	text-align: center;
	font-size: 15px;
	fonr-weitht:bold;
	text-align:center;
	text-decoration:none;
}

#result_detail .block ul.tab li a:hover{
	zoom:1;
	filter: alpha(opacity=30);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

#result_detail .block a{
	color:#4e41b3;
	text-decoration:underline;
}

#result_detail .block a:hover{
	text-decoration:none;
}

#result_detail .block .print{
	position:absolute;
	top: 30px;
	right: 20px;
	font-size: 13px;
}

#result_detail .block .print a{
	margin-left: 30px;
}

#result_detail .block table{
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	padding:5px 5px 10px;
	border-left: solid 1px #4e41b3;
	border-right: solid 1px #4e41b3;
	border-bottom: solid 1px #4e41b3;
	background-color:#FFFFFF;
}

#result_detail .block table td.time_1{
	width:175px;
	padding:5px 0 5px 20px;
	font-size: 15px;
	font-weight:bold;
}

#result_detail .block table td.time_2{
	width:435px;
	padding:5px 0;
	font-size: 14px;
}

#result_detail .block table td.time_3{
	width:190px;
	padding:5px 0;
	font-size: 14px;
}

#result_detail .block table td.time_4{
	width:100px;
}

#result_detail .block table td.time_4 img{
	margin-right:5px;	
	width:25px;
	height:25px;
}

#result_detail .block table td.point{
	padding: 3px 0px;
}

#result_detail .block table td.point .box-1{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size:14px;
	width: 100px;
	padding-left: 20px;
}

#result_detail .block table td.point .box-2{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 482px;
	font-size:14px;
	font-weight: bold;
}

#result_detail .block table td.point .box-2 span.mark{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width:15px;
	height:15px;
	margin-right:10px;
	vertical-align:middle;
	background-color:#4e41b3;
}

#result_detail .block table td.point .box-2 span.platform{
	font-weight:normal;
	margin-left:20px;
	color:#4e41b3;
}

#result_detail .block table td.point .box-3{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size:14px;
	width: 85px;
	padding-left:10px;
}

#result_detail .block table td.point .box-3 span{
	font-size:0.7em;
}

#result_detail .block table td.point .box-4{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size:12px;
	padding-left:10px;
}

#result_detail .block table td.point .box-5{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding-left: 40px;
	width: 25px;
}

#result_detail .block table td.point .box-6{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size:13px;
	width: 80px;
}

#result_detail .block table td.point .box-7{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 50px;
}

#result_detail .block table td.point .box-7 img{
	width:32px;
	height:32px;
}

#result_detail .block table td.point .box-8{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size:14px;
	width: 401px;
	padding-left: 10px;
	color:#4e41b3;
}

#result_detail .block table td.point .box-9{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size:13px;
	width: 100px;
	color:#4e41b3;
}

#result_detail .block table td.point .box-10{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size:12px;
	text-align: right;
	width: 180px;
	padding-right: 10px;
}

#result_detail .block table td ul.time_sub1{
	padding: 2px 0 2px 10px;
	font-size: 12px;
	color:#3402fd;
}

#result_detail .block table td ul.time_sub1 li{
	float:left;
	margin-left:20px;
}

#result_detail .block table td ul.time_sub2{
	padding:2px 0 2px 10px;
	font-size: 12px;
	color:#663300;
}

#result_detail .block table td ul.time_sub2 li{
	float:left;
	margin-left:20px;
}

#result_detail .block table .estimation{
	color:#F60;
}

#result_detail .block table .color-gr{
	background-color:#f2f2f2;
}

#result_detail .block .pagetop{
	padding: 10px 0;
	text-align:right;
}

#result_detail .block .pagetop img{
	vertical-align:middle;
}
