@charset "Shift_JIS";

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

 ◆(C)ANA header CSS
 ◆Version: 2.1
 ◆creation date: 05/10/05
 ◆last update: 12/02/10

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



/* ヘッダエリア
 ----------------------------------------------- */
div#header2009{
position:relative;
background:url(/common/image/header2009/heade_bg.gif) no-repeat top;
width:950px;
height:115px;
margin:0px auto;
padding:0px 0px 5px 0px;
text-align:left;
	font-size: 13px;
	font-variant: inherit;
}

div#header2009.szkTopPage {
background:url(/common/image/header2009/header_bg_201110.gif) no-repeat top;
}
#header2009 input {
	border-width: 1px;
	vertical-align: middle;
	_padding-top: 3px;/* IE対応 */
}

div#header2009 h1.headlogo,
div#header2009 div.headlogo{
position:absolute;
left:19px;
top:14px;
margin:0px;
padding:0px;
}

div#header2009 dl#headerlogoarea{
position:absolute;
left:107px;
margin:0px;
padding:0px;
}
div#header2009 dl#headerlogoarea dt,
div#header2009 dl#headerlogoarea dd{
float:left;
display:inline;
margin:0px;
padding:0px;
}
div#header2009 dl#headerlogoarea dt{
position:relative;
top:25px;
_top:23px;
}

div#header2009 ul#globalNavi{
position:absolute;
left:9px;
top:50px;
margin:0px;
padding:0px;
}
div#header2009 ul#globalNavi li{
float:left;
display:inline;
margin:0px;
padding:0px;
}
div#header2009 ul#globalNavi li#int,
div#header2009 ul#globalNavi li#amc{
margin-left:5px;
}


div#header2009 ul#areaselect{
position:absolute;
right:10px;
top:9px;
margin:0px;
padding:0px;
}
div#header2009 ul#areaselect li{
float:left;
display:inline;
margin:0px;
padding:0px;
padding-left:13px;
}

div#header2009 div#search{
position:absolute;
top:54px;
_top:52px;
left:659px;
margin:0px;
padding:0px;
}
/*モダンブラウザ向け*/
html:not(:target) div#header2009 div#search{
top:53px!important;
}
/*IE8向け*/
head~/* */body div#search{
top:54px!important;
}
div#header2009 div#search input.textform{
border:1px solid #809db9;
width:117px;
height:17px;
margin:0px;
}
div#header2009 div#search input.search{
margin:0px 0px 0px 3px;
vertical-align:middle;
}

div#header2009 ul#help{
position:absolute;
right:10px;
top:55px;
margin:0px;
padding:0px;
	margin-top: -2px!important;
}
div#header2009 ul#help li{
float:left;
display:inline;
margin:0px;
padding:0px;
padding-left:9px;
}

/* 旅行用 */

body.domtour div#header2009 h1#tourcaption,
body.inttour div#header2009 h1#tourcaption,
body.domtour div#header2009 p#tourcaption,
body.inttour div#header2009 p#tourcaption{
position:absolute;
right:90px;
top:9px;
margin:0px;
padding:0px;
font-size:10px;
color:#9e9d9d;
font-weight:normal;
}
body.domtour div#header2009 div#asxlogo,
body.inttour div#header2009 div#asxlogo{
position:absolute;
right:5px;
top:9px;
margin:0px;
padding:0px;
}

body.domtour div#header2009.szkHeader h1#tourcaption,
body.inttour div#header2009.szkHeader h1#tourcaption,
body.domtour div#header2009.szkHeader p#tourcaption,
body.inttour div#header2009.szkHeader p#tourcaption{
position:absolute;
right:137px;
top:9px;
margin:0px;
padding:0px;
font-size:10px;
color:#9e9d9d;
font-weight:normal;
}


/* noscript subnavi */

div#header2009 div#subNavi,
div#header2009.szkHeader div#subNavi{
position:absolute;
left:0px;
top:81px;
margin:0px;
padding:0px;
}
div#header2009 div#subNavi ul,
div#header2009.szkHeader div#subNavi ul{
margin:0px;
padding:0px;
}
div#header2009 div#subNavi ul li,
div#header2009.szkHeader div#subNavi ul li{
float:left;
display:inline;
margin:0px;
padding:0px;
}




/* java script subnavi
 szkSubNavi ... 2012.02 用
*/

