@charset "UTF-8";
/* CSS Document */

#lead{
	width:98%;
	display:block;
	margin:4% auto;
}

#content aside{
	width:20%;
	max-width:158px;/*168px;*/
	margin-left:2%;
	float:left;
	margin-top:2%;
	padding:8px;
	background-image:url(../images/common/aside_bg.jpg);
	box-shadow:2px 2px 0 rgba(0,0,0,0.2);
	border:1px #cdbb92 solid;
	
	text-align:center;

	padding-bottom: 32767px;  
    margin-bottom: -32767px; 
}

#content aside img{
	margin:0;
	width:95%;
	max-width:158px;
	border:1px #F0DEA0 solid;
}

#content aside span{
	opacity:0.5;
}
	
#content aside img.current{
	border-color:#E10507;
}

#content section#main{
	width:77%;
	max-width:933px;
	float:left;
	margin-left:2%;
	margin-top:2%;
}


.push{
	font-weight:bold;
	color:#900;
}


a.product_link{
	display:inline-block;
	width:44%;
	padding:15px 10px;
	margin:1%;
	background-color:#CCC;
	background:linear-gradient(#FFF,#bbb);
	border:1px #999 solid;
	border-radius:5px;
	font-size:90%;
	text-align:center;
	text-decoration:none;
	color:#333;
	font-weight:bold;
}


@media screen and (max-width:1000px) {
	#content aside{
		width:17%;
	}
	#content section#main{
		width:75%;
	}
}

@media screen and (max-width:900px) {
	td br.mobile{
		display:inline;
	}
}


@media screen and (max-width:800px) {
	a.product_link{
		width:95%;
		margin:1% auto;
	}
}


@media screen and (max-width:600px) {
	#content aside{
		width:15%;
		display:none;
	}
	#content section#main{
		width:96%;
	}
}