@charset "utf-8";
/* -----------------------------------------------
CSS Information

 File name:      base.css
 Style Info      全体レイアウト・共通設定css
	LastUpdate      2008/11/11
-------------------------------------------------- */


/* format= 初期設定
################################################## */


/* html format
-------------------------------------------------- */
*{
  margin: 0;
  padding: 0;
}

html{
	overflow-y:scroll;
}

body {
  background-color: #fff;
  color:#333;
  line-height: 1.5;
	_text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","メイリオ";
}

/* page format
-------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { line-height:1.6; font-weight:normal;}
p,li,dt,dl { line-height:1.6; }
p { margin:0; }
ul li { list-style-type:none; }
dl,dt,dd{ margin:0; padding:0;}
a img,img { border:0;	vertical-align:bottom;}

.red {color:#B61863;}
.txtR {text-align:right;}
.lineW865 {	margin:15px 0 5px 0;}



/* link format
-------------------------------------------------- */
a:link {
   color:#0066CC;
   text-decoration:underline;
}
a:visited {
   color:#1199cc;
   text-decoration: underline;
}
a:hover {
   color:#f30;
   text-decoration:underline;
}
a:active {
   color:#666;
}

table{
   width:100%;
   border-spacing:2px;
   margin:1.5em 0;
}

table th, table td{ padding:0.3em 0.75em ;
}


/* layout=レイアウト 
################################################## */

#page{
	width: 900px;
	margin: 0px auto;
	background:#fff;
	_text-align:left;
	position:relative;
}

/* ロゴ
-------------------------------------------------- */

h1.logo{
	width:900px;
	text-align:center;
	background:url(http://www.roomoon.com/common/images/line_gray01.gif) center no-repeat;
	margin:0 0 0 0;
	position: absolute;
	top:5px;
	left:auto;
}

h1.title{
	text-indent:-9999px;
	font-size:0px;
}
/*=============================================
id Gloval navi  グローバルナビ
=============================================*/

ul#nav{
	list-style:none;
	width:900px;
	height:32px;
	padding:50px 0 0;
	margin:0;
}
ul#nav li{
	width:102px;
	height:32px;
	float:left;
	display:inline;
	margin:24px 6px 0 0;
}
ul#nav li.top{
	margin:24px 6px 0 14px;
}
ul#nav li.cafe{
	margin:0 6px 0 9px;
}

/* ロールオーバー
-------------------------------------------------- */

ul#nav li.top {
	background:url(http://www.roomoon.com/common/images/tab_top_o.jpg) 0 0 no-repeat;
}
ul#nav li.news {
	background:url(http://www.roomoon.com/common/images/tab_news_o.jpg) 0 0 no-repeat;
}
ul#nav li.roomoon {
	background:url(http://www.roomoon.com/common/images/tab_roomoon_o.jpg) 0 0 no-repeat;
}
ul#nav li.menu {
	background:url(http://www.roomoon.com/common/images/tab_menu_o.jpg) 0 0 no-repeat;
}
ul#nav li.special {
	background:url(http://www.roomoon.com/common/images/tab_special_o.jpg) 0 0 no-repeat;
}
ul#nav li.staff {
	background:url(http://www.roomoon.com/common/images/tab_staff_o.jpg) 0 0 no-repeat;
}
ul#nav li.blog {
	background:url(http://www.roomoon.com/common/images/tab_blog_o.jpg) 0 0 no-repeat;
}
ul#nav li.cafe {
	height:56px;
	background:url(http://www.roomoon.com/common/images/tab_cafe_o.jpg) 0 0 no-repeat;
}


ul#nav li a {
	display:block;
	width:102px;
	height:32px;
}
ul#nav li.cafe a:link,
ul#nav li.cafe a:visited {
	display:block;
	width:102px;
	height:56px;
}
ul#nav li a:hover {
	background-color:transparent;
}
ul#nav li a:hover img {
	visibility:hidden;
}


