/* ____ これは格安航空券.comのサイトの基本設定＆テンプレート部分のcssファイルです 。
　テンプレ以外の部分やインナーページはmain.cssで設定しています__*/

/* =========== IE用印刷設定CSS =========== */ 
@media print{

body {
_zoom: 72%; /*WinIE only */
}
}



/*********************************************************
	　全ページ共通・基本設定 #=id
*********************************************************/

*{ 
   margin: 0; 
   padding: 0;
 }
 
 /* ____ 例：文字サイズ100% / 背景白 ____ */
body {
	font: 12px/20px "ＭＳ Ｐゴシック", Osaka, arial, sans-serif;
	text-align: center;
	color: #444444;
 }
 
 /* ____ リンクカラー(訪問前：グレー/後：水色） ____ */
 
a:link {
    color: #444444; 
	text-decoration:underline;
}

a:visited {
    color: #2492A2; 
	text-decoration:underline;
}

/* ____ リンクカラー(footmenu用　前後共グレー/ラインなし） ____ */
a.link2:link { 
    color: #444444; 
	text-decoration:none;
}

a.link2:visited {
     color: #444444; 
	 text-decoration:none;
}

/* ____ リンクカラー(前後共ピンク） ____ */

a.link3:link { 
    color: #CC3467; 
	text-decoration: underline;
}

a.link3:visited {
     color:#CC3467; 
	 text-decoration: underline;
}


/* ____ リンクカラー(前後共水色） ____ */

a.link4:link {
	color: #3D7C87;
	text-decoration: underline;
}

a.link4:visited {
     color:#3D7C87; 
	 text-decoration: underline;
}

/* ____ リンクカラー(前後共グレー） ____ */

a.link5:link {
	color: #444444;
	text-decoration: underline;
}

a.link5:visited {
     color:#444444; 
	 text-decoration: underline;
}

/* ____ リンクカラー(薄いグレー） ____ */

a.link6:link {
	color: #888888;
	text-decoration: none;
}

a.link6:visited {
     color:#888888; 
	 text-decoration: none;
}


/* ____ 下記のタグのtextは左によせる ____ */
div,td,th,h1,p {
    text-align: left;
}

/* ____ 画像の周りに空白・ラインが入らないように ____ */
img {
    border-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

/* ____ Pタグの最後に勝手に改行が入らないように ____ */
p,{
    margin: 0;
}


/* ____ 全ページのヘッダーに共通 ____ */
h1 {
	font-size: 12px;
	line-height: normal;
	text-align: left;
	padding-top:12px;
	padding-left:20px;
	font-weight: normal;
	color: #000033; 
}

h2 {
	font-size: 12px;
	line-height: normal;
	text-align: left;
	padding-top:3px;
	padding-bottom:8px;
	font-weight: normal;
	color: #444444; 
}

h3 {
	font-size: 12px;
	line-height: normal;
	text-align: left;
	padding-top:12px;
	font-weight: normal;
	color: #457E89; 
}

h4,h5,h6 {
    font-size: 12px;
    line-height: normal;
    margin: 0;
    text-align: left;
}

/* ____ リストの頭にマークが入らないように ____ */
li {   
    list-style-type: none;   
}  

/* ____ フロートで横並びにしたボックスを解除してその下にボックスを置く時に使う。
（「float」指定をしたときには、その次の行に相当するボックスや段落に対して、
フロート解除を必ずする(float leftの解除はclear left））
htmlでは<br class="clear">で使用____ */
.clear { 
    clear:both; 
}

/* ____ 画像や文字を中央・左・右揃えにするときに使う ____ */
.center { 
    text-align:center; 
}

.left {
    text-align:left; 
}

.right { 
    text-align:right; 
}




/*********************************************************
	Template用　全体の枠・レイアウトを設定する #=id
*********************************************************/



#header{
    margin:0 auto;
	height:65px;
	background: url(../img_common/bg_header.gif) center ;

}

#header div.inner{
	width:920px;
	padding-top:20px;
	padding-left:10px;
	height:40px;
	margin:0 auto;

}

#line_blue{
	height:20px;
	background: url(../img_common/line_blue.gif) center ;
	
}  

#menu{
    margin:0 auto;
	height:47px;
	background: url(../img_common/bg_menu.gif) center ;
	background-repeat: repeat-x;
} 


