@charset "utf-8";

/* Import List dir Common Css File */
@import "/list/common/css/list_common.css";

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

=List room_info Style


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




/* =List room_info Style
____________________________________________________________________________ */

div.division01 {
	padding: 0 0 20px 0;}

div.division01 dl {
	width: 642px;
	float: left;
	border-bottom: 1px solid #D4D4D4;}

div.division01 dl.lineWhite {
	background-color: #FFFFFF;}

div.division01 dl.lineGray {
	background-color: #F3F3F3;}



div.division01 dl dt {
	width: 6em;
	float: left;
	font-weight: bold;}

div.division01 dl dt span {
	display: block;
	margin: 5px 0 0 0;
	padding: 0 0 0 23px;
	border-right: 1px solid #D4D4D4;}

div.division01 dl dd {
	margin: 0 0 0 6em;}

div.division01 dl dd ul {
	display: block;
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
	float: left;}

/* Except IE */
html>/**/body div.division01 dl dd ul {
	padding: 0 0 0 0;
	float: none;}
/* Except IE */

div.division01 dl dd li {
	width: 5.5em;
	margin: 0 0 5px 0;
	float: left;
	background: 0.8em 50% no-repeat;
	border-right: 1px solid #D4D4D4;}

div.division01 dl.lineWhite dd li {
	background-image: url(/list/common/img/room_info/ico_arrow_white.gif);}

div.division01 dl.lineGray dd li {
	background-image: url(/list/common/img/room_info/ico_arrow_gray.gif);}

div.division01 dl dd li a {
	height: auto!important;
	height: 1%;
	display: block;
	float: left;
	padding: 0 0 0 1.5em;
	text-decoration: none;}

div.division01 dl dd li a span,
div.division01 dl dd li a:link span,
div.division01 dl dd li a:visited span {
	text-decoration: underline;}

div.division01 dl dd li a:hover span,
div.division01 dl dd li a:active span {
	text-decoration: none;}

div.division01 dl dd li a span.countRoom,
div.division01 dl dd li a:link span.countRoom,
div.division01 dl dd li a:visited span.countRoom {
	color: #f70202;
	text-decoration: none;}

div.division01 p {
	clear: both;
	color: #f70202;
	padding: 10px 0 0 23px;}


p.toPageTop {
	padding: 0 0 20px 0;}


div#roomInfo {
	height: auto!important;
	height: 373px;
	min-height: 373px;}

div#roomInfo h3 {
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #D4D4D4;
	font-size: 1.3em;
	font-weight: bold;}

div#roomInfo p.annotation {
	padding: 10px 0 0 0;
	color: #747474;}

div#infoDetail {
	position: relative;
	padding: 0 0 15px 0;
	border: 1px solid #D4D4D4;}

div#infoDetail div#roomLayout {
	width: 295px;
	float: left;
	padding: 30px 0 0 0;}

div#infoDetail div#roomLayout p {
	font-size: 0.8em;}

div#infoDetail div#roomLayout p.magnifyBtn {
	position: absolute;
	top: -1px;
	left: -1px;}

div#infoDetail div#roomLayout p.magnifyBtn img {
	margin: 0 10px 0 0;
	float: left;}

div#infoDetail div#roomLayout p.magnifyBtn span {
	display: block;
	padding: 7px 0 0 0;
	float: left;}

div#infoDetail div#roomSpec {
	width: 330px;
	float: left;
	padding: 20px 0 0 0;}

div#infoDetail div#roomSpec ul#spacHeader {
	width: 330px;
	border-bottom: 2px solid #121212;}

div#infoDetail div#roomSpec li {
	float: left;
	text-align: center;}

div#infoDetail div#roomSpec li.spNum {
	width: 87px;
	font-weight: bold;}

div#infoDetail div#roomSpec li.spPri {
	width: 81px;}

div#infoDetail div#roomSpec li.spEnp {
	width: 139px;}

/*
div#infoDetail div#roomSpec li.spInq {
	width: 91px;
	text-align: right;}
*/



div#infoDetail div#roomSpec div li {}

div#infoDetail div#roomSpec div {
	height: 270px;
	border: solid #D4D4D4;
	border-width: 1px 0;
	overflow: auto;}

div#infoDetail div#roomSpec div ul {
	width: 313px;
	float: left;
	padding: 5px 0;
	border-bottom: 1px solid #D4D4D4;}

div#infoDetail div#roomSpec div ul.lineEmpty {}

div#infoDetail div#roomSpec div ul.lineFull {
	background-color: #E8E8E8;}

div#infoDetail div#roomSpec div li.spNum,
div#infoDetail div#roomSpec div li.spPri {
	padding: 5px 0 0 0;}


/* PopUp LayOut Style */

div#layoutBody {
	width: 584px;
	margin: 0 auto;}

div#layoutBody div#layoutHeader {
	text-align: left;
	position: relative;}

div#layoutBody div#layoutHeader h1 {
	padding: 0 0 20px 0}

div#layoutBody div#layoutHeader div {
	border-bottom: 1px solid #d4d4d4;}

div#layoutBody div#layoutHeader h2 {
	padding: 0 30px 2px 0;
	float: left;
	font-size: 1.2em;
	font-weight: bold;}

div#layoutBody div#layoutHeader p {}

div#layoutBody div#layoutContainer {}

div#layoutBody div#layoutFooter {
	padding: 6px 0 7px 0;
	background: #DCDCDC;}

div#layoutBody div#layoutFooter p {}

div#layoutBody p#layoutCopy {
	padding: 10px 0 0 0;
	text-align: right;}