/*=============================================
id contents
=============================================*/

#contents{
	width: 900px;
	padding:0;
	position:relative;
	clear:both;
	margin-top:25px;
	_margin-top:0;
}

#contents div{
/*	width:887px; */
	margin:0 auto;
	text-align:center;
}

#contents div h2{
}

#contents div.home,
#contents div.news,
#contents div.roomoon,
#contents div.menu,
#contents div.care,
#contents div.staff,
#contents div.special{
	width:900px;
	font-size:0.8em;
	text-align:left;
}

#contents div.content div.main{
	margin:10px 0 30px 0;
}


/* home
-------------------------------------------------- */
#contents div.home h2{
	text-indent:-9999px;
}
#contents div.home div.news{
	height:60px;
	background:url(http://www.roomoon.com/common/images/gh_title_home.jpg) 0 0 no-repeat;
	text-align:right;
}
#contents div.home div.news iframe{
	width:500px;
	height:48px;
	text-align:left;
	border:none;
	margin:7px 10px 0 0;
/*	float:left;*/
}
#contents div.home div.content{
	margin:0 6px 0 7px;
	padding:0px 0 0px;
	background:#fff;
	float:left;
	display:inline;
	text-align:left;
}

#contents div.home div.content div.main{
	margin:0;
	padding:0;
}

#footer.home{
	width:900px;
	margin:0;
	padding:0;
	padding:39px 0 0 0;
	clear: both;
}


/* news
-------------------------------------------------- */
#contents div.news div.content{
	margin:0 6px 0 7px;
	background:#fff;
	float:left;
	display:inline;
	text-align:left;
}


/* roomoon
-------------------------------------------------- */
#contents div.roomoon div.content{
	margin:0 6px 0 7px;
	padding:15px 0 15px;
	background:#d6cbbf;
	float:left;
	display:inline;
	text-align:left;
}

#contents div.roomoon div.content div.menuL{
	margin-left:50px;
	text-align:left;
	width:350px;
	float:left;
}

#contents div.roomoon div.content div.menuR{
	margin-right:20px;
	text-align:left;
	width:450px;
	float:right;
}

#contents div.roomoon div.content dl{
	font-size:100%;
	margin-top:20px;
}

#contents div.roomoon div.content dl.listAdd dt {
  clear: left;
  float: left;
  margin: 0;
  padding:0;
  width: 4.8em;
}

#contents div.roomoon div.content dl.listAdd dd {
	margin:0 0 0 4.8em;
}

/* menu
-------------------------------------------------- */
#contents div.menu div.content{
	margin:0 6px 0 7px;
	padding:15px 0 15px;
	background:#F7F2E6;
/*	background:#FBF9F2;*/
	float:left;
	display:inline;
	font-size:90%;
	text-align:left;
}

#contents div.menu div.content table{
/*	border:none;*/
	border-collapse:collapse;
	width:250px;
	padding:0;
	margin:0 0 10px 30px;
}

#contents div.menu div.content table th{
	font-size:90%;
	text-align:left;
	padding:0 0 0 15px;
	color:#694D29;
/*	color:#353275;*/
	background-repeat: no-repeat;
	background-image:url(http://www.roomoon.com/common/images/li_heart01.gif);
	background-position: left center;
}

#contents div.menu div.content table td{
	padding:0;
	margin:0;
}

#contents div.menu div.content table td.com{
	text-align:right;
	font-size:90%;
	color:#B61863;
}

#contents div.menu div.content table td.price{
	text-align:right;
	font-size:100%;
	width:47px;
	white-space:nowrap;
	border-bottom:1px dotted #694D29;
}

#contents div.menu div.content table td.shubetu{
	text-align:right;
	padding:0 5px 0 0;
	font-size:100%;
	width:44px;
	white-space:nowrap;
	border-bottom:1px dotted #694D29;
}