#menu div.inner{
	margin: 0 auto;
	width:920px;
	padding-left:10px;
	height:47px;
}


#wrapper{
	background: url(../img_common/bg_main0.gif) center ;
	background-position:top;
	margin:0 auto;
}

#wrapper div.inner{
	width:920px;
	padding-left:10px;
	margin:0 auto;
	overflow:auto!important;
    overflow /**/: hidden;
}

#top_img{
    width:900px;
}

/* ____ #mainを左右2つに分ける____*/

#sidemenu{
    float: right;
    width:240px;
	padding-right: 20px;
	}
	
#side{
    width: 240px;
	margin-top:4px;
	margin-bottom:10px;
	background: url(../img_common/bg_side.gif) repeat-y ;
}

#side img{
    padding-left:40px;
}

#side2{
    width: 240px;
	margin-top:10px;
	margin-bottom:20px;
}


#main{
    float: left;
    width: 630px;
	margin-top:4px;
}

#footer{
	clear:both;
	height:54px;
	margin-top:12px;
	margin-bottom:8px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	
}


#footer div.inner{
	width:920px;
	padding-left:10px;
	margin:0 auto;
	padding-top:14px;
}

#footer p{
	font: 12px "ＭＳ Ｐゴシック", Osaka,arial,sans-serif;
	color:#444444;
	line-height:20px;
	text-align: center;
	vertical-align: middle;
}

#copyright{
    clear:both;
    padding-top:4px;
	background-color:#11164A;

}

#copyright p{
	font: 12px "ＭＳ Ｐゴシック", Osaka,arial,sans-serif;
	color:#FCF8EB;
	line-height:19px;
	text-align: center;
	vertical-align: middle;
	padding-top:8px;
	padding-bottom:14px;

}


/*********************************************
		全ページ共通のデザイン設定
*********************************************/
.main_text{
	color: #444444;
	padding-left:0px;
}

.gley12{
color:#888888;
}


.red_right12{
	font-weight: normal;
	color: #CC3366;
	text-align:right; 

}

.red12{
	font-weight: normal;
	color: #CC0000;
	text-align:left; 

}

.pink12{
	font-size: 12px;
	line-height: normal;
	text-align: left;
	color: #CC3467;
	line-height: 18px;
}


.blue_right12{
	font-weight: normal;
	color:#00006F;
	text-align:right; 

}

.blue12 {
	font-size: 12px;
　　font-style: normal;
	color:#00006F;
    line-height: 16px;
}


.blue14 {
	font-size: 14px;
	color:#2492A2;
　　font-weight: bold;
    line-height: 22px;
}


.blue20_bold{
	font-size: 20px;
	text-align: left;
	color: #177896;
	line-height: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
}


.orange20_bold{
	font-size: 20px;
	text-align: left;
	color: #F27900;
	line-height: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
}


.pink20_bold{
	font-size: 20px;
	text-align: left;
	color: #CC3467;
	line-height: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
}

.pink18_bold{
	font-size: 18px;
	text-align: left;
	color: #CC3467;
	line-height: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}



.darkblue12 {
	font-size: 12px;
　　font-style: normal;
	color:#336666;
    line-height: 16px;
}



.bottom_5px {
	margin-bottom: 5px;
}

.bottom_10px {
	margin-bottom: 10px;
}

.bottom_20px {
	margin-bottom: 20px;
}

.bottom_30px {
	margin-bottom: 30px;
}

.top_20px {
	margin-top: 20px;
}


.left_10px {
	padding-left: 10px;
}

.left_20px {
	padding-left: 20px;
}

.left_30px {
	padding-left: 30px;
}


.left_40px {
	padding-left: 40px;
}

.koumoku_head {
	font-size: 12px;
	color: #00006F;
	padding-right:3px;
}

.koumoku {
	font-size: 12px;
	line-height: 20px;
	color: #444444;
	text-align:left;
	padding-right: 5px;
	padding-left: 16px;
	text-indent:-1.2em;
}

.tabletext {
	font-size: 12px;
	line-height: 30px;
	color: #444444;
	text-align:left;
	padding-right: 5px;
	padding-left: 24px;
}



