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

 File name:      blog_cafe_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;
}


/* 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:5px 0 0 5px;
}


/* tag=一般タグ
################################################## 

ul {
}
ol {
}

/* =====画像中央===== 
.imgCenter {
	margin:0 auto;
	padding:0;
	text-align:center;
	clear:both;
}


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


/*id page
-------------------------------------------------- */
#page {
	width:100%;
 *text-align:center;
	margin:0 auto;
}


/*=================================================
id Gloval navi  グローバルナビ
===================================================*/


/*id nav
-------------------------------------------------- */

div.header {
	width:900px;
	height:45px;
	position:relative;
	margin:0 auto;
	padding:0;
	background:url(http://www.roomoon.com/cafe/common/images/nav_bg.jpg) 0 0 no-repeat;
}

div.header ul#nav {
	width:900px;
	*width:880px;
	padding:5px 0 10px 20px;
}
div.header ul#nav li{
	height:24px;
	list-style-type:none;
	_display:inline;
	float:left;
	margin:0 0 0 0;
	padding:0;
	text-align:left;
}
div.header ul#nav li img {
	border:0;
}


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

div.header ul#nav li.cafe {
	width:118px;
	background:url(http://www.roomoon.com/cafe/common/images/nav_roomoon_o.gif) 0px 1px no-repeat;
}

div.header ul#nav li.drink {
	width:72px;
	background:url(http://www.roomoon.com/cafe/common/images/nav_drink_o.gif) 225px 1px no-repeat;
	padding-left:225px;
}

div.header ul#nav li.sweets {
	width:72px;
	background:url(http://www.roomoon.com/cafe/common/images/nav_sweets_o.gif) 25px 1px no-repeat;
	padding-left:25px;
}

div.header ul#nav li.foods {
	width:71px;
	background:url(http://www.roomoon.com/cafe/common/images/nav_foods_o.gif) 25px 1px no-repeat;
	padding-left:25px;
}

div.header ul#nav li.staffblog {
	width:106px;
	background:url(http://www.roomoon.com/cafe/common/images/nav_staffblog_o.gif) 25px 1px no-repeat;
	padding-left:25px;
}

div.header ul#nav li.hairsalon {
	width:106px;
	background:url(http://www.roomoon.com/cafe/common/images/nav_hairsalon_o.gif) 15px 1px no-repeat;
	padding-left:15px;
}

div.header ul#nav li a {
	height:24px;
	display:block;
}
div.header ul#nav li a:hover {
	background-color:transparent;
}
div.header ul#nav li a:hover img {
	visibility:hidden;
	border:0;
}

/*=================================================
id earch area
===================================================*/
#cafe,
#drink,
#sweets,
#ordercake,
#foods,
#staffblog {
	width:900px;
	margin:0 auto;
}

/*=================================================
id news
===================================================*/

#cafe div.news {
	width:900px;
	height:102px;
	background: url(http://www.roomoon.com/cafe/common/images/cafe_top.jpg) center top no-repeat;
	margin:0;
} 
#drink div.news {
	width:900px;
	height:102px;
	background: url(http://www.roomoon.com/cafe/common/images/dri_top.jpg) center top no-repeat;
	margin:0;
} 
#sweets div.news {
	width:900px;
	height:102px;
	background: url(http://www.roomoon.com/cafe/common/images/swe_top.jpg) center top no-repeat;
	margin:0;
} 
#ordercake div.news {
	width:900px;
	height:102px;
	background: url(http://www.roomoon.com/cafe/common/images/swe_top.jpg) center top no-repeat;
	margin:0;
} 
#foods div.news {
	width:900px;
	height:102px;
	background: url(http://www.roomoon.com/cafe/common/images/swe_top.jpg) center top no-repeat;
	margin:0;
} 
#staffblog div.news {
	width:900px;
	height:102px;
	background: url(http://www.roomoon.com/cafe/common/images/cafe_top.jpg) center top no-repeat;
	margin:0;
} 
div.news iframe{
	width:500px;
	height:45px;
	text-align:left;
	border:none;
	margin:0 0 0 150px;
	float:left;
}

/*=================================================
id content
===================================================*/

div.content h1 {
	text-align:center;
	margin:0;
	padding:3px 5px;
}

div.content p {
	font-size:.9em;
	margin:0;
	text-align:left;
}

div.content div.main{
	margin:25px 0 30px;
	padding:0;
	text-align:center;
}


/* cafe
-------------------------------------------------- */

