@UTF8;

* {
	margin: 0;
	padding: 0;
}

/* @group 共通項目 */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFF;
	font-size: 12px;
	font-weight: normal;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3","Meiryo", "メイリオ", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 140%;
}

#wrapper {
	width: 950px;
	margin: 5px auto 0px auto;
	text-align: left;
	padding: 0;
}


#header #head1 {
	background: url(../imgs/header.jpg) no-repeat;
	width: 950px;
	height: 260px;
	margin: 0;
	padding: 0;	
}

#header #head2 {
	background: url(../imgs/header2.png) no-repeat;
	width: 950px;
	height: 148px;
	margin: 0;
	padding: 0;	
}

h1 {
	text-indent: -9999px;
}
#TF {
	margin: 0 0 15px;
	width: 425px;
	height: auto;
}
.normal {
	color: #003609;
	font-weight: bold;
	font-size: 14px;
}
.new {
	
	color: #de0058;
	font-weight: bold;
	font-size: 14px;
}
.soldout {	
	color: #c03;
	font-weight: bold;
	font-size: 14px;
	text-decoration: line-through;
}
.recommend {	
	color: #008600;
	font-weight: bold;
	font-size: 14px;
}
.season {	
	color: #df5800;
	font-weight: bold;
	font-size: 14px;
}
em {
	visibility: hidden;
}
img {
	vertical-align: top;
	border:none;
}

/* @group nani munu */

#navi {
	height: 60px;
	margin: 0;
	padding: 0;
}

#navi ul {
	list-style: none;
	float: right;
}

#navi li {
	display: inline;
	float: left;
}

/* @end */

#main {
	background: url(../imgs/back.jpg) repeat-y;	
	width: 950px;
	height: auto;
	margin: 0;
	padding: 0;
}
#end {
	background: url(../imgs/content_end.png) no-repeat;	
	width: 950px;
	height: 39px;
	margin: 0;
	padding: 0;
}
#footer {
	background: url(../imgs/footer.png) no-repeat;
	width: 950px;
	height: 70px;
	margin: 20px 0 10px;
	padding: 0;
}

/* @end */

/* @group トップページ */
#col1 {
	width: 450px;
	height: auto;
	margin: 0 20px 0 0;
	_margin: 0 10px 0 0;
	padding: 0;
	float: right;
}
#col1 a {
	color: #7f001d;
}
#col2 {
	background: url(../imgs/topimage.jpg) no-repeat;
	width: 450px;
	height: 500px;
	margin: 0 0 0 20px;
	_margin: 0 0 0 10px;
	padding: 0;
	float: left;
}
#mid_image {
	float: right;
	margin: 0 0 5px 10px;
	padding: 0;
}
.imageSlideshowHolder {
	width:200px;
	height:113px;
	position:relative;
	margin: 0;
	padding: 0;
}
.imageSlideshowHolder img{
	position:absolute;
	left:0;
	top:0;
	margin: 0;
	padding: 0;
}
/* @end */

/* @group インフォ */
#Infotitle {
	background: url(../imgs/infotitle.png) no-repeat;
	width: 504px;
	height: 35px;
	margin: 0 0 20px 20px;
	padding: 0;
}
#Infotitle_e {
	background: url(../imgs/infotitle.jpg) no-repeat;
	width: 504px;
	height: 35px;
	margin: 0 0 20px 20px;
	padding: 0;
}
#Flavor {
	width: 400px;
	height: 45px;
	margin: 0 0 20px;
	background: url(../imgs/todays.png) no-repeat;
}
#leftarea {
	width: 455px;
	height: auto;
	margin: 0 0 0 20px;
	_margin:  0 0 0 10px;
	padding: 0;
	float: left;
}
#flavorarea {
	width: 425px;
	height: 800px;
	padding: 10px;
	margin-left: 15px;
	_margin-left: 7px;
}
#infoarea {
	border: 1px solid #8e9e98;
	width: 425px;
	height: 150px;
	padding: 10px;	
	margin: 0 0 20px;
	_margin: 0 0 10px;
}
#rightarea {
	width: 445px;
	height: auto;
	margin: 0 20px 0 0;
	_margin: 0 10px 0 0 ;
	float: right;
}
#Attentionarea {
	background: url(../imgs/info1.png) no-repeat;
	width: 445px;
	height: 500px;
	margin: 0;
	padding: 0;
}
#Attention2area {
	background: url(../imgs/info2.png) no-repeat;
	width: 445px;
	height: 500px;
	margin: 0 0 30px;
	_margin: 0 0 15px;
}
#Attentionarea_e {
	background: url(../imgs/info1e.png) no-repeat;
	width: 445px;
	height: 500px;
	margin: 0;
	padding: 0;
}
#Attention2area_e {
	background: url(../imgs/info2e.png) no-repeat;
	width: 445px;
	height: 500px;
	margin: 0 0 30px;
	_margin: 0 0 15px;
}
/* @end */

