@charset "euc-jp";

#contents{
	margin:0 auto;
    width:1020px;
}

#navi{
	float:left;
}

#main{
	float:right;
}

#footer .footer_line{
	background:url(../../html/images/site/dot_3.gif) repeat-x top;
	height:3px;
	width:1020px;
}

.item_lineup{
	border-top:1px solid #DDD;
	margin-top:20px;
	padding-top:15px;
}


#main .news{
	border:1px solid #CCC;
	margin:5px 0 30px 0;
	padding:4px 4px 9px 4px;
	width:790px;
	border-radius: 10px; /* CSS3草案 */  
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */ 
}

#main .allitem li{
	float:left;
	height:70px;
	margin:10px 5px 0 5px;
	width:190px;
}

#main h4{
	background:url(../../site_data/cabinet/top/ttl_category_bg.jpg) no-repeat;
	clear:both;
	font-weight:bold;
	height:25px;
	margin:30px 0 0 0;
	padding:5px 0 0 10px;
	width:790px;
}

#main .categoryitem li{
	border:1px dotted #CCC;
	float:left;
	margin:10px 5px 0 5px;
	padding:4px;
	text-align:center;
	width:140px;
}

#main .categoryitem li a{
	text-decoration:none;
}

#main .categoryitem li a:hover{
	text-decoration:none;
}

#main .categoryitem li img{
	height:140px;
	width:140px;
}

#main .categoryitem li .price{
	color:#C00;
	font-weight:bold;
}

#main .categoryitem li span.title{
	background:#FA8BA4;
	color:#FFF;
	display:block;
	font-size:0.8em;
	font-weight:bold;
	line-height:120%;
	padding:3px 0;
}


/*　メイン画像
-------------------------------------*/
#slideshow {
	height:500px;
	margin:0;
	text-align: left;
	position:relative;
	width:800px;
}

#slideshow div {
	width:800px;
	height:500px;
	overflow:hidden;
	position:absolute;
	z-index:1;
}

#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	width: 400px;
	list-style: none;
	margin: 0;
	padding: 0;
	position:absolute;
	z-index:2;
	display: inline-block;
	overflow: hidden;
	top:397px;
	left:400px;
}

#slideshow ul li {
	margin:3px 5px 3px 3px;
	padding: 0;
	width: 90px;
	float: left;
	display: inline;
}

#slideshow ul li img{
	height:90px;
	width:90px;
}

#slideshow .active {
	margin:0 2px 0 0;
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
	width:96px;
	height:96px;
}

#slideshow .active img {
	border:3px #C00 solid!important;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}

#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}