/* CSS Document */

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

style.css
 2009.09.15

 ------------------------------------------------*/
/* png alpha IE fix */
img, div {behavior: url(js/iepngfix.htc)}

/*	コンテンツ
----------------------------------------------------*/
#awcampaign .banner-wrap-top h1{
	background:url(img/top_b.jpg) 0 0 no-repeat;
	width:900px;
	height:350px;
	margin:0 auto;
}
#awcampaign .banner-wrap-top h1 p{
	visibility:hidden;
}

#awcampaign .banner-wrap h1{
	text-align:center;
}
#awcampaign .area-inside-wrap{
	width:900px;
	margin:15px auto 0;
}
#awcampaign .datemade{
	margin-left:650px;
	padding-top:22px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
#awcampaign .datemade span{
	color:#000;
	font-size:14px;
	font-weight:bold;
}


/* 2011-1-6
Splitting page banner + buttons
-----------------------------------------------------*/

#awcampaign .ban-but{	
	width: 900px;
}	
#awcampaign .ban-but .banarea-a {	
	float: left;
	width: 280px;
	overflow: hidden;
}


/* top left banner area */
.ban-zone{
	width:270px;
	border-left:#cdcdcd 1px solid;
	border-right:#cdcdcd 1px solid;
	border-bottom:#cdcdcd 1px solid;
	padding:4px;
	}
.ban-zone img{
	margin-left:auto;
	margin-right:auto;
	padding-top:2px;
	padding-bottom:4px;
	}
	
a.banner-btn:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* buttons area */

#awcampaign .ban-but .butareaa {
	margin-left:20px;
	float: left;
	width: 600px;
	overflow: hidden;
}	


/* top button */

#awcampaign .buttopwrapper{
	background-image:url(img/buttop_back.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:170px;
	width:600px;
}

#awcampaign .buttopwrapper-on{
	background-image:url(img/buttop_back_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:170px;
	width:600px;
}

#awcampaign .but-main {
	padding:16px;
	width:568px;/* 600 - 32 padding */
	position: relative; /* So that elements INSIDE this header can be positioned relative to the header */
	text-align:left;
	/*border:#00b5ec 4px solid;*/
	/*background-color:#d5d5d5;*/
	height:138px;/* 170-8 border - 24 padding */
}

.topdetaillink  a{
	position: absolute;
	display: block; /* So we can give the element a width */
	top: 30px;
	left: 2px;
	width: 600px;
	height: 170px;
	text-indent: -9999px;

}

/* bottom buttons */

#awcampaign .butbotwrapper{
	background-image:url(img/butbot_back.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:197px;
	width:290px;
}

#awcampaign .butbotwrapper-on{
	background-image:url(img/butbot_back_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:197px;
	width:290px;
}


#awcampaign .but-bot {
	padding:9px;
	width:272px;/* 290- 18 padding */
	position: relative; /* So that elements INSIDE this header can be positioned relative to the header */
	text-align:left;
	height:173px;/* 197 - 24 padding */
}


.botdetaillink  a{
	position: absolute;
	display: block; /* So we can give the element a width */
	top: 2px;
	left: 0;
	height:197px;
	width:290px;
	text-indent: -9999px;

}

/* Splitting the button area in two
------------------------------------------------*/

/* no need, using remedy table for IE6
#awcampaign .but-botgroup{
	margin-top:20px;
	width: 600px;
}	
#awcampaign .but-botgroup .but-bot {	
	float: left;
	overflow: hidden;
}*/
.remedytbl{
	margin-top:20px;
	width: 600px;
}

.male20{
	margin-left:20px;
}
.aspace{
	width:20px;
	}

.mato10{
	margin-top:10px;
}
.pale50{
	padding-left:50px;
}
.pale30{
	padding-left:30px;
}
/* Splitting the title and the button area
------------------------------------------------*/

.top-tit-but{	
	width: 568px;
}	
.top-tit-but .tit {	
	float: left;
	width: 443px;
	overflow: hidden;
}	
.top-tit-but .but {	
	float: left;
	width: 125px;
	overflow: hidden;
}	



.bottom-tit-but{	
	width: 272px;
}	
.bottom-tit-but .tit {	
	float: left;
	width: 174px;
	overflow: hidden;
}	
.bottom-tit-but .but {	
	float: left;
	width: 98px;
	overflow: hidden;
}	


/* airport and bus list for .butareaa*/

/* list for main top button */
#awcampaign .but-main .airbuslist{	


	width: 450px;
	text-align:left;
	line-height:1.5em;
}	
#awcampaign .but-main .airbuslist .leftlist{	
	float: left;
	width: 226px;
	display:inline;
}
#awcampaign .but-main .airbuslist .leftlist .places {	
	margin-left:6px;
}
#awcampaign .but-main .airbuslist .leftlist span{	
	color:#003399;
	font-weight:bold;
}

#awcampaign .but-main .airbuslist .rightlist {	
	float: left;
	width: 205px;
	display:inline;
}
#awcampaign .but-main .airbuslist .rightlist .places {	
	margin-left:6px;
}
#awcampaign .but-main  .airbuslist .rightlist span{	
	color:#003399;
	font-weight:bold;
}

/* list for bottom buttons */
#awcampaign .but-bot .airbuslist{	
	width: 270px;
	text-align:left;
	line-height:1.4em;
	font-size:11px;
}	
#awcampaign .but-bot .airbuslist .leftlist{	
	float: left;
	width: 140px;
	display:inline;
}
#awcampaign .but-bot .airbuslist .leftlist .places {	
	margin-left:6px;
}
#awcampaign .but-bot .airbuslist .leftlist span{	
	color:#003399;
	font-weight:bold;
}

