@charset "utf-8";

/*////////////////////////////////////////////////////////////

	[home.css]

	1. body
	2. header
		2-1. map
	3. footer
	4. body
		4-1. information
		4-2. sidebar

////////////////////////////////////////////////////////////*/

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

	1. body

------------------------------------------------------------*/
body {
	background: #CBEE43 url(../img/home/bg_body.gif) repeat-x;
}

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

	2. header

------------------------------------------------------------*/
div#header div.wrapper {
	height: 708px;
	background: url(../img/home/bg_header.gif) no-repeat;
}

/* 2-1. map
------------------------------------------------------------*/
div#header dl#map {
	position: relative;
	z-index: 1;
}

div#header dl#map dt,
div#header dl#map dd {
	position: absolute;
	margin: 0;
	padding: 0;
}

div#header dl#map dt {
	left: 60px;
	top: 500px;
}

div#header dl#map dd#map-unmemon {
	left: 152px;
	top: 154px;
}

div#header dl#map dd#map-ichi {
	left: 533px;
	top: 358px;
}

div#header dl#map dd#map-information {
	left: 584px;
	top: 196px;
}

div#header dl#map dd#map-syoku {
	left: 315px;
	top: 352px;
}

div#header dl#map dd#map-kamedago {
	left: 402px;
	top: 175px;
}

div#header dl#map dd#map-tsubuyaki {
	left: 122px;
	top: 319px;
}

div#header dl#map dd#map-video {
	left: 705px;
	top: 330px;
}

div#header dl#map dd#map-inquiry{
	left: 662px;
	top: 528px;
}

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

	3. footer

------------------------------------------------------------*/
div#footer {
	top: -72px;
}

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

	4. body

------------------------------------------------------------*/
div#body {
	position: relative;
	z-index: 1;
	top: -108px;
	width: 828px;
	margin: 0 auto;
	padding: 0 60px 0 72px;
}
* html div#body {
	width: 960px;
}

div#body img {
	display: block;
}

/* 4-1. information
------------------------------------------------------------*/
div#body div#information {
	float: left;
	width: 540px;
	background: url(../img/home/bg_info-body.gif) repeat-y;
}
* html div#body div#information {
	text-align: left;
}

div#body div#information div.wrapper {
	padding: 0 0 36px;
	background: url(../img/home/bg_info-footer.gif) no-repeat left bottom;
}
* html div#body div#information div.wrapper {
	height: 1%;
}

div#body div#information h2 {
	margin: 0;
}

div#body div#information dl {
	position: relative;
	width: 396px;
	margin: 0 0 12px 48px;
	line-height: 1.5;
}

div#body div#information dt {
	position: relative;
	z-index: 2;
}

div#body div#information dt a {
	display: block;
	min-height: 15px;
	padding: 12px 0 9px 42px;
	margin: 0 0 6px;
	border-bottom: 1px dashed #CCC;
	text-decoration: none;
	font-weight: bold;
}
* html div#body div#information dt a {
	height: 36px;
}

div#body div#information dt a:hover {
	text-decoration: underline;
}

div#body div#information dd.category {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 12px;
}

div#body div#information dd.title {
	margin-bottom: 3px;
	font-weight: bold;
}

div#body div#information dd.text {
	font-size: 10px;
}

div#body div#information dl.unmemon dt a,
div#body div#information dl.unmemon-collection dt a,
div#body div#information dl.unmemon-chokubai dt a,
div#body div#information dl.unmemon-recipe dt a {
	background: url(../img/home/icon_unmemon.gif) no-repeat;
	color: #639;
}

div#body div#information dl.ichi dt a,
div#body div#information dl.ichi-map dt a,
div#body div#information dl.ichi-shop dt a {
	background: url(../img/home/icon_ichi.gif) no-repeat;
	color: #F90;
}

div#body div#information dl.information dt a {
	background: url(../img/home/icon_information.gif) no-repeat;
	color: #C06;
}

div#body div#information dl.kamedago dt a,
div#body div#information dl.kamedago-about dt a,
div#body div#information dl.kamedago-ohanashi dt a,
div#body div#information dl.kamedago-gallery dt a {
	background: url(../img/home/icon_kamedago.gif) no-repeat;
	color: #390;
}

div#body div#information dl.syoku dt a {
	background: url(../img/home/icon_syoku.gif) no-repeat;
	color: #CEAF29;
}

div#body div#information dl.video dt a {
	background: url(../img/home/icon_video.gif) no-repeat;
	color: #6A9DB5;
}

div#body div#information dl.tsubuyaki dt a {
	background: url(../img/home/icon_tsubuyaki.gif) no-repeat;
	color: #69F;
}

div#body div#information dl.profile dt a {
	background: url(../img/home/icon_profile.gif) no-repeat;
	color: #828242;
}

div#body div#information dl.privacy dt a {
	background: url(../img/home/icon_privacy.gif) no-repeat;
	color: #999;
}

div#body div#information dl.link dt a {
	background: url(../img/home/icon_link.gif) no-repeat;
	color: #999;
}

div#body div#information dl.inquiry dt a {
	background: url(../img/home/icon_inquiry.gif) no-repeat;
	color: #999;
}

div#body div#information dl.sitemap dt a {
	background: url(../img/home/icon_sitemap.gif) no-repeat;
	color: #999;
}

div#body div#information dl.other dt a {
	background: url(../img/home/icon_other.gif) no-repeat;
	color: #999;
}

div#body div#information dd a:hover {
	text-decoration: underline !important;
}

div#body div#information dd.title a {
	text-decoration: none;
}

/* 4-2. sidebar
------------------------------------------------------------*/
div#body div#sidebar {
	float: right;
	width: 288px;
	margin: 108px 0 0;
}
* html div#body div#sidebar {
	text-align: left;
}

/* pickup */
div#body div#pickup {
	margin: 0 0 24px;
	background: url(../img/home/bg_picup-body.gif) repeat-y;
}

div#body div#pickup h2 {
	margin: 0;
}

div#body div#pickup ul {
	margin: 0;
	padding: 0 0 48px;
	background: url(../img/home/bg_picup-footer.gif) no-repeat left bottom;
	list-style: none;
}

div#body div#pickup li {
	margin: 0 0 12px 24px;
}
* html div#body div#pickup a {
	display: block;
	width: 228px;
}

/* link */
div#body div#link ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#body div#link ul li {
	float: left;
	margin: 12px 12px 0 0;
}