#cafe div.content {
	width:858px;
	background: url(http://www.roomoon.com/cafe/common/images/cafe_body.jpg) center top repeat-y;
	float:left;
	margin:0;
	position: relative;
	left:27px;
}
#cafe div.content div.main{
	width:800px;
	margin:0 auto;
}
#cafe div.content h1 {
	text-indent:-9999px;
}
#cafe div.content div.main{
	width:800px;
	_height:560px;
	min-height:560px;
	max-height:3000px;	
	margin:0 0 auto 25px;
}
#cafe div.footer {
	width:900px;
	height:95px;
	clear:both;
	margin:0 auto 0;
	background:url(http://www.roomoon.com/cafe/common/images/cafe_footer.jpg) 0 0 no-repeat;
}


/* drink
-------------------------------------------------- */

#drink div.drinkBg{
	width:885px;
	background: url(http://www.roomoon.com/cafe/common/images/dri_body02.jpg) 27px top repeat-y;
	float:left;
}

#drink div.content {
	width:858px;
	_height:530px;
	min-height:530px;
	max-height:3000px;
	background: url(http://www.roomoon.com/cafe/common/images/dri_body.jpg) center top no-repeat;
	float:left;
	margin:0;
	position: relative;
	left:27px;
}
#drink div.content div.main{
	width:470px;
	margin:0 auto;
}
#drink div.content div.main div#coffee {
 	background: url(http://www.roomoon.com/cafe/drink/images/cup01.gif) 10px 10px no-repeat;
	border: solid 1px #6B3F34;
	margin:0px 28px 10px 20px;
	padding: 5px 5px 30px 20px;
/*	font-size:90%;*/
}
#drink div.content div.main div#tea {
 	background: url(http://www.roomoon.com/cafe/drink/images/cup01.gif) 10px 10px no-repeat;
	border: solid 1px #6B3F34;
	margin:0px 28px 10px 20px;
	padding: 5px 5px 30px 20px;
}
#drink div.content div.main div#others {
 	background: url(http://www.roomoon.com/cafe/drink/images/cup01.gif) 10px 10px no-repeat;
	border: solid 1px #6B3F34;
	margin:0px 28px 10px 20px;
	padding: 5px 5px 30px 20px;
}
#drink div.content div.main div#set {
 	background: url(http://www.roomoon.com/cafe/drink/images/cup01.gif) 10px 10px no-repeat;
	border: solid 1px #6B3F34;
	margin:0px 28px 10px 20px;
	padding: 5px 5px 30px 20px;
}
#drink div.content div.main h2{  
	margin:10px auto 5px;
	padding: 0 0 0 50px;
	font-size:100%;
	color:#683E33;
	text-align:left;
}
#drink div.content div.main h3{
	margin-top:30px;
	font-size:0.8em;
	font-weight:bold;
	color:#683E33;
}
#drink div.content div.main p{
	margin-top:5px;
	font-size:80%;
	color:#683E33;
}
#drink div.content div.main p.cash{
	font-weight:bold;
	text-align:right;
	margin-right:5px;
	color:#FFFFFF;
}

/* ===== 説明文の場合 ====== */

#drink div.content div.main table.explanation{
	font-size:0.8em;
	border-collapse:collapse;
	color:#683E33;
}
#drink div.content div.main table.explanation th,
#drink div.content div.main table.explanation td{
	text-align:left;
	vertical-align:text-top;
	border-bottom:1px solid #F0DDD4;
	padding:5px 5px;
}
#drink div.content div.main table.explanation th{
	width:130px;
}
#drink div.content div.main table.explanation td{
	text-align:left;
	font-size:100%;
}
/* ===== 値段の場合 ====== */

#drink div.content div.main table.price{
	font-size:0.8em;
	border-collapse:collapse;
	color:#683E33;
}
#drink div.content div.main table.price th,
#drink div.content div.main table.price td{
	text-align:right;
	vertical-align:text-top;
	border-bottom:1px solid #F0DDD4;
	padding:5px 5px;
}
#drink div.content div.main table.price th{
	width:230px;
}
#drink div.content div.main table.price td{
	text-align:right;
}

/* ===== 左右Flash部分 ====== */

#drink div.content div.cafeFlash{
	position:absolute;
	top:5px;
	left:20px; 
}
#drink div.content div.teaFlash{
	position:absolute;
	top:5px;
	right:30px; 
} 


/* ===== submenu ====== */

#drink div.content ul.submenu{
	width:450px;
	text-align:center;
	margin:20px auto 20px;
	padding:0 0 30px 15px;
}
#drink div.content ul.submenu li{
	height:13px;
	_display:inline;
	float:left;
	margin:0;
	line-height:0;
	font-size:0;
	border-left:1px solid #F0DDD4;
	padding:0 17px;
}
#drink div.content ul.submenu li img {
	border:0;
}



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

#drink div.content ul.submenu li.coffee {
	width:44px;
	background:url(http://www.roomoon.com/cafe/drink/images/lin_coffee_o.gif) 17px 0 no-repeat;
}

