@charset "Shift_JIS";

/*
 ------------------------------

 ◆(C)ANA top CSS
 ◆Version: 1.0
 ◆creation date: 07/01/31
 ◆last update: 07/02/02

 ----------------------------- */

/*

修正追加点（修正追加日）

 */


/* 基本設定
 ----------------------------------------------- */



table {
	clear: both;
	border: none;
}

#toppage table td { vertical-align: top; }

input {
	border-width: 1px; 
	vertical-align: middle; 
	_padding-top: 3px;/* IE対応 */ 
}

select {
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 1;
}

#toppage img { vertical-align: bottom; }

p.infoSystem {
	width: 311px;
    text-align:left;
	margin-left: 6px;
	line-height: 25px;
	margin: 5px 0 0 6px;
	padding: 0 0 5px 0;
}

/* フォントサイズ
 ------------------------- */
#toppage p,
#toppage h2,
#toppage h3,
#toppage ul li,
#toppage ol li,
#toppage dl dt,
#toppage dl dd {
	font-size: 75%;
	line-height: 1.3;
	font-weight: normal;
}

#toppage dl dd p,
#toppage dl dd ul li {
	font-size: 100%;
}


/* 帯全般 これ以降Mac IE 5のみに適用される \*//*/
*{
font-size:100%;
}
/* これ以降Mac IE 5以外にも適用される */


/* レイアウト
 ----------------------------------------------- */
 

div#body { width: 311px; }
 
div#function { width: 311px; }

div#contents { width: 489px; }


/* AMCファンクションエリア
 ----------------------------------------------- */
div#function {
	width: 311px;
	padding-top: 5px;
}

div#function h2,
div#function dl,
div#function p,
div#function table.infoAMC,
div#function div.tatsujinClub,
div#function div.infoAnaCard {
	margin: 0 6px;
}

div#function table.infoAMC { margin-bottom: 8px; }

div#function dl.entrance dt {
	text-align: center;
	margin-bottom: 5px;
}

div#function dl.entrance dd { text-align: center; }

div#function dl.entrance dd p { margin-bottom: 8px; }

div#function div.tatsujinClub p.shortCut a,
div#function div.infoAnaCard p.shortCut a,
div#function dl.entrance dd p.shortCut a,
div#function p.shortCutR a {
	padding-left: 8px;
	background-image: url(/common/image/mark-arrow.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	font-size: 87%;
}

div#function p.shortCutR { text-align: right; }

div#function div.tatsujinClub p.shortCut,
div#function div.infoAnaCard p.shortCut {
	margin-left: 172px;
	padding-top: 0;
}

div#function div.tatsujinClub {
	background-image: url(/common/image/bg-tatsujinclub.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 69px;
}

div#function div.tatsujinClub p {
	padding-top: 6px;
	margin: 0 0 6px 162px;
}

div#function div.infoAnaCard {
	background-image: url(/common/image/bg-info-anacard.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 59px;
}

div#function div.infoAnaCard p {
	padding-top: 6px;
	margin: 0 0 6px 84px;
}


/* コンテンツエリア
 ----------------------------------------------- */
div.typeA { background-image: url(/common/image/bg-main-a.gif) !important; }
div.typeB { background-image: url(/common/image/bg-main-a.gif) !important; }
div.typeC { background-image: url(/common/image/bg-main-b.gif) !important; }
div#typeD {
	background-image: url(/common/image/bg-main-c.gif) !important;
	width:100%;
	margin-top:-10px;
}

div#contents {
	font-family: "MS UI Gothic";
	margin-top: 5px;
}

div#contents p,
div#contents dl,
div#contents ul { margin-left: 15px;}


div#contents h3 {
	margin-left: 14px;
}

div#contents dl p,
div#contents dl ul {
	margin-left: 0;
}

div#body.typeB div#contents { margin-top: 0; }

#container div#body { margin-top:-5px;}

/* メインコンテンツエリア */
table.locator td#mainContents {
	width: 327px;
	background-image: none;
}

/* サブコンテンツエリア*/
td#subContents {
	background-image: url(/common/image/border-basic.gif);
	background-position: left top;
	background-repeat: repeat-y;
	vertical-align: top;
	width: 163px;
}

td#subContents p.mb10 img {
	margin-left:12px;
	}

/* ボトムコンテンツエリア */
table#bottomContents{
	padding-top:10px;
	background-image: url(/common/image/bg-main2.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
table#bottomContents td {
	background-image: none;
}

/* ロケーター
 ----------------------------------------------- */
table.locator {
	margin-bottom: 10px;
	border-collapse: collapse;
}

table.locator td {
	background-image: url(/common/image/border-basic.gif);
	background-position: left top;
	background-repeat: repeat-y;
	vertical-align: top;
}

.tvl table.locatortvl td {
	background-image: url(/common/image/border-travel.gif);
	background-position: left top;
	background-repeat: repeat-y;
	vertical-align: top;
}

table.locator td.colL { background-image: none; }

/* 旅行実験用
.tvl table.locator td.colL { 
	width: 163px
	 }
*/

/* 見出し
 ----------------------------------------------- */
div#contents h2 {
	clear: both;
    height:14px;
	margin-bottom: 5px;
	padding: 3px 0 3px 15px;
	background-position: left top;
	background-repeat: repeat-y;
	color: #FFF;
	font-size: 70%;
}

div#contents h2 img,
div#contents h3 img{
    float:left;
}

div#contents th h2{
	height:14px;
	float:none;
}
div#contents h2 a,
div#contents h3 a {
	float: right;
	margin: -2px 5px 0 0;
	padding-left: 8px;
	background-image: url(/common/image/mark-arrow-bg-baige.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	text-decoration: none;
}

div#contents h3 { clear: both; } 

div#contents h3 a { background-image: url(/common/image/mark-arrow-gray.gif); }

.tvl div#contents h3 a { background:none; }

