@charset "utf-8";
/* CSS Document */

element{
	/zoom : 1;
}
clearfix:after{
	content : '';
	display : block;
	clear : both;
	height:0;
}

#mainBtn	{
	width: 685px;
	height:39px;
	padding-bottom: 9px;
	background:url(/wws/common/image2010/fare/bg_main.gif) no-repeat left bottom;
}
#mainBtn li {
    display: inline;
    float: left;
    list-style-type: none;
}

/* 乗り継ぎ運賃
-------------------------------------*/
.transit02{
	width:685px;
	height:49px;
	background:#ffd9e7;
	margin:20px 0 10px 0;
	position:relative;
}
.transit02 p {
	margin:0 auto;
	padding:4px 100px 0 250px;
	text-align:center;
}
.transit02 img.word{
	position:absolute;
	left:0;
	top:0;
}
.transit02 img.btn {
	position:absolute;
	right:10px;
	top:13px;
}

/* 表関連
-------------------------------------*/

.dataTable th.economyClass {
	background-color: #4ab033;
	text-align: left;
	color: #ffffff;
}
.dataTable th.businessClass {
	background-color: #1c2f7b;
	text-align: left;
	color: #ffffff;
}
.dataTable th.firstClass {
	background-color: #ff0000;
	text-align: left;
	color: #ffffff;
}
.dataTable .fareName {
	background-color: #eeeeee;
	text-align: left;
	line-height: 1.4;
}

.dataTable .itemName1{
	width:30%;
}
.dataTable .itemName2{
	width:12%;
	background-color:#fde05b;
}
.dataTable .itemName3{
	width:12%;
	background-color:#68c8f6;
}
.dataTable .itemName4{
	width:12%;
	background-color:#38c864;
}
.dataTable .itemName5{
	width:12%;
	background-color:#ffaacc;
}
.dataTable .itemName6{
	width:12%;
	background-color:#fb8638;
}
.dataTable .itemName7{
	width:10%;
}