#awcampaign .but-bot .airbuslist .rightlist {	
	float: left;
	width: 130px;
	display:inline;
}
#awcampaign .but-bot .airbuslist .rightlist .places {	
	margin-left:6px;
}
#awcampaign .but-bot .airbuslist .rightlist span{	
	color:#003399;
	font-weight:bold;
}



/*	split page in 2
----------------------------------------------------*/

#awcampaign .maintwo{
	width: 900px;
}	
#awcampaign .maintwo .leftmain {
	float: left;
	width: 411px;/* 443 -8px border =435 -24px padding = 411*/
	overflow: hidden;
	display:inline;
}
#awcampaign .maintwo .leftmainsimple {
	float: left;
	width: 443px;
	overflow: hidden;
	display:inline;
}	
#awcampaign .maintwo .rightmain {
	float: left;
	margin-left:14px;
	margin-bottom:12px;
	width: 411px;/* 443 -8px border =435 -24px padding = 411*/
	overflow: hidden;
	display:inline;
}	

#awcampaign .maintwo .rightkbanner {
	float: left;
	margin-left:0px;
	float:left;/*★ここと★*/
	/*margin-left:0;*//*★ここ、キャンペーンの終わりとともに上の2行と差し替えて下さい。20100916岩田★*/
	margin-bottom:12px;
	width: 443px;
	height:201px;
	overflow: hidden;
	/*background-image:url(img/mobilecode_bkg.jpg);
	background-position:top left;
	background-repeat:repeat;*/
	display:inline;
}	

#awcampaign .maintwo .leftkbanner {
	float: left;
	/*margin-left:14px;*/
	/*float:left;*//*★ここと★*/
	margin-left:0;/*★ここ、キャンペーンの終わりとともに上の2行と差し替えて下さい。20100916岩田★*/
	margin-bottom:12px;
	width: 443px;
	height:201px;
	overflow: hidden;
	/*background-image:url(img/mobilecode_bkg.jpg);
	background-position:top left;
	background-repeat:repeat;*/
	display:inline;
}

#awcampaign .maintwo .leftmain,.rightmain {
	border:#00b5ec 4px solid;
	padding:12px;
	background-color:#d5d5d5;
	background-image:url(img/topwaku_bkg.jpg);
	background-position:top left;
	background-repeat:repeat;
	height:169px;/* 201 -8 border -24 padding */
}

/*	split single area in 2
----------------------------------------------------*/

/* title */
#awcampaign .titandbot{	
	width: 411px;
}	
#awcampaign .titandbot .thetit {	
	float: left;
	text-align:left;
	width: 286px;
	overflow: hidden;
}	
#awcampaign .titandbot .thebot {	
	float: left;
	text-align:left;
	width: 125px;
	overflow: hidden;
}	


#awcampaign .detailbutton {	
	overflow: hidden;
	width: 125px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image:url(img/detail_but.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}	
#awcampaign .detailbutton:hover {	
	background-position: 0px 0px;
	background-image:url(img/detail_but_on.jpg);
	background-repeat: no-repeat;
}	

#awcampaign .detailbuttonsmall {	
	overflow: hidden;
	width: 98px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	background-image:url(img/detail_but_small.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}	
#awcampaign .detailbuttonsmall:hover {	
	background-position: 0px 0px;
	background-image:url(img/detail_but_small_on.jpg);
	background-repeat: no-repeat;
}	


#awcampaign .priceline{
	text-align:left;
}
#awcampaign .noteline{
	padding-top:7px;
	padding-bottom:7px;
	text-align:right;
	color:#ed4791;
	font-size:10px;
}

/* airport and bus list*/
#awcampaign .airbuslist{	
	width: 411px;
	text-align:left;
	line-height:1.6em;
}	
#awcampaign .airbuslist .leftlist{	
	float: left;
	width: 191px;
	display:inline;
}
#awcampaign .airbuslist .leftlist .places {	
	margin-left:6px;
}
#awcampaign .airbuslist .leftlist span{	
	color:#003399;
	font-weight:bold;
}

#awcampaign .airbuslist .rightlist {	
	float: left;
	width: 214px;
	display:inline;
}
#awcampaign .airbuslist .rightlist .places {	
	margin-left:6px;
}
#awcampaign .airbuslist .rightlist span{	
	color:#003399;
	font-weight:bold;
}

#awcampaign .ketaide {	
	overflow: hidden;
	width: 252px;
	height: 41px;
	padding-top:138px;
	padding-left:167px;
	display: block;
	text-indent: -9999px;
	background-image:url(img/ketaipage_but.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}	
#awcampaign .ketaide:hover {	
	background-position: 0px 0px;
	background-image:url(img/ketaipage_but_on.jpg);
	background-repeat: no-repeat;
}	





/*選べるシートキャンペーン用201009*/
#campaign_seat_top{
	background:url(img/campaign_seat_top.jpg) no-repeat;
	margin-bottom:10px;
}
#campaign_seat_top a{
	width:900px;
	height:200px;
	text-indent:-9999px;
	overflow:hidden;	
	display:block;
}
#campaign_seat_top a:hover{
	background:url(img/campaign_seat_top_on.jpg) no-repeat;
}


/*201011*/
#tokyo_osaka_top{
	background:url(img/tokyo_osaka_top.jpg) no-repeat;
	margin-bottom:10px;
}
#tokyo_osaka_top a{
	width:443px;
	height:200px;
	text-indent:-9999px;
	overflow:hidden;	
	display:block;
}
#tokyo_osaka_top a:hover{
	background:url(img/tokyo_osaka_top_on.jpg) no-repeat;
}

/*リニューアル後追加*/
#info-contents {
background:#FFF;
width: 900px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
float: none;
margin-bottom: 10px;
margin-top: 0px;
}