@charset "shift_jis";

/*//////////////////////////////////////////////////////////////////////////////

skysuite_common.css

--------------------------------------------------------------------------------

	0. common, override
	1. skysuite
	
//////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	0. common, override
----------------------------------------------------------------------------- */

img.imageFader {
	visibility : hidden;
	}
.ie6 img.imageFader {
	visibility : visible;
	}

#sideBar {
	/*width      : 341px;*/
	}
#mainContents {
	}
/*	#mainContents .innerBlock {
		padding-left : 342px;
		}*/
		#mainContents .innerBlock .contents {
			background : #000000;
			}
		/**
		 * override background image
		 */
	
.classContents {
	position     : relative;
	width        : 659px;
	border-right : 1px #c7c7c7 solid;
	background   : #000000;
	}
	.classContents .innerBlock {
		padding    : 62px 0 0 0 !important;
		background : #ffffff !important;
		}
		
		#categoryNavigation {
			position      : fixed;
			left          : 342px;
			top           : 0;
			width         : 659px;
			height        : 47px;
			padding       : 15px 0 0 0;
			border-bottom : 1px #c7c7c7 solid;
			background    : #ffffff;
			
			z-index       : 99;
			}
		.ie6 #categoryNavigation {
			position      : absolute;
			left          : 0;
			top           : 0;
			}
			#categoryNavigation ul {
				position        : relative;
				height          : 32px;
				margin          : 0;
				padding         : 0;
				list-style-type : none;
				}
				#categoryNavigation ul li {
					position     : relative;
					float        : left;
					height       : 32px;
					margin-right : 10px;
					}
				#categoryNavigation ul li.nav_seat {
					width    : 61px;
					}
				#categoryNavigation ul li.nav_meal {
					width    : 115px;
					}
				#categoryNavigation ul li.nav_entertainment {
					width    : 156px;
					}
				#categoryNavigation ul li.nav_service {
					width    : 106px;
					}
			#first #categoryNavigation ul,
			#business #categoryNavigation ul {
				width       : 478px;
				margin-left : 54px;
				}
			#premium_y #categoryNavigation ul,
			#economy #categoryNavigation ul {
				width       : 362px;
				margin-left : 112px;
				}
				
			#classLogo {
				position : absolute;
				left     : 577px;
				top      : 0;
				width    : 83px;
				height   : 83px;
				margin   : 0;
				padding  : 0;
				
				
				z-index  : 100;
				}
				#classLogo a {
					position : relative;
					display  : block;
					width    : 83px;
					height   : 83px;
					margin   : 0;
					padding  : 0;
					}
				#first #classLogo a     { background : #a00505; }
				#business #classLogo a  { background : #003764; }
				#premium_y #classLogo a { background : #006e46; }
				#economy #classLogo a   { background : #00aa8c; }
				
				#classLogo .rollover {
					left       : 0;
					top        : 0;
					width      : 83px;
					height     : 83px;
					margin     : 0;
					padding    : 0;
					background : #0000CC;
					}
		
#footer {
	border-left   : none;
	}
	.socialButton {
		right     : 112px;
		}
	#btn_pagetop {
		left         : 920px;
		}
	.ie6 #btn_pagetop {
		left         : 578px;
		}
				
/* -----------------------------------------------------------------------------
	1. skysuite
----------------------------------------------------------------------------- */
#skysuite {
	position     : relative;
	width        : 830px;
	border-right : 1px #c7c7c7 solid;
	background   : #000000;
	}
	#skysuite .innerBlock {
	padding    : 0;/*15px 0 0;*/
	background : #ffffff;
	/*min-height: 1000px;*/
		}
	.ie6 #skysuite .innerBlock {
	/*height: 1000px;*/
		}

.skysuiteContents {
	padding-bottom:100px;
}

