@charset "utf-8";

/* === 2nd Page =======================================

	- 運賃

==================================================== */
/* 2010.01 */

/* メイン画像
-------------------------------------*/
.main-photo{
	margin-bottom:20px;
}

/* 運賃規則
-------------------------------------*/
.rule{
	width:685px;
	height:50px;
	background:url('/wws/common/image2010/fare/kisoku_bg.gif') left top no-repeat;
	margin-bottom:20px;
}

.rule img{
	margin:9px 0 0 485px;
}

.rule span{
	text-indent:-9999px;
	display:none;
}

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

/* 乗り継ぎ運賃 12A
-------------------------------------*/

.transitbox {
	background: url(/wws/common/image2010/fare/dot_line_top.gif) no-repeat;
	margin: 20px 0 10px 0 ;
	padding-top: 1px;
}

.transitboxInner {
	background: url(/wws/common/image2010/fare/dot_line_btm.gif) no-repeat 0 bottom;
	padding: 20px 10px ;
}
.transit02{
	height:49px;
	margin:0px 0 10px 0;
	position:relative;
}
.transit02 p {
	margin:0 auto;
	/*padding:19px 150px 0 190px;*/
	padding:19px 0 0 120px;
	text-align:center;
}
.transit02 img.word{
	position:absolute;
	left:0;
	top:0;
}
.transit02 img.btn {
	position:absolute;
	right:10px;
	top:13px;
}

/* 乗り継ぎ運賃(北米行き）
-------------------------------------*/
.transit-us{
	width:685px;
	height:49px;
	background:#FDC236;
	margin:20px 0 10px 0;
	position:relative;
}
.transit-us p {
	margin:0 auto;
	padding:19px 170px 0 180px;
	text-align:center;
}
.transit-us img.word{
	position:absolute;
	left:0;
	top:0;
}
.transit-us img.btn {
	position:absolute;
	right:10px;
	top:13px;
}

/* 乗り継ぎ運賃（英語）
-------------------------------------*/
.baggage img {
	float:right;
	margin:13px 20px 0 0;
}
.baggage {
	background:transparent url(/wws/common/image2010/fare/baggage-bg.gif) no-repeat scroll left top;
	height:49px;
	margin:10px 0;
	position:relative;
	width:685px;
}
.baggage span {
	left:100px;
	position:absolute;
	top:20px;
}
.baggage img {
	position:absolute;
	right:0;
	top:0;
}

/* 乗り継ぎ運賃(英語)(北米行き）
-------------------------------------*/
.transit-us-e{
	width:685px;
	height:49px;
	background:#FDC236;
	margin:20px 0 10px 0;
	position:relative;
}
.transit-us-e p {
	margin:0 auto;
	padding:19px 148px 0 143px;
	text-align:center;
}
.transit-us-e img.word{
	position:absolute;
	left:0;
	top:0;
}
.transit-us-e img.btn {
	position:absolute;
	right:10px;
	top:13px;
}

/* 日本行き運賃
-------------------------------------*/
div.to_japan_box{
	padding:0 0 20px 10px;
}
div.to_japan_box ul li {
	padding-right:25px;
	padding-bottom:5px;
	line-height:140%;
	font-weight:bold;
}
div.to_japan_box ul li img {
	margin-right:3px;
	vertical-align:top;
}
div.to_japan_box ul li a {
	vertical-align:top;
}


/* special flight
-------------------------------------*/
.economy{
	background:#4ab033 !important;
	color:#FFF;
}
.pre_eco{
	background:#01733f !important;
	color:#FFF;
}
.biz{
	background:#1c2f7b !important;
	color:#FFF;
}
.first{
	background:#b01f24 !important;
	color:#FFF;
}
.blue1{
	background:#2677BF;
	color:#FFF;
}
.blue2{
	background:#4695DB;
	color:#FFF;
}
.blue3{
	background:#71ADE3;
	color:#FFF;
}
.blue4{
	background:#2E86D6;
	color:#FFF;
}
.blue5{
	background:#5BA0DF;
	color:#FFF;
}
.blue6{
	background:#96C2EB;
	color:#FFF;
}
.blue7{
	background:#A6CCEE;
	color:#FFF;
}

/*	anchorArea_fare	*/
div.anchorArea_fare{
	text-align:right;
}
div.anchorArea_fare img{
	vertical-align:middle !important;
}
div.anchorArea_fare a{
	font-weight:bold;
	text-decoration:underline !important;
	padding:0 0 10px 10px;
}
div.anchorArea_fare span{
	vertical-align:middle !important;
}

/*	logoarea	*/
th.logoarea img{
	vertical-align:middle !important;
}
th.logoarea img.block {
	display:block;
	margin:auto auto 3px;
}
th.logoarea span{
	padding:3px 0 0 3px;
	vertical-align:middle !important;
}