#contents div.menu div.content div.main div.menuL{
	margin-left:50px;
	text-align:left;
	width:360px;
	float:left;
	_display:inline;
}

#contents div.menu div.content div.main div.menuR{
	margin:0 50px 0 0;
	text-align:left;
	width:350px;
	float:right;
	_display:inline;
}

#contents div.menu div.content div.main h3{
margin:15px 0 5px;
}

/* care
-------------------------------------------------- */
#contents div.care div.content{
	margin:0 6px 0 7px;
	background:#fff;
	float:left;
	display:inline;
	text-align:left;
}


/* staff
-------------------------------------------------- */
#contents div.staff div.content{
	margin:0 6px 0 7px;
	padding:15px 0 15px;
	background:#74542e;
	float:left;
	display:inline;
	text-align:left;
}


/* special
-------------------------------------------------- */
#contents div.special div.content{
	margin:0 6px 0 7px;
	padding:15px 0 15px;
	background:#ECE6DB;
	float:left;
	display:inline;
	text-align:left;
}

#contents div.special div.content div.main{
	margin:10px 0 20px 0;
}


#contents div.special div.content div.main div.menuL{
	margin-left:44px;
	margin-top:200px;
	width:214px;
	height:295px;
	float:left;
	background-image:url(http://www.roomoon.com/special/images/makeroom01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contents div.special div.content div.menuR{
	margin-right:48px;
	text-align:left;
	width:722px;
	height:172px;
	float:right;
	background-image: url(http://www.roomoon.com/special/images/photo_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	_display:inline;
}

#contents div.special div.content div.menuR2{
	background-image: url(http://www.roomoon.com/special/images/photo_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-right:48px;
	width:722px;
	float:right;
	text-align:left;
	_display:inline;
}

#contents div.special div.content div.menuR2 h3{
	margin:0 30px 10px 30px;
	padding:0 0 0 22px;
	font-size: 120%;
	color: #993300;
	background-image:url(http://www.roomoon.com/common/images/li_heart04.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#contents div.special div.content div.menuR3{
	margin-right:48px;
	text-align:left;
	width:794px;
	height:295px;
	float:right;
	_display:inline;
	background-image: url(http://www.roomoon.com/special/images/photo_under.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contents div.special div.content div.menuR3 h3{
	margin:10px 20px 5px 240px;
	padding:0 0 0 22px;
	font-size: 120%;
	color: #993300;
	background-image:url(http://www.roomoon.com/common/images/li_heart04.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#contents div.special div.content div.menuR3 p{
	margin:0 20px 0 265px;
}


/*=============================================
id footer
=============================================*/

#footer{
	width:900px;
	margin:0;
	padding:0;
	padding:140px 0 0 0;
	clear: both;
}

#contents div.home{
	background: url(http://www.roomoon.com/common/images/gh_footer_home.jpg) center top no-repeat;
}

#contents div.news{
	background: url(http://www.roomoon.com/common/images/gh_footer_news.jpg) center top no-repeat;
}

#contents div.roomoon{
	background: url(http://www.roomoon.com/common/images/gh_footer_roomoon.jpg) center top no-repeat;
}

#contents div.menu{
	background: url(http://www.roomoon.com/common/images/gh_footer_menu.jpg) center top no-repeat;
}

#contents div.care{
	background: url(http://www.roomoon.com/common/images/gh_footer_care.jpg) center top no-repeat;
}

#contents div.staff{
	background: url(http://www.roomoon.com/common/images/gh_footer_staff.jpg) center top no-repeat;
}

#contents div.special{
	background: url(http://www.roomoon.com/common/images/gh_footer_special.jpg) center top no-repeat;
}



/* copyright
-------------------------------------------------- */

address{
	clear:both;
	font-size: 10pt;
	font-style:normal;
	margin:0;
	padding:0 5px 5px;
	line-height: 120%;
	text-align:right;
}