@charset "Shift_JIS";
/* アクセスCSS */

/* ↓タイトル↓ */
div#mainspace h1{
	width:550px;
	height:100px;
	margin:0 0 35px 0;
	float:left;
	background:url(../images/cafe/tit_cafe.jpg) right no-repeat;
	text-indent:-9999px;
}
/* ↓トップベース↓ */
div#mainspace .cont01{
	width:510px;
	margin:0 0 0 20px;
	_margin:0 0 0 10px;
	float:left;
}
/* トップメイン画像 */
.cont01 img#mainphoto{
	_margin:0 5px 0 0;
	float:left;
}
/* ↓トップタイトル↓ */
.cont01 h2#menu{
	width:510px;
	height:30px;
	margin:20px 0 10px 0;
	float:left;
	background:url(../images/cafe/tit_menu.gif) right no-repeat;
	text-indent:-9999px;
}

/* ↓トップメニュー↓ */
.cont01 dl{
	width:240px;
	margin:0 0 20px 10px;
	_margin:0 4px 20px 5px;
	float:left;
}
.cont01 dt{
	width:240px;
	margin:10px 0 8px 0;
	padding:0 0 10px 0;
	border-bottom:#D8D1B7 1px solid;
	float:left;
}
.cont01 dd{
	width:240px;
	margin:0 0 5px 0;
	float:left;
}
.cont01 dl img{
	!margin:5px 0 0 0;
}





/* ↓中ページベース↓ */
/* メニュー */
div#mainspace .cont02{
	width:510px;
	margin:0 0 20px 20px;
	_margin:0 0 20px 10px;
	float:left;
}
/* 各メニュー詳細 */
div#mainspace .cont03{
	width:510px;
	margin:0 0 30px 20px;
	_margin:0 0 30px 10px;
	float:left;
}

/* ↓中ページメニュー↓ */
.cont02 ul{
	width:510px;
	margin:0;
	float:left;
}
.cont02 ul li{
	float:left;
	margin: 0;
	list-style-type: none;
}
.cont02 li a{
	width:127px;
	height:25px;
	margin:0;
	padding:0px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}
.cont02 #c01{
	background-image: url(../images/cafe/b_sweets.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont02 #c02{
	background-image: url(../images/cafe/b_cafe.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont02 #c03{
	background-image: url(../images/cafe/b_dinning.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont02 #c04{
	background-image: url(../images/cafe/b_drink.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
/* ↓マウスオーバー↓ */
.cont02 #c01 a:hover{
	background-image: url(../images/cafe/b_sweets.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -25px;
}
.cont02 #c02 a:hover{
	background-image: url(../images/cafe/b_cafe.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -25px;
}
.cont02 #c03 a:hover{
	background-image: url(../images/cafe/b_dinning.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -25px;
}
.cont02 #c04 a:hover{
	background-image: url(../images/cafe/b_drink.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -25px;
}

/* ↓中ページタイトル↓ */
div.cont03 h2#tit_sweets{
	width:510px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/cafe/tit_sweets.gif) no-repeat;
	text-indent:-9999px;
}
div.cont03 h2#tit_cafe{
	width:510px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/cafe/tit_cafe.gif) no-repeat;
	text-indent:-9999px;
}
div.cont03 h2#tit_dining{
	width:510px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/cafe/tit_dining.gif) no-repeat;
	text-indent:-9999px;
}
div.cont03 h2#tit_drink{
	width:510px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/cafe/tit_drink.gif) no-repeat;
	text-indent:-9999px;
}
div.cont03 h3{
	width:510px;
	height:30px;
	margin:10px 0 10px 0;
	background:url(../images/cafe/tit_menu_s.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}

/* ↓スイーツ↓ */
.cont03 p{
	width:490px;
	margin:0 0 0 10px;
}
/* メニュー */
.cont03 .m_sweets{
	width:510px;
	margin:0 0 10px 0;
	float:left;
}
.m_sweets dl{
	width:160px;
	margin:0 0 0 5px;
	_margin:0 5px 0 5px;
	float:left;
}
.m_sweets dd{
	width:230px;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
	float:left;
	background:url(../images/maru.gif) left no-repeat;
	background-position:0 5px;
}

/* ↓カフェ↓ */
.cont03 dl.setsumei{
	width:490px;
	margin:0 0 0 10px;
	_margin:0 0 0 5px;
}
.cont03 dl.setsumei dt{
	width:200px;
	margin:0;
	float:left;
	text-align:center;
}
.cont03 dl.setsumei dd{
	width:260px;
	margin:0 0 0 10px;
	float:left;
}
/* メニュー */
.cont03 .m_cafe{
	width:490px;
	margin:0 0 10px 10px;
	_margin:0 0 10px 5px;
	float:left;
}
.m_cafe dl{
	width:300px;
	margin:0 0 15px 0;
	float:left;
	list-style:none;
}
.m_cafe dt{
	width:230px;
	margin:0 0 0px 0;
	padding:0 0 0 10px;
	float:left;
	background:url(../images/maru.gif) left center no-repeat;
}
/* 価格 */
.m_cafe dd{
	width:270px;
	margin:0 0 0px 0;
	padding:0 0 0 10px;
	text-align:right;
	background:none;
	float:rigth;
}
/* TXPRESSO */
.m_cafe p{
	width:300px;
	margin:0;
	float:left;
}

/* ↓ダイニング↓ */
/* 写真 */
.m_dining .photo{
	width:510px;
	margin:0;
	float:left;
}
.photo img{
	margin:0 0 10px 10px;
	float:left;
}

/* メニュー */
.cont03 .m_dining{
	width:490px;
	margin:0 0 10px 10px;
	_margin:0 0 10px 5px;
	float:left;
}
.m_dining dl{
	width:290px;
	margin:0;
	float:left;
	list-style:none;
}
.m_dining dt{
	width:200px;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	float:left;
	background:url(../images/maru.gif) no-repeat;
	background-position:0 5px;
}
.m_dining dd{
	width:80px;
	margin:0 0 5px 0;
	padding:0 0 0 0px;
	float:left;
}

/* ↓ドリンク↓ */
/* 写真 */
.m_drink .photo{
	width:510px;
	margin:0;
	float:left;
}
.photo img{
	margin:0 0 10px 10px;
	float:left;
}
/* メニュー */
.cont03 .m_drink{
	width:490px;
	margin:0 0 10px 10px;
	_margin:0 0 10px 5px;
	float:left;
}
.m_drink ul{
	width:300px;
	margin:0;
	float:left;
	list-style:none;
}
.m_drink li{
	width:300px;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	float:left;
	background:url(../images/maru.gif) no-repeat;
	background-position:0 5px;
}
.m_drink li.nedan{
	width:270px;
	margin:-20px 0 5px 0;
	text-align:right;
	float:left;
	background:none;
}