@charset "utf-8";

/*
1.main contents
2.top left
3.top right
*/

/*----------------------------------------------------
　1.main contents
----------------------------------------------------*/
#wrapper {
	width: 980px;
	height: auto;
	margin: 0 auto;
	overflow:hidden;
}

#top_cont_l {
	float: left;
	height: auto;
	width: 245px;
	margin: 0px;
	padding: 0px;
}

#top_cont_r {
	float: right;
	height: auto;
	width: 700px;
	margin: 0px;
	padding: 0px;

}

/*----------------------------------------------------
　2.top left
----------------------------------------------------*/

/* おすすめ商品
***************************/
#osusume {
	height: 247px;
	width: 245px;
	margin:0 0 35px;
	padding: 0;
	_overflow: hidden; /*IE6用*/
	_display: inline;
	clear: both;
}

#osusume ul{
	height: 247px;
	width: 245px;
	padding: 0;
	clear: both;
}

#osusume ul li{
	float:left;
	height: 247px;
	width: 245px;
	padding: 0;
	margin: 0;
	list-style-type:none;
	line-height:0;
	_display:inline; /*IE6用*/
	_line-height:2em; /*IE6用*/
}

#osusume ul li a{
	display:block;
	height: 247px;
	width: 245px;
	margin: 0;
	background-image: url(../images/osusume01.jpg);
	background-repeat: no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	_overflow:hidden; /*IE6用*/
}

#osusume ul li span.active{
	display: block;
	height: 247px;
	width: 245px;
	margin: 0;
	background-image: url(../images/osusume01.jpg);
	background-repeat: no-repeat;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}

/* オフマウス */
.osusume01 a{background-position: 0px 0;}
/* オンマウス */
.osusume01 a:hover{background-position: -245px 0px;}

/* 商品のご案内
***************************/
#itemBox1 {
	width: 245px;
	height: 67px;
	margin: 14px 0 14px;
	padding-bottom:14px;
	border-bottom:solid 1px #BBBBBB;
}

#itemBox1 img{
	float:left;
	padding-right:10px;
}

#itemBox1 p.midashi{
	font-size:14px;
	color:#B33D50;
	font-weight:bold;
	padding:3px 0 3px;
}

#itemBox1 p.detail{
	font-size:12px;
}

#itemBox1 a:link {
	color: #B33D50;
	text-decoration: none;
}

#itemBox1 a:visited {
	color: #B33D50;
	text-decoration: none;
}

#itemBox1 a:hover {
	color: #C95F6F;
	text-decoration: underline;
}


/* お問い合わせ
***************************/
#side_cont {
	width: 245px;
	height:194px;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	background-image: url(../images/side_cont.jpg);
}

#side_cont2 {
	height: 48px;
	width: 245px;
	margin: 0;
	padding: 0;
	_overflow: hidden; /*IE6用*/
	_display: inline;
	clear: both;
	background-image: url(../images/top_cont2.jpg);
	background-repeat: no-repeat;
}

#side_cont2 ul{
	height: 48px;
	width: 245px;
	padding: 0;
	clear: both;
}

#side_cont2 ul li{
	float:left;
	height: 36px;
	width: 185px;
	padding: 0;
	margin:0 30px;
	list-style-type:none;
	line-height:0;
	_display:inline; /*IE6用*/
	_line-height:2em; /*IE6用*/
}

#side_cont2 ul li a{
	display: block;
	height: 36px;
	width: 185px;
	margin: 0;
	background-image: url(../images/side_cont2.jpg);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	_overflow: hidden; /*IE6用*/
}

#side_cont2 ul li span.active{
	display: block;
	height: 36px;
	width: 185px;
	margin: 0;
	background-image: url(../images/side_cont2.jpg);
	background-repeat: no-repeat;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}

/* オフマウス */
.side_cont2_01 a{background-position: 0 0;}
/* オンマウス */
.side_cont2_01 a:hover{background-position: 0 -36px;}

/*----------------------------------------------------
　2.top right
----------------------------------------------------*/
#top_midashi1 {
	width: 700px;
	height: 252px;
	background-image: url(../images/top_midashi1.jpg);
	margin-bottom:20px;
}

#top_midashi1 p.text {
	width: 415px;
	padding:80px 0 0;
	font-size:14px;
	line-height:22px;
}

#top_midashi2 {
	width: 700px;
	height: 210px;
	background-image: url(../images/top_midashi2.jpg);
	margin-bottom:35px;
}

#top_midashi2 p.text {
	width: 475px;
	padding:77px 0 0;
	float:right;
	font-size:14px;
	line-height:22px;
}

/* 新着情報
***************************/
#topics-Box{
	width: 700px;
	height:145px;
	clear: both;
}

/* 一覧バナー
***************************/
#product {
	height: 145px;
	width: 700px;
	margin:27px 0 0 0;
	padding: 0;
	_overflow: hidden; /*IE6用*/
	_display: inline;
	clear: both;
}

#product ul{
	height: 145px;
	width: 700px;
	padding: 0;
	clear: both;
}

#product ul li{
	float:left;
	height: 145px;
	width: 700px;
	padding: 0;
	margin: 0;
	list-style-type:none;
	line-height:0;
	_display:inline; /*IE6用*/
	_line-height:2em; /*IE6用*/
}

#product ul li a{
	display: block;
	height: 145px;
	width: 700px;
	margin: 0;
	background-image: url(../images/product.jpg);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	_overflow: hidden; /*IE6用*/
}

#product ul li span.active{
	display: block;
	height: 145px;
	width: 700px;
	margin: 0;
	background-image: url(../images/product.jpg);
	background-repeat: no-repeat;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}

/* オフマウス */
.product01 a{background-position: 0px 0;}
/* オンマウス */
.product01 a:hover{background-position: 0 -145px;}