@charset "utf-8";

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

	[facility.css]

	1. page title
	2. sidebar
	3. list
	4. pictogram
	5. faciity

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

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

	1. page title

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

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

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

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

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

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

	2. sidebar

------------------------------------------------------------*/
div#sidebar dl.menu li.f1 em {
	background: #E3F1C0;
}

div#sidebar dl.menu li.f2 em {
	background: #CCEDFF;
}

div#sidebar dl.menu li.f3 em {
	background: #FFE1EC;
}

div#sidebar dl.menu li.f4 em {
	background: #FFF0BB;
}

div#sidebar dl.menu li.parking em {
	background: #C1DFFE;
}

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

	3. list

------------------------------------------------------------*/
div.section p.photo {
	margin: 0 0 12px;
}

div.list {
	margin: 24px 0 0;
}

/* heading
------------------------------------------------------------*/
div.list h3 {
	margin-top: 0;
}

div.f1 h3,
div.f2 h3,
div.f3 h3 {
	margin-bottom: 0;
}

/* table
------------------------------------------------------------*/
div.list table {
	width: 100%;
	margin: 12px 0 0;
	border-collapse: separate;
	border-spacing: 0;
}

div.f1 table,
div.f2 table,
div.f3 table {
	margin: 0;
}

div.list table th,
div.list table td {
	vertical-align: middle;
	padding: 6px;
	border: none;
	border-bottom: 1px solid #CCC;
	border-right: 1px dotted #CCC;
	text-align: left;
	line-height: 1.2;
}

div.list table th {
	background: #F0F0F0;
	border-top: 1px solid #CCC;
	line-height: 1.2;
	font-weight: normal;
	font-size: 80%;
}

div.list table .contact,
div.list table .place {
	border-right: none;
}

div.list table .floor,
div.list table .pictogram {
	width: 24px;
	padding: 3px;
}

div.list table .floor2 {
	width: 81px;
	padding: 3px 0 3px 3px;
	border-left: none;
}

div.list table .floor a,
div.list table .floor2 a,
div.list table .pictogram a {
	padding: 0;
	background: none;
}

div.list table .floor2 a {
	float: left;
	margin: 0 3px 0 0;
}

div.list table a {
	display: block;
}

div.list table .button {
	padding: 3px;
	border-left: 1px dotted #CCC;
}

/* go building */
div.section p.building {
	margin: 12px 0 0;
}

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

	4. pictogram

------------------------------------------------------------*/
div#content dl.pictogram {
	list-style: none;
	margin: 12px 0 20px 12px;
	overflow: auto;
}
* html div#content dl.pictogram {
	height: 1%;
}

div#content dl.pictogram dt {
	margin: 0 0 1px;
	padding: 3px;
	border-bottom: 1px solid #CCC;
	font-size: 10px;
}

div#content dl.pictogram dd {
	position: relative;
	float: left;
	width: 113px;
	margin: 0;
	padding: 9px 0 9px 30px;
	border-bottom: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	line-height: 1.2;
	font-size: 80%;
}
* html div#content dl.pictogram dd {
	display: inline;
	width: 144px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

div#content dl.pictogram dd.restaurant {
	width: 65px;
	padding-left: 78px;
}

div#content dl.pictogram img,
div#content dl.pictogram span {
	position: absolute;
	display: block;
	left: 3px;
	top: 3px;
}

div#content dl.pictogram span img {
	position: relative;
	float: left;
	left: 0;
	top: 0;
	margin: 0 1px 0 0;
}

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

	5. faciity

------------------------------------------------------------*/
div#content div.facility {
	clear: both;
	position: relative;
	margin: 20px 0 0;
	min-height: 204px;
	background: url(../img/facility/bg_facility_bottom.gif) no-repeat left bottom;
}
* html div#content div.facility {
	height: 204px;
}

/* heading
------------------------------------------------------------*/
div#content div.facility h3 {
	position: relative;
	z-index: 1;
	min-height: 24px;
	margin: 0 0 12px;
	padding: 16.2px 12px 6px 264px;
	background: url(../img/facility/bg_facility_top.gif) no-repeat;
	border-bottom:none;
}

div#content div.facility h3.icon {
	padding: 16.2px 12px 6px 294px;
}

div#content div.facility h3 img {
	position: absolute;
	left: 264px;
	top: 12px;
}

/* caption */
div#content div.facility p.caption {
	padding: 0 12px 12px 264px;
}

/* pickup
------------------------------------------------------------*/
div#content div.facility dl.pickup {
	margin: 0;
	padding: 0 12px 12px 264px;
	overflow: auto;
}
* html div#content div.facility dl.pickup {
	height: 1%;
}

div#content div.facility dl.pickup dt {
	margin: 0 0 0.25em;
	padding: 3px;
	background: #DFDFDF;
	line-height: 1.2;
	font-size: 80%;
}

div#content div.facility dl.pickup dd {
	float: left;
	margin: 0 1em 0 0;
}

/* info */
div#content div.facility dl.info {
	margin: 0 12px 0 264px;
	padding: 6px 0 12px;
	border-top: 1px solid #DFDFDF;
}

div#content div.facility dl.info dt {
	float: left;
	width: 5em;
	margin: 0;
	font-weight: normal;
}

div#content div.facility dl.info dd {
	margin: 0 0 0 5em;
}

div#content div.facility dl.info dd.other {
	padding: 0;
	background: none;
}

/* photo */
div#content div.facility p.photo {
	position: absolute;
	left: 12px;
	top: 12px;
	width: 240px;
	height: 180px;
}

div#content div.facility p.photo img {
	display: block;
	width: 240px;
	height: 180px;
}

/* other
------------------------------------------------------------*/
div#content div#other:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
* html div#content div#other {
	height: 1%;
}

div#content div#other div#other_left {
	float: left;
	width: 282px;
}

div#content div#other div#other_right {
	float: right;
	width: 282px;
}

/* for ru */
body.ru div#content div#other div#other_left,
body.ru div#content div#other div#other_right {
	float: none;
	width: auto;
}

/* for en */
body.overseas div#content div.facility dl.info dt {
	float: none;
	width: auto;
}

body.overseas div#content div.facility dl.info dd {
	margin-left: 2em;
}