@charset "utf-8";

/***************************************************
	スタイルシート
	index.css
	トップページレイアウトスタイル定義
***************************************************/

#wrap {	background: url(../img/temp/wrap_bg.png) 0 0 repeat-y;}
#wrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* IE6 */
* html #wrap             { zoom: 1; }
/* IE7 */
*:first-child+html #wrap { zoom: 1; }

#flashArea {	height: 410px;}

#wrap.topindex #gnavi {
	float: left;
	width: 260px;
	padding: 15px 0 15px 15px;
	background-color: #ffffff;
	border: none;
}
#wrap.topindex #gnavi ul {	border: none;}
#wrap.topindex #gnavi li {
	float: none;
	width: 260px;
	padding-bottom: 10px;
}
#wrap.topindex #gnavi li.n01, #wrap.topindex #gnavi li.n02 {	display: none;}
#wrap.topindex #gnavi li a {
	display: block;
	height: auto;
	text-indent: 0;
	background-image: none;
}
#wrap.topindex #gnavi li a span {
	display: block;
	height: 62px;
	text-indent: -9999px;
}
#wrap.topindex #gnavi li.n03 a span {	background: url(../img/index/gnavi01.jpg) 0 0 no-repeat;}
#wrap.topindex #gnavi li.n04 a span {	background: url(../img/index/gnavi02.jpg) 0 0 no-repeat;}
#wrap.topindex #gnavi li.n05 a span {	background: url(../img/index/gnavi03.jpg) 0 0 no-repeat;}
#wrap.topindex #gnavi li.n06 a span {	background: url(../img/index/gnavi04.jpg) 0 0 no-repeat;}
#wrap.topindex #gnavi li a:hover span {	background-position: 0 -62px;}
#wrap.topindex #gnavi li a dfn {
	display: block;
	padding-left: 15px;
	background: url(../img/temp/ico01.png) 0 50% no-repeat;
	font-size: 83%;
}

#bannerArea {	float: left;}
/*
#bannerArea li.n01 {	margin-bottom: 15px;}
#bannerArea li.n02 {	margin-bottom: 10px;}
#bannerArea li.n03 {	margin-bottom: 15px;}
#bannerArea li.n04 {	margin-bottom: 15px;}
*/

#contents {
	float: right;
	width: 588px;
	padding-top: 10px;
	padding-right: 15px;
}

/**/
#contents .pickup_item {	margin-bottom: 10px;	border: 1px solid #a5a58c;}
#contents .pickup_item-inner {	padding: 10px 0 10px 40px;	background-color: #fafaf0;	border: 4px solid #dcdcc8;}
#contents .pickup_item dl {
	float: left;
	width: 130px;
	margin-right: 25px;
	padding: 10px;
	background-color: #FFFFFF;
	text-align: center;
}
#contents .pickup_item dl.n03 {	margin-right: 0;}
#contents .pickup_item dt {	line-height: 1.3;}
#contents .pickup_item dd {	padding: 2px 0;}
#contents .pickup_item dd.catch {
	font-weight: bold;
	color: #737355;
}
#contents .pickup_item dd.price {
	font-weight: bold;
	color: #cd0a0a;
}
#contents .pickup_item dd.price .discount {
	color: #323232;
	font-weight: normal;
	font-size: 91%;
}
#contents .pickup_item dd a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/**/

#contents #information {
	float: left;
	width: 285px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	background: url(../img/index/information_bg.png) 0 100% no-repeat;
}
#contents #press {
	float: right;
	width: 285px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	background: url(../img/index/press_bg.png) 0 100% no-repeat;
}
#contents #information h3,
#contents #press h3 {	margin-bottom: 2px;}
#contents #information iframe,
#contents #press iframe {
	width: 285px;
	height: 85px;
	overflow: auto;
/*	overflow-y: scroll;*/
}

#contents #menu li {	margin-bottom: 10px;}
#contents #menu li.n06 {	margin-bottom: 0;}
#contents #menu li a {
	display: block;
	width: 588px;
	height: 121px;
	text-indent: -9999px;
}
#contents #menu li.n01 a {	background: url(../img/index/menu01.jpg) 0 0 no-repeat;}
#contents #menu li.n02 a {	background: url(../img/index/menu02.jpg) 0 0 no-repeat;}
#contents #menu li.n03 a {	background: url(../img/index/menu03.jpg) 0 0 no-repeat;}
#contents #menu li.n04 a {	background: url(../img/index/menu04.jpg) 0 0 no-repeat;}
#contents #menu li.n05 a {	background: url(../img/index/menu05.jpg) 0 0 no-repeat;}
#contents #menu li.n06 a {	background: url(../img/index/menu06.jpg) 0 0 no-repeat;}
#contents #menu li.n07 a {	background: url(../img/index/menu07.jpg) 0 0 no-repeat;}
#contents #menu li a:hover {	background-position: 0 -121px;}
#contents .green {
	padding-bottom: 10px;
}

#contents .suppli {
	padding: 5px 0 5px 0;
}
#contents .green a {
	background: url(../img/index/green_bn.jpg) 0 0 no-repeat;
	display: block;
	width: 588px;
	height: 104px;
	text-indent: -9999px;
}

#contents .suppli a {
	background: url(../img/index/suppli_bn.jpg) 0 0 no-repeat;
	display: block;
	width: 588px;
	height: 100px;
	text-indent: -9999px;
}

#contents .green a:hover {	background-position: 0 -104px;}
#contents .suppli a:hover {	background-position: 0 -100px;}
#contents .otamesi a:hover {	background-position: 0 -300px;}
#contents .ochugen a:hover {	background-position: 0 -100px;}
#ochugen a:hover {	background-position: 0 -100px;}

#contents .link {
	padding: 0 10px 0 10px;
	margin-left: 13px;
	background: url(../img/temp/ico02.png) 0 50% no-repeat;
	font-size: 11px;
}

#contents .souki {
	padding: 10px 0 10px 9px;
	text-align: center;
}

#contents .souki a {
	background: url(../img/index/bn_maikon.jpg) 0 0 no-repeat;
	display: block;
	width: 588px;
	height: 300px;
	text-indent: -9999px;
}

#contents .souki a:hover{background-position: 0 -300px; }

#contents .winter_2011 {
	padding: 5px 0 5px 0;
	text-align: center;
}

#contents .winter_2011 a {
	background: url(../img/index/bn_winter_2011.jpg) 0 0 no-repeat;
	display: block;
	width: 588px;
	height: 100px;
	text-indent: -9999px;
}
#contents .winter_2011 a:hover {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}
#bannerArea li.n08 {	background: #F5EBEB;}
#bannerArea span {
	padding: 0 10px 0 10px;
	background: url(../img/temp/ico02.png) 0 50% no-repeat;
	font-size: 11px;
	line-height: 1.4;
}


#contents .takarabako_2010 {
	padding: 5px 0 5px 0;
	text-align: center;
}
#contents .takarabako_2010 a {
	background: url(../img/index/bn_takarabako2010.jpg) 0 0 no-repeat;
	display: block;
	width: 588px;
	height: 100px;
	text-indent: -9999px;
}
#contents .takarabako_2010 a:hover {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}
#contents .matomegai_2011 {
	padding: 5px 0 5px 0;
	text-align: center;
}
#contents .matomegai_2011 a {
	background: url(../img/index/bn_matome_2011.jpg) 0 0 no-repeat;
	display: block;
	width: 588px;
	height: 100px;
	text-indent: -9999px;
}
#contents .matomegai_2011 a:hover {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}