@charset "utf-8";


/*フラッシュエリアボックス*/
#wrapper #contents #topfla {
	border: 2px solid #666666;
	margin-bottom: 10px;
	background-color: #000000;
	height: auto;
}

/*左エリア用エリアボックス*/
#wrapper #contents #lbox {
	float: left;
	width: 752px;
	padding: 0px;
	margin: 0px;
}


/*左ボックス：更新リスト用*/
#whatsnew {
	border: 2px solid #666666;
	margin-bottom: 10px;
	background-color: #000000;
	float: left;
	width: 748px;
}

#whatsnew ul {
	list-style-type: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 10px;
	padding: 0px;
}
#whatsnew li {
	background: url(../img/header/arrow.jpg) no-repeat;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	margin-left: 10px;
	padding-bottom: 10px;
	padding-left: 1.5em;
	border-bottom: 1px dotted #333333;

}
#whatsnew a {
	text-decoration: none;
	color: #CCCCCC;
}
#whatsnew a:hover, #whatsnew a:active{
	border-bottom: 1px dotted #FFFFFF;
	color: #FFFFFF;
}

/*左ボックス：カテゴリーリスト用*/
#catelist {
	border: 2px solid #666666;
	margin-bottom: 10px;
	background-color: #000000;
	float: left;
	width: 748px;
}

#catelist ul {
	list-style-type: none;
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 0px 5px;

}
#catelist li {
	float: left;
	margin: 0px 18px 10px 0px;
	padding: 0px;
}
#catelist a {
	text-decoration: none;
	height: 40px;
	width: 162px;
	display: block;
}

#catelist #p1 a{
	background: url(../img/products/p1.jpg) no-repeat;
}
#catelist #p1 a:hover, #catelist #p1 a:active{
	background: url(../img/products/p1_f2.jpg) no-repeat;
}
#catelist #p2 a{
	background: url(../img/products/p2.jpg) no-repeat;
}
#catelist #p2 a:hover, #catelist #p2 a:active{
	background: url(../img/products/p2_f2.jpg) no-repeat;
}
#catelist #p3 a{
	background: url(../img/products/p3.jpg);
}
#catelist #p3 a:hover, #catelist #p3 a:active{
	background: url(../img/products/p3_f2.jpg) no-repeat;
}
#catelist #p4 a{
	background: url(../img/products/p4.jpg) no-repeat;
}
#catelist #p4 a:hover, #catelist #p4 a:active{
	background: url(../img/products/p4_f2.jpg) no-repeat;
}
#catelist #p5 a{
	background: url(../img/products/p5.jpg) no-repeat;
}
#catelist #p5 a:hover, #catelist #p5 a:active{
	background: url(../img/products/p5_f2.jpg) no-repeat;
}
#catelist #p6 a{
	background: url(../img/products/p6.jpg) no-repeat;
}
#catelist #p6 a:hover, #catelist #p6 a:active{
	background: url(../img/products/p6_f2.jpg) no-repeat;
}

/*左ボックス：トップバナー用*/
#bnrbox {
	margin-bottom: 10px;
	float: left;
	width: 752px;
}
#bnrbox img {
	margin-bottom: 10px;
	margin-right: 10px;
}



/*右エリア用エリアボックス*/
#wrapper #contents #rbox {
	padding: 0px;
	float: right;
	width: 204px;
	margin: 0px;
}

#rbox #topics, #rbox #linkbox {
	margin-bottom: 10px;
	border: 2px solid #666666;
	width: 200px;
	background-color: #000000;
}

#rbox #linkbox li {
	margin: 0px;
	padding: 0px;
}
#rbox #linkbox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}


#wrapper #contents h4{
	font-size: 12px;
	background: #000000 url(../img/header/h4bg_long.jpg) no-repeat;
	border-bottom: 2px solid #666666;
	margin: 0px;
	color: #FFFFFF;
}

#wrapper #contents h4.link {
	background: #000000 url(../img/header/link.jpg) no-repeat;
	height: 25px;
	padding: 0px;
}
#wrapper #contents h4.products {
	background: #000000 url(../img/header/products.jpg) no-repeat;
	height: 25px;
	padding: 0px;
}
#wrapper #contents h4.whatsnew {
	background: #000000 url(../img/header/whatsnew.jpg) no-repeat;
	height: 25px;
	padding: 0px;
}
#wrapper #contents h4.topics {
	background: #000000 url(../img/header/topics.jpg) no-repeat;
	height: 25px;
	padding: 0px;
}