@import url(shop.css);
@import url(service.css);
@import url(privacy.css);
@import url(price.css);
@import url(faq.css);
@import url(idea.css);
@import url(ideacard.css);
@import url(club.css);
@import url(topic.css);



body {
	background-color: #d0d6ab;
	margin-top:10px;
	padding:0px;
	font: 82%/1.4em "ＭＳ ゴシック", "Osaka−等幅";
	text-align: center;
	color:#336633;
	
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,li,ol,dl,dt,dd,div{
	margin:0px;
	padding:0px;
	}

h1, h2, h3, h4, {
	color: #336633;
}
p{
	color:#336633;
	font: normal 90%/1.4em "ＭＳ Ｐゴシック", "Osaka";


}
a {
  color: #f06600;
  text-decoration:none;
}
a:visited {
color: #993300;
text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

li{
list-style-type:none;	
}
img{
	border:0;
	margin: 0px;
	padding: 0px;
}

#container {
width:768px;
height:auto;
margin:0 auto 0 auto;
text-align:left;
position:relative;
display:block;
background: url("../img/bg_side.gif") repeat-y;
}
/***********************************header*/
#header{
height:90px;
}



#header #header_logo {
	background: url("../img/header_logo.gif") no-repeat;
	height:59px;
	width:768px;
	text-indent:-9999px;
	position:relative;
	display:block;
}
/***********************************menu*/
#header #menu {
	margin-top: 0px;
	padding: 0px;
	position:relative;
	left:0px;	
	width:768px;
	height: 31px;
}

#menu li#mm_home a {
	background: url("../img/mm_home_on.gif");
	height: 31px;
	width: 107px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:0px;	
}


#menu li#mm_home a:link {
	background: url("../img/mm_home.gif");
	height: 31px;
	width: 107px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:0px;	
}
#menu li#mm_home a:visited {
	background: url("../img/mm_home.gif");
	height: 31px;
	width: 107px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:0px;	
}

#menu li#mm_home a:hover {
	background:  url("../img/mm_home_down.gif") transparent;
	height: 31px;
	width: 107px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:0px;	
}



#menu li#mm_shop a {
	background-image: url("../img/mm_shop_on.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:107px;	
}
#menu li#mm_shop a:link {
	background-image: url("../img/mm_shop.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:107px;	
}
#menu li#mm_shop a:visited {
	background-image: url("../img/mm_shop.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:107px;	
}
#menu li#mm_shop a:hover {
	background:  url("../img/mm_shop_down.gif") transparent;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:107px;
}

#menu li#mm_service a{
	background-image: url("../img/mm_service_on.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:200px;	
}

#menu li#mm_service a:link {
	background-image: url("../img/mm_service.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:200px;	
}
#menu li#mm_service a:visited {
	background-image: url("../img/mm_service.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:200px;	
}
#menu li#mm_service a:hover {
	background:  url("../img/mm_service_down.gif") transparent;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:200px;
}


#menu li#mm_price a{
	background-image: url("../img/mm_price_on.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:293px;	
}
#menu li#mm_price a:link {
	background-image: url("../img/mm_price.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:293px;	
}
#menu li#mm_price a:visited{
	background-image: url("../img/mm_price.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:293px;	
}
#menu li#mm_price a:hover {
	background:  url("../img/mm_price_down.gif") transparent;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:293px;
}

#menu li#mm_idea a{
	background-image: url("../img/mm_idea_on.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:386px;	
}
#menu li#mm_idea a:link {
	background-image: url("../img/mm_idea.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:386px;	
}
#menu li#mm_idea a:visited {
	background-image: url("../img/mm_idea.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:386px;	
}
#menu li#mm_idea a:hover {
	background:  url("../img/mm_idea_down.gif") transparent;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:386px;
}

#menu li#mm_faq a{
	background-image: url("../img/mm_faq_on.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:479px;	
}
#menu li#mm_faq a:link {
	background-image: url("../img/mm_faq.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:479px;	
}
#menu li#mm_faq a:visited {
	background-image: url("../img/mm_faq.gif") ;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:479px;	
}
#menu li#mm_faq a:hover {
	background:  url("../img/mm_faq_down.gif") transparent;
	height: 31px;
	width: 93px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:479px;
}




#menu li#mm_club a{
	background-image: url("../img/mm_club_on.gif") ;
	height: 31px;
	width: 196px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:572px;	
}
#menu li#mm_club a:link {
	background-image: url("../img/mm_club.gif") ;
	height: 31px;
	width: 196px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:572px;	
}
#menu li#mm_club a:visited {
	background-image: url("../img/mm_club.gif") ;
	height: 31px;
	width: 196px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:572px;	
}
#menu li#mm_club a:hover {
	background:  url("../img/mm_club_down.gif") transparent;
	height: 31px;
	width: 196px;
	text-indent: -9999px;
	position:absolute;
	top:0px;
	left:572px;
}


/***********************************footer*/
#hosoku{
position:absolute;
width:100px;
height:50px;
top:15px;
right:10px;
font-size:10px;
line-height:2.0em;
}




#footer{
clear:both;
width:768px;
height:26px;
positon:relative;
background: url("../img/footer.gif") no-repeat;
text-indent:-9999px;
}

/***********************************toppage*/
#content{
width:748px;
height:auto;
position:relative;
margin-left:10px;
}

#left_info{
width:208px;
height:auto;
float:left;
position:relative;
}

#left_info p{
clear:both;
width:178px;
width:-moz-fit-content;
width:178px;
height:auto;
position:relative;
padding:10px 15px;
margin:0px;
}

#center_info{
width:316px;
height:auto;
float:left;
margin-left:8px;
}

#center_info p{
display:block;
width:296px;
width:-moz-fit-content;
height:auto;
padding:5px 10px;
color:#C42222;
}

#center_info #mainphoto{
position:relative;
width:316px;
height:290px;
background:url("../img/h_center.gif") no-repeat;
}

#center_info #mainphoto img{
display:block;
padding: 14px 13px 14px 13px ;
_margin: 14px 13px 14px 13px ;
width:290px;
height:262px;

}

#right_info{
width:208px;
height:auto;
float:right;
}

#right_info p{
clear:both;
width:178px;
width:-moz-fit-content;
height:auto;
position:relative;
padding:10px 15px;
margin:0px;

}



/*******************************toppagebase**/




.h28{
width:208px;
height:28px;
background: url("../img/h28.gif") no-repeat;
}
.h48{
width:208px;
height:48px;
background: url("../img/h48.gif") no-repeat;
}
.h68{
width:208px;
height:68px;
background: url("../img/h68.gif") no-repeat;

}
.h68p{
width:208px;
height:68px;
background: url("../img/h68pink.gif") no-repeat;

}
.h88{
width:208px;
height:88px;
background: url("../img/h88.gif") no-repeat;
}



.h108{
width:208px;
height:108px;
background: url("../img/h108.gif") no-repeat;
}
.h108p{
width:208px;
height:108px;
background: url("../img/h108pink.gif") no-repeat;
}


.h128{
width:208px;
height:128px;
background: url("../img/h128.gif") no-repeat;
}
.h188{
width:208px;
height:188px;
background: url("../img/h188.gif") no-repeat;
}
.h188p{
width:208px;
height:188px;
background: url("../img/h188pink.gif") no-repeat;
}

/*********************************/

.clearly{
clear:both;
}