@charset "utf-8";
/* 
Messe Support base.css
URL:http://messe-support.info
AUTHOR: EUREX Co., Ltd.
LATEST VERSION: 10/09/2008
*/

@import "../../common/css/st.css";

/*
--- Index ---

1. Initialize

2. font

3. Layout

4. Header

5. MainContent

6. Sidebar

7. Footer

8. Ticket

9. Hotel Search 

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



/* 1. Initialize */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}
	
.clear{
	clear:both;
	margin:0;
	padding:0;
	width:1px;
	height:1px;
	}	

body img{
	border:0;
	}

/* 2. font */


/* 三角形ビュレット付リスト */
.linkA{
	margin:0;
	padding:0px;
	}
	
.linkA li{
	margin:0;
	line-height:2em;
	list-style:none;
	background-image:url(../img/bullet_1.gif);
	background-repeat:no-repeat;
	background-position: 5px 7px;
	padding-left: 21px;
	min-width: 84px;
	}
	
.linkA a{
	color:#08248E;
	text-decoration:underline;
	line-height: 2em;
	}
	
.linkA a:visited {
	color:#660066;
	}
	
	


/* fontSize */

body {
	font-size: 12px; /* 10px */
}

h1 { font-size: 20px; /* 20px */ }

p { font-size: 1em; /* 12px */ }



/* 3. Layout */

body{
	text-align:center;
	background-color:#8EBCD7;
	background-image:url(../img/background_050908_y.jpg);
	background-repeat:repeat-y;
	background-position: top center;
	}

#wrap{
	width: 100%;
	height: auto;
	text-align:center;
	background-image:url(../img/background_050908.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	}
	
#body{
	width: 864px;
	margin: 0px auto;
	padding:0;	
	text-align:left;
	}
	
#content{
	width:864px;
	height: 100%;
	background-color:#FFFFFF;
	/*padding-bottom:20px;*/
	margin: 0;
	overflow:auto;/* DON'T REMOVE THIS LINE. setting for firefox */
	}
	
#main{
	width: 606px;
	height:auto;
	float:left;
	margin: 0px 0px 40px 0px;
	padding:0;
	}
	
#sidebar{
	width:258px;
	height:auto;
	float:right;
	margin-bottom:40px;
	}				
	

/* 4. Header */

#headerUpper{
	width:864px;
	height:34px;
	text-align:right;
	padding: 0;
	margin:0;
	}
	
#header{
	width:864px;
	height:114px;
	margin:0;
	padding:0;
	}
	
#header img{
	border:0;
	margin:0;
	padding:0;
	}		
	
#headerDescription{
	color:#FFFFFF;
	font-size: 1.1em;
	letter-spacing: 0.2em;
	padding: 8px 0px 0px 0px;
	margin:0;
	}	

#headerUnder{
	width:864px;
	height:80px;
	margin:0;
	padding:0;
	}
	
#logo{
	width:260px;
	height:80px;
	float:left;
	margin:0;
	padding:0;
	}	
	
#nav{
	width:604px;
	height:42px;
	float:left;
	margin:0;
	padding:0;	
	}
	
#nav img{
	border:0;
	margin:0;
	padding:0;
	}	
	
#navUnder{
	width:604px;
	height:38px;
	margin:0;
	padding:0;
	float:left;
	background-image:url(../img/nav_under.png);
	background-repeat:no-repeat;
	}
	
.flightpoint{
	display:block;
	width:140px;
	height:28px;
	border:0;
	margin-top:4px;
	margin-left: 456px;
	text-decoration:none;
	}				

/* 5. MainContent */

#mainContent{
	width:606px;
	height:auto;
	overflow:auto;
	float:right;
	margin: 20px 20px 0px 0px;
	padding-bottom:20px;
	}
	
#mainContent a{
	color:#08248E;
	text-decoration:underline;
	
	}
	
#mainContent a:hover{
	color:#FF3300;
	text-decoration:underline;
	
	}
	
		
	
.m_tbl{
	width:580px;
	border-collapse:collapse;
	color:#444444;
	border: 1px solid #dcdcdc;
	float:right;
	margin-bottom:20px;
	}
	
.m_tbl th{
	height:24px;
	background-image:url(../img/m_tbl_th_back.png);
	background-repeat:repeat-x;
	padding: 6px 0px 0px 1em;
	font-size:1.2em;
	border-bottom: 1px solid #dcdcdc;
	border-collapse:collapse;
	margin-top:40px;
	}
	
.m_tbl td{
	padding: 6px 1em;
	border-bottom: 1px solid #ebebeb;
	border-collapse:collapse;
	font-size:1.2em;
	line-height:1.4em;
	}
	
