@charset "UTF-8";
ul#menuNavi {
	margin: 40px 75px 10px;
	list-style: none;
	height: 39px;
}
ul#menuNavi li {
	float: left;
}
ul#menuNavi li a {
	display: block;
	width: 162px;
	height: 39px;
	text-indent: -999em;
	background: no-repeat left top;
}
ul#menuNavi li a:hover {
	background-position: left center;
}
ul#menuNavi li.active a, ul#menuNavi li.active a:hover {
	background-position: left bottom;
}
ul#menuNavi li#navCrape a {
	background-image: url(../images/menu_nav_crape.gif);
	margin-right: 7px;
}
ul#menuNavi li#navPuff a {
	background-image: url(../images/menu_nav_puff.gif);
	margin-right: 7px;
}
ul#menuNavi li#navCake a {
	background-image: url(../images/menu_nav_cake.gif);
	margin-right: 8px;
}
ul#menuNavi li#navCafe a {
	background-image: url(../images/menu_nav_cafe.gif);
}
div#titleCrape {
	clear: both;
	background: #d8e7f4 url(../images/menu_crape_photo.jpg) no-repeat right top;
	margin: 0px 75px 0px;
	padding: 10px 15px;
	border: 5px solid #d8e7f4;
	height: 140px;
}
div#titlePuff {
	clear: both;
	background: #d8e7f4 url(../images/menu_puff_photo.jpg) no-repeat right top;
	margin: 0px 75px 0px;
	padding: 10px 15px 30px;
	border: 5px solid #d8e7f4;
	height: 140px;
}
div#titleCake {
	clear: both;
	background: #d8e7f4 url(../images/menu_cake_photo.jpg) no-repeat right top;
	margin: 0px 75px 0px;
	padding: 10px 15px 30px;
	border: 5px solid #d8e7f4;
	height: 140px;
}
div#titleCafe {
	clear: both;
	background-color: #d8e7f4;
	margin: 0px 75px 0px;
	padding: 10px 15px;
	border: 5px solid #d8e7f4;
	height: 120px;
}
div#titleCrape h3, div#titlePuff h3, div#titleCake h3, div#titleCafe h3 {
	margin: 0px 0px 7px;
	padding: 3px 0px 3px 10px;
	border-left: 2px solid #0062B3;
}
div#titleCrape p.read, div#titlePuff p.read, div#titleCake p.read {
	color: #000;
	width: 230px;
}
div#titleCafe p.read {
	color: #000;
	width: 400px;
}
div#crapePoint {
	margin: 0px 75px 0px;
	border: 10px solid #d8e7f4;
	border-bottom: 40px solid #d8e7f4;
	background-color: #eff5fb;
	height: 220px;
}
/*ボックスクリア用ハック*/
div#crapePoint:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#crapePoint {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html div#crapePoint { height:1%; }
div#crapePoint { display: block; }
/* End hide from IE-mac */
/*---end---*/

