@charset "shift_jis";

/* Font
------------------------------------------ */
.r1{font-size:small; line-height:1.3em; font-style:normal; font-weight:normal;}
.r2{font-size:small; line-height:large; font-style:normal; font-weight:normal;}
.r2_2{font-size:small; line-height:medium;}
.r3{font-size:small;}
.r3_2{font-size:small; line-height:large;}
.r3_b{font-size:medium; font-weight:bold;}
.r4{font-size:large; line-height:x-large; font-weight:bold;}
.r5{font-size:small; line-height:22px;}
.r6{font-size:small; line-height:24px; font-weight:bold;}
.t1{font-size:x-small; line-height:small;}
.t1B {font-size:x-small; font-weight:bold;}
.t1R{font-size:x-small; line-height:small;}
.bold{font-size:small; font-weight:bold;}
.bold1{font-size:small; line-height:1.3em; font-weight:bold;}
.bold2{font-size:small; font-weight:bold;}
.bold3{font-size:small; line-height:large; font-weight:bold;}
.bold3a{font-size:small; font-weight:bold;}
.bold3b{font-size:small;}
.bold4{font-size:20px; line-height:22px; font-weight:bold;}
.menu{font-size:small; line-height:medium;}
.best{font-size:x-small; line-height:small;}
.top{font-size:small; line-height:medium;}
.txt{font-size:small;}
.txt2{font-size: small; line-height: medium;}
.txt3{font-size: x-small;}
.optcolor{font-size:x-small; font-weight:bold; color:#FFFFFF;}
.c_txt{font-size:small;	line-height:1.50em;}
.c_txt2{font-size:x-small;line-height:1.25em;}




/* Link option (update:20081016)
------------------------------------------ */
a,a:link,a:active,a:visited{color:#0f0f69;}
a:hover{color:#cc0000;}
a,a:link,a:visited{text-decoration:none;}
a:active,a:hover{text-decoration:underline;}




/* Uncertainty CSS
------------------------------------------ */
form{margin:0;}
.main{padding-left:15px; padding-top:10px;}
ul.h_ele{position:absolute; list-style:none; top:50px; margin-left:-27px;}
* html ul.h_ele{position:absolute; list-style:none; top:50px; margin-left:10px;}
li.ele00{float:left; font-size:12px; list-style:none; padding-left:8px; margin-right:5px; background:no-repeat center left url(gnavi/gnavi_images/mark_01.gif);}
li.ele01{float:left;font-size:12px; list-style:none; padding-left:15px; margin-right:5px; background:no-repeat center left url(gnavi/gnavi_images/mark_03.gif);}
.footer_f *{font-size:12px !important; line-height:14px !important;}




/* Font option
------------------------------------------ */
/* General Font Size */
.fontSizeS,.fontSizeM,.fontSizeL,.fontSizeH{line-height:1.3;}
.fontSizeS,
#G_BANNER .ttl{font-size:10px;}
.fontSizeM,
#one_line,
#ONE_LINE{font-size:12px;}
.fontSizeL{font-size:14px;}
.fontSizeH{font-size:18px;}
/*\*/
*html body{font-size:100%;}
*html .fontSizeS,
*html #G_BANNER .ttl{font-size:65%;}
*html .fontSizeM{font-size:75%;}
*html .fontSizeL{font-size:88%;}
*html .fontSizeH{font-size:111%;}
*html .fontSizeS .fontSizeS{font-size:100%;}
*html .fontSizeM .fontSizeS{font-size:84%;}
*html .fontSizeL .fontSizeS{font-size:73%;}
*html .fontSizeH .fontSizeS{font-size:59%;}
*html .fontSizeS .fontSizeM, *html .fontSizeM .fontSizeS .fontSizeM{font-size:119%;}
*html .fontSizeM .fontSizeM{font-size:100%;}
*html .fontSizeL .fontSizeM{font-size:88%;}
*html .fontSizeH .fontSizeM{font-size:69%;}
*html .fontSizeS .fontSizeL, *html .fontSizeL .fontSizeS .fontSizeL{font-size:137%;}
*html .fontSizeM .fontSizeL, *html .fontSizeL .fontSizeM .fontSizeL{font-size:117%;}
*html .fontSizeL .fontSizeL{font-size:100%;}
*html .fontSizeH .fontSizeL{font-size:79%;}
*html .fontSizeS .fontSizeH, *html .fontSizeH .fontSizeS .fontSizeH{font-size:174%;}
*html .fontSizeM .fontSizeH, *html .fontSizeH .fontSizeM .fontSizeH{font-size:150%;}
*html .fontSizeL .fontSizeH, *html .fontSizeH .fontSizeL .fontSizeH{font-size:128%;}
*html .fontSizeH .fontSizeH{font-size:100%;}
*html table, *html th, *html td{font-size:100%;}
/**/
*:first-child+html body{font-size:100%;}
*:first-child+html .fontSizeS,
*:first-child+html #G_BANNER .ttl{font-size:65%;}
*:first-child+html .fontSizeM{font-size:75%;}
*:first-child+html .fontSizeL{font-size:88%;}
*:first-child+html .fontSizeH{font-size:111%;}
*:first-child+html .fontSizeS .fontSizeS{font-size:100%;}
*:first-child+html .fontSizeM .fontSizeS{font-size:84%;}
*:first-child+html .fontSizeL .fontSizeS{font-size:73%;}
*:first-child+html .fontSizeH .fontSizeS{font-size:59%;}
*:first-child+html .fontSizeS .fontSizeM, *:first-child+html .fontSizeM .fontSizeS .fontSizeM{font-size:119%;}
*:first-child+html .fontSizeM .fontSizeM{font-size:100%;}
*:first-child+html .fontSizeL .fontSizeM{font-size:88%;}
*:first-child+html .fontSizeH .fontSizeM{font-size:69%;}
*:first-child+html .fontSizeS .fontSizeL, *:first-child+html .fontSizeL .fontSizeS .fontSizeL{font-size:137%;}
*:first-child+html .fontSizeM .fontSizeL, *:first-child+html .fontSizeL .fontSizeM .fontSizeL{font-size:117%;}
*:first-child+html .fontSizeL .fontSizeL{font-size:100%;}
*:first-child+html .fontSizeH .fontSizeL{font-size:79%;}
*:first-child+html .fontSizeS .fontSizeH, *:first-child+html .fontSizeH .fontSizeS .fontSizeH{font-size:174%;}
*:first-child+html .fontSizeM .fontSizeH, *:first-child+html .fontSizeH .fontSizeM .fontSizeH{font-size:150%;}
*:first-child+html .fontSizeL .fontSizeH, *:first-child+html .fontSizeH .fontSizeL .fontSizeH{font-size:128%;}
*:first-child+html .fontSizeH .fontSizeH{font-size:100%;}

body:first-of-type .fontSizeS{font-size:10px !important;}
body:first-of-type .fontSizeM{font-size:12px !important;}
body:first-of-type .fontSizeL{font-size:14px !important;}
body:first-of-type .fontSizeH{font-size:18px !important;}

#GTourNavi .fontSizeS{font-size:10px !important;}
#GTourNavi .fontSizeM{font-size:12px !important;}
#GTourNavi .FontS{font-size:10px;}
#GTourNavi .FontM{font-size:12px;}



/* G_FOOTER (update:20081016)
------------------------------------------ */
#G_FOOTER{width:780px; padding:15px 0 30px 0;}

/* linkSec */
#G_FOOTER .linkSec{padding:18px 0 17px 15px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
#G_FOOTER .linkSec ul li{
	float:left;
	padding:0 15px 0 15px;
	list-style:none;
	background:url(/common_images/mark_03.gif) no-repeat left center;
	white-space:nowrap;
	}

/* etcSec */
#G_FOOTER .etcSec a{display:block; width:100%; height: 100%;}
#G_FOOTER .etcSec ul li{margin-top:5px; list-style:none;}
#G_FOOTER .etcSec ul li.left{float:left; margin-top:15px;}
#G_FOOTER .etcSec ul li.left address{display:block; width:263px; height:9px; margin-left:15px; background:url(/gnavi/gnavi_images/copyright.gif);}
#G_FOOTER .etcSec ul li.right{float:right; display:block; width:108px; height:25px; background:url(/gnavi/gnavi_images/logo_jal.gif);}




/* VSorter
------------------------------------------ */
#VSorter{position:relative; margin:0 0 10px 0;}
#VSorter img{border:0;}
#VSorter dl{width:180px; background:#efefef;}
#VSorter dl dd{margin:0; padding:5px;}


/*=================================================================
 JALPAK Renewal (update:20090108)
=================================================================*/

/*reset
----------------------------------------------------------------*/
#headerArea h1,
#headerArea input,
#headerArea dl,
#headerArea dt,
#headerArea dd,
#headerArea ul,
#headerArea li,
#footerArea ul,
#footerAreali{
margin:0;
padding:0;
}

#footerArea{
padding-bottom:20px;
}