.m_tbl td a{
	line-height:1.8em;
	}	
	
.m_tbl_tdl{
	background-image:url(../img/m_tbl_tdLeft_bk.png);
	background-repeat:repeat-x;
	background-position:top;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #cccccc;
	font-size:1.1em;
	letter-spacing:0.1em;
	}				

.m_tbl2 td a{
	line-height: 1.8em;
	}

/* == breadcrumb menu == */

.bread{
	width: auto;
	height: 20px;
	text-align:left;
	padding-left: 20px;
	padding-top: 10px;
	background-image:url(../img/bread_back.png);
	background-repeat:repeat-x;
	background-position:top;
	}

.bread p{
	font-size: 1.1em;
	color: #444444;
	}
	
.bread a:link{
	color:#08248E;
	}
	
.bread a:visited{
	color:#666666;
	}		




/* 6. Sidebar */



#recommendList{
	width:286px;
	padding: 12px;
	}
	
/* == LEFTER == */	


.lefter{
	width:224px;
	height:auto;
	overflow:auto;
	margin: 20px 0px 20px 10px;
	float:left;
	}
	
.lefterBox{
	width:auto;
	height:auto;
	overflow:auto;
	background-color:#FFFFFF;
	border-bottom:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	height:auto;
	padding:0;
	margin-bottom: 10px;
	}
	
.lefterBox a{
	color:#08248E;
	text-decoration:underline;
	}
	
.lefterBox a:hover{
	color:#FF3300;
	text-decoration:underline;
	}	
	
.lefterBoxInner1{
	overflow:auto;
	background-color:#F1F1F1;
	margin:1px;
	padding:4px 3px;
	}
	
.lefterBoxInner2{
	overflow:auto;
	background-color:#FFFFFF;
	background-image:url(../img/topListInnerBox2_back.png);
	background-position:center top;
	background-repeat:repeat-x;
	border:1px solid #CCCCCC;
	height:100%;
	padding:4px;
	width:auto;
	}		

.lefterBoxInner2 h3{
	font-size: 12px;
	line-height: 18px;
	letter-spacing: .1em;
	font-weight: normal;
	}		

.lefterBoxInner2_city{
	float: left;
	width: 120px;
	vertical-align: top;
	}		
.lefterBoxInner2_city li{
	margin:0;
	line-height:2em;
	list-style:none;
	background-image:url(../img/bullet_1.gif);
	background-repeat:no-repeat;
	background-position: 5px 7px;
	padding-left: 21px;
	}		
.lefterBoxInner2_price{
	float: right;
	width: 46px;
	vertical-align: top;
	margin-right: 5px;
	}		
.lefterBoxInner2_price li{
	margin:0;
	line-height:2em;
	list-style:none;
	text-align: right;
	}		
.lefterBoxInner2_htl{
	line-height:2em;
	list-style:none;
	background-image:url(../img/bullet_2.gif);
	background-repeat:no-repeat;
	background-position: 5px 7px;
	padding-left: 21px;
	width: 153px;
	}		
.lefterBoxInner2_htl_a{
	float: left;
	width: 100px;
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	padding-left: 20px;
	}		
.lefterBoxInner2_htl_b{
	float: right;
	width: 46px;
	vertical-align: top;
	margin-right: 5px;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	}		

.lefterAirTitle{
	width:224px;
	height:38px;
	display:block;
	background-image:url(../img/title_lefter_air224.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #CCCCCC;
	}
	
.lefterAirTitle h2{
	font-size:1.2em;
	position:relative;
	padding-top:14px;
	margin-left: 42px;
	letter-spacing:0.1em;
	}
	
.lefterHotelTitle{
	width:224px;
	height:38px;
	display:block;
	background-image:url(../img/title_lefter_hotel224.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #CCCCCC;
	}
	
.lefterHotelTitle h2{
	font-size:1.2em;
	position:relative;
	padding-top:14px;
	margin-left: 42px;
	letter-spacing:0.1em;
	}				
						

/* 7. Footer */ 

#backToTop{
	width:864px;
	height:30px;
	background-image:url(../img/BackToTop_back.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	text-align:right;
	margin:-1px auto 0px auto;
	padding:0px 0px 40px 0px;
	}
	

	
#backToTop img{
	border:0;
	paddint-top:2px;
	padding-right: 2px;
	}
	
#backToTop a{
	color:#08248E;
	font-size:1.2em;
	padding: 9px 15px 9px 0px;
	text-decoration:none;
	display:block;
	}
	
