@charset "utf-8";

/* ------------------------------

             index 

---------------------------------*/


#topSiteId {
	z-index: 100;
	position: relative;
	width:400px;
}

#topIconArea {
	float:right;
	margin-top:8px;
	position: relative;
	z-index:10000;
}


/* newsletter */

#newsLetterRegistWrap {
	width:290px;
	position:absolute;
	top:25px;
	left:-140px;
	z-index:1000;
	background:#666666;
	padding:20px;
	display:none;
	
}
#newsLetterRegistWrap h2{
	color:white;
	font-size:14px;
	margin-bottom:10px;
}
#newsLetterRegistWrap p{
	color:white;
	font-size:12px;
}

#newsLetterRegistWrap #UserMailAddress {
	border:1px solid #333;
	height:23px;
	background:#fff;
	width:170px;
	vertical-align:middle;
}
#newsLetterRegistWrap #btnNewsLetterSend img {
	/*
border:1px solid #333;
	padding:0 5px;
	height:23px;
	background:#333;
	color:#fff;
	cursor:pointer;
*/
	vertical-align:middle;
	margin-bottom:-1px;

}

#newsLetterRegistWrap .notes {
	font-size:11px;
}

#newsLetterRegistWrap .btn_newsletter_blose{
	position:absolute;
	top:15px;
	right:15px;
}

#newsLetterCompWrap {
	width:290px;
	position:absolute;
	top:25px;
	left:-35px;
	z-index:1000;
	background:#666666;
	padding:20px;
	display:none;
	min-height:0px;	
}
#newsLetterCompWrap h2{
	color:white;
	font-size:14px;
	margin-bottom:10px;
}
#newsLetterCompWrap p{
	color:white;
	font-size:12px;
}

#newsLetterCompWrap .loadImg {
	text-align:center;
}

/* end of newsletter */





#topIconArea ul li#ch img{
	vertical-align:middle;
}

#topIconArea ul li#ch img { /vertical-align:bottom; } /* IE6・7 */

#top #headNav {
	height: 150px;
	padding: 0 0 0 22px;
	margin: 0 0 0 23px;
	position: relative;
}
#top #headNav li {
	float: none;
	padding: 0;
	margin: 0 0 12px 0;
	font-size: 50%;
}

/*メインイメージ*/
#top #mainImg{
	width:956px;
	height:400px;
	padding-left:3px;
	text-align:center;
	margin:-110px 0 0;
	position:relative;
}
#mainImg ul{
	position:relative;
	display:block;
	width:954px;
	height:400px;
}
#mainImg ul li{
	position:absolute;
	left:0;
}

#mainImg #jquery-cycle a:hover img{
	opacity: 1;				/* Standard: FF gt 1.5, Opera, Safari */
	filter: none;	/* IE lt 8 */
	-ms-filter: none; /* IE 8 */
	-khtml-opacity: 1;		/* Safari 1.x */
	-moz-opacity: 1;	
}
#mainImg #next-button,
#mainImg #prev-button{
	opacity: .20;				/* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=20);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=20)"; /* IE 8 */
	-khtml-opacity: .20;		/* Safari 1.x */
	-moz-opacity: .20;			/* FF lt 1.5, Netscape */
}
#mainImg #next-button:hover,
#mainImg #prev-button:hover{
	opacity: .65;				/* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=65);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=65)"; /* IE 8 */
	-khtml-opacity: .65;		/* Safari 1.x */
	-moz-opacity: .65;
}

#prev-button{
	cursor:pointer;
	position:absolute;
	z-index:9999;
	left:3px;
	top:180px;
	height:40px;
	width:40px;
	display:block;
}

#next-button{
	cursor:pointer;
	position:absolute;
	z-index:9999;
	right:2px;
	top:180px;
	height:40px;
	width:40px;
	display:block;
}

#cyclePager{
	position:absolute;
	bottom:5px;
	right:5px;
	z-index:9999;
	padding:10px;
}
#cyclePager a{
	display:block;
	float:left;
	text-indent:-9999px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	width:8px;
	height:8px;
	background:#fff;
	margin:0 5px 0 0;
	font-size:0;
	overflow:hidden;
}
#cyclePager a:hover{
	background:#999;
}
#cyclePager .activeSlide{
	background:#333;
}
#cyclePager .activeSlide:hover{
	background:#333;
}

/*globalNavi*/
#top #globalNav {
	margin: 0;
	background-position: 0 -3px;
}

#top #globalNav li {
	padding-top: 0;
}

* html #top #globalNav li {padding-bottom: 2px;}
*+html #top #globalNav li {padding-bottom: 2px;}

/*------------------mainColumn*/
#top .contents{
	margin-bottom:20px;
}

#top .mainColumn {
	background: none;
	width: 650px;
	margin-bottom:20px;
	padding: 0;
}

/*subtitle*/
.subTitle {
	overflow: hidden;
}
* html .subTitle {
	height: 1%;
}
.subTitle h2 {
	float: left;
}
.subTitle p {
	float: right;
	padding: 0 10px 0 0 ;
}
/*catlife*/
.catlifeArea {
	overflow: hidden;
}
* html .catlifeArea {
	height: 1%;
}
.catlifeArea li {
	float: left;
	width: 200px;
	margin: 0 25px 0 0;
}
.catlifeArea .last {
	margin: 0;
}

.catlifeArea li img {
	margin: 0 0 10px 0;
}
.catlifeArea li h3 {
	margin: 0 0 5px 0;
	font-size: 108.4%;
	font-weight: bold;
	line-height: 1.3em;
}
#top .catlifeArea li h3 a{
	color: #000;
	text-decoration: none;
}
.catlifeArea li p {
	line-height: 1.35em;
}
#top .catlifeArea li p a {
	margin: 0 0 0 10px;
	color: #CC0000;
}

/*------------------------- subCloumn*/
#top .subColumn {
	margin: 0 0 20px 0;
}

#top .subColumn ul li {
	overflow: hidden;
	padding: 0 10px 0 5px;
	margin: 0 0 5px 0;
}
* html #top .subColumn ul li {
	height: 1%;
}
#top .subColumn ul li img {
	float: left;
}
#top .subColumn ul li p {
	padding: 0 0 0 74px;
	color: #CC0000;
	line-height: 1.4em;
}
#top .subColumn ul li p a{
	color: #000000;
	text-decoration: none;
}

/*----------------------------- NewProducts*/

.goodsList_l li {
	padding: 0 0 18px 0;
	text-align: center;
}
.goodsList_l h3 {
	font-size: 158.4%;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
}
#top .goodsList_l h3 a{
	color: #000;
	text-decoration: none;
}
.goodsList_l li img {
	margin: 0 0 3px 0;
}
.goodsList_l li p {
	width: 191px;
	margin: 0 auto;
	line-height: 1.35em;
}
#top .goodsList_l li p a {
	margin: 0 0 0 10px;
	color: #CC0000;
}