@charset "utf-8";

/*= 情報 ==================================================================
 *
 *  作成者         : むらまつ
 *  初版           : 2010-08-21
 *  最終更新       : 2010-08-21
 
 *	記述順序
 ----------------------------------
	1.display:
	2.overflow:
	3.visilibity:
 	4.position:
	5.top:
	6.left
	7.float:
	8.width:
	9.height:
	10.margin:
	11.padding:
	12.text-indent:
	13.background:
	14.border:
------------------------------------	

 *	目次

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

/*
---------------------------------------------------------------------
	ショッピング-パンくずリスト
---------------------------------------------------------------------
*/

#top_shopping #topicPass {
	width: 874px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}

/*
---------------------------------------------------------------------
	ショッピング-メインエリア
---------------------------------------------------------------------
*/

#shopping_main {
	float: left;
	width: 646px;
	height: auto;
	margin-top: 20px;
	margin: 20px 0 0 13px;
}

*html #shopping_main {
	margin-left: 7px;
}

#shopping_main p {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 10px;
	color: #595050;
}

#shopping_main p.p_387px {
	width: 387px;
}

#shopping_main_taxt-box_a {
	width: 646px;
	height: auto;
	margin-top: 10px;
	background:url(../../shopping/img/shopping_main_taxt_bg.png) no-repeat;
}

.shopping_main_btn-box {
	width: auto;
	margin: 20px auto 0;
	text-align: center;
}

.shopping_main_btn-box ul li {
	float: left;
	width: 303px;
	height: 60px;
	margin: 0 10px;
	text-indent: -99999px;
}

*html .shopping_main_btn-box ul li {
	margin: 0 5px;	
}

.shopping_main_btn-box ul li a {
	display: block;
	width: 303px;
	height: 60px;
}

li#shopping_main_btn_li_a {
	background:url(../../shopping/img/shopping_main_btn_li_a.png) no-repeat; 
}

li#shopping_main_btn_li_b {
	background:url(../../shopping/img/shopping_main_btn_li_b.png) no-repeat; 
}

/*
---------------------------------------------------------------------
	ショッピング-サイドエリア
---------------------------------------------------------------------
*/
#shopping_sied {
	float: left;
	width: 208px;
	height: 500px;
	margin: 20px 0 0 20px;
}

#shopping_sied .box {
	margin: 0 0 10px 0;
}

#shopping_sied h3 {
	width: 208px;
	height: 21px;
	text-indent: -9999px;
}

#shopping_sied #hairStyleCheck h3 {
	background:url(../../shopping/img/title_hairstylecheck.gif) no-repeat;
}

#shopping_sied #salonsearch h3 {
	background:url(../../shopping/img/title_salonsearch.gif) no-repeat;
}