#footerArea:after{ 
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 

/*#headerArea
----------------------------------------------------------------*/
#headerArea{
width:950px;
margin-bottom:15px;
background-image:url("/shared/img/bg_haed-top.gif");
background-position:center top;
background-repeat:no-repeat;
font-size:12px;
}

#headerArea h1{
display:inline;
float:left;
margin-left:30px;
margin-bottom:15px;
}

#headerArea li{
list-style:none;
}

#header-top{
width:950px;
padding-top:17px;
background-image:url("/shared/img/bg_haed-middle.gif");
background-position:right top;
background-repeat:no-repeat;
overflow:hidden;
}


/*#searchArea
----------------------------------------------------------------*/

div#searchArea{
float:right;
margin-right:2px;
vertical-align:middle;
}

div#searchArea dt img{
margin-top:3px;
}

div#searchArea dt,
div#searchArea dd{
float:left;
padding-right:7px;
}


/*#utility
----------------------------------------------------------------*/

ul#utility{
display:block;
clear:right;
float:right;
margin-top:10px;
margin-right:8px;
margin-bottom:10px;
white-space: nowrap;
}

ul#utility li{
padding-left:10px;
float:left;
line-height:1.1;
}

ul#utility li a{
padding-left:10px;
background:url("/shared/img/parts_arow.gif") 1px 3px no-repeat;
}