.skysuiteContents div,
.skysuiteContents p,
.skysuiteContents ul,
.skysuiteContents li,
.skysuiteContents img,
.skysuiteContents h3,
.skysuiteContents h4,
.skysuiteContents dl,
.skysuiteContents dt,
.skysuiteContents dd{
margin:0;
padding:0;
}
.skysuiteContents ol,
.skysuiteContents ul{
list-style:none;
}

.skysuiteContents a{border:none;outline:none;}
.skysuiteContents a img:hover{-ms-filter:"alpha(opacity=70)";filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.skysuiteContents a img.logoA:hover{-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.skysuiteContents a img:after{transition:all 0.3s ease 0s;}


.skysuiteContents .floatL{
float:left;
}
.skysuiteContents .floatR{
float:right;
}
.skysuiteContents .bold{
font-weight:bold;
}
.skysuiteContents .alC{
text-align:center;
}

.skysuiteContents .titBlock{
background:url(/newsky/sky_suite/img/bg_tit.jpg) no-repeat top left;
height:399px;
text-align:center;
}
.skysuiteContents .titBlock h3{
margin:0;
padding-top:50px;
}
.skysuiteContents .titBlock p{
margin:30px 0 40px;
font-size:120%;
line-height:1.4;
}
.skysuiteContents .titBlock ul{
margin-top:130px;
}
.skysuiteContents .titBlock ul li{
float:left;
}


.skysuiteContents .skysuiteInner01{
width:720px;
margin:0 auto;
padding-bottom:80px;
}
.skysuiteContents .skysuiteInner02{
width:800px;
margin:0 auto;
}
.skysuiteContents .skysuiteInner02.moduleWrap{
min-height:274px;
}
.skysuiteContents .line01{
border-top:1px solid #C7C7C7;
margin:0 auto 80px;
}
.skysuiteContents .line02{
height:1px;
border-bottom:1px dotted #000;
margin:30px auto 0;
}

.skysuiteContents .tits{
background:url(/newsky/sky_suite/img/tits_bg.gif) no-repeat top left;
text-align:center;
}


.skysuiteContents .cmBox{
}
.skysuiteContents .cmBox .cmTits{
padding-bottom:36px;
text-align:center;
}




.skysuiteContents .cmBox .innerBox{
width:660px;
margin:0 auto;
min-height:373px;
}
.skysuiteContents .cmBox .innerBox .cmThumImg{
float:left;
width:360px;
}
.skysuiteContents .cmBox .innerBox .cmThumImg p{
padding-top:10px;
line-height:1.6;
}
.skysuiteContents .cmBox .innerBox .cmThumImg p.txt01{
font-size:110%;
}
.skysuiteContents .cmBox .innerBox .cmVoteArea{
float:left;
width:280px;
margin-left:20px;
color:#000;
line-height:1.6;
}
.skysuiteContents .cmBox .innerBox .cmVoteArea .cmVoteYes{
float:left;
margin-top:20px;
}
.skysuiteContents .cmBox .innerBox .cmVoteArea .cmVoteNo{
float:right;
margin-top:20px;
}
.skysuiteContents .cmBox .innerBox .cmVoteBtnAreaOff{
display:none;
}
.skysuiteContents .cmBox .innerBox .cmVoteArea .voteBar{
width:280px;
height:30px;
margin-top:20px;
position:relative;
}
.skysuiteContents .cmBox .innerBox .cmVoteArea .voteBar .barGraphYes{
background-color:#318DE9;
width:140px;
height:30px;
position:absolute;
top:0;
left:0;
}
.skysuiteContents .cmBox .innerBox .cmVoteArea .voteBar .barGraphNo{
background-color:#C7CEEA;
width:140px;
height:30px;
position:absolute;
top:0;
right:0;
}
.skysuiteContents .cmBox .innerBox .cmVoteArea .voteBar .barGraphInner{
background-color:#fff;
width:100%;
height:100%;
overflow:hidden;
display:none;
}
.skysuiteContents .cmBox .innerBox .cmVoteArea .voteBar .cmTextLeft{
float:left;
margin-top:30px;
}
.skysuiteContents .cmBox .innerBox .cmVoteArea .voteBar .cmTextRight{
float:right;
margin-top:30px;
}



.skysuiteContents .itemBlock01{
margin-top:10px;
}
.skysuiteContents .itemBlock01 img{
float:left;
width:80px;
}
.skysuiteContents .itemBlock01 div{
float:right;
width:570px;
}
.skysuiteContents .itemBlock01 div p{
padding-top:10px;
}
.skysuiteContents .itemBlock01 div p.txt01{
font-size:110%;
}

.skysuiteContents .comingsoonBlock{
border:1px solid #C7C7C7;
padding:20px;
text-align:center;
margin-top:80px;
}

.skysuiteContents .comingsoonBlock p.txt01{
font-size:180%;
padding-bottom:0px;
}
.skysuiteContents .comingsoonBlock p.txt01 span{
font-size:70%;
}
.skysuiteContents .comingsoonBlock p.txt02{
font-size:120%;
padding-top:10px;
}



.skysuiteContents .switchArea {
	min-height:440px;
	margin-top:56px;
}
.skysuiteContents .switchNav {
	margin-top:40px;
}
.skysuiteContents .switchNav .navBoxWrap {
	overflow:hidden;
}
.skysuiteContents .switchNav .navBox {
	float:left;
	width:135px;
	margin-left:10px;
}
.skysuiteContents .switchNav .navBox:first-child {
	margin-left:5px;
}
.skysuiteContents .switchNav .navBox > .navBoxInr {
	display:block;
	padding:11px 12px 3px;
	color:#000;
	min-height:180px;
}
.skysuiteContents .switchNav .navBox_img {
	display:block;
	text-align:center;
}
.skysuiteContents .switchNav .navBox_txt {
	display:block;
	margin-top:10px;
}
.skysuiteContents .switchNav .navBox_txt .smltxt {
	font-size:12px;
}
.skysuiteContents .switchNav .navBox_name {
	display:block;
	margin-top:5px;
	font-size:110%;
	font-weight:bold;
	line-height:1.6;
}
.skysuiteContents .switchNav .navBox_disc {
	display:block;
	margin-top:5px;
}
.skysuiteContents .switchNav .navBox.pseudo-current > a,
.skysuiteContents .switchNav .navBox > a:hover {
	padding:10px 11px 12px;
	border:1px solid #c7c7c7;
}
.skysuiteContents .switchNav .navBox_img img:hover {
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

.skysuiteContents .switchNav .navBoxContents{width:580px;height:204px;overflow:hidden;float:left;position:relative;margin-left:8px}
.skysuiteContents .switchNav .navBoxWrap{position:absolute;top:0;left:0;}
.switchNav .navLeft{float:left;height:113px;width:30px;border:1px solid #cccccc;color:#cccccc;padding-top:89px;text-align:center;cursor:pointer;margin-left:30px;}
.switchNav .navRight{float:right;height:113px;width:30px;border:1px solid #cccccc;color:#cccccc;padding-top:89px;text-align:center;cursor:pointer;margin-right:30px;}





.skysuiteContents .commentBlock{
margin-top:50px;
position: relative;
overflow:hidden;
width:660px;
h/*eight:454px;*/
}
.skysuiteContents .commentBlockInner{
position: relative;
}
.skysuiteContents .commentPage{
/*position:absolute;*/
width:660px;
/*display:none;*/
float:left;
}
.skysuiteContents .commentBlock li{
width:315px;
/*min-height:90px;*/
margin-top:30px;
}
.skysuiteContents .commentBlock li.commentL{
float:left;
}
.skysuiteContents .commentBlock li.commentR{
float:right;
}
.skysuiteContents .commentBlock li.pic01{
background:url(/newsky/sky_suite/img/comment_pic01.gif) no-repeat right 30px;
}
.skysuiteContents .commentBlock li.pic02{
background:url(/newsky/sky_suite/img/comment_pic02.gif) no-repeat right 30px;
}
.skysuiteContents .commentBlock li dl{

}
.skysuiteContents .commentBlock li dl dt{
float:left;
padding:5px;
color:#fff;
}
.skysuiteContents .commentBlock li dl dd{
float:left;
margin-left:10px;
padding:5px;
}
.skysuiteContents .commentBlock li dl dd.noseat{
float:none;
margin-left:140px;
padding:5px;
}
.skysuiteContents .commentBlock li dl dt.toujou01{
background-color:#004483;
}
.skysuiteContents .commentBlock li dl dt.toujou02{
background-color:#00AA8C;
}
.skysuiteContents .commentBlock li dl dt.toujou03{
background-color:#A40200;
}
.skysuiteContents .commentBlock li dl dt.toujou04{
background-color:#006732;
}
.skysuiteContents .commentBlock li dl dt.toujou05{
background-color:#FFFFFF;
}

.skysuiteContents .commentBlock li .commentBox01{
margin-top:10px;
background:url(/newsky/sky_suite/img/comment_bg02.gif) repeat-y top left;
}
.skysuiteContents .commentBlock li .commentBox02{
background:url(/newsky/sky_suite/img/comment_bg01.gif) no-repeat top left;
}
.skysuiteContents .commentBlock li .commentBox03{
background:url(/newsky/sky_suite/img/comment_bg03.gif) no-repeat bottom left;
padding:10px 20px 10px 10px;
width:205px;
min-height:55px;
position:relative;
}
.skysuiteContents .commentBlock li .commentArrow{
position:absolute;
top:35px;
right:0;
}
.skysuiteContents .commentBlock li .commentBox03 p{
line-height:1.6;
}

.skysuiteContents .commentNavBlock{
	width:420px;
	margin:40px auto 50px;
	overflow: hidden;
}
.skysuiteContents .commentNavBlock ul{
	float:left;
}
.skysuiteContents .commentNavBlock li{
	float:left;
	margin: 0 10px 0 0;
	min-width:30px;
	line-height:1.6;
}
.skysuiteContents .commentNavBlock li a.cal{
	display: block;
	color: #CC0000!important;
	border: 1px solid #CC0000!important;
	padding:5px 0;
	text-align: center;
	text-decoration: none;
	cursor:default!important;
}
.skysuiteContents .commentNavBlock li a:link,
.skysuiteContents .commentNavBlock li a:visited {
	display: block;
	color: #C7C7C7;
	border: 1px solid #C7C7C7;
	padding:5px 0;
	text-align: center;
	text-decoration: none;
}
.skysuiteContents .commentNavBlock li a:hover {
	color: #CC0000;
	border: 1px solid #CC0000;
}
.skysuiteContents .commentNavBlock .pageNoWrap{
	overflow:hidden;
	width:200px;
	height:33px;
	left:auto;
	float:left;
	position:relative;
}
.skysuiteContents .commentNavBlock ul.pageNo{
	position:absolute;
	left:0;
}
.skysuiteContents .commentNavBlock ul.prevNav li.first,
.skysuiteContents .commentNavBlock ul.nextNav li.last {
	width:60px;
}

.skysuiteContents .exBlock03 p.txt01{
font-size:120%;
}
.skysuiteContents .exBlock03 p.txt02{
font-size:120%;
text-align:center;
margin:40px auto 30px;
}

.skysuiteContents .exBlock03 ul{

}
.skysuiteContents .exBlock03 ul li{
float:left;
margin-right:22px;
}
.skysuiteContents .exBlock03 ul li.last{
margin-right:0!important;
}

.skysuiteContents .itemBlock02{
margin:40px auto 30px;
}
.skysuiteContents .itemBlock02 img{
float:left;
margin-left:130px;
}
.skysuiteContents .itemBlock02 p{
float:left;
margin-left:10px;
margin-top:5px;
}