#backToTop a:hover{
	color:#ffffff;
	font-size:1.2em;
	padding: 9px 15px 9px 0px;
	text-decoration:underline;
	display:block;
	background-color:#FFBA19;
	}			

#footerWrap{
	width:100%;
	text-align:center;
	margin:0;
	padding:0px;
	
	}
	
#footerUpper{
	width:864px;
	height:100px;
	background-image:url(../img/footer_upper_back.png);
	background-repeat:no-repeat;
	margin: 0px auto;
	}
	
#footerUpperTable{
	width:864px;
	height:100px;
	margin:0;
	padding:0;
	}
	
#footerUpperTable p{
	font-size:0.8em;
	line-height:1.7em;
	}	
	
#footerUpperTd1{
	width:930px;
	height:40px;
	text-align:center;
	}
	
#footerUpperTd2{
	width:120px;
	}
	
#footerUpperTd2 a{
	border:0;
	display:block;
	width:120px;
	height:60px;
	text-decoration:none;
	}	

#footerUpperTd3{
	width:399px;
	text-align:left;
	vertical-align:middle;
	color:#08248E;
	}
	
#footerUpperTd4{
	width:200px;
	vertical-align:middle;
	color:#08248E;
	text-align:right;
	}		
	
#footerUpperTd5{
	width:145px;
	}			

#footerLink{
	font-size:1.1em;
	overflow:hidden;
	margin: 2px auto 0px auto;
	width: 96%;
	}
	
#footerLink a{
	margin: 0;
	color:#08248E;
	text-decoration:none;
	padding: 8px 14px;
	display:block;
	float:left;
	background-position:left;
	border-left: 1px solid #BCD4E5;
	}
	
#footerLink a:hover{
	margin: 0;
	color:#FFFFFF;
	text-decoration:none;
	padding: 8px 14px;
	display:block;
	float:left;
	background-color:#5F92BF;
	}
	
#footerLinkRight{
	border-right: 1px solid #BCD4E5;
	}						
	
#footerUnder{
	width:864px;
	height:40px;
	margin: 0px auto;
	text-align:left;
	padding: 0;
	background-color:#000000;
	}
	
#footerUnder p{
	color:#FFFFFF;
	font-size: 1.1em;
	padding-top:16px;
	padding-left:14px;
	}
	
/* 8. Ticket */

.pan{
	margin:0;
	width:854px;
	height:20px;
	padding-left:10px;
	padding-top: 6px;
	margin-bottom:30px;
	background-image:url(../img/bread_back.png);
	background-repeat:repeat-x;
	background-position:top;
	}
	
.pan a{
	color:#08248E;
	cursor:pointer;
	line-height:2em;
	text-decoration:underline;
	font-weight:normal;
	}
	
.st02 a:link{
	color:#08248E;
	text-decoration:underline;
	}
	
.st02 a:hover{
	color:#FF3300;
	text-decoration:underline;
	}			

.st_left{
	margin-left: 10px;
	}
	
.st_left img{
	border:0;
	}
	
.st_left a:link{
	color:#08248E;
	text-decoration:underline;
	}
	
.st_left a:hover{
	color:#FF3300;
	text-decoration:underline;
	}
	
.st_right{
	margin-right: 10px;
	padding-bottom:20px;
	}	
	
	
#topMiddle{
	width:600px;
	margin: 0px 10px;
	float:left;
	}	
	
#topLeft{
	width:200px;
	float:right;
	margin-right:10px;
	}				

.tbl350{
	clear:both;
	}	


.rarrow{
	list-style-type:none;
	}
	
.rarrow a{
	display:block;
	background-color:#FFFFFF;
	padding: 6px 4px 6px 21px;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	font-size:1em;
	text-decoration:none;
	width: 161px;
	background-image:url(../img/bullet_1.gif);
	background-repeat:no-repeat;
	background-position: 5px 7px;
	}	
	
.rarrow a:link{
	color:#08248E;
	text-decoration:none;
	}
	
.rarrow a:hover{
	color:#FF3300;
	text-decoration:none;
	}				

.white{
	margin-bottom:20px;
	}
	
/* 9. Hotel Search */

.tbl_s td{
	background-color: #f8f8f8;
	}

.tbl_sa{
	background-image:none !important;
	background-color: #f3f3f3 !important;
	}
	
#htl_h2{
	display:block;
	width: 447px !important;
	height: 27px !important;
	background-image:url(../img/hotel_title_back.gif) !important;
	background-position:left !important;
	color: #333333 !important;
	padding-bottom: 0px !important;
	padding-left: 38px !important;
	font-size: 1.8em !important;
	padding-top: 6px; 
	margin-bottom: 10px;
	border-bottom: 1px dotted #dedede;
	}