div#header2009 div#subNavi{
position:absolute;
left:0px;
top:81px;
margin:0px;
padding:0px;
border:none;
width:950px;
}
div#header2009 div#subNavi #snav09{
clear: both;
position:relative;
margin:0px;
padding:0px;
width:950px;
height: 34px;
z-index:100!important;
background-color:#fff;
color: #fff;
}
div#header2009 div#subNavi #snav09 dl.drwr{
margin: 0;
padding: 0;
position:absolute;
overflow:hidden;
z-index:3;
background:none!important;
height: 34px;
}
div#header2009 div#subNavi #snav09 dl.drwr dt{
margin:0px;
padding:0px;
/*border-bottom: 100px solid #8d9abd;*/
}
div#header2009 div#subNavi #snav09 dl.drwr dt img{
margin:0px;
padding:0px;
vertical-align: bottom;
height: 34px;
}
div#header2009 div#subNavi #snav09 dl.drwr dd{
font-size:10px;
height:25px!important;
margin:0px;
padding:0px;
vertical-align:middle;
border-left:1px solid #8d9abd;
border-right:1px solid #8d9abd;
background: #e7f5fe url(/common/image/header2009/dotline.gif) left bottom repeat-x;
}
div#header2009 div#subNavi #snav09 dl.drwr dd a{
margin: 0px;
display: block;
height:24px!important;
color:#182750;
text-decoration: none;
background: url(/common/image/header2009/arrow.gif) 10px 6px no-repeat;
padding:3px 0px 0px 8px;
}
div#header2009 div#subNavi #snav09 dl.drwr dd a span{
font-size:10px;
display: block;
margin: 0px;
padding-top: 3px;
padding-left: 10px;
text-decoration: none;
}
div#header2009 div#subNavi #snav09 dl.drwr dd a:hover{
color: #fff;
background-image: url(/common/image/header2009/arrow-on.gif);
background-color:#2156be;
text-decoration: none;
}

/* 派生ヘッダ */
div#header2009 div#subNavi.subNaviblank{
height:34px;
background: url(/common/image/header2009/subnavi_bg.gif) no-repeat;
}
div#header2009 div#subNavi.subNaviblank ul{
padding-left:8px!important;
}
div#header2009 div#subNavi.subNaviblank ul li{
margin-right:4px;
}

/* -----------------------------------
　2012.02 追加/更新
----------------------------------- */
/* Utility Navi --- */
div#header2009 ul#szkAreaselect{
position:absolute;
right:144px;
top:5px;
width:140px;
height:16px;
margin:0px;
padding:0px;
}
div#header2009 ul#szkAreaselect li{
position:absolute;
margin:0px;
padding:3px 0 0;
font-size:0;
line-height:0;
}

div#header2009 ul#szkAreaselect li.english {
	top:0;
	left:0;
}
div#header2009 ul#szkAreaselect li.world{
	top:0;
	left:62px;
}
/* Utility Navi --- */
div#header2009 ul#szkHelp,
div#header2009 ul#szkHelp2{
	border-left:1px solid #8992a3;
position:absolute;
right:8px;
top:5px;
width:130px;
height:16px;
margin:0px;
padding:0px;
}
div#header2009 ul#szkHelp2{
	border-left:none;
}
div#header2009 ul#szkHelp.szkBdNone {
	border:none;
}

body.domtour div#header2009 ul#szkHelp,
body.inttour div#header2009 ul#szkHelp {
	border:none;
}

div#header2009 ul#szkHelp li,
div#header2009 ul#szkHelp2 li{
position:absolute;
margin:0px;
padding:3px 0 0;
font-size:0;
line-height:0;
}
div#header2009 ul#szkHelp li.guide {
	top:0;
	left:16px;
	padding:2px 0 0 0;}
div#header2009 ul#szkHelp2 li.guide {
	top:0;
	right:0;
	padding:2px 0 0 0;}

div#header2009 ul#szkHelp li.faq,
div#header2009 ul#szkHelp li.help{
	top:0;
	right:0;
	padding:2px 0 0;
}

/* Search エリア --- */
div#header2009 #szkSearch{
	position:absolute;
	top:49px!important;
	right:6px;
	width:182px!important;
	height:auto;
	margin:0;
	padding:0;
}

/*モダンブラウザ向け*/
html:not(:target) div#header2009 div#szkSearch{
	top:49px!important;
}
/*IE8向け*/
head~/* */body div#szkSearch{
	top:49px!important;
}

div#header2009.szkTopPage #szkSearch {
	left:710px!important;
}

div#header2009 div#szkSearch p.szkFormBox {
	position:absolute;
	left:0;
	width:127px;
	background:#fff;
	border:1px solid #809db9;
	letter-spacing: normal;
	height:26px;
	overflow:hidden;
}
/*IE6〜8以外*/
:root *> div#header2009 div#szkSearch p.szkFormBox {height:24px;}

div#header2009 div#szkSearch input.textform{
	border:1px solid #fff;
	width:127px;
	margin:0 0 0;
	height:25px;
	font-size:16px;
	line-height:1.1;
	vertical-align:baseline;
	outline:0px none black;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
div#header2009 div#szkSearch input.search{
	position:absolute;
	left:129px;
	width:48px;
	margin:0px 0px 0px 3px;
	vertical-align:top;
}


