/*******商品アイテムのテーブルの設定*******/
#container #mainContents .mainbox .img {
	/*background-image: url(../img/s_img/waku.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	
	
}





.style2 {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

#container #mainContents .mainbox .text {
	font-size: 12px;
	color:#333333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
.mainbox #point .sp_point {
	height: auto;
	width: 182px;
	padding-left: 4px;
	font-size: 10px;
	line-height: 1.4em;
	padding-top: 6px;
}



.sp_point a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}


/**ポイントテーブル**/
#container #mainContents .mainbox #point #point {
	width: 558px;
	padding-left: 4px;
}

.mainbox #point {
	padding-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;
}
#container #mainContents .mainbox #table td {
	font-size: 12px;
}




#container #mainContents .mainbox .td {
	font-size: 12px;
	color:#333333;
	
}


/*******商品例のスタイル*******/
#container #mainContents .mainbox #select_bar {
	height: auto;
	width: 560px;
	margin-bottom: 20px;
}



.clear{
		clear:both;
	}
	

/*商品例のスタイル*/

/*価格別リストの場合*/
ul.money{
	display: block;
	list-style-type: none;
	margin: 0px;
	width: 560px;
	padding-right:0px;
	background-color: #f4f3f7;
	padding-left: 0px;
	clear: both;
	float: none;
}
ul.money :after{
	display: none;
	content: ".";
	height: 0%;
	clear: both;
}
ul.money li {
	background-repeat: no-repeat;
	margin-bottom: 2px;
	display: inline;
	width: auto;
	text-indent: -9999px;
	float: left;
}



