@charset 'UTF-8';

html
{
	width: 100%;
}

body
{
	margin: 0;
	padding: 0;
}

/*==================================
header
==================================*/
header
{
	width: 100%;
	margin: 0;
	padding-bottom: 15px;
	border-bottom: solid 3px #cabfa3;
	overflow: hidden;
}
.headerInner h1
{
	font-size: 75%;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	background: #fff url(../img/bg_header.jpg) repeat-x top left;
	background-size: auto 30px;
	overflow: hidden;
}
.logo
{
	width: 60%;
	max-width: 376px;
	height: auto;
	margin: 0;
	padding: 0 0 0 2%;
	float: left;
}
.logoHeader
{
	width: 100%;
}
.logoAc
{
	width: 30%;
	max-width: 166px;
	padding-right: 2%;
	display: block;
	float: right;
}

/*==================================
main contents
==================================*/
.contents section
{
	width: 96%;
	margin: 15px 2% 0 2%;
}
.roomTitleDetail
{
	
	padding: 1px 9px;
	background: #fff url(../img/bg_h2.jpg) repeat-x top left;
	background-size: auto 36px;
	border: solid 1px #eee;
}

.roomTitleDetail p
{
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
	margin: 8px 0 3px;
	padding-left: 5px;
	border-left: 4px solid #a3016e;
}

h3
{
	margin: 15px 0 10px;
	padding-bottom: 5px;
	padding-left: 25px;
	color: #a3016e;
	border-bottom: 2px solid #a3016e;
	font-size: 16px;
	font-weight: bold;
}
.contents section h3.jr
{
	background: #fff url(../img/icn_train.jpg) no-repeat top left;
	background-size: 18px 17px;
}
.contents section h3.metro
{
	background: #fff url(../img/icn_metro.jpg) no-repeat top left;
	background-size: 19px 17px;
}
.contents section h3.airplane
{
	background: #fff url(../img/icn_airplane.jpg) no-repeat top left;
	background-size: 18px 17px;
}

.contents section p
{
	font-size: 14px;
	line-height: 24px;
}
.imgBox
{
	margin-top: 10px;
}
.imgBox img
{
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
#googleMap
{
	height: 300px;
	margin-top: 15px;
}

/*:: roomList :::::::::::::::::::::::*/
.roomListTitle
{
	width: 100%;
	margin-bottom: 10px;
	background-color: #fc8cb3;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
}
.roomList
{
	margin: 5px 0 10px;
	padding: 0;
}
.roomList a:link
{
	text-decoration: none;
}
.roomList a:visited
{
	text-decoration: none;
}
.roomList a:hover
{
	text-decoration: none;
}
.roomList li
{
	position: relative;
	margin-bottom: 10px;
	padding: 4px;
	list-style: none;
	background: #fff url(../img/bg_roombn.jpg) repeat-x top left;
	background-size: auto 58px;
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e5e5e5;
	*zoom: 1;
}
.roomList li:after
{
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}
.roomList li > img
{
	width: 60px;
	margin-right: 13px;
	float: left;
}
.roomBnName
{
	font-size: 18px;
	font-weight: bold;
	width: 85%;
	text-align: center;
	color: #fc8cb3;
}
.roomBnTel
{
	position: absolute;
	bottom: 5px;
	left: 24%;
	width: 65%;
	background-color: #d01319;
}
.roomBnTel p
{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	text-align: center;
	color: #fff;
}
.roomBnTel p span
{
	font-size: 12px;
	font-weight: normal;
}
.iconTel
{
	display: inline-block;
	width: 16px;
	height: 17px;
	margin-right: 5px;
	background: #d01319 url(../img/icn_tel.jpg) no-repeat 2px 6px;
	background-size: auto 11px;
}
.roomBnArrow
{
	position: absolute;
	top: 20px;
	right: 5px;
}
.roomBnArrow img
{
	width: 15px;
}

/*==================================
footer
==================================*/
footer
{
	margin-top: 20px;
	padding: 10px 0;
	background-color: #e2d5be;
}
footer a:link
{
	display: block;
	text-decoration: none;
}
footer a:visited
{
	display: block;
	text-decoration: none;
}
footer a:hover
{
	display: block;
	text-decoration: none;
}
footer p
{
	font-size: 14px;
	text-align: center;
	color: #7b591c;
}
footer p img
{
	width: 15px;
	margin-left: 10px;
}