@charset "utf-8";

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

	[guide.css]

	1. page title
	2. guide
	3. faq

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

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

	1. page title

------------------------------------------------------------*/
div#body h1.domestic {
	background: url(../img/title/domestic.jpg) no-repeat left top;	
}

div#body h1.international {
	background: url(../img/title/international.jpg) no-repeat left top;	
}

div#body h1.meeting_seeingoff {
	background: url(../img/title/meeting_seeingoff.jpg) no-repeat left top;	
}

div#body h1.faq {
	background: url(../img/title/faq.jpg) no-repeat left top;	
}

body.en div#body h1.faq {
	background-image: url(../img/title/faq_en.jpg);	
}

body.ko div#body h1.faq {
	background-image: url(../img/title/faq_ko.jpg);	
}

body.zh-cn div#body h1.faq {
	background-image: url(../img/title/faq_zh-cn.jpg);	
}

body.ru div#body h1.faq {
	background-image: url(../img/title/faq_ru.jpg);	
}

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

	2. guide

------------------------------------------------------------*/
div.section ul.guide {
	overflow: auto;
	list-style: none;
	margin: 0;
}
* html div.section ul.guide {
	height: 1%;
}

div.section ul.guide li {
	float: left;
	width: 294px;
	margin: 0;
	border-bottom: 1px dotted #CCC;
	line-height: 1.2;
}

div.section ul.guide li a,
div.section ul.guide li.suspended {
	display: block;
	padding: 6px 6px 6px 24px;
	background-position: 8px 8.8px;
	color: #333;
	outline: none;
}

div.section ul.guide li a:hover {
	background-color: #FFEBCD;
}

div.domestic ul.guide li a {
	background-image: url(../img/content/bullet_link_domestic.gif);
}

div.international ul.guide li a {
	background-image: url(../img/content/bullet_link_international.gif);
}

div.domestic ul.guide li a:hover {
	background-color: #E1F5BE;
}

div.international ul.guide li a:hover {
	background-color: #FFD7DC;
}

div.section ul.guide li.suspended {
	width: 264px;
	background: #F6F6F6;
	color: #999;
}
* html div.section ul.guide li.suspended {
	width: 294px;
}

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

	3. faq

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

/* questions 
------------------------------------------------------------*/
div#questions {
	margin: 0;
	padding: 6px 12px 12px;
	background: #FFF0DC;
	border: 1px solid #FC9;
	/**/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

div#questions ul {
	margin: 0;
	list-style: none;
}

div#questions ul li {
	margin: 6px 0 0;
}

/* table 
------------------------------------------------------------*/
* html div.tablebox {
	text-align: center;
}

div.tablebox table {
	margin: 0 auto;
}

div.section th,
div.section td {
	border: 1px solid #CCC;
}

div.section thead th {
	background: #EEE;
}

/* exchange
------------------------------------------------------------*/
div#exchangebox {
	overflow: auto;
}
* html div#exchange {
	height: 1%;
}

div#exchange_timetable1,
div#exchange_timetable2 {
	width: 282px;
}

div#exchange_timetable1 {
	float: left;
}

div#exchange_timetable2 {
	float: right;
}

div#exchange_timetable1 td.time,
div#exchange_timetable2 td.time {
	text-align: right;
}

div.section h4 {
	clear: both;
}

/* airline
------------------------------------------------------------*/
div.section ul.airline {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	overflow: auto;
}
* html div.section ul.airline {
	height: 1%;
}

div.section ul.airline li {
	position: relative;
	float: left;
	width: 282px;
	margin: 0 0 6px 12px;
}
* html div.section ul.airline li {
	display: inline;
}

div.section ul.airline a,
div.section ul.airline span.no-link {
	display: block;
	min-height: 19.5px;
	padding: 9.25px 0 9.25px 116px;
	background-position: 102px 14px;
	outline: none;
}

div.section ul.airline a img,
div.section ul.airline span.no-link img {
	display: block;
	position: absolute;
	left: 3px;
	top: 3px;
	width: 90px;
	height: 30px;
	border: 1px solid #CCC;
}

div.section ul.airline a:hover {
	background-color: #FFEBCD;
}

/* rent a car
------------------------------------------------------------*/
div.tablebox table.rent-a-car {
	margin-top: 12px;
}

table.rent-a-car td {
	vertical-align: middle;
}

table.rent-a-car .logo {
	padding: 3px;
}

table.rent-a-car .logo a {
	padding: 0;
	background: none;
}