@charset "shift_jis";

/* ======= for Full CSS Style ( main/index.html ) ====== */

#catch-box {
	margin: 20px 0 0;
}
#catch-menu {
	float: left;
	width: 372px;
}
#catch-menu img {
	vertical-align:top;
}
#catch-box #area-menu {
	float: right;
	width: 400px;
	padding: 5px 0 0;
}
#catch-box #area-menu a {
	display: block;
	float: right;
}
#catch-menu li {
	float: left;
	padding: 2px 0 0;
}
#catch-menu li.on {
	padding: 0;
}
#catch-menu li#catch-menu01 {
	width: 123px;
}
#catch-menu li#catch-menu02 {
	width: 122px;
}
#catch-menu li#catch-menu03 {
	width: 126px;
}

#catch-main {
	border: 1px solid #999999;
}
#catch-main div.photo-box {
	float: left;
	width: 531px;
	padding: 3px;
	border-right: 1px solid #999999;
	margin-right: -1px;
}
#catch-main div.form-box {
	float: right;
	width: 260px;
	height:194px;
	background-color: #efefef;
	
}
#banner-area .l-banner {
	float: left;
	width: 400px;
}
#banner-area .r-banner {
	float: right;
	width: 400px;
	text-align: right;
}
#area-search {
	float: left;
	width: 540px;
}
body#mx #mainContent1col div#eco-container #area-search h2 {
	margin: 0;
}
body#mx #mainContent1col div#eco-container #fit-search h2 {
	margin: 0 0 6px;
}
#area-body {
	padding: 6px 0;
	background: url(/int/fare/main/images_0804/index_bg001.gif) repeat-y 113px 0;
	border-width: 0 1px 1px;
	border-color: #c5c5c5;
	border-style: solid;
}
#area-menu {
	float: left;
	width: 110px;
}
#area-menu li.icon-link {
	margin: 5px 0 5px 10px;
}
#area-menu li.icon-link a:hover {
	color:#ff3300;
}
#area-map {
	float: right;
	width: 424px;
}
#fit-search {
	float: right;
	width: 238px;
}

#main-table {
	margin: 40px 0 0;
}
#main-table #nav li,
#door-table #nav li {
	float: left;
}
#main-table #nav li#navPanel01,
#door-table #nav  {
	width: 219px;
}
#main-table #nav li#navPanel02,
#door-table #nav li#navPanel02  {
	width: 223px;
}
#main-table #nav,
#door-table #nav  {
	list-style-type: none;
	height:44px;
	clear:both;
}
#main-table #nav li#navPanel01 a,
#door-table #nav li#navPanel01 a {
	display:block;
	/*overflow:hidden;*/
	width:219px;
	height:44px;
	text-decoration:none;
	text-indent: -9999px;
}
#main-table div.panel01 li#navPanel01 a,
#door-table div.panel01 li#navPanel01 a {
	background-image:url(/int/fare/main/images_0804/index_bt006on.gif);
}
#main-table div.panel01 li#navPanel02 a,
#door-table div.panel01 li#navPanel02 a {
	background-image:url(/int/fare/main/images_0804/index_bt007off.gif);
}
#main-table div.panel01 li#navPanel02 a:hover,
#door-table div.panel01 li#navPanel02 a:hover {
	background-image:url(/int/fare/main/images_0804/index_bt007on.gif);
}

#main-table #nav li#navPanel02 a,
#door-table #nav li#navPanel02 a {
	display:block;
	/*overflow:hidden;*/
	width:223px;
	height:44px;
	text-decoration:none;
	text-indent: -9999px;
}

#main-table div.panel02 li#navPanel01 a,
#door-table div.panel02 li#navPanel01 a {
	background-image:url(/int/fare/main/images_0804/index_bt006off.gif);
}
#main-table div.panel02 li#navPanel01 a:hover,
#door-table div.panel02 li#navPanel01 a:hover {
	background-image:url(/int/fare/main/images_0804/index_bt006on.gif);
}
#main-table div.panel02 li#navPanel02 a,
#door-table div.panel02 li#navPanel02 a {
	background-image:url(/int/fare/main/images_0804/index_bt007on.gif);
}


