@charset "utf-8";

/* reset */

*{
margin: 0;
padding: 0;
}
img{
vertical-align : middle;
}

/* reset @end */



/* =======================================
	ClearFixElements
======================================= */

/* base */

html {
font-family : verdana, sans-serif;
line-height : 1.5;
}

h1,h2 {
margin-bottom : 24px;
color: #6c6e70;
font-size: 22px; 
line-height: 1;
} /* 48px */


.clear { clear:both; }
.clear hr { display:none; }

/* base @end */

/* TOP menu */
@media only screen and (min-width: 10px){
#top a {
	width: 160px;
	height: 30px;
	background: url(../images/top_sp.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
#seven a {
	width: 160px;
	height: 30px;
	background: url(../images/shop_sp.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
#shop a {
	width: 160px;
	height: 30px;
	background: url(../images/shop_sp.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
.fixed {
    position: fixed;
    top: 0;
	width: 320px;
    z-index: 10000;
	left:50%;
	margin-left: -160px;
}
}
@media only screen and (min-width: 330px){
#top a {
	width: 320px;
	height: 30px;
	background: url(../images/top_tb.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
#seven a {
	width: 320px;
	height: 30px;
	background: url(../images/shop_tb.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
#shop a {
	width: 320px;
	height: 30px;
	background: url(../images/shop_tb.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
.fixed {
    position: fixed;
    top: 0;
	width: 640px;
    z-index: 10000;
	left:50%;
	margin-left: -320px;
}
}
@media only screen and (min-width: 650px){
#top a {
	width: 430px;
	height: 30px;
	background: url(../images/top.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
#seven a {
	width: 430px;
	height: 30px;
	background: url(../images/shop.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
#shop a {
	width: 430px;
	height: 30px;
	background: url(../images/shop.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
.fixed {
    position: fixed;
    top: 0;
	width: 860px;
    z-index: 10000;
	left:50%;
	margin-left: -430px;
}
}
#top a:hover {
	background-position: 0 -30px;
}
#seven a:hover {
	background-position: 0 -30px;
}
#shop a:hover {
	background-position: 0 -30px;
}
.fixed {
    position: fixed;
    top: 0;
	width: 860px;
    z-index: 10000;
	left:50%;
	margin-left: -430px;
}

body #fixedBox ul{
	font-size: 0;
}
body #fixedBox ul li {
	display: inline-block;
}
/* TOP menu @end */

/* contents */

#contents {
width : 100%;
margin : 0 auto;
text-align : center;
max-width:860px;
background: url(../images/back.jpg) repeat;
position:relative;
}
#contents p {
margin-bottom : 12px;
color: #6c6e70;
font-size : 12px;
}

a img.img2 {
	border:none;
}
a:hover img.img2 {
	opacity:0.6;
	filter:alpha(opacity=60);
}

/* contents @end */

/* footer */

footer {
text-align : center;
padding : 24px 0;
margin: 0 auto;
color: #666666;
}

/* footer @end */
#aaa1 {
	width: 624px;
	background: url(../images/detail02.png) no-repeat;
	display: block;
}
#aaa2 {
	width: 147px;
	background: url(../images/detail02-2.png) no-repeat;
	display: block;
}
#aaa3 {
	width: 89px;
	background: url(../images/detail02-3.png) no-repeat;
	display: block;
}