@CHARSET "UTF-8";

/* ===================================================================
CSS information

 File Name  : home.css
=================================================================== */
#banner{

}
#banner li{
	padding-left: 10px;
	display: inline;
}
#news{
	margin: 10px auto 0;
	width: 700px;
	position: relative;
}
#news li{
	padding: 5px 0 5px 20px;
	border-bottom: 1px dotted #999;
	background: url("../images/common/listPress.gif") no-repeat left center;
}
#news li span{
	padding-right: 1em;
	color: #5f9232;
}
#rss{
	position: absolute;
	top: 15px;
	right: 0;
}
#giList{
	position: absolute;
	top: 10px;
	right: 50px;
}

#shopInfo li{
	padding: 9px;
	border-right: 1px dotted #ccc;
	float: left;
	width: 220px;
}
#shopInfo h3{
	padding-bottom: 2px;
	font-size: 16px;
}
#shopInfo p{
	padding-right: 10px;
	text-align: justify;
	float: left;
	width: 130px;
}
#shopInfo dl{
	padding-top: 10px;
}
#shopInfo dl dt{
	float: left;
	width: 140px;
}
#shopInfo dl dd{
	float: left;
	width: 80px;
}
#shopInfo dl dd img{
	border: 1px solid #ccc;
}
img.qrcode{
	border: 1px solid #eee;
}
#contents a img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
#contents a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
}
/* img rollover */
#shopInfo li a img{
	border: 2px solid #eee;
}
#shopInfo li a:hover img{
	border: 2px solid #81d0fa;
}


/***add***/
#sideMenu{
	float: left;
	width: 180px;
}

#producets{
	float: right;
	width: 535px;
}


#catchArea{
	padding: 0;
}
#catchArea p{
	padding: 0 10px 5px
}

.cMenu{
	width: 535px;
	background: url("../images/home/cMenu01Body.gif") no-repeat left bottom;
}
.cMenu div{
	width: 253px;
	float: left;
	background: url("../images/home/cMenu01Top.gif") no-repeat left top;
}
.cMenu div h2{
	padding: 12px 0 0 100px;
}
.cMenu div ul{
	margin-left: 10px;
	padding: 0 40px 15px 25px;
	list-style: disc;
}
/*
.cMenu div ul.certificate{background: url("../images/home/certificateImg.gif") no-repeat 163px top;}
.cMenu div ul.guestBook{background: url("../images/home/guestBookImg.gif") no-repeat 172px top;}
.cMenu div ul.album{background: url("../images/home/albumImg.gif") no-repeat 172px top;}
.cMenu div ul.memorial{background: url("../images/home/memorialImg.gif") no-repeat 172px top;}
*/
.cMenu div ul li{
	padding: 1px 0;
	border-bottom: 1px solid #caae5a;
}
.cMenu div ul a{
	padding: 0 3px;
	color: #333;
	text-decoration: none;
}
.cMenu div ul a:hover{
	color: #fff;
	background: #c00;
}
.cMenu div ul a span{
	font-size: 10px;
}
.contentsArea{
	clear: both;
	width: 535px;

}
.recommendBox{
	padding: 0 3px;
	float: left;
	width: 170px;
	height: 185px;
	background: url("../images/home/recommendBox.gif") no-repeat center center;
	text-align: center;
}
.recommendBox h3{
	padding-top: 55px;
}
.recommendBox h3 img{
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
}
.recommendBox p{
	padding: 5px 10px;
	line-height: 1.2em;
	font-size: 11px;
}

#popularArea{
	width: 510px;
	height: 335px;
	background: url("../images/home/popularArea.gif") no-repeat 20px top;
}
#popularArea div{
	padding: 11px 0 11px 120px;
	height: 90px;
}
#popularArea div h3{
	padding-top: 12px;
	float: left;
	width: 90px;
}
#popularArea div h3 img{
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
}
#popularArea dl{
	padding-left: 40px;
	float: left;
	width: 220px;
}
#popularArea dl dt{
	padding: 15px 0;
}
#popularArea dl dd{
	text-align: right;
}

/*******************************************************
	サイドメニュー
********************************************************/
.sideBox{
	margin: 20px auto;
	padding: 0em;
	width: 170px;
}
#listProducts{
	padding: 10px;
}
#listProducts li{
	padding: 8px 0 8px 25px;
	background: url("../images/home/listProduct.gif") no-repeat left ;
}
#searchArea{
	padding-left: 10px;
}
#searchArea p{
	padding: 2px 0;
}
#groupList ul{
	line-height: 1.2em;
}
#groupList ul li{
	margin: 5px 0;
	border: 1px solid #ccc;
}
#groupList ul li a{
	padding: 5px 2px;
	border-color: #1290bd;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	display: block;
	background-color: #fff;
	text-decoration: none;
	color: #333;
}
#groupList ul li a:hover{
	background-color: #1da8da;
	color: #fff;
}
#listInfo{
	padding: 10px;
}
#listInfo li{
	padding: 8px 0;
}