@charset "shift_jis";

*
{
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}
#wrapper {
	position: relative;
}

ul,ol {
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
}

li {
	list-style:none;
}

img {
border:none;
}

a:hover img{
	opacity:0.65;
	filter:alpha(opacity=65);
}

/*------------------------------------
hƒ^ƒO
------------------------------------*/
h1{
text-align:right;
font-size:12px;
font-weight:bold;
padding:55px 0 0 0;
clear:both;
margin:0 0 0 0;
}

.h2_title{
width:auto;
height:35px;
border-left:5px #efefef solid;
font-size:12px;
font-weight:bold;
clear:both;
padding:0px 0px 0px 15px;
text-align:left;
margin-bottom:10px;
line-height:35px;
}

h4{
width:auto;
height:30px;
font-size:12px;
margin-bottom:14px;
padding-left:15px;
clear:both;
color:#FFFFFF;
line-height:30px;
background:url(../img/bar01.gif) no-repeat;
}

/*------------------------------------
contents
------------------------------------*/
#title{
width:100%;
height:35px;
text-align:center;
margin-bottom:20px;
}

#main_contents{
width:880px;
height:auto;
background-color:#000000;
padding:10px;
font-size:12px;
margin-bottom:20px;
}

#top_contents{
width:880px;
height:auto;
margin-bottom:20px;
}

.red{
color:#DD0000;
}


/*------------------------------------
product_top
------------------------------------*/
#product_top{
width:880px;
height:auto;
}

#product_top .box{
width:205px;
height:224px;
float:left;
margin-right:20px;
margin-bottom:20px;
}

#product_top .box02{
width:205px;
height:224px;
float:left;
}