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

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+	index.css 
+	
+	
+	
+	
+	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#main {
	width:860px; 
}

#flash {
	float:left;
}
#flash img {
	padding:10px 0px 0px 0px;
}


/* ========================================

	コンテンツ

=========================================*/
#top {
	float:left;
	width:860px;
	padding-right:6px;
}

/* what's new
=========================================*/
#top #wn {
	width:344px;
	float:left;
	padding-top:17px;
	padding-bottom:20px;
}

/* what's new 中身 */
#top #wn h3 {
	width:340px;
}

#top #wn #info {
	width:342px;
	height:197px;
	overflow:auto;
	margin-top:10px;
	border:1px solid #999;
}
#top #wn #info dl {
	width:300px;
	_width:300px;
	margin:10px 10px 0px 10px;
	padding-bottom:10px;
	clear:both;
	border-bottom:1px dotted #999;
	zoom:1;
}
#top #wn #info dl:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#top #wn #info dl dt {
	width:80px;
	padding-right:10px;
	float:left;
}
#top #wn #info dl dd {
	width:207px;
	_width:207px;
	float:left;
}

/* =======================================
	商品4点
========================================*/
#top #goods {
	padding-top:20px;
	padding-left:0px;
	width:504px;
	height:292px;
	float:right;
}
#top #goods ul li {
	float:left;
	width:158px;
	padding-left:10px;
}
#top #goods ul li a.fire {
	padding-top:10px;
}

/* ロールオーバー
===========================*/
#top #goods ul li a{
	float:left;
	width:100%;
	height:100%;
	display:block;
}
#top #goods ul li a:hover{
	background-color:#fff;
	height:100%;
}
#top #goods ul li a:hover img{
	visibility:hidden;
}
#top #goods ul li a.starter{
	background:URL(../images/top_starter_on.jpg) 0 0 no-repeat;
}
#top #goods ul li a.light{
	background:URL(../images/top_light_on.jpg) 0 0 no-repeat;
}
#top #goods ul li a.fire{
	background:URL(../images/top_fire_on.jpg) 0px 10px no-repeat;
}
#top #goods ul li a.package{
	background:URL(../images/top_package_on.jpg) 0 0 no-repeat;
}



/* ==========================

===========================*/
#footer {
	margin:0px;
}



/* ==========================
　別サイトへのバナー
===========================*/
#another {
	float:left;
	padding-top:10px;
}
/* ロールオーバー
===========================*/
#another a{
	float:left;
	width:100%;
	height:100%;
	display:block;
}
#another a:hover{
	background-color:#fff;
	height:100%;
}
#another a:hover img{
	visibility:hidden;
}
#another a{
	background:URL(../images/top_another_on.jpg) 0 0 no-repeat;
}