div#contents td#mainContents h3.myCampaign{ width:316px;}

div#contents h3.myCampaign{
    width:481px;
    margin-left:10px;
}

div#contents h3.myCampaign img {float:left; }

div#contents h3.myCampaign a{
	float: left;
　  width:99px;
	padding-left: 0;
	margin: 0 0 0 1px;
	background-image: none !important;
}

div#contents h3.myCampaign a img{ float:none;}

div#contents h2.hGray a,
div#contents h2.hGrayR a,
div#contents h2.hRanking a,
div#contents h2.hInfoAna a,
table#bottomContents h2 a {	background-image: url(/common/image/mark-arrow-bg-gray.gif);}

/* ベージュ帯・短 */
div#contents h2.hBaige {
	background-image: url(/common/image/bg-h2-baige.gif);
	background-repeat:no-repeat;
	padding:4px;
/* これ以降Mac IE 5のみに適用される \*//*/
	width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:17px;
}

/* ベージュ帯・短amc */
div#contents h2.hBaigeAmc {
	background-image: url(/common/image/bg-h2-baige-long.gif);
	background-repeat:no-repeat;
	padding:4px;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:22px !important;
	color:#000;
	font-weight:bold;
}

/* ベージュ帯・短 */
div#contents h2.hBlueR {
	background-image: url(/common/image/bg-h2-baige-short.gif);
	background-repeat:no-repeat;
	padding:4px;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:22px !important;
	margin-left:8px;
}

/* ベージュ帯・長 */
div#contents h2.hBaigeL {
	background-image: url(/common/image/bg-h2-baige3.gif);
	background-repeat:no-repeat;
	line-height:1.2;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:22px;
	color:#343235;
	font-weight:bold;
	font-size: 80%;	
}

/* 灰色帯 */
div#contents h2.hGray {
	background-image: url(/common/image/bg-h2-gray.gif);
	background-repeat:no-repeat;
/* これ以降Mac IE 5のみに適用される \*//*/
    width: 100%;
/* これ以降Mac IE 5以外にも適用される */
	/* 追加 070331
 	width: 327px;*/
	height:17px;
	margin: 5px 0 0 0;
	padding-left: 8px;

}

/* 灰色帯amc */
div#contents h2.hGrayAmc {
	background-image: url(/common/image/bg-h2-gray.gif);
	background-repeat:no-repeat;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:17px;
	margin: 5px 0 10px 0;
	padding:5px 0 0 10px;
}

/* 灰色帯・長 */
div#contents h2.hGrayL {
	background-image: url(/common/image/bg-h2-gray3.gif);
	background-repeat:no-repeat;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:16px;
	margin: 0 0 5px;
	padding-top:5px;
}

/* 灰色帯 MYキャンペーン付（AMC用） */
div#contents .hCampaign  {
	background-image: url(/common/image/bg-h2-gray4.gif);
	background-repeat:no-repeat;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:22px;
	margin:0 0 5px;
}

div#contents .hCampaign h2.hGray {
	background:none;
	padding:0 0 10px;;
}

div#contents .hCampaign h2.hGray img { margin-left:10px;}

div#contents .hCampaign h2 a {
	float: right;
	margin: 0;
	padding-left:8px;
}

div#contents h2.hRanking,
div#contents h2.hGuide {
	background-color: #999;
}


/* 旅ページ見出し */

.tvl div#contents h2.hInfoAna {
	background:none;
	border-bottom:3px solid #666;
	margin-bottom:5px;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:18px;
}

.tvl div#contents h2.hRanking,
.tvl div#contents h2.hGuide {
	background:none;
	border-bottom:3px solid #666;
	margin-bottom:5px;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:155px;
/* これ以降Mac IE 5以外にも適用される */
	height:18px;
}

.tvl div#contents h2.hInfoAna{
	margin-top:5px;
	}

.tvl div#contents h2.hTravelDom {
	background-image: url(/common/image/bg-h2-travel-dom.gif);
    width:100%;
	height:13px;
	margin:3px 0 5px;
	padding: 0px 0px 3px 20px;
	_padding: 0px 0px 3px 20px;
	color: #FFF;
	border-bottom:3px solid #439FDD;
/* これ以降Mac IE 5のみに適用される \*//*/
    height:20px;
/* これ以降Mac IE 5以外にも適用される */
}

.tvl div#contents h2.hTravelDom2 {
	background-image: url(/common/image/bg-h2-travel-dom2.gif);
    width:100%;
	height:13px;
	margin:0 0 5px;
	padding: 0px 0px 3px 20px;
	_padding: 0px 0px 3px 20px;
	color: #FFF;
	border-bottom:3px solid #439FDD;
/* これ以降Mac IE 5のみに適用される \*//*/
    height:16px;
/* これ以降Mac IE 5以外にも適用される */
}


.tvl div#contents h2.hTravelInt {
	background-image: url(/common/image/bg-h2-travel-int.gif);
	width:100%;
	height:13px;
	margin:3px 0 5px;
	padding: 0px 0px 3px 20px;
	_padding: 0px 0px 3px 20px;
	color: #FFF;
	border-bottom:3px solid #F78419;
/* これ以降Mac IE 5のみに適用される \*//*/
    height:20px;
/* これ以降Mac IE 5以外にも適用される */
}

.tvl div#contents h2.hTravelInt2 {
	background-image: url(/common/image/bg-h2-travel-int2.gif);
	height:13px;
	margin:0 0 5px;
	padding: 0px 0px 3px 20px;
	_padding: 0px 0px 3px 20px;
	color: #FFF;
	border-bottom:3px solid #F78419;
/* これ以降Mac IE 5のみに適用される \*//*/
    height:16px;
	width:100%;
/* これ以降Mac IE 5以外にも適用される */
}

