@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_course.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont02 #c02{
	background-image: url(../images/cafe/b_dining.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont02 #c03{
	background-image: url(../images/cafe/b_lunch.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont02 #c04{
	background-image: url(../images/cafe/b_cafe.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont02 #c05{
	background-image: url(../images/cafe/b_drink.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont02 #c06{
	background-image: url(../images/cafe/b_takeout.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
/* ↓マウスオーバー↓ */
.cont02 #c01 a:hover{
	background-image: url(../images/cafe/b_course.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -25px;
}
.cont02 #c02 a:hover{
	background-image: url(../images/cafe/b_dining.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -25px;
}
.cont02 #c03 a:hover{
	background-image: url(../images/cafe/b_lunch.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -25px;
}
.cont02 #c04 a:hover{
	background-image: url(../images/cafe/b_cafe.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -25px;
}
.cont02 #c05 a:hover{
	background-image: url(../images/cafe/b_drink.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -25px;
}
.cont02 #c06 a:hover{
	background-image: url(../images/cafe/b_takeout.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -25px;
}

/* ↓中ページタイトル↓ */
div.cont03 h2#tit_course{
	width:510px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/cafe/tit_course.gif) no-repeat;
	text-indent:-9999px;
}
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_lunch{
	width:510px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/cafe/tit_lunch.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 h2#tit_takeout{
	width:510px;
	height:30px;
	margin:0 0 10px 0;
	background:url(../images/cafe/tit_takeout.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_lunch{
	width:510px;
	margin:0 0 10px 0;
	float:left;
}
.m_lunch dl{
	width:160px;
	margin:0 0 0 5px;
	_margin:0 5px 0 5px;
	float:left;
}
.m_lunch dd{
	width:230px;
	margin:5px 0 0 0;
	padding:0 0 20px 10px;
	float:left;
	background:url(../images/maru.gif) left no-repeat;
	background-position:0 5px;
}

/* ↓スイーツ↓ */
.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;
	float:left;
	list-style:none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.m_cafe dt{
	width:200px;
	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:80px;
	text-align:right;
	background:none;
	float:right;
	margin-top: 10;
	margin-right: 0px;
	margin-bottom: 10;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
/* 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:300px;
	float:left;
	list-style:none;
	font-size: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.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;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}

/* ↓ドリンク↓ */
/* 写真 */
.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;
}
.m_drink dl {
	width:300px;
	float:left;
	list-style:none;
	padding: 15px 0 0 0;
}
.m_drink 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_drink dd {
	width:270px;
	margin:10　0　10　0;
	padding:0 0 0 10px;
	text-align:right;
	background:none;
	float:rigth;
}
/* 紅蝙蝠おとりよせ */
/* .cont03 p{
	width:490px;
	margin:15px 0 15px 10px;
	_margin:10px 0 15px 5px;
	float:left;
}*/
.cont05 ul{
	width:520px;
	margin:0 0 10px 0;
	!margin:10px 0 10px 0;
	padding:0 0 10px 0;
	float:left;
	list-style:none;
}
.cont05 li{
	float:left;
	margin: 0;
	list-style-type: none;
}
.cont05 li a{
	width:120px;
	height:98px;
	margin:0 10px 10px 0;
	padding:0px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}
.cont05 #c01 a{
	background-image: url(../images/cafe/t03.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont05 #c02 a{
	background-image: url(../images/cafe/t04.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont05 #c03 a{
	background-image: url(../images/cafe/t05.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont05 #c04 a{
	background-image: url(../images/cafe/t06.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont05 #c05 a{
	background-image: url(../images/cafe/t07.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont05 #c06 a{
	background-image: url(../images/cafe/t08.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont05 #c07 a{
	background-image: url(../images/cafe/t09.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}
.cont05 #c08 a{
	background-image: url(../images/cafe/t10.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
}

/* オーバー */
.cont05 #c01 a:hover{
	background-image: url(../images/cafe/t03.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -98px;
}
.cont05 #c02 a:hover{
	background-image: url(../images/cafe/t04.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -98px;
}
.cont05 #c03 a:hover{
	background-image: url(../images/cafe/t05.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -98px;
}
.cont05 #c04 a:hover{
	background-image: url(../images/cafe/t06.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -98px;
}
.cont05 #c05 a:hover{
	background-image: url(../images/cafe/t07.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -98px;
}
.cont05 #c06 a:hover{
	background-image: url(../images/cafe/t08.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -98px;
}
.cont05 #c07 a:hover{
	background-image: url(../images/cafe/t09.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -98px;
}
.cont05 #c08 a:hover{
	background-image: url(../images/cafe/t10.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px -98px;
}