@charset "utf-8";

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

	service-style.css
	for
	/service/***.html
	
************************************* */

/* navigation
---------------------------------------------- */
#service-nav{
	width: 669px;
	margin-top: 8px;
	padding-left:1px;
	/*heigth: 84px;*/
	background: url(/service/img/bg-service-nav-lower.gif) left bottom no-repeat;
	}
	#service-nav ul{
		width: 669px;
		/*height: 42px;*/
		/*height: 84px;*/
		height: 64px;
		background: url(/service/img/bg-service-nav-upper.gif) right top no-repeat;
		}
	#service-nav li{
		width: 196px;
		/*padding-bottom: 43px;*/
		float: left;
		}
	#service-nav li a{
		display: block;
		width: 196px;
		height: 42px;
		background-position: left bottom;
		background-repeat: no-repeat;
		text-indent: -9999px;
		outline: 0;
		}
	#service-nav li a:hover,
	#service-nav li.on a{
		background-position: left top;
		}
	#service-nav li a#nav-facilities{
		background-image: url(/service/img/nav-facilities.gif);
		}
	#service-nav li a#nav-service{
		background-image: url(/service/img/nav-service.gif);
		}
	#service-nav li a#nav-amenity{
		background-image: url(/service/img/nav-amenity.gif);
		}
	
/* service_conts
------------------------------------------------------------ */
#service_conts{
	width: 640px;
	background: url(/service/img/bg-service-main.gif) left top repeat-y;
	padding: 0px 15px 15px 15px;
	font-size: 0.75em;
	}
#service_conts .service-in{
	width: 606px;
	padding-left: 34px;
	line-height: 1.5em;
	}


/* banner
------------------------------------------------------------ */ 
#service_conts #newfacilities-bnr{
	width: 420px;
	height: 66px;
	}
#service_conts #newfacilities-bnr a{
	display: block;
	width: 420px;
	height: 66px;
	background: url(/service/img/service_toilet_banner.jpg) left top no-repeat;
	text-indent: -9999px;
	}
	#service_conts #newfacilities-bnr a:hover{
		background-position: left bottom;
		}

#service_conts #banner-op{
	margin-left: 220px;
	width:216px;
	height:60px;
	}
#service_conts #banner-op a{
	display: block;
	width:216px;
	height:60px;
	background:url(/service/img/bn-opcard-online.jpg) left top no-repeat;
	text-indent: -9999px;
	outline: 0;
	}
	#service_conts #banner-op a:hover{
		background-position: left bottom;
		}

/* service 
------------------------------------------------------------ */
.service-ticket-list{
	margin-top: 20px;
	}
	.service-ticket-list li{
		margin-bottom: 20px;
		}
		.service-ticket-list li ul{
			margin-top: 10px;
			}
		.service-ticket-list li ul li{
			margin-bottom: 0px;
			padding-right: 20px;
			float: left;
			}
		.service-ticket-list li ul li.list-clr{
			float: none;
			clear: left;
			height: 0.1px;
			line-height: 0;
			overflow: hidden;
			}

/* point-card 
------------------------------------------------------------ */
.service-ticket-list li ul.pointcard-in li{
	float: none;
	padding-right: 0;
	padding-left: 20px;
	}
.service-ticket-list li p{
	margin: 5px 0px;
	}
	.service-ticket-list li p.cent-box{
		text-align: center;
		}
	.service-ticket-list li table.pointcard-box{
		width: 542px;
		padding: 8px;
		margin-left: 28px;
		border: solid 1px #929292;
		border-width: 1px 1px 0px 0px;
		border-collapse: collapse;
		border-spacing: 0;
		}
	.service-ticket-list li table.pointcard-box td{
		padding: 8px 8px 4px 12px;
		border: solid 1px #929292;
		border-width: 0px 0px 1px 1px;
		}
.service-ticket-list li span{
	font-size: 0.9em;
	}
.service-ticket-list li table.pointcard-box td span{
		font-size: 1.0em;
		font-weight: bold;
		}

/* facilities
------------------------------------------------------------ */
#service_conts .service-in2{
	width: 372px;
	padding-left: 34px;
	line-height: 1.5em;
	float:left;
	}
#service_conts .service-in3{ /* no-photo */
	width: 500px;
	padding-left: 34px;
	line-height: 1.5em;
	float:left;
	}
#service_conts .service-img{
	width: 220px;
	float: right;
	padding-top: 20px;
	padding-right: 10px;
	}
	#service_conts .service-img img{
		display: block;
		}		
#service_conts .floor-number-list{
	line-height: 2.0em;
	margin-top: 10px;
	}
	#service_conts .floor-number-list li{
		padding-left: 63px;
		background-position: 0em 0.5em;
		background-repeat: no-repeat;
		}
	#service_conts .floor-number-list li.m1{ background-image: url(/service/img/cap-myload1.gif); }
	#service_conts .floor-number-list li.m2{ background-image: url(/service/img/cap-myload2.gif); }
	#service_conts .floor-number-list li.south{ background-image: url(/service/img/cap-south.gif); }
	#service_conts .floor-number-list li.cent{ background-image: url(/service/img/cap-center.gif); }

#service_conts .floor-number-list2{
	line-height: 2.0em;
	margin-top: 0px;
	}
	#service_conts .floor-number-list2 li{
		padding-left: 63px;
		background-position: 0em 0.5em;
		background-repeat: no-repeat;
		}
	#service_conts .floor-number-list2 li.m1{ background-image: url(/service/img/cap-myload1.gif); }
	#service_conts .floor-number-list2 li.m2{ background-image: url(/service/img/cap-myload2.gif); }
	#service_conts .floor-number-list2 li.south{ background-image: url(/service/img/cap-south.gif); }

#service_conts a.btn-position{
	display: block;
	width: 154px;
	height: 34px;
	/*overflow: hidden;*/
	background: url(/service/img/btn-position.gif) left top no-repeat;
	text-indent: -9999px;
	}
	#service_conts a.btn-position:hover{
		background-position: 0px -34px;
		}

#service_conts .f-small{
	font-size: 0.9em;
	line-height: 1.2em;
	}