/* CSS Document */

h1,h2,dl,dt,dd,ol,ul,li,a,img {
	margin: 0;
	padding: 0;
	border: 0;
}

li {
	list-style-type:none;
}

body {
	margin: 0;
	padding: 0;
	font-family : "MS UI Gothic","MS PGothic","Osaka",Arial,sans-serif;
	font-size: 11px;
	color: #131313;
	}

#container {
	width: 980px;
	margin: 0 auto;
    position: relative;
	overflow: hidden;

}

img a {
    border: 0;
}

#top {
	height: 497px;
	position: relative;
	background-image: url(../img/top.jpg);
	background-repeat: no-repeat;

}

#top ul {
	padding: 201px 0 0 495px;
}


#top ul li {
	padding: 0 15px 0 0;
	float: left;
}

span.onayami {
    top: 178px;
    left: 46px;
    position: absolute;
    z-index: 1;

}
/* sale news */
#sale_news {
	width: 250px;
	
}

#sale_news ul {
	border-left: 1px solid #3b5998;
	border-right: 1px solid #3b5998;
	 height: 458px; 
}

#sale_news li {
	background-image: url(../img/dot_line.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	font-size: 12px;
	line-height: 16px;
	color: #515050;
}

#sale_news dl {
	clear: both;

}

#sale_news dt {
	width: 40px;
	display: block;
	padding: 5px 0 0 15px;
	float: left;
}

#sale_news dd {
	margin: 0 0 0 55px;
	padding: 5px 5px 5px 0;
}

#sale_news dd a {
	color: #515050;
}

span.new {
	font-size: 13px;
	color: #e4414c;
	font-weight: bold;
	padding: 0 0 0 5px;
}


#recommend_area {
	height: 980px;
	width: 250px;
	margin: 30px 0 0 0;
	clear: both;
}

#recommend_area p {
	color: #ffffff;
	background-color: #000000;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 4px 0;
}

#recommend_area .recommend {
	clear: both;
	overflow: hidden;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #cccccc;
}

#recommend_area .goods {
	width: 112px;
	float: left;
	text-align: center;
	margin: 0 12px 0 0;
}

#recommend_area .detail {
	width: 126px;
	float: left;
	font-size: 10px;
	color: #000000;
}

#recommend_area .detail li.logo {
	padding: 5px 0;
}

#recommend_area .detail li.name {
	height: 26px;
}

#recommend_area .detail li.off {
	color: #e21f02;
	font-weight: bold;
	height: 12px;
}

#recommend_area .detail li.price {
	font-weight: bold;
	height: 14px;
}

span.red {
	color: #e21f02;
	padding: 0 0 0 5px;
}

/* メインエリア */
#main {
	margin: 38px 0 0 0;

}

#main_left {
	width: 703px;
	float: left;
	
}

#main_right {
	width: 277px;
	float: left;
	
}

.btn_all {
	margin: 0 0 20px 0;
	padding: 0 0 0 16px;
}

#brand_list {
	overflow: hidden;
}

#brand_list .brand {
	width: 131px;
	padding: 0;
	margin: 0 0 15px 0;
	float: left;
	font-size: 12px;
	line-height: 12px;
	color: #c90044;
	font-weight: bold;
	text-align: center;
}

#brand_list .brand li {
	margin: 0;
	padding: 0;
	height: 52px;
}

#brand_list .brand li.brand_name {
	color: #000000;
	font-weight: normal;
	font-size: 9px;
	height: 18px;
}

#brand_list .brand li.off {
	width: 101px;
	height: 20px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	line-height: 14px;
	background-image: url(../img/bg_off.gif);
	background-repeat: no-repeat;

}

#btn_area {
	clear: both;
	margin: 15px 0 0 0;
}

#btn_area ul {
	padding: 0 0 0 15px;
}

#btn_area li {
	float: left;
	padding: 0 40px 20px 0;
}


#item_list {
	margin: 0 0 0 0;
	clear: both;
}

#item_list ul {
	margin: 0 0 0 123px;
	padding: 27px 0 0 0;
}

#item_list ul li {
	width: 86px;
	margin: 0 43px 43px 0;
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#item_list ul li.item_right {
	width: 86px;
	margin: 0 0 43px 0;
}

span.item_name {
	font-size: 9px;
	text-decoration: none;

}

#color_list {
	clear: both;
}


#color_list ul {
	margin: 0 0 0 104px;
}

#color_list li {
	float: left;
	padding: 54px 24px 0 0;
}

#bottom {
	height: 340px;
	background-image: url(../img/bg_bottom.gif);
	background-repeat: no-repeat;
    position: relative;
    clear: both;

}

span.btn_member {
	top: 201px;
	left: 608px;
	position: absolute;
	z-index: 1;
}

#footer {
	background-color: #201e1e;
	height: 44px;
	color: #ffffff;
	font-size: 10px;
	line-height: 44px;
	text-align: center;
    position: relative;
}

span.selecsonic {
	top: 15px;
	left: 780px;
	position: absolute;
	z-index: 1;
}

.clear {
	clear: both;
}

a img.css-hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

a:hover img.css-hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
}