@charset "utf-8";

/* +++++ CONTENTS +++++
	1. Import
	2. Reset
	3. Global Settings
	4. Layout
	5. Header
	6. Footer
	7. Navigation
	8. Content
  ++++++++++++++++++++ */


/*----------------------------------------------------------------------------------------
	1. Import
---------------------------------------------------------------------------------------- */
/* ページ共通CSS */

@import url(common.css);  

/*----------------------------------------------------------------------------------------
	2. Reset
---------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-family:"Arial","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",'sans-serif';
	font-weight: normal;
	color:#000;

}


/*----------------------------------------------------------------------------------------
	3. Global Settings
---------------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size:62.5%;
	line-height:1.6;
	background:none;
}
/* safari only \*/  
html:\66irst-child body {
	font-size:10px;
}
div {
	text-align: left;
}
img {
	border: 0;
}
table {
	border: 0;
}
ul,ol {
	list-style: none;
	padding:0;
	margin:0;
}
br.clear {
	font-size: 1%;
	line-height: 1%;
	clear: both;
}
.hide {
	display: none;
}
h1,h2,h3,h4,h5,p,strong {
	padding:0;
	margin:0;
	font-weight:normal;
}

a {
	color:#1576c1;
	outline:0;
	text-decoration:none;
}
a:hover {
	color:#1576c1;
	outline:0;
	text-decoration:underline;
}
a.none {
	color:#3b0221;
	outline:0;
	text-decoration:none;
}
a.none:hover {
	color:#1576c1;
	text-decoration:none;
	outline:0;
}
p {
	font-size:1.2em;
	line-height:1.5;
	color:#333;
}
.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}


/*----------------------------------------------------------------------------------------
	4. Layout
---------------------------------------------------------------------------------------- */
#wrapper {
	width:955px;
	padding:0;
	margin:0 auto;
	background:none;
	border:1px #000000 solid;
}
#head {
	width:955px;
	padding:0;
	margin:0 auto;
	background:#362b25;
}
#content {
	width:955px;
	margin:0 auto;
	background:url(../img/bg_bar.gif) repeat-y top left;
}
#foot {
	width:955px;
	clear:both;
	padding:0;
	margin:0 auto;
	background:none;
	position:relative;
	z-index:100;
}
h2 {
	margin:0 0 10px 0;
}
#left {
	width:745px;
	margin:0 0 20px 0;
	float:left;
}
#left p {
	margin:0 0 20px 0;
}
#right {
	float:right;
	width:210px;
	margin:0 0 20px 0;
}

/*----------------------------------------------------------------------------------------
	5. Header
---------------------------------------------------------------------------------------- */
/* h1 & logo */
#head h1 {
	font-size:0.9em;
	text-indent:10px;
	color:#FFFFFF;
	background-color:#05002b;
	padding:4px 0;
	margin:0;
}
#head #site_id {
	width:940px;
	height:80px;
}
#head p {
	float:left;
	margin:19px 0 0 20px;
	width:68px;
	height:51px;
}
/* LANGUAGE */
#head .top_language {
	display:none;
}
/*----------------------------------------------------------------------------------------
	6. Footer
---------------------------------------------------------------------------------------- */
#foot p {
	width:935px;
	margin:0 0 10px;
	padding:3px 10px;
	color:#FFF;
	text-align:right;
	font-size:1.0em;
	background:url(../img/foot_bar.png) no-repeat top left #362b25;
	behavior: expression(IEPNGFIX.fix(this));
}
#foot .footNaviBlock {
	display:none;
}
#page_top {
	display:none;
}
#logo_area {
	width:915px;
	margin:0 auto 10px;
	padding:0;
}
#logo_area li {
	float:left;
	margin:0;
	padding:15px 15px 0 0;
}
#logo_area li.bureau a {
	width:52px;
	height:13px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/bureau_logo.gif) no-repeat;
}
#logo_area li.b_site a {
	width:52px;
	height:13px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/b_site_logo.gif) no-repeat;
}
#logo_area li.burex a {
	width:55px;
	height:13px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/burex_logo.gif) no-repeat;
}
#logo_area li.bureau_soho a {
	width:84px;
	height:13px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/bureau_soho_logo.gif) no-repeat;
}
#logo_area li.space_design {
	float:right;
	padding:0;
	margin:0;
}
#logo_area li.space_design a {
	width:131px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/space_design_logo.gif) no-repeat;
}
#foot address {
	clear:both;
	text-align:center;
	color:#666666;
	font-size:0.9em;
	font-style:normal;
	padding:0 0 20px 0;
}
/*----------------------------------------------------------------------------------------
	7. Navigation
---------------------------------------------------------------------------------------- */
/* GlobalNavi */
.global_navi {
	display:none;
}
/* UtilitylNavi */