#drink div.content ul.submenu li.tea {
	width:23px;
	background:url(http://www.roomoon.com/cafe/drink/images/lin_tea_o.gif) 17px 0 no-repeat;
}

#drink div.content ul.submenu li.fresh {
	width:144px;
	background:url(http://www.roomoon.com/cafe/drink/images/ti_fresh_o.gif) 17px 0 no-repeat;
}
#drink div.content ul.submenu li.set {
	width:76px;
	background:url(http://www.roomoon.com/cafe/drink/images/lin_setmenu_o.gif) 17px 0 no-repeat;
	border-right:1px solid #F0DDD4;
}
#drink div.content ul.submenu li a {
	height:13px;
	display:block;
}
#drink div.content ul.submenu li a:hover {
	background-color:transparent;
	margin:0;
}
#drink div.content ul.submenu li a:hover img {
	visibility:hidden;
}*/


#drink div.footer {
	width:900px;
	height:90px;
	clear:both;
	margin:0 auto 0;
	background:url(http://www.roomoon.com/cafe/common/images/dri_footer.jpg) 0 0 no-repeat;
}



/* sweets
-------------------------------------------------- */
#sweets div.content {
	width:858px;
	background: url(http://www.roomoon.com/cafe/common/images/swe_body.jpg) center top repeat-y;
	float:left;
	margin:0;
	position: relative;
	left:27px;
}
#sweets div.content ul.submenu{
	width:299px;
	text-align:center;
	margin:20px auto 20px;
	padding:0 0 30px 35px;
}
#sweets div.content ul.submenu li{
	height:13px;
	_display:inline;
	float:left;
	margin:0;
	line-height:0;
	font-size:0;
	border-left:1px solid #F0DDD4;
	padding:0 17px;
}
#sweets div.content ul.submenu li img {
	border:0;
}


/* ロールオーバー
-------------------------------------------------- */
#sweets div.content ul.submenu li.sweets {
	width:43px;
	background:url(http://www.roomoon.com/cafe/sweets/images/lin_sweets_o.gif) 17px 0 no-repeat;
}

#sweets div.content ul.submenu li.setmenu {
	width:75px;
	background:url(http://www.roomoon.com/cafe/sweets/images/lin_setmenu_o.gif) 17px 0 no-repeat;
}

#sweets div.content ul.submenu li.ordercake {
	width:75px;
	background:url(http://www.roomoon.com/cafe/sweets/images/lin_ordercake_o.gif) 17px 0 no-repeat;
	border-right:1px solid #F0DDD4;
}
#sweets div.content ul.submenu li a {
	height:13px;
	display:block;
}
#sweets div.content ul.submenu li a:hover {
	background-color:transparent;
	margin:0;
}
#sweets div.content ul.submenu li a:hover img {
	visibility:hidden;
}

#sweets div.footer {
	width:900px;
	height:90px;
	clear:both;
	margin:0 auto 0;
	background:url(http://www.roomoon.com/cafe/common/images/swe_footer.jpg) 0 0 no-repeat;
}



/* setmenu
----------- */
#sweets div.content div.main h2.box{
/*	width:754px;*/
	background:url(http://www.roomoon.com/cafe/common/images/box_top.jpg) center bottom no-repeat;
	padding-bottom:20px;
	margin-left:0px;
}
#sweets div.content div.main div.boxB {
	text-align:center;
	margin:0;
	padding:0;
	background: url(http://www.roomoon.com/cafe/common/images/box_middle.jpg) center top repeat-y;
}
#sweets div.content div.main p.plus {
	text-align:center;
	margin:10px auto 10px;
}
#sweets div.content div.main p.drink {
	width:754px;
	background: url(http://www.roomoon.com/cafe/common/images/box_under.jpg) center bottom no-repeat;
	text-align:center;
	padding:0 0 20px 0;
	margin:0 auto;
}




/* ordercake
-------------------------------------------------- */
#ordercake div.content {
	width:858px;
	background: url(http://www.roomoon.com/cafe/common/images/swe_body.jpg) center top repeat-y;
	float:left;
	margin:0;
	position: relative;
	left:27px;
}
#ordercake div.content ul.submenu{
	width:299px;
	text-align:center;
	margin:20px auto 20px;
	padding:0 0 30px 35px;
}
#ordercake div.content ul.submenu li{
	height:13px;
	_display:inline;
	float:left;
	margin:0;
	line-height:0;
	font-size:0;
	border-left:1px solid #F0DDD4;
	padding:0 17px;
}
#ordercake div.content ul.submenu li img {
	border:0;
}