ul#utility li.win a{
display:block;
padding-left:0;
background:none;
}

ul#utility li.win img{
margin-right:4px;
vertical-align:middle;
}


/*#globalNav
----------------------------------------------------------------*/

#globalNav{
display:block;
width:940px;
height:37px;
margin-left:10px;
background-image:url("/shared/img/bg_haed-bottom.gif");
background-position:center bottom;
background-repeat:repeat-x;
}


#globalNav li{
display:block;
float:left;
margin-right:1px;
}

#globalNav li img{
vertical-align:bottom;
}

#globalNav #inquiry{
_display:inline;
float:right;
margin-top:8px;
margin-right:10px;
width:126px;
height:20px;
}

/*#subNav
----------------------------------------------------------------*/

#subNav{
width:936px;
margin-left:10px;
padding-top:7px;
padding-left:4px;
padding-bottom:8px;
background-color:#f8f5f1;
overflow:hidden;
}

#subNav li{
float:left;
margin-right:10px;
padding-left:10px;
border-left:1px solid #ac9b8b;
line-height:1.2;
}

#subNav li.first{
border:none;
}


/*#bread
----------------------------------------------------------------*/
#bread{
display:-moz-inline-box;
display:inline-block;
width:922px;
margin-left:28px;
margin-top:9px;
}

#bread li{
float:left;
line-height:1.2;
margin-right:3px;
}

#bread li a{
margin-right:3px;
}

/*.noscript
----------------------------------------------------------------*/
.noscript{
margin-left:13px;
padding-top:9px;
font-weight:bold;
}


/*#footerArea
----------------------------------------------------------------*/
#footer{
clear:both;
}

#footerArea{
clear:both;
width:950px;
margin-top:30px;
font-size:12px;
}

/*#footerNav
----------------------------------------------------------------*/

#footerArea #footerNav{
position:relative;
padding-top:15px;
padding-bottom:17px;
border-top:solid #cecece 1px;
border-bottom:solid #cecece 1px;
text-align:center;
overflow:hidden;
}

#footerNav ul{
display:-moz-inline-box;
display:inline-block;
display:inline;
zoom:1;
}

#footerNav ul li{
display:inline;
margin-right:23px;
line-height:1.1;
white-space: nowrap;
}

#footerNav ul li.win{
margin-right:0px;
}


#footerNav ul li a{
padding-left:10px;
background:url("/shared/img/parts_arow.gif") 1px 3px no-repeat;
}

#footerNav ul li.win a{
padding-left:0;
background:none;
}

#footerNav ul li.win img{
margin-right:4px;
vertical-align:middle;
}

#footerNav ul li.noicon{
display:inline;
margin-right:23px;
line-height:1.1;
white-space: nowrap;
}

#footerNav ul li.noicon a{
padding-left:0;
background:none;
}

#footerNav ul li.noicon img{
margin-right:4px;
vertical-align:middle;
}


/*address, p
----------------------------------------------------------------*/

#footerArea address{
display:inline;
clear:both;
float:left;
margin-top:14px;
margin-left:10px;
}

#footerArea p{
float:right;
margin-top:5px;
padding-bottom:20px;
}

/* onelinePR
------------------------------------------ */
#onelinePR{
display:none;
}

