@charset "utf-8";

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

/* トップページ index.html
------------------------------------------------------------ */
#headline {	margin-bottom: 28px;}

/*-----contents-----*/
#contents {	background: url(../img/temp/contents_bg.gif) right top repeat-y;}
#contents #main {	float: left;}
#contents #snavi {	float: right;}

/* main */
#contents #main #topics {
	float: left;
	width: 435px;
}
#contents #main #topics .news {	padding-top: 3px;}
#contents #main #topics .news iframe {
	width: 435px;
	height: 88px;
}

#contents #main .campaign_bn {
	float: right;
	width: 175px;
}

#contents #main #goods {
	padding-top: 15px;
}
#contents #main #goods h3 {	margin-bottom: 3px;}
#contents #main #goods h4 {	margin-bottom: 1px;}

#contents #main #goods .tb01 {
	margin-bottom: 15px;
	padding: 10px 5px 0 15px;
	background-color: #282828;
}
#contents #main #goods .tb01 td {
	padding: 0 10px 10px 0;
}

#contents #main #goods .tb02,
#contents #main #goods .tb03 {
	margin-bottom: 15px;
	padding: 10px 0 0 10px;
	background-color: #282828;
}
#contents #main #goods .tb02 td,
#contents #main #goods .tb03 td,
#contents #main #goods .tb04 td {
	padding: 0 10px 10px 0;
}
#contents #main #goods .tb04 {
	padding: 10px 0 0 10px;
	background-color: #282828;
}
#contents #main #goods .tb05 {
	margin-bottom: 15px;
	padding: 10px 0 0 10px;
	_padding: 10px 0 10px 10px;
	background-color: #282828;
}
#contents #main #goods .tb01 dfn {
	display: block;
	float: left;
	width: 193px;
	margin-right: 7px;
	background-color: #FFFFFF;
}
#contents #main #goods .tb02 dfn {
	display: block;
	width: 193px;
	margin-bottom: 3px;
	background-color: #FFFFFF;
}
#contents #main #goods .tb03 dfn {
	display: block;
	width: 193px;
	margin-bottom: 3px;
	background-color: #FFFFFF;
}
#contents #main #goods .tb04 dfn {
	display: block;
	width: 193px;
	margin-bottom: 3px;
	background-color: #FFFFFF;
}
#contents #main #goods .tb05 ul li {
	margin-bottom: 10px;
}
#contents #main #goods .tb05 .f01,
#contents #main #goods .tb05 .f02,
#contents #main #goods .tb05 .f03,
#contents #main #goods .tb05 .f04,
#contents #main #goods .tb05 .f05 {	float: left;	padding-right:10px;}

#contents #main #goods .tb05 .f02,
#contents #main #goods .tb05 .f05 {	padding: 0;}



#contents #main #goods .tb05 .f01 a,
#contents #main #goods .tb05 .f02 a {
	display: block;
	width: 295px;
	height: 200px;
	text-indent: -9999px;
}
#contents #main #goods .tb05 .f03 a,
#contents #main #goods .tb05 .f04 a,
#contents #main #goods .tb05 .f05 a {
	display: block;
	width: 193px;
	height: 140px;
	text-indent: -9999px;
}

#contents #main #goods .tb05 .f01 a {	background: url(../img/index/goods_img16.jpg) 0 0 no-repeat;}
#contents #main #goods .tb05 .f02 a {	background: url(../img/index/goods_img17.jpg) 0 0 no-repeat;}
#contents #main #goods .tb05 .f03 a {	background: url(../img/index/goods_img18.jpg) 0 0 no-repeat;}
#contents #main #goods .tb05 .f04 a {	background: url(../img/index/goods_img19.jpg) 0 0 no-repeat;}
#contents #main #goods .tb05 .f05 a {	background: url(../img/index/goods_img20.jpg) 0 0 no-repeat;}
#contents #main #goods .tb05 .f01 a:hover,
#contents #main #goods .tb05 .f02 a:hover {	background-position: 0 -200px;}
#contents #main #goods .tb05 .f03 a:hover,
#contents #main #goods .tb05 .f04 a:hover,
#contents #main #goods .tb05 .f05 a:hover {	background-position: 0 -140px;}

#contents #main #goods .tb01 a:hover dfn img,
#contents #main #goods .tb02 a:hover dfn img {
	-moz-opacity:0.9;
	opacity:0.9;
	filter: alpha(opacity=90);
}