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

	For SS grandindex file

	Last update : 2010.3.10
	mio urakami

	---------------------------
	1-0 structure

	2-0 visual setting
		2-1 news
		2-2 conceptarea
		2-3 bannerarea
		2-4 contents
			2-4-1 contents linktext
  --------------------------------------------*/


/*----------------------------------------------------------------
  1-0 structure
-----------------------------------------------------------------*/

#grandindex #navi{
	float:left;
	width:230px;
}

#grandindex #contents{
	float:right;
	width:700px;
}

#indexnews{
	width:351px;
	margin:5px auto 1px auto;
	padding:0 0 12px 599px;
	text-align:left;
}

#contents #soap{
	float:left;
	width:269px;
	margin-right:10px;
}

#contents #haircare{
	float:left;
	width:206px;
}

#contents #homemade{
	float:right;
	width:206px;
}

#contents .cateblock .itemblock p{
	float:left;
	width:56px;
	margin-right:5px;
	border:1px solid #eee;
}


/* --------------------------------------------
  3-5 float clear
---------------------------------------------*/

#contents .cateblock .itemblock, #contents .cateblock .text{
	clear:both;
}


/*----------------------------------------------------------------
  2-0 visual setting
-----------------------------------------------------------------*/

/* --------------------------------------------
  2-1 news
---------------------------------------------*/

#indexnews{
	background:url("/img/index/p_main.jpg") no-repeat left top;
}

#indexnews h2{
	text-align:right;
}

#indexnews ul{
	margin:8px 8px 8px 0;
	padding-bottom:8px;
	height:200px;
	overflow:auto;
	list-style:none;
	scrollbar-track-color:#fff;
	scrollbar-face-color:#e2dbd1;
	scrollbar-arrow-color:#9a7f5e;
	scrollbar-shadow-color:#cfc4b4;
	scrollbar-highlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-3dlight-color:#e2dbd1;
}

#indexnews li{
	width:310px;
	margin-right:6px;
	padding:6px;
	border-bottom:2px dotted #e2dbd1;
	line-height:1.5;
}

#indexnews .more{
	margin-top:10px;
	margin-right:15px;
	padding-right:18px;
	background:url("/img/common/arw_right_wback.jpg") no-repeat 100% 0;
	text-align:right;
	line-height:1.5;
}


/* --------------------------------------------
  2-2 conceptarea
---------------------------------------------*/

#navi .conceptarea{
	margin-top:7px;
	padding-bottom:1px;
	background:url("/img/index/foot_concept.gif") no-repeat left bottom;
	color:#fff;
}

#navi .conceptarea a:link{
	color:#fff;
}

#navi .conceptarea a:visited{
	color:#ddd;
}

#navi .conceptarea a:hover{
	color:#ffc;
	text-decoration:underline;
}

#navi .conceptarea h2{
	padding:36px 16px 0 16px;
	background:url("/img/index/ttl_concept.gif") no-repeat left top;
	font-weight:bold;
}

#navi .conceptarea .text{
	padding-top:4px;
	background:url("/img/index/back_concept.gif") repeat-y left top;
}

#navi .conceptarea p{
	margin:16px;
	line-height:1.8;
}

#navi .conceptarea p.more{
	text-align:right;
}

/* --------------------------------------------
  2-3 bannerarea
---------------------------------------------*/

#navi{
	background:none;
	border:none;
}

#navi h2{
	padding:0;
}

#navi .bannerarea img{
	margin-top:12px;
}

/* --------------------------------------------
  2-4 contents
---------------------------------------------*/

#contents h2{
	padding:27px 3px 25px 0;
	background:url("/img/index/ttl_product.gif") no-repeat 0 22px;
	text-align:right;
}

#contents .cateblock{
	padding-bottom:1px;
	background:#fff;
}

#contents .cateblock h3{
	padding:9px 9px 22px 28px;
	background:url("/img/common/icon_cross02.gif") no-repeat 8px 9px;
	font-size:117%;
}

#contents .cateblock .itemblock{
	margin:0 0 0 11px;
	padding-bottom:5px;
/*	background:url("/img/index/back_itemlist.gif") no-repeat left top;*/
}

#contents .cateblock .text{
	padding:10px 13px 0 13px;
}

#contents .cateblock .text p{
	line-height:1.7;
}

/* ----------------------------
  2-4-1 contents linktext
------------------------------*/

#contents .cateblock .link{
	margin:13px 11px 12px 0;
	padding-right:26px;
	background:url("/img/index/arw_classic.gif") no-repeat right bottom;
	text-align:right;
	font-size:90%;
}


#contents .cateblock .link p{
	line-height:1.34;
}