@charset "Shift_JIS";

/*------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.					0.8.2;
	Author.					Kenta Aga

	PROGRAM-ID.		"トップページ"
------------------------------------------------*/

/*************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*************************************/

/*------------------------------------------------
	トップページ独自の枠組み
------------------------------------------------*/
#index{
	background						: url(../img/top/background.gif) repeat-x #ffffff;
}

#index #header{
	height									: 480px;
}
#index #contents{
	float							: left;
	padding						: 1px 0;
	width							: 594px;
	border						: 1px solid #94aec0;
}

/*------------------------------------------------
	メインビジュアル部分(flash？)
------------------------------------------------*/
#index #visual{
	position								: absolute;
	top										: 80px;
	left										: 0px;
	width									: 800px;
}


/*------------------------------------------------
	共通項目まとめ
------------------------------------------------*/
h2{
	margin								: 0 1px 1em 1px;
}

/*------------------------------------------------
	取り扱い商品 - ITEM LIST
------------------------------------------------*/
#itemList{
	margin								: 0 12px 12px 12px;
	width									: 568px;
}

#itemList li{
	float									: left;
	display								: inline-block;
	padding								: 15px 0;
	width									: 283px;
	border-right						: 1px dashed #ccc;
	border-bottom					: 1px dashed #ccc;
}
#itemList li.firstChild{
	padding-top						: 7px;
}
#itemList li.even{
	border-right						: 0;
}
#itemList li.lastChild{
	border-bottom					: 0;
}

#itemList .descriptionImage{
	float									: left;
	display								: inline;
	margin								: 0 8px 0 6px;
}

#itemList strong{
	display								: block;
	margin-right						: 14px;
	margin-bottom					: 8px;
	color									: #3394cc;
	font-size								: 110%;
}
#itemList span{
	display								: block;
	margin-right						: 14px;
}

/*------------------------------------------------
	ニュース - NEWS
------------------------------------------------*/
#news{
	margin-bottom					: 8px;
	padding								: 1px 0;
	border								: 1px solid #94aec0;
}

#news dl{
	margin								: 0 7px;
	width									: 179px;
}
#news dt{
	display								: inline-block;
	color									: #3394cc;
	vertical-align						: middle;
}
#news dt img{
	float									: right;
}
#news dd{
	margin-bottom					: 2em;
	line-height							: 1.2;
}

#news dt.firstChild,#news dd.firstChild{
	background:#f1f1f1;
	padding								: 2px 0px;
}
#news dt.firstChild img{
	display								: block;
	margin								: 2px;
}

#news dd .newsImage{
	margin								: 2px;
	display								: block;
}

#news dd a{
	display								: inline-block;
}

/*------------------------------------------------
	魔法 - clearfix
------------------------------------------------*/
#itemList li:after{
	content					: ".";
	display					: block;
	clear						: both;
	height						: 0;
	visibility					: hidden;
}