#main-table .normal-table .base-box {
	position: relative;
	padding: 3px 18px 3px 8px;
}
#main-table .normal-table thead .base-box,
#main-table .normal-table tfoot .base-box {
	padding: 10px 18px 10px 8px;
}
#main-table .normal-table .base-box .help {
	display: block;
	position: absolute;
	top: 2px;
	left: 80%;
}
/* \*/
#main-table .normal-table .base-box .help {
	left: auto;
	right: 3px;
}
/* */
#main-table .normal-table thead th.first .base-box .help {
	right: 3px;
}
* html #main-table .normal-table thead th.first .base-box .help {
	right: 2px;
}
#main-table .normal-table tbody th .icon-link {
	background-position: 0 50%;
}
#main-table .note-box {
	margin: 5px 0 0 5px;
}
#main-table div.tips {
	position: absolute;
	top: 2px;
	right: 3px;
	_right: 10px;
	width: 100px;
	padding: 5px;
	border: 1px solid #0f97b6;
	background-color: #ffffff;
	font-weight: normal;
	text-align: left;
}
#main-table .normal-table {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #999999;
}
#main-table .normal-table thead th {
	padding: 0 0 3px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #999999;
	background: #d5f0f7 url(/int/fare/main/images_0804/index_bg019.gif) repeat-x bottom left;
	vertical-align: top;
}
* html #main-table .normal-table thead th {
	padding: 0 0 4px;
}
#main-table .normal-table thead th.first {
	border-right: 0;
	background: #d5f0f7 url(/int/fare/main/images_0804/index_bg022.gif) no-repeat bottom left;
}
#main-table .normal-table thead th.second {
	background: #d5f0f7 url(/int/fare/main/images_0804/index_bg024.gif) no-repeat bottom left;
}
#main-table .normal-table thead th.second2 {
	background: #d5f0f7 url(/int/fare/main/images_0804/index_bg027.gif) no-repeat bottom left;
	padding-left:5px;
}
#main-table .normal-table tbody th {
	padding: 3px 0;
	border-width:0 0 1px 0;
	border-style: solid double;
	border-color: #999999;
	background: #d5f0f7 url(/int/fare/main/images_0804/index_bg021.gif) repeat-y top left;
	font-weight: normal;
	text-align: left;
}
#main-table .normal-table tbody td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #999999;
	text-align: center;
}
#main-table .normal-table tbody td.second {
	background: url(/int/fare/main/images_0804/index_bg025.gif) repeat-y left;
}
#main-table .normal-table tr.point th,
#main-table .normal-table tr.point td {
	background-color: #fff0d7;
}
#main-table .normal-table tr.point td.second {
	background: #fff0d7 url(/int/fare/main/images_0804/index_bg026.gif) repeat-y left;
}
#main-table .normal-table tr.point th.noborder01 {
	border-right: 0;
}
#main-table .normal-table tr.point th.noborder02 {
	background-image: none;
}
#main-table .normal-table tr.pend th {
	border-bottom: 0;
	background: #fff0d7 url(/int/fare/main/images_0804/index_bg030.gif) no-repeat bottom left;
}
#main-table .normal-table tr.pend td {
	border-bottom: 0;
	background: #fff0d7 url(/int/fare/main/images_0804/index_bg028.gif) repeat-x bottom;
}
#main-table .normal-table tr.pend td.second {
	border-bottom: 0;
	background: #fff0d7 url(/int/fare/main/images_0804/index_bg029.gif) no-repeat bottom left;
}
#main-table .normal-table tfoot th {
	padding: 4px 0 0;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #999999;
	background: #d5f0f7 url(/int/fare/main/images_0804/index_bg020.gif) repeat-x top left;
	vertical-align: top;
}
#main-table .normal-table tfoot th.second2 {
	background: #d5f0f7 url(/int/fare/main/images_0804/index_bg038.gif) no-repeat top left;
}
#main-table .normal-table tfoot th.first {
	border-right: 0;
	background: #d5f0f7 url(/int/fare/main/images_0804/index_bg023.gif) no-repeat top left;
}
#main-table .normal-table tfoot th.second {
	background: #d5f0f7 url(/int/fare/main/images_0804/index_bg027.gif) no-repeat top left;
}



/* low -  fare - high */
#main-table .normal-table thead .fare-level {
	padding: 5px;
	background: #ffffff url(/int/fare/main/images_0804/index_bg039.gif) no-repeat bottom left;
}
#main-table .normal-table tfoot .fare-level {
	padding: 5px;
	background: #ffffff url(/int/fare/main/images_0804/index_bg040.gif) no-repeat top left;
}


/* Campaign */
#campaign-block {
	width: 800px;
	margin: 20px 0 0;
}
body#mx #mainContent1col #campaign-block h2 {
	margin-bottom: 0;
}
#campaign-box {
	padding: 5px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #c5c5c5;
}
#campaign-box #cam-inner {
	background: url(/int/fare/main/images_0804/index_bg041.gif) repeat-y ;
}
* html #campaign-box #cam-inner {
	height: 1px;
}
#campaign-box #cam-left {
	float: left;
	width: 455px;
	padding: 5px;
	background-color: #fffdd7;
}
#campaign-box #cam-left img {
	vertical-align: top;
}
#campaign-box #cam-left p#cam-illust {
	float: left;
	width: 110px;
	margin: 5px 0 0;
}
#campaign-box #cam-left #cam-txt {
	float: left;
	width: 335px;
	margin: 5px 0 0;
}
#campaign-box #cam-left p#cam-title {
	padding: 0 0 0 25px;
	background: url(/int/fare/main/images_0804/index_ic010.gif) no-repeat 0 0;
	font-weight: bold;
	_height:20px;
	min-height:20px;
}
#campaign-box #cam-left #cam-txt dd {
	margin: 10px 0 0;
	padding: 5px;
	line-height:120%;
}
#campaign-box #cam-right {
	float: left;
	width: 305px;
	margin: 0 0 0 10px;
	padding: 0 0 5px;
}
#campaign-box ul#cam-list li.icon-link {
	margin: 5px 0 5px 10px;
	line-height:120%;
}
#campaign-box #cam-link {
	width: 100%;
	margin: 5px 0 0;
	padding: 5px 0 0;
}
#campaign-box #cam-link a {
	display: block;
	float: right;
	padding: 0 0 0 13px;
	background:url(/int/fare/main/images_0804/index_ic011.gif) no-repeat 0 0.3em;
}


/* main sub */
#MainSub {
	clear: both;
	margin: 10px 0 15px;
	padding: 0 0 15px 0;
	width: 800px;
}
* html #MainSub {
	padding: 0;
}
#MainSub a {
	float: right;
}


/* TIPS */
.tips {
	display: none;
	padding: 25px;
}
.tips-w100 {
	width: 100px !important;
}
.tips-w150 {
	width: 100px !important;
}
.tips-w200 {
	width: 100px !important;
}
.tips-w250 {
	width: 100px !important;
}
.tips-w400 {
	width: 400px !important;
}



.grayout {
	color: #999999;
}


/* Mac版IEのみに適用 \*//*/
#campaign-box { 
	height: 150px;
}
/* */