/*********************************************
		TOPページのデザイン設定
*********************************************/
.haneda_box{
	height: 105px;
	width: 140px;
	background: url(../img/haneda_waku.gif) center ;
	background-repeat:no-repeat;
	padding-top:40px;
	padding-left:2px;

}

.osaka_box{
	height: 105px;
	width: 140px;
	background: url(../img/osaka_waku.gif) center ;
	background-repeat:no-repeat;
	padding-top:40px;
	padding-left:2px;

}

.nagoya_box{
	height: 105px;
	width: 140px;
	background: url(../img/nagoya_waku.gif) center ;
	background-repeat:no-repeat;
	padding-top:40px;
	padding-left:0px;

}

.fukuoka_box{
	height: 105px;
	width: 140px;
	background: url(../img/fukuoka_waku.gif) center ;
	background-repeat:no-repeat;
	padding-top:40px;
	padding-left:2px;

}

.syuuo_title{
	font: 12px "ＭＳ Ｐゴシック", Osaka,arial,sans-serif;
	color:#ffffff;
    padding-top:6px;
	text-align: center;
	vertical-align: middle;
}


.topics_text {
	font-size: 12px;
　　font-style: normal;
    padding-left:14px;
	color:#00006F;
　　font-weight: bold;
    line-height: 18px;
}

/*********************************************
		innerページのデザイン設定
*********************************************/

.syuppatu_l20 {
	font-size: 12px;
	line-height: 16px;
	color: #444444;
	text-align:left;
	padding-left: 20px;
}

.ancer {
	font-size: 12px;
	line-height: 20px;
	color: #444444;
	text-align:left;
	padding-right: 5px;
	padding-left: 48px;
}

.sfj1 {
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	text-align:left;
	padding-right: 10px;
}

.sfj2 {
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding-left: 10px;
	text-align:left;
}

.rosen {
	font-size: 24px;
	color:#444444;
　　font-weight: normal;
    padding-left:150px;
	line-height: 24px;
}

.noritsugi {
	font-size: 20px;
	color:#444444;
	　　font-weight: normal;
	padding-left:130px;
	line-height: 20px;
	font-weight: bold;
}


.time_jal {
	font-size: 12px;
　　font-style: normal;
	color:#CC0000;
    line-height: 16px;
	text-align: center;
}

.time_ana {
	font-size: 12px;
　　font-style: normal;
	color:#000099;
    line-height: 16px;
	text-align: center;
}



.white12_center {
	font-size: 12px;
　　font-style: normal;
	color:#ffffff;
    line-height: 16px;
	text-align: center;

}

.white12_l10 {
	font-size: 12px;
　　font-style: normal;
	color:#ffffff;
    line-height: 16px;
    padding-left:10px;
	padding-top:2px;

}

.white12_l30 {
	font-size: 12px;
　　font-style: normal;
	color:#ffffff;
    line-height: 16px;
    padding-left:30px;

}

.white18_l20 {
	font-size: 18px;
　　font-style: normal;
	color:#ffffff;
    line-height: 20px;
    padding-left:20px;
	font-weight: bold;

}

/*********************************************
		form用デザイン設定
*********************************************/

#form{
    width: 590px;
	padding-left: 40px;

}

#form td{
    height:0px;
}

/*********************************************
		空港リンクページ用デザイン設定
*********************************************/

#airport{
    width: 590px;
	padding-left: 24px;

}

#airport td{
    height:26px;
}

/*********************************************
	ワンランクアップページ用デザイン設定
*********************************************/

.rankup_1 {
	height: 300px;
	width: 630px;
	font-size: 12px;
	line-height: 18px;
	background: url(../info/img/premiumclass.gif)  ;
	background-repeat:no-repeat;
	padding-top: 40px;
	padding-right: 20px;
	padding-left:300px;
}

.rankup_2{
	height: 300px;
	width: 630px;
	font-size: 12px;
	line-height: 18px;
	background: url(../info/img/firstclass.gif)  ;
	background-repeat:no-repeat;
	padding-top: 40px;
	padding-right: 340px;
	padding-left:20px;
}

.rankup_3 {
	height: 300px;
	width: 630px;
	font-size: 12px;
	line-height: 18px;
	background: url(../info/img/classj.gif)  ;
	background-repeat:no-repeat;
	padding-top: 40px;
	padding-right: 20px;
	padding-left:280px;
}