@charset "Shift_JIS";
* {
	margin: 0;
	padding: 0;
}

html {
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
}

p{
	font-size:13px;
}

img{
	border:0px;
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-size:100%;
	margin:0px;
	color:#333333;
	font-weight: normal;
}

a:link {text-decoration:none;}
a:visited {text-decoration:none;color: #a23300;	}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}


#colum{
		width:710px;
		font-size:13px;
		color:#5E3713;
		background:#f9f7f4;
		line-height:1.45em;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#colum #contents{
		width:660px;_width:710px;
		padding:20px;
		border-right:5px solid #8a5f2c;
		border-left:5px solid #8a5f2c;
		border-bottom:5px solid #8a5f2c;
		float:left;
}

#colum #contents h2{width:650px;display:block;float:left;margin:0 0 20px 0;}
#colum #contents h3{text-align:center;margin:10px 0; }

#colum #contents #allarea{660px;float:left;}

#colum #contents #leftarea{
		width:400px;
		margin:0 20px 0 0;
		float:left;
}

#colum #contents #rightarea{
		width:240px;
		float:left;
}

#colum #columlink{
		width:684px;_width:710px;
		padding:10px 0 10px 16px;
		background:#DEC044;
		border-right:5px solid #8a5f2c;
		border-left:5px solid #8a5f2c;
		float:left;
}

#columlink li{width:212px;float:left;margin:0 16px 6px 0;display:inline;}
#columlink li a:hover img,#contentslink li a:hover img,#cotop a:hover img{filter: alpha(opacity=100);-moz-opacity:1.0;opacity:1.00;}


#colum #contents #standard{
width:660px;
height:220px;
background: url("./images/bg_standard.gif") no-repeat left top;
margin-bottom:15px;
position:relative;
z-index:1;
}
#standard a img{border:1px solid #258BE0;}
#standard a:hover img{border:1px solid #e025a0;}



#colum #contents #hard{
width:660px;
height:220px;
background: url("./images/bg_hard.gif") no-repeat left top;
margin-bottom:15px;
position:relative;
z-index:1;
}
#hard a img{border:1px solid #D7001B;}
#hard a:hover img{border:1px solid #003dd7;}




#colum #contents #moist{
width:660px;
height:220px;
background: url("./images/bg_moist.gif") no-repeat left top;
margin-bottom:15px;
position:relative;
z-index:1;
}
#moist a img{border:1px solid #863285;}
#moist a:hover img{border:1px solid #ffa623;}




#colum #contents #hot{
width:660px;
height:220px;
background: url("./images/bg_hot.gif") no-repeat left top;
position:relative;
z-index:1;
}
#hot a img{border:1px solid #ffa623;}
#hot a:hover img{border:1px solid #863285;}


.goodsarea{
position:absolute;
top:75px;
left:179px;
width:475px;
z-index:10;
}




.goodsarea a:hover img{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.goodsarea dl{width:90px;margin-right:5px;float:left;}
.goodsarea dt{margin-bottom:5px;}
.goodsarea dd{font-size:11px;line-height:1.1em;text-align:center;}