@charset "utf-8";

/* TOP PAGE =============== */

/* HEADER
---------------------------------------------*/

#top {
	background: url(../img/bg_bag.jpg) 900px top repeat-y;}

#top #bgctrl {
	background: url(../img/bg_top_header.jpg) 913px top repeat-x;}

#top #header {
	width: 912px;
	height: 376px;
	padding: 18px 0 0 18px;
	background: url(../img/topimg02.jpg) left top no-repeat;}

/* forIE6 */
* html #top #header {padding: 18px 0 0 0;}
* html #top #header h1 {margin-left: 18px;}

/* NAVIGATION
---------------------------------------------*/

#top .navi01 {
	left: 0; top: 338px;
	z-index: 5;}

#top .navi03 {
	left: 239px; top:335px;
	z-index: 10;}

#top .navi04 {
	left: 372px; top:335px;
	z-index: 7;}

#top .navi05 {
	left: 511px; top:370px;
	z-index: 8;}

#top .navi06 {
	left: 631px; top:337px;
	z-index: 9;}

#top .navi07 {
	left: 779px; top:371px;
	z-index: 10;}

#top #navi ul { margin: 0; padding: 0;}

/* サブメニュー */
#top #navi ul.sub {}

#top #navi ul.sub li a img {
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;}

#top #navi ul.sub li a:hover img {
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;}

#top .navi02 {
	position: absolute;
	left: 121px; top: 347px;
	z-index: 6;}

#top .navi02_on {
	position: absolute;
	left: 121px; top: 347px;
	z-index: 6;}

#top #navi ul li.navi02 ul {display: none;}
#top #navi ul li.navi02_on ul li {display: block;}

#top .navi03 {
	position: absolute;
	left: 252px; top:362px;
	z-index: 10;}

#top .navi03_on {
	position: absolute;
	left: 252px; top:362px;
	z-index: 10;}

#top #navi ul li.navi03 ul {display: none;}
#top #navi ul li.navi03_on ul li {display: block;}

#top #sub01 {
	left: 1px; top: 113px;
	z-index: 100;}

#top #sub02 {
	left: 0; top: 154px;
	z-index: 100;}

#top #sub03 {
	left: 0; top: 195px;
	z-index: 100;}

#top #sub04 {
	left: 0; top: 240px;
	z-index: 100;}

#top #sub05 {
	left: 0px; top: 155px;
	z-index: 100;}

#top #sub06 {
	left: 0px; top: 237px;
	z-index: 100;}

#top #sub07 {
	left: 0px; top: 114px;
	z-index: 100;}

#top #sub08 {
	left: 0px; top: 196px;
	z-index: 100;}


/* CONTENTS
---------------------------------------------*/

.topbg {
	background: url(../img/bg_contents.jpg) left 28px repeat-x;}

.topmsg {
	height: 140px;
	padding: 0 270px 50px 32px;
	background: url(../img/bg_topmsg.jpg) right top no-repeat;}

.topmsg h2 {
	padding-top: 20px;}

.topmsg p {
	font-size: 14px;
	line-height: 2em;
	margin: 20px 0 0 3px;}

#topinfo {
	width: 480px;
	height: 324px;
	padding: 30px 24px 0 385px;
	background: url(../img/bg_topics.jpg) left top no-repeat;}

#topinfo dl {
	margin: 6px 0 0 5px;}

#topinfo dt {
	padding: 8px 0 0 25px;
	background: url(../img/bg_topicsdate.gif) left 7px no-repeat;}

#topinfo dd {
	line-height: 1.7em;
	border-bottom: 1px dashed #999;}

#topprod {
	width: 834px;
	height: 337px;
	padding: 15px 24px 0 32px;
	background: url(../img/bg_topprod.jpg) left top no-repeat;}

#topprod p {
	line-height: 2em;
	margin: 20px 500px 0 5px;}

#topprod span {
	display: block;
	margin: 13px 0 -8px 75px;}

#topabout {
	width: 834px;
	height: 420px;
	margin-bottom: -40px;
	padding: 8px 24px 0 32px;
	background: url(../img/bg_topabout.jpg) left top no-repeat;}

#topabout p {letter-spacing: 0;}

#topabout h3 {margin-top: 10px;}

#topabout dl {
	width: 400px;
	height: 240px;
	margin: 8px 0 0 0;
	background: url(../img/bg_shopbox.jpg) right 3px no-repeat;}

#topabout dl dt {
	font-size: 16px;
	font-weight: normal;
	line-height: 2em;}

#topabout dl dd {
	padding: 6px 0 10px 0;}

#topabout dl dd p,#topabout dl dd address {
	line-height: 1.8em;}