div#crapePoint dl {
	float: left;
	width: 225px;
	border-right: 1px solid #d8e7f4;
	padding: 10px;
	height: 200px;
}
div#crapePoint dl.point03 {
	width: 138px;
	border: none;
}
div#crapePoint dl dt {
	background: no-repeat center 5px;
	padding: 130px 0px 5px;
	text-align: center;
}
div#crapePoint dl.point01 dt {
	background-image: url(../images/menu_crape_p01.jpg);
}
div#crapePoint dl.point02 dt {
	background-image: url(../images/menu_crape_p02.jpg);
}
div#crapePoint dl.point03 dt {
	background-image: url(../images/menu_crape_p03.jpg);
	padding: 110px 0px 5px;
}
div#crapePoint dl dd {
	font-size: 11px;
}
div#menuList {
	clear: both;
	margin: 0px 75px 0px;
	background-color: #d8e7f4;
	padding: 0px 0px 30px;
}
div#menuList h4 {
	margin: 0px auto 7px;
	padding: 0px 0px 0px;
	width: 586px;
}
div#menuList table {
	border-collapse: collapse;
	margin: 0px auto;
	width: 588px;
	background-color: #FFF;
	border: 7px solid #FFF;
	color: #000;
}
div#menuList table th {
	text-align: left;
	padding: 3px 5px;
	background-color: #0062b3;
	border-bottom: 2px solid #FFF;
	color: #FFF;
}
div#menuList table th span {
	font-weight: normal;
	font-size: 11px;
}
div#menuList table td {
	padding: 5px;
	border-bottom: 1px solid #CCC;
}
/*人気ランキング*/
div#menuList table td.crapeNo1 {
	background: url(../images/menu_p_crape_no1.jpg) no-repeat 5px 5px;
	padding: 5px 5px 5px 120px;
	height: 70px;
	border-bottom: 1px solid #CCC;
}
div#menuList table td.crapeNo2 {
	background: url(../images/menu_p_crape_no2.jpg) no-repeat 5px 5px;
	padding: 5px 5px 5px 120px;
	height: 70px;
	border-bottom: 1px solid #CCC;
}
div#menuList table td.crapeNo3 {
	background: url(../images/menu_p_crape_no3.jpg) no-repeat 5px 5px;
	padding: 5px 5px 5px 120px;
	height: 70px;
	border-bottom: 1px solid #CCC;
}
div#menuList table td.puffNo1 {
	background: url(../images/menu_p_puff_no1.jpg) no-repeat 5px 5px;
	padding: 5px 5px 5px 120px;
	height: 70px;
	border-bottom: 1px solid #CCC;
}
div#menuList table td.puffNo2 {
	background: url(../images/menu_p_puff_no2.jpg) no-repeat 5px 5px;
	padding: 5px 5px 5px 120px;
	height: 70px;
	border-bottom: 1px solid #CCC;
}
div#menuList table td.puffNo3 {
	background: url(../images/menu_p_puff_no3.jpg) no-repeat 5px 5px;
	padding: 5px 5px 5px 120px;
	height: 70px;
	border-bottom: 1px solid #CCC;
}
div#menuList table td.cakeNo1 {
	background: url(../images/menu_p_cake_no1.jpg) no-repeat 5px 5px;
	padding: 5px 5px 5px 120px;
	height: 70px;
	border-bottom: 1px solid #CCC;
}
div#menuList table td.cakeNo2 {
	background: url(../images/menu_p_cake_no2.jpg) no-repeat 5px 5px;
	padding: 5px 5px 5px 120px;
	height: 70px;
	border-bottom: 1px solid #CCC;
}
div#menuList table td.cakeNo3 {
	background: url(../images/menu_p_cake_no3.jpg) no-repeat 5px 5px;
	padding: 5px 5px 5px 120px;
	height: 70px;
	border-bottom: 1px solid #CCC;
}
div#menuList table td.menuGrope {
	vertical-align: top;
	font-weight: bold;
	border: 2px solid #FFF;
}
div#menuList table td#gCold {
	background-color: #7fb0d9;
	color: #FFF;
}
div#menuList table td#gCold {
	background-color: #7fb0d9;
	color: #FFF;
}
div#menuList table td#gGelato {
	background-color: #dead60;
	color: #FFF;
}
div#menuList table td#gPatissier {
	background-color: #7bbf33;
	color: #FFF;
}
div#menuList table td#gHot {
	background-color: #e8786a;
	color: #FFF;
}
div#menuList table tr.l02 td {
	background-color: #eff5fb;
}
div#menuList table th.price, div#menuList table td.price {
	text-align: right;
}
div#menuList table td.takumi {
	background: url(../images/takumi01.gif) no-repeat center center;
	width: 24px;
	height: 24px;
	text-indent: -999em;
}
div#menuList table tr.l02 td.takumi {
	background: #eff5fb url(../images/takumi02.gif) no-repeat center center;
	width: 24px;
	height: 24px;
	text-indent: -999em;
}

/*カフェ用*/
div#menuListCafe {
	clear: both;
	margin: 0px 75px 0px;
	background-color: #d8e7f4;
	padding: 0px 0px 30px;
}
div#menuListCafe h4 {
	margin: 0px auto 7px;
	padding: 0px 0px 0px;
	width: 586px;
}
div#menuListCafe table {
	border-collapse: collapse;
	margin: 0px auto;
	width: 588px;
	background-color: #FFF;
	border: 7px solid #FFF;
	color: #000;
}
div#menuListCafe table th {
	text-align: left;
	padding: 3px 5px;
	background-color: #0062b3;
	border-bottom: 1px solid #FFF;
	color: #FFF;
}
div#menuListCafe table th span {
	font-weight: normal;
	font-size: 11px;
}
div#menuListCafe table td {
	padding: 5px;
	border-bottom: 1px solid #CCC;
}
div#menuListCafe table td#gHot {
	background-color: #e8786a;
	color: #FFF;
}
div#menuListCafe table tr.l02 td {
	background-color: #eff5fb;
}
div#menuListCafe table tr.size th {
	padding: 3px 5px;
	text-align: center;
	background-color:#7fb0d9;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
div#menuListCafe table th.price, div#menuListCafe table td.price {
	text-align: center;
}