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

/*----------------------------------------------------

共通設定

------------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

html{
	height:100%;	
}

body{
	background:url(images/body-back.gif) repeat-x;
	height:100%;
}

img{
	border:0;
}

a{
	text-decoration:none;
	color:#FFF;
	text-decoration:none;
	display:block;	/**/
}


/*----------------------------------------------------

レイアウト

------------------------------------------------------*/

/* ページ全体（700px）をブラウザの中央に配置 */
#wrap{
	width:700px;
	height:881px;
	/*min-height:100%;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

*html #wrap{
	height:100%;
}

/* ヘッダ部分（店名ロゴ+メニューナビ） */
header{
	width:700px;
	height:136px;
}


header h1{
	height:70px;
	margin-left:10px;
	margin-top:14px;
	background:url(images/logo.jpg) no-repeat;
	text-indent:-9999px;
}

header ul#navi{
	width:700px;
	margin-top:16px;
	list-style:none;
	height:26px;
}

header ul#navi li{
	width:140px;
	height:26px;
	float:left;
	position:relative;	/**/
}

header ul#navi li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

/* サブメニュー*/

header ul#navi li ul.sub{
	list-style:none;
	position:absolute;	/**/
	display:none;		/**/
	background-image:none;
}

header ul#navi li ul.sub li{
	width:138px;
	background-image:none;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	float:none;
	background: #009900;
	position:relative;
}

header ul#navi li ul.red li{
	background: #ff0000;
	background-image:none;
	position:relative;
}

header ul#navi li ul.sub li a{
	text-indent:10px;
	line-height:25px;
	color:#FFF;
}

header ul#navi li ul.sub li a:hover{
	background:#666;
	position:relative;
}
header ul#navi li ul.sub li ul.sub{
	width:140px;
	top:0;
	left:138px;
	/*position:relative;*/
}

/* +マウスオーバー  */
header ul#navi li{
	width:140px;
	height:26px;
	background:url(images/navi-sprite.jpg) no-repeat 0 0;
}
header ul#navi li:nth-child(2){
	background:url(images/navi-sprite.jpg) no-repeat -140px 0;
}
header ul#navi li:nth-child(3){
	background:url(images/navi-sprite.jpg) no-repeat -280px 0;
}
header ul#navi li:nth-child(4){
	background:url(images/navi-sprite.jpg) no-repeat -420px 0;
}
header ul#navi li:nth-child(5){
	background:url(images/navi-sprite.jpg) no-repeat -560px 0;
}


header ul#navi li:nth-child(1) a:hover{
	background:url(images/navi-sprite.jpg) no-repeat 0 -26px;
}
header ul#navi li:nth-child(2) a:hover{
	background:url(images/navi-sprite.jpg) no-repeat -140px -26px;
}
header ul#navi li:nth-child(3) a:hover{
	background:url(images/navi-sprite.jpg) no-repeat -280px -26px;
}
header ul#navi li:nth-child(4) a:hover{
	background:url(images/navi-sprite.jpg) no-repeat -420px -26px;
}
header ul#navi li:nth-child(5) a:hover{
	background:url(images/navi-sprite.jpg) no-repeat -560px -26px;
}

/*  */
#content{
	width:660px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

#content h2{
	width:660px;
	height:60px;
	margin-bottom:50px;
	background:url(images/recommend.gif) no-repeat;
	text-indent:-9999px;
}

#content .menu01 {
	width:580px;
	overflow:hidden;
	margin-left:40px;
	margin-bottom:50px;
}

#content .menu01 img{
	border:#ff0000 5px solid;
	margin-right:20px;
	float:left;
}

#content .menu01 h3{
	font-size:20px;
	font-weight:bold;
	color:#339900;
	margin-bottom:15px;
}

#content .menu01 p{
	line-height:1.6;
}

#content .menu02 {
	width:580px;
	overflow:hidden;
	margin-left:40px;
	margin-bottom:25px;
}

#content .menu02 img{
	border:#339900 5px solid;
	margin-right:20px;
	float:left;
}

#content .menu02 h3{
	font-size:20px;
	font-weight:bold;
	color:#ff0000;
	margin-bottom:15px;
}

#content .menu02 p{
	line-height:1.6;
}
	

footer{
	xclear:both;
	width:100%;
	height:45px;

	text-align:center;
	position:absolute;
	bottom:0;
	color:#FFF;
	line-height:45px;
}
/*footerbg{
	clear:both;
	background:url(images/footer-bg.gif) repeat-x;
	height:45px;
}*/