/* プルダウンメニューがメイン画像のうしろにいかないように */
#DomContainer {
	z-index:1!important;
}
div#header2009 div#subNavi,
div#header2009 div#subNavi #snav09,
div#header2009 div#subNavi #snav09 dl.drwr{
	z-index:9999!important;
}
div#header2009 div#subNavi,
div#header2009 div#subNavi #snav09{
position: relative;}
/* Font Size --- */
div#header2009 dl#szkFontSize{
	margin:0px;
	padding:0px;
}
div#header2009 dl#szkFontSize dt{
	position:absolute;
	right:6px;
	top:35px;
	width:52px;
	font-size:10px;
	text-align:right;
	margin:0;
	padding:0;
	line-height:18px;
}

div#header2009.diamond dl#szkFontSize dt,
div#header2009.platinum dl#szkFontSize dt,
div#header2009.sfc dl#szkFontSize dt,
div#header2009.bronze dl#szkFontSize dt,
div#header2009.anacard dl#szkFontSize dt {
	color:#fff;
}
div#header2009 dl#szkFontSize dd {
	position:absolute;
	right:8px;
	top:52px;
	width:48px;
	height:22px;
	overflow:hidden;
}
div#header2009 dl#szkFontSize dd ul:after { 
	content: ".";
	display: block;
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
}
div#header2009 dl#szkFontSize dd li {
	background-image:url(/common/image/header2012/font.gif)!important;
	background-repeat:no-repeat;
	float:left;
	/display:inline;
	height:22px;
	overflow:hidden;
	color:#6b6b6b;
	font-size:12px;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

div#header2009 dl#szkFontSize dd li#szkSmall {
	width:19px;
	background-position:0 0;
	line-height:26px;
	margin-left:4px;
}
div#header2009 dl#szkFontSize dd li#szkLarge {
	width:22px;
	background-position:-19px 0;
	margin-left:3px;
}
div#header2009 dl#szkFontSize dd li.current {color:#fff;}
div#header2009 dl#szkFontSize dd li#szkSmall.current {background-position:0 -22px;}
div#header2009 dl#szkFontSize dd li#szkLarge.current {background-position:-19px  -22px;}

div#header2009 dl#szkFontSize dd li a:link,
div#header2009 dl#szkFontSize dd li a:visited,
div#header2009 dl#szkFontSize dd li a:active,
div#header2009 dl#szkFontSize dd li a:hover{
	color:#6b6b6b;
	text-decoration:none;
}

div#header2009 dl#szkFontSize dd li#szkSmall.current a:link,
div#header2009 dl#szkFontSize dd li#szkSmall.current a:visited,
div#header2009 dl#szkFontSize dd li#szkSmall.current a:active,
div#header2009 dl#szkFontSize dd li#szkSmall.current a:hover,
div#header2009 dl#szkFontSize dd li#szkLarge.current a:link,
div#header2009 dl#szkFontSize dd li#szkLarge.current a:visited,
div#header2009 dl#szkFontSize dd li#szkLarge.current a:active,
div#header2009 dl#szkFontSize dd li#szkLarge.current a:hover{
	color:#fff;
	text-decoration:none;
}
/* ---- Font Size */

/* Aboute Button */
div#header2009 p.szkAbout {
	position:absolute;
	left:608px;
	top:51px;
	width:85px;
	font-size:0;
	line-height:0;
}
/* -----------------------  2012.02 */



div.type03{
height:60px!important;
background-position:bottom!important;
}
div#header2009.type03 div.headlogo{
top:26px;
}
div#header2009.type03 dl#headerlogoarea dt{
top:37px;
}


div.type05{
height:60px!important;
width:600px!important;
background-position:bottom!important;
}
div#header2009.type05 dl#headerlogoarea{
left:512px;
}
div#header2009.type05 dl#headerlogoarea dt{
top:41px;
}


div.type06{
height:49px!important;
width:580px!important;
background-position:bottom!important;
}
div#header2009.type06 dl#headerlogoarea{
left:492px;
}
div#header2009.type06 dl#headerlogoarea dt{
top:30px;
}


div.type07{
height:60px!important;
width:580px!important;
background-position:bottom!important;
}
div#header2009.type07 dl#headerlogoarea{
left:492px;
}
div#header2009.type07 dl#headerlogoarea dt{
top:41px;
}


div.type08{
height:60px!important;
width:670px!important;
background-position:bottom!important;
}
div#header2009.type08 dl#headerlogoarea{
left:582px;
}
div#header2009.type08 dl#headerlogoarea dt{
top:41px;
}


div.nosubnavitour{
height:60px!important;
width:950px!important;
background-position:bottom!important;
}
div#header2009.nosubnavitour div.headlogo{
top:26px;
}
div#header2009.nosubnavitour dl#headerlogoarea dt{
top:37px;
}
div#header2009.nosubnavitour div#asxlogo{
position:absolute;
right:13px;
top:7px;
margin:0px;
padding:0px;
}