/*	attention	*/
div.attention{
	margin:10px 0 0 0;
}
div.attention h3{
	margin:0 0 10px 0;
}
h2.nobg{
	background:none !important;
	margin:0;
	padding:0;
}
/*	biko	*/
ul.biko{
	margin:10px 0 20px 0;
}
ul.biko li{
	padding-left:1em;
	text-indent:-1em;
}

		
/* リスト関連
-------------------------------------*/
/* 　　markList　　*/
ul.markList{
	/*width:685px;*/
}
ul.markList li{
	min-height:20px;
	padding-bottom:5px;
}
ul.markList li.ava{
	padding-left:30px;
	background:url(/wws/common/image2010/fare/fare-availablity.gif) 0 1px no-repeat;
}
ul.markList li.up{
	padding:0 0 0 30px;
	line-height:23px;
	background:url(/wws/common/image2010/fare/upgrade.gif) 0 0 no-repeat;
}
ul.markList li.dot{
	background:transparent url(/wws/common/image2010/fare/list_bg_dot.gif) no-repeat 2px 6px;
	padding:0 10px;
	line-height:15px;
}

/* 　　noteList　　*/
ul.noteList{
	width:685px;
	clear:both;
}
ul.noteList li{
	text-indent:-0.5em;
	padding-left:0.5em;
}
/* 　　dotList　　*/
ul.dotList{
	width:685px;
	clear:both;
	margin:10px 0;
}
ul.dotList li {
	background:transparent url(/wws/common/image2010/fare/list_bg_dot.gif) no-repeat 2px 6px;
	padding:0 10px;
	line-height:15px;
}
/* 　　keiyuList　　*/
ul.keiyuList {
	width:360px;
	margin:0 auto 10px;
}

/* 　　riyoubinList　　*/
ul.riyoubinList {
	width:500px;
	margin-left:0;
}
ul.riyoubinList li{
	color:#990000;
}

/* 　　discList　　*/
ul.discList li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin-left:15px;
	padding-bottom:5px;
}
ul.discList li.none {
	list-style:none !important;
	text-indent:-15px;

}

/* 表関連
-------------------------------------*/
.dataTable {
	width: 685px;
	border:#999999 1px solid;
	border-collapse: collapse;
	margin:3px 0;
}

.dataTable th{
	text-align:center;
	background: #efefef;
	padding:7px;
}

.dataTable td{
	text-align:center;
	padding:7px;
}

.dataTable th.bgGray{
	background: #cccccc;
}


.dataTable td.left,
.dataTable th.left {
	text-align:left;
}


.dataTable a:link, 
.dataTable a:visited {
	text-decoration: underline!important; 
}

.dataTable a:hover, 
.dataTable a:active {
	text-decoration: none!important; 
}

.dataTable .btn_new {
	margin-bottom: 3px;
}

.dataTable td.nTd{
	padding:7px 0;
}


/*  関連情報
-------------------------------------*/

ul.linkArea {
	width: 685px;
	margin: 10px 0 20px 10px;
}
ul.linkArea li {
	float: left;
	display: inline;
	margin-right: 16px;
	line-height: 140%;
}


/*  2カラムBOX
-------------------------------------*/

.box_2column .fareKind {
	width: 310px;
	margin: 0 0 10px 10px;
	background: none;
}
.box_2column .fareKind dt {
	width: 52px;
	float: left;
}
.box_2column .fareKind dd {
	width: 243px;
	float: right;
}
.box_2column .fareKind .pBLink {
	line-height: 130%;
	padding-bottom: 5px;
	display: block;
	background: url(/image/renewal09/icon/icon_square.gif) no-repeat 0 3px;

}
.box_2column .fareKind dd .pBLink span {
	font-weight: lighter;
}

/* 文字装飾
-------------------------------------*/
.red { color:#990000; }
.blue {	color:#5489bf;}
.bld {	font-weight:bold;}

/* 他期間運賃へのリンク
-------------------------------------*/
.other_month {
	float:right;
	font-weight: bold;
	padding:5px 0 15px 0;
}

/*その他
-------------------------------------*/
.att{
	line-height:100%;
	padding-top:10px;
}

.contact {
	border: #cccccc 1px solid;
	margin: 15px 0;
	padding: 10px;
}

p.section{
	width:685px;
	height:1px;
	margin:10px 0;
	background:url(/wws/images/dots.gif) bottom left repeat-x;
	font-size:1px;
	clear:both;
}
p.note{
	text-indent:-1em;
	padding-left:1em;
}

.itemLogo{
	float:right;
	margin:0 0 5px 5px;
	clear:both;
}

.txtRight{
	text-align:right;
}

.mgTp10 {
	margin-top:10px;
}

.mgBtm10 {
	margin-bottom:10px;
}

.mgBtm20 {
	margin-bottom:20px;
}

.pdBtm10 {
	padding-bottom:10px;
	white-space:nowrap;
}

.lft{
	float:left;
}
.right{
	float:right;
}
.lighter{
	font-weight: lighter;
}
	
a.fareLink:link, 
a.fareLink:visited {
	text-decoration: underline!important; 
	font-weight:bold;
}

a.fareLink:hover, 
a.fareLink:active {
	text-decoration: none!important; 
	font-weight:bold;
}

.dataTable .btn_new {
	margin-bottom: 3px;
}
.fareClear{
	clear:both;
}