.tvl div#contents h2.hTravelArea {
	background-image: url(/common/image/bg-h2-travel-area.gif);
	background-position:left top;
	width:470px;
	*width:487px;
	height:13px;
	margin:3px 0 5px;
	padding: 0px 0px 3px 20px;
	_padding: 0px 0px 3px 20px;
	color: #FFF;
	border-bottom:3px solid #1c4baf;
/* これ以降Mac IE 5のみに適用される \*//*/
    height:20px;
	width:487px;
/* これ以降Mac IE 5以外にも適用される */
}

/* 旅行ページ　おすすめ旅行情報 */
.tvl div#contents h2.hTravel {
	background: url(/common/image/bg-h2-travel-info2.gif) no-repeat left top;
	width:100%;
	height:20px;
	margin:0 0 5px;
	padding: 1px 0px 2px 15px;
	border-bottom:none;
	/*修正*/
	color:#343235;
	font-weight:bold;
	font-size: 80%;
	/*修正*/	
}

.tvl div#contents h3.listLinkDom,
.tvl div#contents h3.listLinkInt {
	height: 19px;
	width: 311px;
}

.tvl div#contents h3.listLinkDom img,
.tvl div#contents h3.listLinkInt img {
	height: 19px;
	width: 311px;
	margin-left:-7px;
/* これ以降Mac IE 5のみに適用される \*//*/
	margin-left:-10px;
/* これ以降Mac IE 5以外にも適用される */
}

.tvl div#contents h3.listLinkDom2 {
	height: 19px;
	width: 230px;
	*margin-left:10px;
/* これ以降Mac IE 5のみに適用される \*//*/
	margin-bottom:10px;
/* これ以降Mac IE 5以外にも適用される */
}

.tvl div#contents h3.listLinkInt2 {
	height: 19px;
	width: 230px;
	margin-left:6px;
	*margin-left:4px;
/* これ以降Mac IE 5のみに適用される \*//*/
	margin-bottom:10px;
/* これ以降Mac IE 5以外にも適用される */
}

.tvl div#contents h3.listLinkDom2 img {
	height: 19px;
	width: 230px;
	margin-left:-10px;
	*margin-left:-8px;
	margin-bottom:5px;
	*margin-bottom:0px;	
/* これ以降Mac IE 5のみに適用される \*//*/
	margin-left:-10px;
	margin-bottom:10px;
/* これ以降Mac IE 5以外にも適用される */
}

.tvl div#contents h3.listLinkInt2 img {
	height: 19px;
	width: 230px;
	margin-left:-10px;
	*margin-left:-8px;
	margin-bottom:5px;
	*margin-bottom:0px;	
/* これ以降Mac IE 5のみに適用される \*//*/
	margin-left:-10px;
	margin-bottom:10px;
/* これ以降Mac IE 5以外にも適用される */
}

.tvl div#contents h3.travelAreaDom {
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 70%;
	background-image: url(/common/image/bg-h2-travel-area-dom.gif);
	height: 17px;
	width: 230px;
	margin: 0 6px -1px 15px;
}

.tvl div#contents h3.travelAreaInt {
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 70%;
	background-image: url(/common/image/bg-h2-travel-area-int.gif);
	height: 17px;
	width: 230px;
	margin: 0 0 -1px 8px;
}

.tvl table#travel td.colR dl{
	margin-left:8px;
	}

.tvl div#contents h3.listLink,
.tvl div#contents h3.listLinkDom2 a,
.tvl div#contents h3.listLinkInt2 a {
	margin:2px 3px 0 3px;
	background-position:left center;
}

.tvl table#travel p.travelMap{
	margin-left:8px;
	}
	
.tvl div#contents table.mb10 td p{
	margin-left:14px;
	}
	
.tvl div#contents table.locatortvl td.colL p{
	margin-left:15px;
	}
	
.tvl td#subContents dl.recommend4 {
	background:#F6F5E8 url(/common/image/bg-recommend-travel4.gif) repeat-x left top;
	margin-left:8px;
	padding:2px 2px 2px 7px;
	}
	

/* ブロンズメンバー帯 */
div#contents h2.hBronzeService {
	background-image: url(/common/image/bg-h2-bronze.gif);
	background-repeat:no-repeat;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:22px;
	padding-top:5px;
}

/* プラチナメンバー帯 */
div#contents h2.hPlatinumService {
	background-image: url(/common/image/bg-h2-platinum.gif);
	background-repeat:no-repeat;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:22px;
	padding-top:5px;
}

/* SFCメンバー帯 */
div#contents h2.hSfcService {
	background-image: url(/common/image/bg-h2-sfc.gif);
	background-repeat:no-repeat;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:22px;
	padding-top:5px;
}

/* ダイアモンドメンバー帯 */
div#contents h2.hDiamondService {
	background-image: url(/common/image/bg-h2-diamond.gif);
	background-repeat:no-repeat;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:100%;
/* これ以降Mac IE 5以外にも適用される */
	height:22px;
	padding-top:5px;
}

/* 帯全般 これ以降Mac IE 5のみに適用される \*//*/
div#contents h2.hGray,
div#contents h2.hGrayR,
div#contents h2.hBlueR,
div#contents h2.hTravelDom,
div#contents h2.hTravelInt,
div#contents h2.hBaige,
div#contents h2.hTabiClub,
div#contents h2.hDiamondService{
    width:100%;
}
/* これ以降Mac IE 5以外にも適用される */

/* おすすめ旅行情報 */
div#contents h2.hTravel,
div#contents h2.hTravelR {
	background: url(/common/image/bg-h2-travel-info.gif) top left no-repeat;
    height:12px;
	margin:0px 0px 0px 8px;
	padding: 5px 0px 0px 39px;
	_padding: 5px 0px 0px 37px;
	color: #FFF;
	border-bottom:3px solid #C69B1C;
/* これ以降Mac IE 5のみに適用される \*//*/
    height:17px;
/* これ以降Mac IE 5以外にも適用される */
}

