@charset "UTF-8";
/* CSS Document */



/* =======================================

	1:Base CSS

========================================== */

a:link{color:#993300; text-decoration:none;}
a:active{color:#993300; text-decoration:none;}
a:visited{color:#993300; text-decoration:none;}
a:hover{color:#ff6600; text-decoration:underline;}

#links a:link{color:#fff; text-decoration:none;}
#links a:active{color:#fff; text-decoration:none;}
#links a:visited{color:#fff; text-decoration:none;}
#links a:hover{color:#fff; text-decoration:underline;}


/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* ========================================
	gHeader
======================================== */
/*PC*/
@media screen and (min-width:641px) {
#gHeader {
	background: url("/common/images/header_bg.png") center top no-repeat;
}
}


/* =======================================

	2:Block Layout

========================================== */

#contents_box{
	text-align:left;
	padding:0 35px 20px 35px;
	font-size: 14px;
}
/*SP*/
@media screen and (max-width:640px) {
#contents_box{
	padding:0 10px 20px 10px;
}
}

/* =======================================

	3:Header

========================================== */
#inside #header #logo{
	width:250px;
	height:51px;
	position:absolute;
	top:0px;
	left:0px;
	background: url(../images/bg_header_logo.gif) no-repeat top;
}

#inside #header #logo a{
	display:block;
	width:300px;
	height:90px;
	text-indent:-3000px;
}


#inside #header #links{
	position:absolute;
	top:28px;
	left:541px;
	width:355px;
	font-size:10px;
	text-align:center;
	color:#fff;
}

#inside #header #links a{font-size:10px;}

/*---メニューボタン ------*/
#inside #header #gnavi{
	position:absolute;
	top:56px;
	left:0px;
	height:97px;
}
/*---メニューボタン[Sub] ------*/
#snavi1{
	width:160px;
	height:285px;
	position:absolute;
	left: 0px;
	top: 164px;
	visibility:hidden;
	z-index:4;
	overflow:hidden;
}

#snavi2{
	width:160px;
	height:114px;
	position:absolute;
	left: 160px;
	top: 164px;
	visibility:hidden;
	z-index:3;
	overflow:hidden;
}

#snavi3{
	width:160px;
	height:114px;
	position:absolute;
	left: 799px;
	top: 164px;
	visibility:hidden;
	z-index:3;
	overflow:hidden;
}

/* =======================================

	4:footer

========================================== */

#footer{
	position:relative;
	width:960px;
	height:115px;
	color:#fff;
	text-align:center;
	background:url(../images/bg_footer.jpg) no-repeat bottom;
	clear:both;
}

#footer #links{padding-top:60px;height:25px;color:#fff;}
#footer #links a{font-size:11px;}
#footer #copy{margin-top:10px; font-size:10px;color:#fff;}

/* =======================================

	5:contents[inside]

========================================== */

#contents_box h1{margin-bottom:20px;}

.about{margin:30px 80px;}
.about #poseimg{width:400px;float:left;}
.about #pose_menu{width:381px;float:right;}
.about #pose_menu a{
	display:block;
	width:108px;
	height:127px;
	float:left;
	border-left:19px solid #fff;
}

.product{margin:30px 30px 0;}

.product #list{width:768px;float:left;}
.product #list .goods_box{
	background:#fdeaec url(../product/images/cor_gbtm.jpg) no-repeat bottom right;
	width:241px;
	border-left:15px solid #fff;
	border-bottom:30px solid #fff;
	float:left;
}
.product #list .goods_box h2{
	font-size:12px;
	background:url(../product/images/cor_ttop.jpg) no-repeat top;
	line-height:1.1em;
}
.product #list .goods_box h2 a{
	font-size:12px;
	display:block !important;
	padding:7px 10px 7px 40px !important;
	background:url(../product/images/cor_tbtm.jpg) no-repeat bottom !important;
}

.product #list .goods_box p{font-size:10px;padding:10px;}
.product #list .goods_box span{font-size:10px;font-weight:bold;}
.product #sidemenu{width:132px;float:left;}
.product #sidemenu a{display:block;margin-bottom:7px;}
.product .goods_img{
	background:#fdeaec url(../product/images/cor_gtop.jpg) no-repeat top;
	padding:20px;
	text-align:center;
	height:225px;
}

.product #sidemenu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:1em;
	padding-bottom:5px;
	background:url(../product/images/cor_sidemenu.jpg) no-repeat bottom;
}

.subset{background:url(../product/images/bg_sidemenu.jpg) repeat-y;margin-bottom:7px;}

.product .kari img{display:block !important; clear:both;margin-bottom:7px;}

.product #sidemenu ul li{
	padding:5px;
	background: url(../product/images/line_sidemenu.jpg) no-repeat bottom;
}

.product #sidemenu ul li.last{
	padding:5px 5px 2px;
	background:none;
}

.product #sidemenu ul li a{margin:0;text-indent:1em;color:#e1515d;}


/*.goods_wrap {border:1px solid #ffffff;
			background: url(http://araiguma-rascal.com/images/bk_goods_01.gif) repeat;
			}
*/



/*----------------------
Social(Twitter/FaceBook)
----------------------*/

div.social_area {position:relative; top:-30px;  }

ul.social {
list-style:none;
margin:0;
padding:0;
}

ul.social { width:200px; margin-right:10px; float:right; margin-top:5px; }
ul.social li { width:80px; float:left; margin-right:15px; }