@charset "UTF-8";

body{
color:#222222;
font-size:12px;
line-height:1.8;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.clear{
clear:both;
}

a{
color:#1d5e04;
text-decoration:underline;
}

a:hover{
color:#88a472;
}





/*=home only=============================================================*/
#header{
width:950px;
height:450px;
margin:0 auto;
background:url(../images/top_img/main_visual.jpg) no-repeat 0 0;
}

#header h1{
display:block;
float:left;
width:51px;
height:45px;
margin:12px 0 0 35px;
_margin:12px 0 0 17px;
text-indent:-9999px;
background:url(../images/common_img/h1.gif) no-repeat 0 0;
}

.hdmenu{
float:right;
margin:12px 5px 0 0;
}

.hdmenu li{
float:left;
line-height:0;
}

.hdmenu li.m1 a{
display:block;
width:58px;
height:11px;
margin:0 21px 0 0;
text-indent:-9999px;
background:url(../images/common_img/hdmenu.gif) no-repeat 0 0;
}
.hdmenu li.m1 a:hover{
background:url(../images/common_img/hdmenu.gif) no-repeat 0 -11px;
}
.hdmenu li.m2 a{
display:block;
width:81px;
height:11px;
text-indent:-9999px;
background:url(../images/common_img/hdmenu.gif) no-repeat -79px 0;
}
.hdmenu li.m2 a:hover{
background:url(../images/common_img/hdmenu.gif) no-repeat -79px -11px;
}



/*==============================================================*/
#bg{
background:url(../images/common_img/bg.jpg) no-repeat 50% 0 #f3ebe1;
}

#bg2{
width:950px;
margin:0 auto;
}






/*=contents only=============================================================*/
#wrapper{
background:url(../images/common_img/cont_bg.jpg) no-repeat 50% 0 #f3ebe1;
}




/*==============================================================*/
#cont_header{
width:950px;
height:63px;
margin:0 auto;
padding:17px 0 0 0;
}

#cont_header h1 a{
display:block;
float:left;
width:61px;
height:49px;
margin:0 0 0 52px;
text-indent:-9999px;
background:url(../images/common_img/cont_logo.jpg) no-repeat 0 0;
}
*html #cont_header h1 a{
margin:0 0 0 26px;
}

.cont_hdmenu{
	float:right;
	margin:20px 14px 0 0;
	_margin-right:7px; /*for IE6*/
	}
	.cont_hdmenu li{
		float:left;
		line-height:0;
		}
		.cont_hdmenu li a{
			display:block;
			height:14px;
			text-indent:-9999px;
			background:url(../images/common_img/cont_hdmenu.gif) no-repeat;
			}
			.cont_hdmenu li.m1 a{ width:77px; background-position:0 0; }
			.cont_hdmenu li.m1 a:hover{ background-position:0 -14px; }
			.cont_hdmenu li.m2 a{ width:93px; background-position:-77px 0; }
			.cont_hdmenu li.m2 a:hover{ background-position:-77px -14px; }
			.cont_hdmenu li.m3 a{ width:101px; background-position:-170px 0; }
			.cont_hdmenu li.m3 a:hover{ background-position:-170px -14px; }





/*==============================================================*/
#contwrap{
width:950px;
margin:0 auto;
}

#care_image{
width:950px;
height:140px;
margin:20px 0 0 0;
background:url(../images/mainimage/main_care.jpg) no-repeat 0 0;
}
#collection_image{
width:950px;
height:140px;
margin:20px 0 0 0;
background:url(../images/mainimage/main_collection.jpg) no-repeat 0 0;
}
#fresco_image{
width:950px;
height:140px;
margin:20px 0 0 0;
background:url(../images/mainimage/main_fresco.jpg) no-repeat 0 0;
}
#grande_image{
width:950px;
height:140px;
margin:20px 0 0 0;
background:url(../images/mainimage/main_grande.jpg) no-repeat 0 0;
}
#menu_image{
width:950px;
height:140px;
margin:20px 0 0 0;
background:url(../images/mainimage/main_menu.jpg) no-repeat 0 0;
}
#news_image{
width:950px;
height:140px;
margin:20px 0 0 0;
background:url(../images/mainimage/main_news.jpg) no-repeat 0 0;
}
#pay_image{
width:950px;
height:140px;
margin:20px 0 0 0;
background:url(../images/mainimage/main_pay.jpg) no-repeat 0 0;
}
#product_image{
width:950px;
height:140px;
margin:20px 0 0 0;
background:url(../images/mainimage/main_product.jpg) no-repeat 0 0;
}
#discount_image{
width:950px;
height:140px;
margin:20px 0 0 0;
background:url(../images/mainimage/main_discount.jpg) no-repeat 0 0;
}
#recruit_image, #privacy_image, #sitemap_image, #link_image, #contact_image{
width:950px;
height:140px;
margin:20px 0 0 0;
background:url(../images/mainimage/main_other.jpg) no-repeat 0 0;
}
#topicpath{
margin:0 10px 10px 0;
font-size:10px;
text-align:right;
}