div#contents h2.hTravel { margin:0px 0px 0px 15px;}

div#contents h3 { margin-bottom: 5px;}

div#contents td#mainContents h3.listLink,
div#contents td#mainContents h3.listLinkDom,
div#contents td#mainContents h3.listLinkInt { height:18px;}

.amc div#contents h3.listLink {
	background-color:#ECECEC;
	height: 17px;
}

.amc div#contents h3.listLinkAmc {
	background-color:#ECECEC;
	height: 17px;
	padding:3px;
}

.amc div#contents h3.listLink a{ font-size:96%;}

.amc div#contents h3.listLinkAmc a{ font-size:80%;}

.locator div#contents h3.listLinkDom {
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 70%;
	background-image: url(/common/image/bg-h3.gif);
	height: 17px;
	width: 312px;
}

div#contents h3.listLink img,
div#contents h3.listLinkDom img,
div#contents h3.listLinkInt img,
div#contents h3.listLinkDom2 img,
div#contents h3.listLinkInt2 img,
div#contents h3.travelAreaDom img,
div#contents h3.travelAreaInt img{ margin: 3px 0 0 6px;}

div#contents table.hCampaign h3.listLink {
	background-image: url(/common/image/bg-h3-amc.jpg);
	width:210px;
}

div#contents table.hCampaign td { background-image: none;}

#mainContents .colL h3.hBaige {
	width:140px;
	_width:148px;/*IE対策*/
	height:17px;
	padding:4px;
	background-color:#ECE9D4;
}

#mainContents table.hBaigeL,
#vipContent table.hBaigeL {
	background-color:#ECE9D4;
	margin:0 0 0 15px;
	padding:0px;
	height:19px;
}

#mainContents table.hBaigeL h3,
#vipContent table.hBaigeL h3 {
	margin:4px 4px 0px 4px !important;
	padding:0px !important;
	width:200px;
	_width:192px;
	height:10px;
}

#mainContents table.hBaigeL a,
#vipContent table.hBaigeL a { 
	float:right;
}

#vipContent {
	background-image: url(/common/image/bg-main2.gif);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: #FFF;
}


/* サブコンテンツ用 */
div#contents h2.hGrayR,
div#contents h2.hBaigeR,
div#contents h2.hTabiClub,
div#contents h2.hGuide,
div#contents h2.hRanking {
	margin: 5px 0 0 8px;
	padding-left: 8px;
}

div#contents h2.hGrayR {
	background-image: url(/common/image/bg-h2-gray2.gif);
	background-repeat:no-repeat;
	height:17px;
}

div#contents h2.hTabiClub {
	border-bottom:3px solid #66CC00;
	background-color:#FFFFFF;
	margin: 0 0 0 7px;
	padding-left: 8px;
	height:13px;
/* これ以降Mac IE 5のみに適用される \*//*/
    height:17px;
	margin:2px 0 8px 7px;
	padding-bottom:2px;
	width:155px;
/* これ以降Mac IE 5以外にも適用される */
}

div#contents h2.hBaigeR {
	background-image: url(/common/image/bg-h2-baige2.gif);
	background-repeat:no-repeat;
	height:17px;
}

#toppage div#contents h2.hTravelR a,
#toppage div#contents h2.hTravel a {
	width:27px;
	margin:0;
	padding-left: 2px;
	background-image: url(/common/image/mark-arrow-baige.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	text-align:right;
	line-height:12px;
	color:#C69B1C;
}

div#contents h3.hBaige {
	background-color:#ECE9D4;
	padding:5px 0 4px 4px;
	height:12px;
	_height:17px;
/* これ以降Mac IE 5のみに適用される \*//*/
    width:97%;
	height:20px;
/* これ以降Mac IE 5以外にも適用される */
}

div#contents h3.hBaige a {
	line-height:1.5;
	font-size:90%;
}

/* メインビジュアル
 ----------------------------------------------- */
div#contents div#mainVisual {
	background-image: url(/common/image/bg-main2.gif);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: #FFF;
	padding: 7px 0 10px;
}

body.amc div#contents div#mainVisual {
	_padding-bottom: 0;/* IE対応 */
	_margin-bottom: 5px;/* IE対応 */
} 

div#contents div#mainVisual table th,
div#contents div#mainVisual table td {
	background-color: #1B4BAF;
	vertical-align: bottom;
}

div#contents div#mainVisual table { margin-bottom: 5px; }

div#contents div#mainVisual table th { text-align: left; width:80%;}

div#contents div#mainVisual table td {
	width:20%;
    text-align: right;
	background-image: none;
}

div#contents div#mainVisual table h2 {
	background-image: url(/common/image/bg-h2-blue.gif);
	font-size: 80%;
	margin-bottom: 0;
	width: 388px;
}

div#contents div#mainVisual table ul {
	height: 13px;
	width: 80px;
	_width: 85px;/* IE対応 */
	margin: 0 5px 0 0;
}

div#contents div#mainVisual table ul li {
	float: left;
    width:17px;
	margin-left: 3px;
	line-height: 1;
}

div#contents td#mainContents div#mainVisual { padding-top: 0;}

div#contents td#mainContents table h2 { width: 226px;}

/* バナー
 ----------------------------------------------- */
div#contents ul.bannerM li { margin-bottom: 5px;}

div#contents td#mainContents table.locator dl.bannerM img{margin-top:5px;}

div#contents p.bannerL { margin-bottom: 5px; }

div#contents dl.bannerM,
div#contents dl.bannerM dt { margin-bottom: 0px;}

div#contents dl.bannerMside { margin-bottom: 10px;}

div#contents td#mainContents dl.bannerMside dd,
div#contents td#mainContents dl.bannerMside dt{ margin:5px 0 5px 0;}

div#contents td#mainContents dl.bannerMside dd{ margin-left:10px;}

