@charset "shift_jis";
/*---------------------
 Version: 1.0
 creation date: 2009/06
 last update: 09/09/24
---------------------- */


.fl_right {
	float: right;
}
.fl_left {
	float: left;
}
.clear_bottom {
	clear: both;
	margin-bottom: 10px;
}

/*------------------ タイトル ------------------*/
#headline .linkArea {
	width: 100%;
	text-align: right;
}

#headline .linkArea .btn4 {
	margin-left: 10px;
	float: right;
}
#head-box div.left_box {
	width: 591px;
}
#head-box div.left_box h1 {
	margin: 0 0 7px;
	border-bottom: 1px solid #000000;
}
#headline .sub {
	width: 800px;
}
#headline .sub .btn3{
	text-align: right;
	float: right;
	dislay: block;
	margin-top: 15px;
}


/*------------------ 運賃説明_0906 ------------------*/
.section01 {
	width: 780px;
	margin: 0 0 20px 10px;
	line-height: 120%;
}
.section01 .comment01 {
	width: 780px;
	border: #cc0000 1px solid;
	float: left;
	display: inline;
}
.section01 img {
	float: right;
}
.section01 .comment01 div.orange {
	color: #ff6600;
	font-weight: bold;
	font-size: 110%;
	width: 745px;
	margin: 9px 13px 8px 13px;
}
.section01 .comment01 div {
	width: 745px;
	margin: 7px 13px 10px 13px;
}

.section01 .comment01 .borderTop {
	background: url(../images/eco2009/border_dot.gif) repeat-x top left;
	margin-top: 4px;
	padding-top: 5px!important;
}




/*------------------ タブ ------------------*/
#tab01,
#tab02 {
	margin-left: 10px;
}
#tab01 .tab,
#tab02 .tab {
	width: 800px;
	float: left;
}


#tab01 .tab img,
#tab02 .tab img {
	float: left;
	display: inline;
	margin-left: 2px;
}

#tab01 .tab .unit,
#tab02 .tab .unit {
	width: 150px;
	float: right;
	text-align: right;
	margin: 10px 20px 0 0;
	line-height: 100%;
}

#tab01 div.orange {
	color: #ff6600;
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 10px 0; 
	}
	

/*------------------ 運賃表 ------------------*/
.text_month {
	width: 780px;
	margin: 0 0 5px 10px;
	font-weight: bold;
	font-size: 120%;
}
.text_month .note {
	font-weight: normal;
	padding:5px 0;
	line-height:120%;
}

.text_month_bk {
	margin: 0 0 5px 10px;
	font-weight: bold;
	font-size: 90%;
}

.space_t {
	margin-top: 10px;
}
.dataTable th {
	border-right: #999999;
	border-bottom: #999999;
	background: #c5d5ef!important;
	width:620px;
	font-weight: bold;
	text-align: center;
}

.dataTable td table {
	text-align: left!important;
	margin: 0 auto;
}
.dataTable td table td {
	text-align: left!important;
}


div.space {
	margin: 0 0 5px 0;
}
/*.dataTable .mile {
	width: 160px;
	margin: 3px 0 0 0;
	float: right;
}*/

.dataTable .mile {
	width: 160px;
	margin: 4px 0 0 460px;
	position: absolute;
}
.dataTable .mile .btn4 {
	line-height: 14px;
	font-weight: lighter;
}
.dataTable .title_2009 {
	/*background: url(../images/eco2009/bg_blue.jpg) repeat-x top left;*/
	background: #3462B2;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 22px;
	vertical-align: top!important;
	text-align: left!important;
	width: 80%;
}
.dataTable .title_2009 .left_text {
	width: 450px;
	border: #3462B2 1px solid;
	text-align: left!important;
}

#tab01 .dataTable,
#tab02 .dataTable {
	margin: 10px 0;
}
.dataTable .nomal_bg {
	text-align: center;
}

.section02 .dataTable {
	margin-bottom: 10px;
}

/*------------------ 運賃表詳細 ------------------*/
.comment02 {
	width: 780px;
	margin: 0 0 10px 10px;
}
.comment02 img {
	float: left;
	margin: 0 10px 20px 0;
	display: inline;
}
.comment03 {
	margin: 10px 0 20px 0;
}


.section02 {
	width: 780px;
	margin-left: 10px;
}
.section03 {
	width: 780px;
	margin: 0 0 20px 10px;
	line-height: 130%;
}

/*------------------ 注釈 --------------------*/

body#mx li.ind,
body#mx span.ind {
	display: block;
	text-indent: -0.5em!important;
	padding-left: 0.5em!important;
}

body#mx span.ind span.red {
	color: #ff0000!important;
}

/*------------------ 乗り継ぎ運賃表 --------------------*/
.blueTxst {
	color: #3366ff;
}

.comment04 {
	width: 780px;
	margin: 10px 0 20px 0;
}

.btn_serch {
	margin: 0 0 20px 0;
}

/*------------------ 利用にあたっての注意 --------------------*/
body#mx .Section .notice{
width:800px;
/*font-size:x-small;*/
}
body#mx .Section .notice dd,
body#mx .Section .notice dd ul.noticeList{
margin-left:0;
}
body#mx .Section .notice dd ul.noticeList{
line-height:125%;
}
.Section .notice dd ul.noticeList,
.Section .notice dd ul.noticeList li{
list-style-type:disc;
margin-left: 20px;
}
/*------------------ clearfix ------------------*/

.section01:after,
#tab01 .tab:after,
#tab01:after,
#tab02:after,
.dataTable .title2009:after,
.comment02:after,
#headline .sub:after,
#headline td.textArea:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.section01,
#tab01 .tab,
#tab01,
#tab02,
.dataTable .title2009,
.comment02,
#headline .sub,
#headline td.textArea {
	display: inline-block;
}

/*------------------ 20090924追加 ------------------*/
/*-　ツアーリンクバナー　-*/
#fare-container #headline .tourBanner{
	float:right;
	margin-bottom: 10px;
	/*_margin-bottom: 0;*/
}
#fare-container #headline .tourBanner img{
	margin-left:10px;
}

/*-　バナー floatclear　-*/
#mainContent1col #fare-container .areatop_topics,
#mainContent1col #fare-container .MainSub,
#mainContent1col #fare-container .Section,{
	clear:both;
}
/*-　他汎用　-*/
td.td3 {
	padding:3px;
}

.style1,.style2 {
	color: #990000;
}