div.type10{
height:60px!important;
width:670px!important;
background-position:bottom!important;
}
div#header2009.type10 div.headlogo{
top:26px;
}
div#header2009.type10 dl#headerlogoarea dt{
top:37px;
}


div.type11{
height:60px!important;
width:650px!important;
background-position:bottom!important;
}
div#header2009.type11 div.headlogo{
top:26px;
}
div#header2009.type11 dl#headerlogoarea dt{
top:37px;
}


div.type12{
height:60px!important;
width:580px!important;
background-position:bottom!important;
}
div#header2009.type12 div.headlogo{
top:26px;
}
div#header2009.type12 dl#headerlogoarea dt{
top:37px;
}


div.type13{
height:60px!important;
width:360px!important;
background-position:bottom!important;
}
div#header2009.type13 div.headlogo{
top:26px;
}
div#header2009.type13 dl#headerlogoarea dt{
top:37px;
}


div#header2009.btnsubnavitour div#asxlogo{
position:absolute;
right:13px;
top:7px;
margin:0px;
padding:0px;
}









/* ダイヤモンド会員 class=diamond
 ----------------------------------------------- */
div.diamond{
background:url(/common/image/header2009/diamond/header_bg_201110.jpg) no-repeat top!important;
}
div#header2009.diamond h1.headlogo,
div#header2009.diamond div.headlogo{
top:12px;
}
div#header2009.diamond dl#headerlogoarea{
left:100px;
}
body.domtour div#header2009.diamond h1#tourcaption,
body.inttour div#header2009.diamond h1#tourcaption,
body.domtour div#header2009.diamond p#tourcaption,
body.inttour div#header2009.diamond p#tourcaption{
color:#fff;
}





/* プラチナ会員 class=platinum
 ----------------------------------------------- */
div.platinum{
background:url(/common/image/header2009/platinum/header_bg_201110.jpg) no-repeat top!important;
}
div#header2009.platinum h1.headlogo,
div#header2009.platinum div.headlogo{
top:12px;
}
div#header2009.platinum dl#headerlogoarea{
left:100px;
}
body.domtour div#header2009.platinum h1#tourcaption,
body.inttour div#header2009.platinum h1#tourcaption,
body.domtour div#header2009.platinum p#tourcaption,
body.inttour div#header2009.platinum p#tourcaption{
color:#fff;
}





/* ブロンズ会員 class=bronze
 ----------------------------------------------- */
div.bronze{
background:url(/common/image/header2009/bronze/header_bg_201110.jpg) no-repeat top!important;
}
div#header2009.bronze h1.headlogo,
div#header2009.bronze div.headlogo{
top:12px;
}
div#header2009.bronze dl#headerlogoarea{
left:100px;
}
body.domtour div#header2009.bronze h1#tourcaption,
body.inttour div#header2009.bronze h1#tourcaption,
body.domtour div#header2009.bronze p#tourcaption,
body.inttour div#header2009.bronze p#tourcaption{
color:#fff;
}





/* sfc会員 class=sfc
 ----------------------------------------------- */
div.sfc{
background:url(/common/image/header2009/sfc/header_bg_201110.jpg) no-repeat top!important;
}
div#header2009.sfc h1.headlogo,
div#header2009.sfc div.headlogo{
top:12px;
}
div#header2009.sfc dl#headerlogoarea{
left:100px;
}
body.domtour div#header2009.sfc h1#tourcaption,
body.inttour div#header2009.sfc h1#tourcaption,
body.domtour div#header2009.sfc p#tourcaption,
body.inttour div#header2009.sfc p#tourcaption{
color:#fff;
}





/* anacard会員 class=anacard
 ----------------------------------------------- */
div.anacard{
background:url(/common/image/header2009/anacard/header_bg_201110.jpg) no-repeat top!important;
}
div#header2009.anacard h1.headlogo,
div#header2009.anacard div.headlogo{
top:12px;
}
body.domtour div#header2009.anacard h1#tourcaption,
body.inttour div#header2009.anacard h1#tourcaption,
body.domtour div#header2009.anacard p#tourcaption,
body.inttour div#header2009.anacard p#tourcaption{
color:#fff;
}
div#header2009.anacard dl#headerlogoarea{
left:100px;
}
div#header2009.anacard dl#headerlogoarea dt{
margin-top:1px;
}




body #header2009 {
	font-size: 13px;
	font-variant: inherit;
}
#header2009 input {
	border-width: 1px;
	vertical-align: middle;
	_padding-top: 3px;/* IE対応 */
}


div.type_eng{
background:url(/common/image/header2009/heade_bg.gif) no-repeat top!important;
}