div#contents td#mainContents td.colL dl.bannerM dt,
div#contents td#mainContents td.colL dl.bannerM dd,
div#contents td#mainContents td.colR dl.bannerM dt,
div#contents td#mainContents td.colR dl.bannerM dd{ float:none;clear:both; }

/* 国内・国際右カラム旅の達人クラブ */
div#contents #subContents dl.bannerM {
	margin-left:8px;
	background:#F6F5E8 url(/common/image/bg-recommend-travel.gif) repeat-x left top;
}

/* 国内・国際旅の達人クラブ2段重ね設定 */
div#contents #subContents dl.bannerM2,
div#contents #vipContent dl.bannerM2 {
	margin:0 0 5px 8px;
	background:#F6F5E8 url(/common/image/bg-recommend-travel2.gif) repeat-x left top;
}

/* 国内・国際vip旅の達人クラブ */
div#contents #vipContent dl.bannerM {
	width:148px;
	margin-left:0px;
	margin-right:0px;
	background:#F6F5E8 url(/common/image/bg-recommend-travel.gif) repeat-x left top;
}

/* 旅行右カラム旅の達人クラブ */
.tvl div#contents #subContents dl.bannerM {
	margin-left:8px;
	background:#F6F5E8 url(/common/image/bg-recommend-travel3.gif) repeat-x left top;
}
div#contents #subContents dl.bannerM dt,
div#contents #subContents dl.bannerM2 dt,
div#contents #vipContent dl.bannerM dt,
div#contents #vipContent dl.bannerM2 dt { padding:3px 7px 0;}

div#contents #subContents dl.bannerM dd,
div#contents #subContents dl.bannerM2 dd,
div#contents #vipContent dl.bannerM dd,
div#contents #vipContent dl.bannerM2 dd {
	font-size:73%;
	padding:2px 2px 2px 7px;
}

div#contents #vipContent dl.bannerM dt { padding:3px 5px 0;}

div#contents #vipContent dl.bannerM dd {
	font-size:73%;
	padding:2px 5px 2px 5px;
}


div#contents #subContents dl.bannerM dd p,
div#contents #subContents dl.bannerM2 dd p,
div#contents #vipContent dl.bannerM dd p,
div#contents #vipContent dl.bannerM2 dd p { line-height:15px;}

div#contents dl.bannerMside dt { float: left; }

div#contents dl.bannerMside dd {
	width: 148px;
	float: left;
}

div#contents colR{ width:148px;}

div#contents dl.bannerS {
	padding:4px 0 1px 0px;
}


div#contents dl.bannerS {
	*border-bottom: 1px solid #CECECE ;
	
}
/*
div#contents dl.bannerS {
	*border-bottom: 1px solid #CECECE ;
	
}
*/

div#contents dl.bannerS dt,
div#contents dl.bannerS dd {
	float: left;
	width: 63px;	
}

div#contents dl.bannerS dd,
div#contents dl.bannerS dd a{ width: 85px; }

div#contents table#travel dl.bannerS dt { width: 80px; }
div#contents table#travel dl.bannerS dd {
	margin-left: 10px;
	width: 140px;
}

div#contents table#travel dl.bannerS dd a{ width: 130px; }

/* 国内・国際vipで使用 */

div#contents table.locator colL,
div#contents table.locator colC,
div#contents table.locator colR{
    float:none;
}

#vipContent table.locator { margin-left:15px;}

div#vipContent table.mb10 td.colC,
div#vipContent table.mb10 td.colR  {
	background-image: url(/common/image/bg-main.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

div#contents table#airplaneService td.colL dl dd,
div#contents table#airplaneService td.colC dl dd,
div#contents table#airplaneService td.colR dl dd{
    background-repeat:no-repeat;
    padding-top:15px;
    line-height: 14px !important;
}

div#contents div.myleage{ clear:both;}

div#contents div.myleage li{ width:290px;}

div#contents dl.bannerSside {
    width:471px;
    height:50px;
    padding-bottom:10px;
}
div#contents dl.bannerSside dt {
	width: 88px;
	float: left;
	text-align: right;
	padding-top: 5px;
}

div#contents dl.bannerSside dd {
	width: 373px;
    float:left;
    margin-left:10px;
	padding-top: 5px;
}

/* 旅の達人クラブ専用 */
div#contents dl.bannerTabiOnly { height:48px; margin-bottom: 5px; }

div#contents dl.bannerTabiOnly dt {
	float: left;
	width: 118px;
}

div#contents dl.bannerTabiOnly dd {
	float: left;
	margin-left: 10px;
	width: 183px;
}

/* ネットdeマイル
 ----------------------------------------------- */
div#contents dl.netDeMile {
	padding-bottom: 10px;
	margin-bottom: 2px;
	background-image: url(/common/image/border-dot.gif);
	background-position:left bottom;
	background-repeat: repeat-x;
}

/* これ以降Mac IE 5のみに適用されない \*/
div#contents dl.netDeMile { height:12px;}
/* これ以降Mac IE 5にも適用される */

div#contents dl.borderNone { background-image: none;}

div#contents dl.netDeMile dt {
	width: 85px;
	float: left;
	line-height: 14px;
}

div#contents dl.netDeMile dt img { vertical-align: middle;}

div#contents dl.netDeMile dd {
	margin-left: 10px;
	width: 216px;
	float: left;
}


/* 上級会員
 ----------------------------------------------- */
div#contents dl.elite {
	padding-bottom: 10px;
	margin-bottom: 2px;
	background-image: url(/common/image/border-dot.gif);
	background-position:left bottom;
	background-repeat: repeat-x;
}

/* これ以降Mac IE 5のみに適用されない \*/
div#contents dl.elite { height:12px;}
/* これ以降Mac IE 5にも適用される */

div#contents dl.borderNone { background-image: none;}

div#contents dl.elite dt {
	width: 160px;
	padding: 10px 0 0 0;
	float: left;
	vertical-align: middle;
	/*margin-left: 10px;*/
}