/* @group メニュー */
#menutitle {
	background: url(../imgs/menutitle.png) no-repeat;
	width: 504px;
	height: 35px;
	margin: 0 0 20px 20px;
	padding: 0;
}
#menutitle2 {
	background: url(../imgs/menutitle.jpg) no-repeat;
	width: 504px;
	height: 35px;
	margin: 0 0 20px 20px;
	padding: 0;
}
#hotmenus {
	background: url(../imgs/menu_hot.png) no-repeat;
	width: 379px;
	height: 366px;
	margin: 0 0 0 50px;
	_margin: 0 0 0 25px;
	padding: 0;
	float: left;	
}
#hotmenus ul {
	list-style: none;
}
#coldmenus {
	background: url(../imgs/menu_cold.png) no-repeat;
	width: 380px;
	height: 365px;
	margin: 0 50px 0 0;
	_margin: 0 25px 0 0;
	padding: 0;
	float: right;	
}
#coldmenus ul {
	list-style: none;
}
#conleft {	
	margin: 0 0 0 20px;
	padding: 0;
}
#alchmenus {
	background: url(../imgs/menu_alch.png) no-repeat;
	width: 380px;
	height: 477px;
	margin: 30px 50px 0 0;
	_margin: 20px 25px 0 0;
	padding: 0;
	float: right;	
}
#alchmenus ul {
	list-style: none;
}
#sandmenus {
	background: url(../imgs/menu_pan.png) no-repeat;
	width: 379px;
	height: 477px;
	margin: 30px 0 0 50px;
	_margin: 20px 0 0 25px;
	padding: 0;
	float: left;
}
#sandmenus ul {
	list-style: none;
}
#gelatomenus {
	background: url(../imgs/menu_gelato.png) no-repeat;
	width: 596px;
	height: 216px;
	margin: 25px 0 0 200px;
	_margin: 20px 0 0 200px;
	padding: 0;	
}
#gelatomenus ul {
	list-style: none;
}
.menu {
	text-indent: 30px;
}
#menucontent {
	color: #FFF;
	height: auto;
	padding: 30px 0 0;	
}
#menucontent a {
	color: #FFF;
}
#menucontent2 {
	color: #7f001d;
	height: auto;
	padding: 30px 0 0 150px;
	_padding: 30px 0 0 75px;	
}
#menucontent2 a {
	color: #7f001d;
}
.reco {
	background: url(../imgs/recommand.png) no-repeat;
	width: 95px;
	height: 20px;
	margin: 0 0 0 5px;
	padding: 0;
}
#clear {
	width: 950px;
	height: 2px;
	margin: 0;
	padding: 0;
	clear: both;
}
#clear2 {
	width: 400px;
	height: 2px;
	margin: 0;
	padding: 0;
	clear: both;
}

/* @end */

/* @group アクセス */
#Accesstitle {
	background: url(../imgs/accesstitle.png) no-repeat;
	width: 504px;
	height: 35px;
	margin: 0 0 20px 20px;
	padding: 0;
}
#Accesstitle_e {
	background: url(../imgs/accesstitle.jpg) no-repeat;
	width: 504px;
	height: 35px;
	margin: 0 0 20px 20px;
	padding: 0;
}

#mapimage {
	background: url(../imgs/map.png) no-repeat;
	width: 500px;
	height: 200px;
	margin: 0 0 0 100px;
	padding: 0;
	float: left;
}
#mapimage_e {
	background: url(../imgs/map_e.png) no-repeat;
	width: 500px;
	height: 200px;
	margin: 0 0 0 100px;
	padding: 0;
	float: left;
}
#infomationarea {
	background: url(../imgs/topinfo.png) no-repeat;
	width: 795px;
	height: 122px;
	margin: 0 0 25px 77px;
	padding: 0;
}
#infomationarea_e {
	background: url(../imgs/topinfo_e.png) no-repeat;
	width: 795px;
	height: 122px;
	margin: 0 0 25px 77px;
	padding: 0;
}
#button {
	width: 160px;
	height: 67px;
	margin: 0;
	padding: 100px 100px 0 0;
	_padding: 100px 50px 0 0;
	float: right;
}
#button_e {
	width: 160px;
	height: 67px;
	margin: 0;
	padding: 100px 100px 0 0;
	_padding: 100px 50px 0 0;
	float: right;
}
#QRcode {
	width: 795px;
	height: 122px;
	padding: 0;
	margin: 25px 0 0 77px;
}
#code {
	float: left;
	margin: 0 25px;
}
#ADD {
	background: url(../imgs/address.png) no-repeat;
	width: 795px;
	height: 81px;
	margin: 25px 0 0 77px;
}
#ADD_e {
	background: url(../imgs/address_e.png) no-repeat;
	width: 795px;
	height: 81px;
	margin: 25px 0 0px 77px;
}
#foot {
	padding: 0 0 0 50px;
	color: white;
}
#foot a {
	color: #FFF;
}
/* @end */