@charset "UTF-8";



/*body
---------------------------------------------------------------------------------------------------------*/
body{background:#191919 url(../images/index/bg.gif) repeat-x center top;}


/*mainvisual
---------------------------------------------------------------------------------------------------------*/
div#mainvisual{
	position:relative;
	width:950px;
	height:330px;
	margin:0px auto 0px auto;
}
div#mainvisual h1{
	position:absolute;
	top:81px;
	left:48px;
}
div#mainvisual p.pre{
	position:absolute;
	top:290px;
	left:72px;
}
div#mainvisual p.next{
	position:absolute;
	top:290px;
	left:121px;
}
div#mainvisual div#mainvisual_contents{
	position:absolute;
	top:26px;
	left:230px;
}
div#mainvisual div#mainvisual_contents div.item{
	width:720px;
	height:304px;
	display:none;
}


/*globalNavi
---------------------------------------------------------------------------------------------------------*/
ul#globalNavi{
	position:relative;
	width:950px;
	height:60px;
	margin:0px auto 0px auto;
}
ul#globalNavi li.home{
	position:absolute;
	top:10px;
	left:0px;
	list-style-type:none;
}
ul#globalNavi li.about{
	position:absolute;
	top:10px;
	left:66px;
	list-style-type:none;
}
ul#globalNavi li.products{
	position:absolute;
	top:10px;
	left:189px;
	list-style-type:none;
}
ul#globalNavi li.blog{
	position:absolute;
	top:10px;
	left:276px;
	list-style-type:none;
}
ul#globalNavi li.news{
	position:absolute;
	top:10px;
	left:366px;
	list-style-type:none;
}
ul#globalNavi li.shoplist{
	position:absolute;
	top:10px;
	left:478px;
	list-style-type:none;
}
ul#globalNavi li.webstore{
	position:absolute;
	top:10px;
	left:770px;
	list-style-type:none;
}


/*container
---------------------------------------------------------------------------------------------------------*/
div#container{background:url(../images/container_bg.gif) no-repeat center top;}


/*wrapper
---------------------------------------------------------------------------------------------------------*/
div#wrapper{
	width:950px;
	margin:0px auto 0px auto;
	zoom:1;
}
div#wrapper:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*leftColumn==============================*/
div#wrapper div.leftColumn{
	float:left;
	width:700px;
}


/*products / blog==============================*/
div#productsBlock{
	float:left;
	width:330px;
	padding-top:30px;
}
div#blogBlock{
	float:right;
	width:330px;
	padding-top:30px;
}

div#productsBlock h2, div#blogBlock h2{
	margin-bottom:5px;
}
div#productsBlock div.clearFix, div#blogBlock div.clearFix{
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #333333;
}
div#productsBlock div.clearFix p.thumbnail, div#blogBlock div.clearFix p.thumbnail{
	float:left;
	width:80px;
}
div#productsBlock div.clearFix div.textBox, div#blogBlock div.clearFix div.textBox{
	float:right;
	width:235px;
}
div#productsBlock div.clearFix div.textBox p, div#productsBlock div.clearFix div.textBox p a, div#blogBlock div.clearFix div.textBox p, div#blogBlock div.clearFix div.textBox p a{line-height:140%;}
div#productsBlock div.clearFix div.textBox p.productsTitle, div#blogBlock div.clearFix div.textBox p.blogTitle{padding:5px 0px 10px 0px;}
div#productsBlock div.clearFix div.textBox img, div#blogBlock div.clearFix div.textBox img{
	padding-left:10px;
	vertical-align:middle;
}


/*shop Calendar==============================*/
div#shopCalendar{
	margin-top:30px;
	}







/*rightColumn==============================*/
div#wrapper div.rightColumn{
	float:right;
	width:200px;
}


/*pickupBanner==============================*/
div#pickupBanner{
	width:200px;
	margin-top:30px;
	}
div#pickupBanner img{
	margin-bottom:10px;
	}





/*news
---------------------------------------------------------------------------------------------------------*/
div#news{
	margin-top:30px;
	background:#ebebeb url(../images/index/news_bg.gif) repeat-x left bottom;
}
div#news div.content{
	width:950px;
	margin:0px auto 0px auto;
	padding-bottom:20px;
}
div#news div.content p{color:#000000;}
div#news div.content a:link{color:#000000;text-decoration:none;}
div#news div.content a:visited{color:#000000;text-decoration:none;}
div#news div.content a:hover{color:#FFF;text-decoration:none; background-color:#000000;}
div#news div.content a:active{color:#000000;text-decoration:none;}
div#news div.content div.title{
	padding:15px 0px 5px 0px;
	zoom:1;
}
div#news div.content div.title:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#news div.content div.title h2{float:left;}
div#news div.content div.title p{
	float:left;
	padding-left:30px;
	color:#000000;
}
div#news div.content div.title p img{
	padding-right:5px;
	vertical-align:middle;
}
div#news div.content div.clearFix{
	padding:10px 0px 10px 0px;
	border-bottom:1px dotted #999999;
}
div#news div.content div.clearFix div.clearFix{
	float:left;
	width:300px;
	padding:0px 15px 0px 0px;
	border:0px;
}
div#news div.content div.clearFix div.clearFix p.img{
	float:left;
	width:52px;
}
div#news div.content div.clearFix div.clearFix p.img img{
	width:50px;
	height:50px;
	border:1px solid #333333;
}
div#news div.content div.clearFix div.clearFix div.text{
	float:right;
	width:240px;
}
div#news div.content div.clearFix div.clearFix div.text p{line-height:120%;}
div#news div.content div.clearFix div.clearFix div.text p.categoryIcon img{
	padding-right:5px;
	vertical-align:middle;
}
div#news div.content div.clearFix div.clearFix div.text p.newsTitle{padding-top:3px;}



/*footer
---------------------------------------------------------------------------------------------------------*/
div#footer{background:#191919 url(../images/footer_bg.png) repeat-x left top;}
div#footer div.innerBox{
	width:950px;
	margin:0px auto 0px auto;
	padding:40px 0px 50px 0px;
	zoom:1;
}
div#footer div.innerBox:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*--------Copyright--------*/
#footer #copyrightBox{
	float:left;
	width:350px;
}

#footer #copyrightBox p.logo{
	float:left;
	margin-right:10px;
	}
#footer #copyrightBox ul li{
	display:inline;
	list-style-type:none;
}
#footer #copyrightBox ul li.contact{
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #333333;
}
p#copyright{
	margin-top:8px;
}
p#caoshCredit{
	margin-top:4px;
}

/*--------業者向けお問合せ--------*/
div#footer #contactUs{
	float:left;
	width:300px;
}
div#footer #contactUs div.clearFix{padding-top:5px;}
div#footer #contactUs .icon{
	float:left;
	padding:5px 5px 0px 0px;
}
div#footer #contactUs p{padding:5px 20px 0 0;}

/*--------メルマガ--------*/
div#footer #mailmagazine{
	float:left;
	width:280px;
}
div#footer #mailmagazine div.clearFix{padding-top:5px;}
div#footer #mailmagazine .icon{
	float:left;
	padding:5px 15px 0px 10px;
}
div#footer #mailmagazine p{margin:5px 0 0 0;}