div#contents dl.elite dt img { vertical-align: middle;}

div#contents dl.elite dd {
	/*margin-left: 10px;*/
	line-height: 14px;
	/*width: 190px;*/
	float: left;
}



/* ページ下部 お知らせ欄
 ----------------------------------------------- */
div#contents dl.infoCampaign dt {
	float: left;
	width: 55px;
	margin-bottom: 3px;
}

div#contents dl.infoCampaign dd {
	margin-left: 60px;
	width: 243px;
	margin-bottom: 3px;
	line-height: 17px;
	padding-left: 8px;
	background-image: url(/common/image/mark-arrow.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}


div#contents dl.info { 
	margin-bottom: 10px;
	/* 070331追加 */
	/* width: 306px; */
}

div#contents dl.info dt {
	float: right;
	width: 48px;
	text-align: right;
}

div#contents dl.info dd {
	float: left;
	width: 263px;
	_width: 260px;/* IE対応 */
}

/* 旅行 ランキング
 ----------------------------------------------- */

div#contents table.ranking { margin-left: 7px; width:155px;}

div#contents table.ranking th,
div#contents table.ranking td {
	font-size: 75%;
	background-image: url(/common/image/border-dot.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 1px;
}

div#contents table.ranking th.bottomCell,
div#contents table.ranking td.bottomCell { background: none;}

div#contents table.ranking th {
	width: 25px;
	text-align: left;
	vertical-align: top;
}

div#contents td#subContents table.ranking th {
	width: 25px;
	text-align: center;
}

p.infoSpecial {
	border: 1px solid #999;
	background-color: #FFC;
	padding: 2px 5px;
	margin-bottom: 5px;
}


/* スペシャルなコンテンツ
 ----------------------------------------------- */
 
/* 機内サービス */
table#airplaneService td { background-image: none;}

table#airplaneService dl dt {
	float: left;
	width: 50px;	
}

table#airplaneService dl dd {
	margin-left: 44px;
	width: 91px;
	_width: 88px;/* IE対応 */
	vertical-align: middle;
	line-height: 52px;
}

div#contents ul#airplaneService { margin: 0 0 10px 13px;}

div#contents ul#airplaneService li {
	float: left;
	width: 50px;
	height: 52px;
}

/* エコ割・ビジ割 */
table#discountService {
	background-image: url(/common/image/border-discountservice.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

table#discountService td {	background-image: none; }

table#discountService dl dt {
	font-size: 65%;
	float: left;
	width: 70px;
	padding-bottom: 5px;
}

table#discountService dl dd {
	float: left;
	width: 78px;
	padding-bottom: 5px;
	line-height: 25px;
}

table#discountService dl dd img { vertical-align: middle;}

/* 価格 */
div#contents em.price {
	font-size: 87%;
	color: #900;
}

/* 総合案内*/
div#contents dl.hInfoSynthesis {	
	margin-left: 13px;
}

div#contents dl.hInfoSynthesis dt {
	height: 24px;
	_height: 43px;/* IE対応 */
	/* \*//*/
    height: 38px;/* IE対応 */
	/**/
	width: 142px;
	_width: 150px;/* IE対応 */
	padding: 14px 0 0 8px;
	_padding: 18px 0 5px 8px;/* IE対応 */
	background-image: url(/common/image/bg-h2-info-synthesis.gif);
	margin-bottom: 8px;
}

div#contents dl.hInfoSynthesis dt a {
	float: right;
	margin: -28px 5px 0 0;
	/*margin: -12px 5px 0 0;*/
	_margin: -29px 5px 12px 0;/* IE対応 */
	padding-left: 8px;
	background-image: url(/common/image/mark-arrow-white.gif);
	background-position: left 4px;
	_background-position: left 5px;/* IE対応 */
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 87%;
}

div#contents dl.hInfoSynthesis dd {
	margin-left: 2px;
	}

div#contents dl.hInfoSynthesis dd p.shortCut {
	margin-bottom: 5px;
	border-bottom: 1px solid #2964DE;
}

div#contents dl.hInfoSynthesis dd p.affiliation {
	padding-left: 10px;
	background-image: url(/common/image/border-dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

div#contents dl.hInfoSynthesis dd p.notes {
	font-size: 87%;
	background-image: none;
	margin-bottom: 5px;
	padding-bottom: 0;
	margin-left: 10px;
}

div#contents dl.hInfoSynthesis dd.edy img {
	float: right;
	width: 22px;
	margin: -18px 3px 0 0;
/* これ以降Mac IE 5のみに適用される \*//*/
    margin:-18px 3px 0 0;
/* これ以降Mac IE 5以外にも適用される */
}

div#contents dl.hInfoSynthesis dd.edy p.shortCut {
	height:20px;
	padding-top:1px;
	padding-bottom:2px;
}

div#contents dl.hInfoSynthesis dd ul.shortCut { margin-bottom: 10px;}

div#contents dl.hInfoSynthesis dd ul.shortCut li {
	margin-left: 10px;
	background-image: url(/common/image/mark-arrow-skyblue.gif);
}

div#contents dl.community dt,
div#contents dl.community dd {
	text-align: center;
	margin-top:5px;
}

div#contents dl.community dt { margin-bottom: 5px;}

/* リンク
 ----------------------------------------------- */
span.shortCut,
div#login td.membership ul.shortCut li a,
div#membership ul.shortCut li,
div#contents p.shortCut,
div#contents ul.shortCut li{
	padding-left: 8px;
	background-image: url(/common/image/mark-arrow.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}

div#login td.membership ul.shortCut li a {
	background-position: left 2px;
	padding-left: 8px;
}

div#membership span.shortCut,
div#membership ul.shortCut li { background-position: left 2px;}

#toppage img.icon {
	margin-top: -2px;
	margin-left: 3px;
	vertical-align: middle;
}

