@charset "UTF-8";

body {
	width:1024px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 20px;
}
#flash1{
	display: block;
}
#contents{
	padding-right: 113px;
	padding-left: 75px;
	margin-top: 15px;
}
#contents:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}  
#contents {
	zoom: 1;
}  
#contents-left{
	float: left;
	overflow:hidden;
	width: 487px;
	margin-bottom: 30px;
}
#topics{
	padding-left: 10px;
	min-height:110px;
	height: auto;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #003616;
	margin-bottom: 15px;
}
#topics dl dt{
	margin-bottom: 15px;
}
#topics dl dd ul li{
	margin-bottom: 5px;
}
#suitestyle{
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #003616;
	height: auto;
	min-height:350px;
	padding-left: 10px;
}
#suitestyle dl dt{
	margin-bottom: 5px;
}
#dandd{
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 22px;
	width: 475px;
	min-height:85px;
	height: auto;
	background-image: url(../images/top_dd01+.gif);
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #003616;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #003616;
}
#dandd #detail-text{
	padding-top: 45px;
	width: 150px;
	padding-left: 10px;
	float: left;
} 
#dandd img{
	float: right;
}
#contents-right{
	width: 282px;
	float: right;
	margin-bottom: 30px;
}
#shoplist{
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #003616;
	min-height:110px;
	height: auto;
	margin-bottom: 15px;
	padding-left: 10px;
}
#shoplist h3{
	margin-bottom: 10px;
}
#shoplist ul li{
	margin-bottom: 5px;
}
#patternmade{
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #003616;
	min-height:250px;
	height: auto;
	padding-left: 10px;
	margin-bottom: 51px;
}
#patternmade dl dt{
	margin-bottom: 5px;
}
#mailmagazine{
	min-height:86px;
	height: auto;
	background-color: #003616;
	background-repeat: repeat;
	width: 282px;
	position: relative;
}
#mailmagazine p{
	position: absolute;
	left: 12px;
	top: 40px;
	color: #FFFFFF;
	text-shadow: 0px 1px 0px #000;
}
.hover {
	cursor: pointer;
}
/*マウスが乗ったら回転*/
#mailmagazine:hover{
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}