#utility_navi {
	padding:0;
	margin:0;
	float:left;
	width:600px;
}
#utility_navi ul li {
	float:left;
	padding:0 6px;
	margin:0 0 10px 0;
	font-size:1.0em;
	text-decoration:none;
	background:transparent url(../img/utilityNaviBorder.gif) no-repeat right;
}
#utility_navi ul li.last {
	background:none;
}
/* RightNavi*/

#right ul {
	width:180px;
	padding:20px 10px 0px 10px;
}
#right ul li.btn_mail {
	width:180px;
	height:70px;
	margin:0 0 10px 0;
	overflow:hidden;
}
#right ul li.btn_mail a {
	width:180px;
	height:70px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/btn_red.png) no-repeat left top;
}
* html #right ul li.btn_mail a {
	height:140px;
	background:transparent url(../img/btn_red.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
}
#right ul li.btn_mail a:hover {
	background-position:0 -70px;
}
* html #right ul li.btn_mail a:hover {
	margin-top:-70px;
}
#right ul li.btn_reserve {
	width:180px;
	height:70px;
	margin:0 0 20px 0;
	overflow:hidden;
}
#right ul li.btn_reserve a {
	width:180px;
	height:70px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/btn_blue.png) no-repeat;
}
* html #right ul li.btn_reserve a {
	height:140px;
	background:transparent url(../img/btn_blue.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
}
#right ul li.btn_reserve a:hover {
	background-position:0 -70px;
}
* html #right ul li.btn_reserve a:hover {
	margin-top:-70px;
}
#right ul li.access_map {
	border-top:1px solid #362b25;
	border-bottom:1px solid #362b25;
	padding:4px 0 8px;
}
#right ul li.access_map a {
	display:block;
	margin:3px 0 0 10px;
	padding:0 0 0 10px;
	background:url(../img/side_arrow_off.gif) no-repeat left;
}
#right ul li.access_map a:hover {
	background:url(../img/side_arrow_on.gif) no-repeat left;
}

#room_info_area {
	width:180px;
	padding:20px 10px 0 10px;
}
#room_info_area .room_info_logo {
	margin:3px 0 15px 0;
}
#room_info_area .rooms {
	margin:0 0 20px 0;
}
#room_info_area .rooms img.room_icon {
	float:left;
	margin:0 10px 0 0;
	width:65px;
	padding:2px 0 0 0;
}
#room_info_area a {
	display:block;
	font-size:11px;
}
/*----------------------------------------------------------------------------------------
	8. Content
---------------------------------------------------------------------------------------- */
/* TopicPath */
#topic_path {
	width:725px;
	height:30px;
	padding:0 0 0 20px;
	background:url(../img/top_shadow.jpg) no-repeat top left;
}
#topic_path ul li {
	float:left;
	color:#999999;
	font-size:0.9em;
	padding:0;
	margin:0;
	line-height:30px;
}
#topic_path ul li a {
	color:#999999;
	padding:0 9px 0 0;
	margin:0 6px 0 0;
	background:url(../img/topic_path_arrow.gif) no-repeat right center;
}
#catch {
	margin:0 20px 20px 20px;
	font-size:14px;
	color:#000000;
}