/* 黒色文字リンク用 */
body#toppage a:link {
	color: #333333;
	text-decoration: none;
	border:none;
}

body#toppage a:visited {
	color: #333333;
	text-decoration: none;
	border:none;
}

body#toppage a:hover {
	color: #333333;
	text-decoration: underline;
}

body#toppage a:active {
	color: #333333;
	text-decoration: none;
}


/* 一覧リンクの色を白に */


div#contents dl.hInfoSynthesis dt a:link,
div#contents dl.hInfoSynthesis dt a:visited,
div#contents dl.hInfoSynthesis dt a:hover,
div#contents dl.hInfoSynthesis dt a:active { color: #FFF;}

body#topPage div#contents h3 a:link,
body#topPage div#contents h3 a:visited,
body#topPage div#contents h3 a:hover,
body#topPage div#contents h3 a:active { color: #666;}


/* テキストをブルーにする
 ----------------------------------------------- */

/* amc-NonMenber - ANAマイレージクラブのご案内のtextを青色に */
div#function dl.entrance dd p.shortCut a,
div#function div.tatsujinClub p.shortCut a,
div#function div.infoAnaCard p.shortCut a,
div#function p.shortCutR a,
p.infoSystem a{
	color: #1C4BAF !important;
}

/* amc - 右側テキストを青色に */
body#topPage div#contents dl.hInfoSynthesis dd a {
	color: #1C4BAF !important;
}


/* amc - 右側テキストの"/"を青色に */
p.affiliation{
	color:#1C4BAF !important;
}

/* amc - 右側テキスト内の ul class="bltext"青色に */
body#topPage div#contents ul.bltext li a {
	color: #1C4BAF !important;
}

/* ログイン後 - 登録情報・変更 */
body#topPage div#membership td.mypage table td span.shortCut a {
	color: #1C4BAF !important;
}

/* ログイン後 - リンクを青色に */
body#topPage div#membership td.mypage table td span.shortCut {
	background-image: url(/common/image/header/mark-arrow-skyblue2.gif);
}


/* メインコンテンツ マージン設計
 ----------------------------------------------- */

.mb00 { margin-bottom: 0 !important; } 
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; } 
.mb20 { margin-bottom: 20px !important; } 
.mb30 { margin-bottom: 30px !important; }











/* clearfix
 ----------------------------------------------- */