/*==============================================================*/
#cont_left{
float:left;
width:200px;
}

#cont_left ul{
	margin-bottom:50px;
	}

#cont_left li a{
display:block;
width:200px;
height:51px;
text-indent:-9999px;
}

#cont_left img{
margin:0 0 5px 0;
}

/*==============================================================*/
#cont_right{
float:right;
width:660px;
}

#cont_right h2{
width:660px;
height:45px;
margin:0 0 30px 0;
padding:0 0 30px 0;
border-bottom:#999 dotted 1px;
text-indent:-9999px;
}

#cont_right h3{
height:20px;
margin:30px 0 15px 0;
padding:30px 0 0 0;
text-indent:-9999px;
background-position:0 30px;
border-top:#999 dotted 1px;
}



/*nav  ==============================================================*/
#menu_bg{
	height:49px;
	background:url(../images/common_img/menu_bg.jpg) repeat-x 0 0;
	}
	#menu{
		width:950px;
		margin:0 auto;
		}
		#menu li{
			position: relative;
			display:inline;
			float:left;
			}
			#menu li a{
				display:block;
				width:119px;
				height:49px;
				background:url(../images/common_img/menu.jpg) no-repeat;
				text-indent:-9999px;
				cursor:pointer;
				}
				#menu li.m1 a{ width:118px; background-position:0 0; }
				#menu li.m1 a:hover{ background-position:0 -49px; }
				#menu li.m2 a{ background-position:-118px 0; }
				#menu li.m2 a:hover{ background-position:-118px -49px; }
				#menu li.m3 a{ background-position:-237px 0; }
				#menu li.m3 a:hover{ background-position:-237px -49px; }
				#menu li.m4 a{ background-position:-356px 0; }
				#menu li.m4 a:hover{ background-position:-356px -49px; }
				#menu li.m5 a{ background-position:-475px 0; }
				#menu li.m5 a:hover{ background-position:-475px -49px; }
				#menu li.m6 a{ background-position:-594px 0; }
				#menu li.m6 a:hover{ background-position:-594px -49px; }
				#menu li.m7 a{ background-position:-713px 0; }
				#menu li.m7 a:hover{ background-position:-713px -49px; }
				#menu li.m8 a{ width:118px; background-position:-832px 0; }
				#menu li.m8 a:hover{ background-position:-832px -49px; }

			#menu li ul{
				position:absolute;
				top:46px;
				left:0;
				display:none;
				width:119px;
				background:#444;
				filter: alpha(opacity=90);
  				-moz-opacity:0.9;
  				opacity:0.9;
				z-index:5;
				}
				#menu li ul a{
					display: block;
					width:109px;
					height:auto;
					padding:12px 5px;
					color: #fff;
					font-size:11px;
					text-indent:0;
					text-align:center;
					text-decoration:none;
					border-top: 1px solid #999;
					background:0;
					}
				#menu li ul a:hover{
					background:#000;
				}
					


/*==============================================================*/
#totop_bg{
clear:both;
width:100%;
}

#totop{
clear:both;
float:right;
margin:20px 10px 10px 0;
}

#totop a{
display:block;
width:74px;
height:15px;
line-height:0;
text-indent:-9999px;
background:url(../images/common_img/totop.gif) no-repeat 0 0;
}
#totop a:hover{
background:url(../images/common_img/totop.gif) no-repeat 0 -15px;
}






/*==============================================================*/
#footer_bg{
	padding-top:3px;
	background:url(../images/common_img/ft_bg.jpg) repeat-x 0 0;
	}

#footer{
	width:950px;
	height:175px;
	margin:0 auto;
	color:#d0d8cd;
	font-size:10px;
	border-right:#618b50 solid 1px;
	border-left:#618b50 solid 1px;
	background:url(../images/common_img/ft.jpg) no-repeat 0 0;
	}
	#footer .address{
		float:left;
		width:160px;
		height:155px;
		padding:20px 10px 0;
		line-height:1.8;
		border-right:#618b50 solid 1px;
		}
		#footer .address h2, #footer .address p{
				width:140px;
				padding:0 10px;
				}
		#footer .address h2{
			color:#fff;
			line-height:1.4;
			margin-bottom:5px;
			padding-bottom:5px;
			border-bottom:#5e8650 solid 1px;
			}

	#footer .ft_sitemap{
		float:right;
		height:100%;
		font-size:11px;
		line-height:2;
		}
		#footer ul{
			float:left;
			padding:20px 25px 0;
			}
			#footer ul a{
				color:#d1dbcd;
				text-decoration:none;
				}
			#footer ul a:hover{ text-decoration:underline; }
		
		#footer .copy{
			clear:both;
			padding:25px 20px 0 0;
			color:#b2bfae;
			text-align:right;
			font-size:9px;
			}