/*************************SP*************************/
/************************
〜1000
************************/
li.item1 a {
	background-image: url('../img/s_img/_1000_1.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.item1 a:hover {
	background-image: url('../img/s_img/_1000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}
#container #mainContents .mainbox #item td {
	font-size: 12px;
}

/**選択時**/
li.item1_on a {
	background-image: url('../img/s_img/_1000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.item1_on a:hover {
	background-image: url('../img/s_img/_1000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}
#container #mainContents .mainbox #item td {
	font-size: 12px;
}


/************************
1000〜
************************/
li.item2 a {
	background-image: url('../img/s_img/1000_1.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.item2 a:hover {
	background-image: url('../img/s_img/1000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}

/**選択時**/
li.item2_on a {
	background-image: url('../img/s_img/1000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.item2_on a:hover {
	background-image: url('../img/s_img/1000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}

/************************
3000〜
************************/
li.item3 a {
	background-image: url('../img/s_img/3000_1.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.item3 a:hover {
	background-image: url('../img/s_img/3000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}
/**選択時**/
li.item3_on a {
	background-image: url('../img/s_img/3000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.item3_on a:hover {
	background-image: url('../img/s_img/3000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}



/************************
5000〜
************************/
li.item4 a {
	background-image: url('../img/s_img/5000_1.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.item4 a:hover {
	background-image: url('../img/s_img/5000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}
/**選択時**/
li.item4_on a {
	background-image: url('../img/s_img/5000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.item4_on a:hover {
	background-image: url('../img/s_img/5000_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}

/*SP価格別＆カテゴリー別のリスト2*/
ul.use {
	display: block;
	list-style-type: none;
	margin: 0px;
	width: 558px;
	background-color: #ffffff;
	padding-right: 0px;
	height: 30px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	float: none;
	clear: both; 	
}
ul.use :after{
	display: none;
	content: ".";
	height: 0%;
	clear: both;
}
ul.use li {
	background-repeat: no-repeat;
	margin-bottom: 2px;
	display: inline;
	width: auto;
	text-indent: -9999px;
	float: left;
}





/************************
価格別
************************/
li.kakaku a {
	background-image: url('../img/s_img/money_1.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.kakaku a:hover {
	background-image: url('../img/s_img/money_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}




/**ページ選択時**/
li.kakaku_on a {
	background-image: url('../img/s_img/money_2.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.kakaku_on a:hover {
	background-image: url('../img/s_img/money_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}


/************************
カテゴリー別
************************/
li.category a {
	background-image: url('../img/s_img/category_1.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.category a:hover {
	background-image: url('../img/s_img/category_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}

li.category_on a {
	background-image: url('../img/s_img/category_2.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.category_on a:hover {
	background-image: url('../img/s_img/category_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}


/*****カテゴリー別のリスト*****/

/**過去実績のスタイル**/
/*3列のリストの場合*/
ul.sort {
	display: block;
	list-style-type: none;
	width: 558px;
	background-color: #f4f3f7;
	height: 30px;
	padding-left: 0px;
	margin: 0px;
	clear: both;
	float: none;
}
ul.sort :after{
	display: none;
	content: ".";
	height: 0%;
	clear: both;
}
ul.sort li {
	background-repeat: no-repeat;
	margin-bottom: 2px;
	display: inline;
	width: auto;
	text-indent: -9999px;
	float: left;
	
}


/************************
女性に人気
************************/
li.wom a {
	background-image: url('../img/s_img/wom_1.gif');
	width: 186px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.wom a:hover {
	background-image: url('../img/s_img/wom_2.gif');
	width: 186px;
	height: 30px;
	display: block;
}
/**選択ページ時**/
li.wom_on a {
	background-image: url('../img/s_img/wom_2.gif');
	width: 186px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.wom_on a:hover {
	background-image: url('../img/s_img/wom_2.gif');
	width: 186px;
	height: 30px;
	display: block;
}
/************************
とにかく低単価
************************/
li.cheap a {
	background-image: url('../img/s_img/cheap_1.gif');
	width: 186px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.cheap a:hover {
	background-image: url('../img/s_img/cheap_2.gif');
	width: 186px;
	height: 30px;
	display: block;
}
/**選択ページ**/
li.cheap_on a {
	background-image: url('../img/s_img/cheap_2.gif');
	width: 186px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.cheap_on a:hover {
	background-image: url('../img/s_img/cheap_2.gif');
	width: 186px;
	height: 30px;
	display: block;
}

/************************
新作アイテム
************************/
li.new a {
	background-image: url('../img/s_img/new_1.gif');
	width: 186px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.new a:hover {
	background-image: url('../img/s_img/new_2.gif');
	width: 186px;
	height: 30px;
	display: block;
}
/**選択ページ**/
li.new_on a {
	background-image: url('../img/s_img/new_2.gif');
	width: 186px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.new_on a:hover {
	background-image: url('../img/s_img/new_2.gif');
	width: 186px;
	height: 30px;
	display: block;
}






























/************************
化粧品業界
************************/
li.cosme a {
	background-image: url('../img/s_img/cosme_1.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.cosme a:hover {
	background-image: url('../img/s_img/cosme_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}
/**選択時**/
li.cosme_on a {
	background-image: url('../img/s_img/cosme_2.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.cosme_on a:hover {
	background-image: url('../img/s_img/cosme_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}
/************************
食品業界
************************/
li.foods a {
	background-image: url('../img/s_img/foods_1.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.foods a:hover {
	background-image: url('../img/s_img/foods_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}
/**選択時**/
li.foods_on a {
	background-image: url('../img/s_img/foods_2.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.foods_on a:hover {
	background-image: url('../img/s_img/foods_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}
/************************
アパレル業界
************************/
li.fashion a {
	background-image: url('../img/s_img/fashion_1.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.fashion a:hover {
	background-image: url('../img/s_img/fashion_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}
/**選択時**/
li.fashion_on a {
	background-image: url('../img/s_img/fashion_2.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.fashion_on a:hover {
	background-image: url('../img/s_img/fashion_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}



/************************
その他
************************/
li.other a {
	background-image: url('../img/s_img/other_1.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.other a:hover {
	background-image: url('../img/s_img/other_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}
/**選択時**/
li.other_on a {
	background-image: url('../img/s_img/other_2.gif');
	width: 140px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
li.other_on a:hover {
	background-image: url('../img/s_img/other_2.gif');
	width: 140px;
	height: 30px;
	display: block;
}





/*****過去実績のスタイルシート*****/
#container #mainContents .mainbox .work_title {
	font-weight: bold;
	color: #800000;
	line-height: 1.6em;
	width: 560px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}



#container #mainContents .mainbox .work_img {
	height: auto;
	width: 264px;
	float: left;
	border: 1px solid #000000;
	padding: 8px;
}
#container #mainContents .mainbox .work_voice {
	float: right;
	height: auto;
	width: 266px;
	margin-right: 6px;
	margin-left: 5px;
}
#container #mainContents .mainbox .work_voice .prm {
	width: 266px;
	height: auto;
	padding-bottom: 3px;
}

#container #mainContents .mainbox .work_about {
	clear: both;
	width: auto;
	border-bottom-style: none;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

#container #mainContents .mainbox .work_voice .work_why {
	background-image: url(../img/spc_gif2.gif);
	height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	line-height: 1.7em;
	font-size: 13px;
}

#container #mainContents .mainbox .work_voice .work_answer {
	padding-top: 10px;
	padding-bottom: 8px;
	height: auto;
}

#container #mainContents .mainbox .work_about .work_info {
	float: right;
	font-size: 12px;
}
.item {
	font-size: 12px;
	width: 560px;
}
.work_info td {
	font-size: 12px;
}



/*アイテムのテーブル　NS&Opra用解除*/
#container #mainContents .mainbox #table {
	clear: both;
	float: none;
}
#container #mainContents .mainbox #item {
	clear: both;
	float: none;
}*/

/**ＳＰ過去実績へ**/
.mainbox #to_work {
	clear: both;
	float: none;
	height: 60px;
	width: 560px;
	margin-top: 10px;
	text-indent: -9999px;
}

/************************
リンク設定
************************/
.mainbox #to_work a {
	background-image: url('../img/s_img/to_work1.gif');
	width: 560px;
	height: 60px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	}
	
.mainbox #to_work a:hover {
	background-image: url('../img/s_img/to_work2.gif');
	width: 560px;
	height: 60px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}


/**商品例へ**/
.mainbox #to_item {
	clear: both;
	float: none;
	height: 60px;
	width: 560px;
	margin-top: 10px;
	text-indent: -9999px;
}

/************************
リンク設定
************************/
.mainbox #to_item a {
	background-image: url('../img/s_img/to_item1.gif');
	width: 560px;
	height: 60px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	}
	
.mainbox #to_item a:hover {
	background-image: url('../img/s_img/to_item2.gif');
	width: 560px;
	height: 60px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}