/* ロールオーバー
-------------------------------------------------- */
#ordercake div.content ul.submenu li.sweets {
	width:43px;
	background:url(http://www.roomoon.com/cafe/sweets/images/lin_sweets_o.gif) 17px 0 no-repeat;
}

#ordercake div.content ul.submenu li.setmenu {
	width:75px;
	background:url(http://www.roomoon.com/cafe/sweets/images/lin_setmenu_o.gif) 17px 0 no-repeat;
}

#ordercake div.content ul.submenu li.ordercake {
	width:75px;
	background:url(http://www.roomoon.com/cafe/sweets/images/lin_ordercake_o.gif) 17px 0 no-repeat;
	border-right:1px solid #F0DDD4;
}
#ordercake div.content ul.submenu li a {
	height:13px;
	display:block;
}
#ordercake div.content ul.submenu li a:hover {
	background-color:transparent;
	margin:0;
}
#ordercake div.content ul.submenu li a:hover img {
	visibility:hidden;
}

#ordercake div.footer {
	width:900px;
	height:90px;
	clear:both;
	margin:0 auto 0;
	background:url(http://www.roomoon.com/cafe/common/images/swe_footer.jpg) 0 0 no-repeat;
}




/* foods
-------------------------------------------------- */
#foods div.content {
	width:858px;
	background: url(http://www.roomoon.com/cafe/common/images/swe_body.jpg) center top repeat-y;
	float:left;
	margin:0;
	position: relative;
	left:27px;
}
#foods div.content div.main h2 {
	margin:0 0 5px 48px;
	text-align:left;
}
#foods div.content div.main div.boxB {
	margin:0 auto;
	padding:0;
	width:754px;
	background: url(http://www.roomoon.com/cafe/common/images/box_b_middle.gif) center top repeat-y;
	text-align:center;
}
#foods div.content div.main div.boxB p{
	font-size:0;
}

#foods div.content div.main ul.comment3{
	width:754px;
/*	margin:10px auto 20px;
	padding:0 0 10px 10px;*/
}
#foods div.content div.main ul.comment3 li{
	height:50px;
	_display:inline;
	float:left;
	margin:0;
	line-height:0;
	font-size:80%;
	color:#683E33;
	text-align:left;
	line-height:1.6em;
	width:230px;
	padding:0 10px 10px 10px;
/*	padding:0 17px;*/
}
#foods div.content div.main P.boxBread {
	font-size:90%;
	padding:10px 0 10px 200px;
	background: url(http://www.roomoon.com/cafe/common/images/box_b_under.gif) center bottom no-repeat;
}
#foods div.content div.main P.boxSalada {
	padding:0 10px 13px 0;
/*	width:744px;*/
	text-align:right;
	background: url(http://www.roomoon.com/cafe/common/images/box_b_under.gif) center bottom no-repeat;
}
#foods div.content div.main P.plus {
	text-align:center;
	margin:10px 0 10px 0;
}
#foods div.content div.main P.set {
	margin:10px auto 10px;
	text-align:center;
}
#foods div.content div.main P.setDrink {
	padding:5px 20px 5px 310px;
	font-size:90%;
	color:#683E33;
	background: url(http://www.roomoon.com/cafe/foods/images/tx_setdrink.jpg) center top no-repeat;
}
#foods div.footer {
	width:900px;
	height:90px;
	clear:both;
	margin:0 auto 0;
	background:url(http://www.roomoon.com/cafe/common/images/swe_footer.jpg) 0 0 no-repeat;
}


/* staffblog
-------------------------------------------------- */
#staffblog div.content {
	width:858px;
	background: url(http://www.roomoon.com/cafe/common/images/cafe_body.jpg) center top repeat-y;
	float:left;
	margin:0;
	position: relative;
	left:27px;
}
#staffblog div.content h1 {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","メイリオ";
	font-size:1.2em;
	color:#694D29;
	text-align:center;
	margin:0;
	padding:3px 5px;
}
#staffblog div.content ul.submenu{
	width:299px;
	text-align:center;
	margin:20px auto 20px;
	padding:0 0 30px 35px;
}
#staffblog div.content ul.submenu li{
	height:13px;
	_display:inline;
	float:left;
	margin:0;
	line-height:0;
	font-size:0;
	border-left:1px solid #F0DDD4;
	padding:0 17px;
}
#staffblog div.content ul.submenu li img {
	border:0;
}
#staffblog div.footer {
	width:900px;
	height:90px;
	clear:both;
	margin:0 auto 0;
	background:url(http://www.roomoon.com/cafe/common/images/cafe_footer.jpg) 0 0 no-repeat;
}





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

div.footer address {
	font-size:80%;
	text-align:right;
	font-style:normal;
	padding:68px 10px 0;
	color:#79483C;
}