table#discountService:after,
table#discountService dl:after,
div#contents dl.netDeMile:after,
div#contents dl.bannerTabiOnly:after,
div#contents ul#airplaneService:after,
div#contents dl.bannerMside:after,
div#contents td#mainContents dl.bannerMside:after,
div#contents td#mainContents td.colL h3:after,
div#contents td#mainContents td.colR h3:after,
ul.radioBtn:after,
div#contents dl.bannerS:after, 
div#contents dl.info:after,
div#contents td#mainContents table h2:after,
div#contents td#mainContents table h3:after,
div#contents td#mainContents h3:after,
div#contents h3:after,
div#contents td#mainContents h3.myCampaign:after,
div#contents dl.bannerSside:after,
div#contents ul.shortCut:after,
div#contents h3.myCampaign:after,
div#contents h2.hTravelR:after,
div#contents h2.hBlueR:after,
div#contents h2.hGrayR:after
div#contents h2.hGray:after,
div#contents h2.hGrayL:after,
div#contents h2.hTabiClub:after,
div#contents h2.hGuide:after,
div#contents h2.hRanking:after,
div#contents h2.hInfoAna:after,
.tvl div#contents h2.hRanking:after,
.tvl div#contents h2.hInfoAna:after,
.tvl div#contents h2.hGuide:after,
div#contents h2.hTravelInt:after,
div#contents h2.hTravel:after,
div#contents h2.hTravelDom:after,
div#contents h2.hBronzeService:after,
div#contents h2.hPlatinumService:after,
div#contents h2.hSfcService:after,
div#contents h2.hDiamondService:after,
div#contents h2.hBlueL:after,
div#contents h2.hBaige:after,
div#contents h2.hBaigeR:after,
div#contents dl.bannerM:after,
div#footer p:after,
div#contents h3.listLinkDom2:after,
div#contents h3.listLinkInt2:after,
div#contents h3.travelAreaDom:after,
div#contents h3.travelAreaInt:after,
div#contents h2.hTravelArea:after,
div#contents h2.hTravelDom2:after,
div#contents h2.hTravelInt2:after,
div#contents dl.hInfoSynthesis dt:after,
div#contents dl.hInfoSynthesis dd.edy p.shortCut:after,
div#contents h2.hBaigeAmc:after,
div#contents h2.hGrayAmc:after
{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

table#discountService,
table#discountService dl,
div#contents dl.netDeMile,
div#contents dl.bannerTabiOnly,
div#contents ul#airplaneService,
div#contents dl.bannerMside,
div#contents td#mainContents dl.bannerMside,
div#contents td#mainContents td.colL h3,
div#contents td#mainContents td.colR h3,
ul.radioBtn,
div#contents dl.bannerS,
div#contents dl.info,
div#contents td#mainContents table h2,
div#contents td#mainContents table h3,
div#contents td#mainContents h3,
div#contents h3,
div#contents td#mainContents h3.myCampaign,
div#contents dl.bannerSside,
div#contents ul.shortCut,
div#contents h3.myCampaign,
div#contents h2.hTravelR,
div#contents h2.hBlueR,
div#contents h2.hGrayR,
div#contents h2.hGray,
div#contents h2.hGrayL,
div#contents h2.hTabiClub,
div#contents h2.hGuide,
div#contents h2.hRanking,
div#contents h2.hInfoAna,
.tvl div#contents h2.hRanking,
.tvl div#contents h2.hInfoAna,
.tvl div#contents h2.hGuide,
div#contents h2.hTravelInt,
div#contents h2.hTravel,
div#contents h2.hTravelDom,
div#contents h2.hBronzeService,
div#contents h2.hPlatinumService,
div#contents h2.hSfcService,
div#contents h2.hDiamondService,
div#contents h2.hBlueL,
div#contents h2.hBaige,
div#contents h2.hBaigeR,
div#contents dl.bannerM,
div#contents h3.listLinkDom2,
div#contents h3.listLinkInt2,
div#contents h3.travelAreaDom,
div#contents h3.travelAreaInt,
div#contents h2.hTravelArea,
div#contents h2.hTravelDom2,
div#contents h2.hTravelInt2,
div#contents dl.hInfoSynthesis dt,
div#contents dl.hInfoSynthesis dd.edy p.shortCut,
div#contents h2.hBaigeAmc,
div#contents h2.hGrayAmc,
{
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html table#discountService,
* html table#discountService dl,
* html div#contents dl.netDeMile,
* html div#contents dl.bannerTabiOnly,
* html div#contents ul#airplaneService,
* html div#contents dl.bannerMside,
* html div#contents td#mainContents dl.bannerMside,
* html div#contents td#mainContents td.colL h3,
* html div#contents td#mainContents td.colR h3,
* html ul.radioBtn,
* html div#contents dl.bannerS,
* html div#contents dl.info,
* html div#contents td#mainContents table h2,
* html div#contents td#mainContents table h3,
* html div#contents td#mainContents h3,
* html div#contents h3,
* html div#contents td#mainContents h3.myCampaign,
* html div#contents dl.bannerSside,
* html div#contents ul.shortCut,
* html div#contents h3.myCampaign,
* html div#contents h2.hTravelR,
* html div#contents h2.hBlueR,
* html div#contents h2.hGrayR,
* html div#contents h2.hGray,
* html div#contents h2.hGrayL,
* html div#contents h2.hTabiClub,
* html div#contents h2.hGuide,
* html div#contents h2.hRanking,
* html div#contents h2.hInfoAna,
* html .tvl div#contents h2.hRanking,
* html .tvl div#contents h2.hInfoAna,
* html .tvl div#contents h2.hGuide,
* html div#contents h2.hTravelInt,
* html div#contents h2.hTravel,
* html div#contents h2.hTravelDom,
* html div#contents h2.hBronzeService,
* html div#contents h2.hPlatinumService,
* html div#contents h2.hSfcService,
* html div#contents h2.hDiamondService,
* html div#contents h2.hBlueL,
* html div#contents h2.hBaige,
* html div#contents h2.hBaigeR,
* html div#contents dl.bannerM,
* html div#contents h3.listLinkDom2,
* html div#contents h3.listLinkInt2,
* html div#contents h3.travelAreaDom,
* html div#contents h3.travelAreaInt,
* html div#contents h2.hTravelArea,
* html div#contents h2.hTravelDom2,
* html div#contents h2.hTravelInt2,
* html div#contents dl.hInfoSynthesis dt,
* html div#contents dl.hInfoSynthesis dd.edy p.shortCut,
* html div#contents h2.hBaigeAmc,
* html div#contents h2.hGrayAmc,

{
	height: 1%;
}

table#discountService,
table#discountService dl,
div#contents dl.netDeMile,
div#contents dl.bannerTabiOnly,
div#contents ul#airplaneService,
div#contents dl.bannerMside,
div#contents td#mainContents dl.bannerMside,
div#contents td#mainContents td.colL h3,
div#contents td#mainContents td.colR h3,
ul.radioBtn,
div#contents dl.bannerS,
div#contents dl.info,
div#contents td#mainContents table h2,
div#contents td#mainContents table h3,
div#contents td#mainContents h3,
div#contents h3,
div#contents td#mainContents h3.myCampaign,
div#contents dl.bannerSside,
div#contents ul.shortCut,
div#contents h3.myCampaign,
div#contents h2.hTravelR,
div#contents h2.hBlueR,
div#contents h2.hGrayR,
div#contents h2.hGray,
div#contents h2.hGrayL,
div#contents h2.hTabiClub,
div#contents h2.hGuide,
div#contents h2.hRanking,
div#contents h2.hInfoAna,
.tvl div#contents h2.hRanking,
.tvl div#contents h2.hInfoAna,
.tvl div#contents h2.hGuide,
div#contents dl.bannerM,
div#contents h2.hBronzeService,
div#contents h2.hPlatinumService,
div#contents h2.hSfcService,
div#contents h2.hDiamondService,
div#contents h2.hTravelInt,
div#contents h2.hTravelDom,
div#contents h2.hTravel,
div#contents h2.hBlueL,
div#contents h2.hBaige,
div#contents h2.hBaigeR,
div#contents h3.listLinkDom2,
div#contents h3.listLinkInt2,
div#contents h3.travelAreaDom,
div#contents h3.travelAreaInt,
div#contents h2.hTravelArea,
div#contents h2.hTravelDom2,
div#contents h2.hTravelInt2,
div#contents dl.hInfoSynthesis dt,
div#contents dl.hInfoSynthesis dd.edy p.shortCut,
div#contents h2.hBaigeAmc,
div#contents h2.hGrayAmc,

{
	display: block;
}
/* End hide from IE-mac */



/* 旅行ページ対応用　*/

html>body #contents .locator{width:330px;}
html>body #moduleSection{width:270px;display:table;background-color:none;margin:0px;padding:0px 5px;background:none;}
html>body #moduleSection .travelModuleBtm ul{margin:0px;padding:0px;background:none;}
html>body #moduleSection .travelModuleBtm h2{width:300px;}
html>body #moduleSection .travelModuleBtm li{float:none;display:inline;border:1px dotted #ccc;margin:0px;padding:0px;background-color:#f6f4e4}
html>body #moduleSection .travelModuleBtm a{margin:0px;padding:0px;}
html>body #moduleSection .travelModuleBtm li img{margin:0px;padding:0px;}