@charset "utf-8";

#container #contents {
	padding-bottom:20px;
}

#main {
	padding-top:9px;
	background:url(../common/img/bg_column1.gif) repeat-x;
	text-align:left;
}

h1 {
	padding:14px 64px 6px;
	background:#f5f5f5;
}

#main .body {
	padding:0 20px;
	line-height:140%;
}

/* introArea
-----------------------------------*/
#introArea {
	height: 210px;
	/* ----- May 2, 2011 updated ----- 
	padding: 12px 45px; */
	padding: 24px 45px 0 45px;
	
	background: url(../img/kouseki_info1/bg_intro.gif) left top repeat-x;
}
#introArea .box {
	float: left;
}
#introArea h2 {
	margin: 0 0 10px 0;
	text-align: left;
}
#introArea p.detailBtn {
	padding: 230px 0 0 0;
	float:right;
}

/* infoArea
-----------------------------------*/
#infoArea {
	padding: 20px 0;
	background: url(../common/img/line-dot.gif) 444px top repeat-y;
}

/* roomInfoArea
-----------------------------------*/
#roomInfoArea {
	width: 404px;
	padding: 0 20px;
	float: left;
}
#roomInfoArea .box {
	width: 300px;
	margin: 5px;
	padding: 0;
	float: left;
}
#roomInfoArea .box2 {
	width: 300px;
	margin: 0;
	padding: 0;
	float: left;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
}
#roomInfoArea .box3 {
	margin: 5px;
}
#roomInfoArea h3 {
	margin: 0 0 10px 0;
	padding: 3px 0 3px 21px;
	text-align: left;
	background: url(../common/img/icn_link_circle.gif) left top no-repeat;
}
#roomInfoArea p {
	font-size: 93%;
	text-align: left;
	line-height: 1.4em;
}
#roomInfoArea p.address {
	margin: 0 0 8px 0;
}
#roomInfoArea p.phone {
	margin: 0 0 10px 0;
}

#roomInfoArea h4,
#roomInfoArea dl {
	font-size: 85%;
	text-align: left;
}

#roomInfoArea h4 {
	padding: 0 0 0 12px;
	background: url(../common/img/icn_news.gif) left 1px no-repeat;
}
#roomInfoArea dt {
	width: 4.5em;
	line-height: 1.6em;
	float: left;
}
#roomInfoArea dd {
	line-height: 1.6em;
}

#roomInfoArea #mapArea {
	width: 204px;
	height: 204px;
	float: right;
	border: 1px solid #4c4c4c;
}


/* newsArea
-----------------------------------*/
#newsArea {
	width: 404px;
	padding: 0 20px;
	float: right;
}
#newsArea .box {
	width: 350px;
	margin: 5px;
	padding: 0;
	float: left;
}
#newsArea .box2 {
	width: 350px;
	margin: 0;
	padding: 0;
	float: left;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
}
#newsArea .box3 {
	margin: 5px;
}
#newsArea p {
	font-size: 93%;
	text-align: left;
	line-height: 1.4em;
}
#newsArea p.msg {
	margin: 0 0 8px 0;
}
#newsArea .btn {
	padding: 0 0 0 250px
}
#newsArea h3 {
	margin: 0 0 10px 0;
	padding: 3px 0 3px 21px;
	text-align: left;
	background: url(../common/img/icn_link_circle.gif) left top no-repeat;
}
#newsArea .news {
	height: 185px;
	padding: 10px;
	background: #eee;
	overflow-y: scroll;
}
#newsArea dl {
	margin: 0;
	padding: 0;
	text-align: left;
}
#newsArea dt {
	padding: 0 0 0 17px;
	font-size: 85%;
	background: url(../common/img/icn_news.gif) left 1px no-repeat;
}
#newsArea dd {
	margin: 0 0 1em 0;
	padding: 0 0 0 17px;
	font-size: 93%;
}
#newsArea p.newsList {
	height: 18px;
	margin: 0;
	padding: 0;
	line-height: 2em;
	font-size: 93%;
	text-align: right;
}
#newsArea p.newsList a {
	padding: 3px 0 3px 21px;
	background: url(../common/img/icn_link_circle.gif) left top no-repeat;
}


#container #contents #main table,
#container #contents #main th,
#container #contents #main td {
	width:auto;
	vertical-align:top;
	border:none;
}
#container #contents #main th {
	padding:0 13px 0.1em 0;
	font-weight:bold;
}
#container #contents #main tr.header th {
	padding-top:30px;
}
#container #contents #main td.content {
	padding-bottom:20px;
	width:380px;
}

#main .body {
	margin:0 58px 20px 42px;
}
#container #contents #main td.space {
	width:28px;
}
#main .body td .box {
	margin-top:6px;
	padding:10px;
	background:#f7f7f7;
}
#main .body td .box p {
	margin:0 0 15px;
	padding:0;
}

#main .body td p {
	margin-top:10px;
}
#container #contents #main .info th {
	font-weight:normal;
}
#main .body .note {
	font-size:10px;
}

#main .body td.oie th {
	font-weight:bold;
}
#main .body td.oie .left {
	padding-right:50px;
}

#main .body td.theDay dt {
	margin-top:15px;
	font-weight:bold;
}

#info {
	background-color: #f7f7f7;
}

