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

 ++ type.css
 
  -BN
  -bar
  -item list


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


/* ------------------------------------------------------------------[BN] */

.BN{
	width:560px;
	height:120px;
	margin:0 0 10px 0;
	padding:0;
}




/* ------------------------------------------------------------------[bar] */
.searchBar{
	width:550px; /* 560px */
	height:20px; /* 25px */
	margin:10px 0 20px 0;
	padding:8px 5px 5px 10px;
	font-size:12px;
	color:#000;
	background-image:url(../images/sort.gif);
	background-repeat:no-repeat;
}

.searchBar p{
	color:#A36863;
}

.searchBar a{
	text-decoration:underline;
}

.searchBar a:hover{
	background-color:#ffffff;
}

/**/


.listNo{
	margin:10px 0 0 0;
	width:560px;
	height:15px;
	border-bottom:#ff8f9e 1px solid;
}

.listNo p{
	display:block;
	width:auto;
	float:left;
	color:#ff8f9e;
}

.listNo p.Pright{
	display:block;
	float:right;
	color:#ff8f9e;
	font-size:12px;
}

.P14{
	font-size:14px;
}

.listNoU{
	clear: both;
	width:560px;
	height:13px;
	padding:2px 0 0 0;
	margin:0px 0 80px 0;
	/*border-top:#ff8f9e 1px solid;*/
}

.listNoU p{
	display:block;
	width:auto;
	float:left;
	color:#ff8f9e;
}

.listNoU p.Pright{
	display:block;
	float:right;
	color:#ff8f9e;
	font-size:12px;
}




/* ------------------------------------------------------------------[item list] */

.categoryTypeList{
	clear:left;
	display:block;
	width:560px;
	height:40px;
	margin:0;
	padding:0;
	background-image:url(/images/category_h02.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.allType{
	display:block;
	width:550px;
	height:12px;
	margin:15px 10px 0 0;
	text-align:right;
	font-size:12px;
	text-decoration:underline;
	
}

ul.typeList{
	clear:left;
	display:block;
	width:560px;  /* 560 */
	height:auto;
	overflow:hidden;
	margin:10px 0 10px 1px;
	padding:0 0 0 0;
	border-bottom:#CCCCCC 1px dotted;
	list-style:none none;
}

ul.typeList li{
	display:block;
	float:left;
	width:130px;
	height:auto;
	margin:0 0 0 0;
	padding:0 5px;
	_padding:0 6px 0 2px;
}


ul.typeList a:hover{
	background-color: #FFFFCC;
}


/*.image_icon{
	width:161px;
	margin:0 auto 5px 10px;
}*/


.itemName{
	clear:left;
	display:block;
	width:125px;
	margin:0 0 0 0;
	padding:0;
	font-size:11px;
	color:#333333;
	border-bottom:1px dotted #cccccc;
}

.priceN{
	clear:left;
	display:block;
	width:125px;
	height:12px;
	text-decoration:line-through;
	margin:0 0 0 0px;
	padding:0;
	font-size:11px;
	color:#999999;
}


.Poff{
	clear:left;
	display:block;
	width:125px;
	margin:2px 0 0 0px;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#0078ff;
}

.priceS{
	clear:left;
	display:block;
	width:125px;
	margin:2px 0 0 0px;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color: #ff5959;
	text-decoration:none;
	border-bottom:1px dotted #cccccc;
}


.Psoldout{
	clear:left;
	display:block;
	background-color:#ffeeee;
	border:1px solid #FF9999;
	width:125px;
	margin:3px 0 0 0;
	padding:2px 0;
	font-size:11px;
	color:#FF0080;
	font-weight:bold;
	text-align:center;
}
.Pnokori{
	clear:left;
	display:block;
	width:125px;
	margin:3px 0 5px 0;
	padding:0;
	font-size:11px;
	color:#555555;
	text-align:right;
}

.Pnokori em{
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#FF0066;
}




/**/
.categoryRankH{
	display:block;
	width:560px;
	height:40px;
	margin:0;
	padding:0;
	background-image:url(/images/category_h01.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-1000em;
}

ol.categoryRankBox{
	display:block;
	float:left;
	width:560px;
	margin:0 0 30px 0;
	padding:0;
	list-style:none;
	background-image:url(/images/table-bg-pinkwhite.jpg);
	background-repeat:repeat-y;
}

ol.categoryRankBox a:hover{
	background-color:#FFFFFF;
}

ol.categoryRankBox li{
	display:block;
	width:186px;
	
	margin:0;
	padding:0;
	float:left;
}




img.rank0Img{
	width:130px;
	background-color:#fff;
	margin:0 0 0 0;
	/* border:#CCCCCC 1px solid; */
	float:left;
}

/*------------------------------------icon*/

.icon{
	width:50px;
	float:left;
	margin:5px 0;
	padding:0;
}

.icon_50off{
	display:block;
	width:45px;
	height:35px;
	margin:0 0px 5px 0;
	background-image:url(/images/itemlist_icon_50off.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}

.icon_55off{
	display:block;
	width:45px;
	height:35px;
	margin:0 0px 5px 0;
	background-image:url(/images/itemlist_icon_55off.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}

.icon_60off{
	display:block;
	width:45px;
	height:35px;
	margin:0 0px 5px 0;
	background-image:url(/images/itemlist_icon_60off.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}

.icon_65off{
	display:block;
	width:45px;
	height:35px;
	margin:0 0px 5px 0;
	background-image:url(/images/itemlist_icon_65off.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}

.icon_70off{
	display:block;
	width:45px;
	height:35px;
	margin:0 0px 5px 0;
	background-image:url(/images/itemlist_icon_70off.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}

.icon_75off{
	display:block;
	width:45px;
	height:35px;
	margin:0 0px 5px 0;
	background-image:url(/images/itemlist_icon_75off.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}

.icon_80off{
	display:block;
	width:45px;
	height:35px;
	margin:0 0px 5px 0;
	background-image:url(/images/itemlist_icon_80off.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}


.icon_souryou{
	display:block;
	width:125px;
	height:13px;
	margin:3px 0 0 2px;
	background-image:url(/images/icon_souryou0.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}


.icon_ninki{
	clear:left;
	display:block;
	width:40px;
	height:35px;
	margin:0 0 0 0;
	background-image:url(/images/itemlist_icon_ninki.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}

.icon_campaign{
	float:left;
	display:block;
	width:125px;
	height:13px;
	margin:3px 0 0 2px;
	background-image:url(/images/icon_campaign.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}


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


.icon_new{
	clear:left;
	display:block;
	float:left;
	width:40px;
	height:20px;
	margin:0 6px 5px 0;
	background-image:url(/images/itemlist_icon_new.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}

.icon_osusume{
	clear:left;
	display:block;
	width:50px;
	height:20px;
	margin:5px 0 5px 2px;
	background-image:url(/images/itemlist_icon_osusume.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-1000em;
}






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

h5.hidden{
	visibility:hidden;
	display:none;
}



/*-------------------------------------------------------------------campaign*/

.cam_p{
	font-size:12px;
	color: #543034;
	line-height:20px;
	padding:0 0 0 2px;
	margin:5px 0 0 0;
	background-image:url(../images/underline_dot_pink.gif);
	background-position:left top;
	background-repeat:repeat;
}

.cam_close_h{
	display:block;
	width:540px;
	height:25px;
	margin:10px 0;
	padding:5px 0 0 10px;
	border-left:8px #FF3366 solid;
	background-color:#FFCCCC;
	font-size:18px;
	font-weight:bold;
}



/* ----------------------------------------------------------------- present */
.presentH{
	display:block;
	width:558px; /* 560 */
	font-size:14px;
	padding:0 0 0px 2px;
	border-bottom:3px solid #FF3366;
	margin:0 0 10px 0;
}

.presentIMG{
	padding:3px;
/*	border:1px solid #cccccc;*/
	margin:0 auto;
}

.cam_pR{
	font-size:11px;
	color: #FF0066;
	text-align:right;
	margin:5px 0;
}

.presentBTN{
	width:270px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	margin:10px 145px 5px 145px;
}

.presentP{
	display:block;
	width:270px;
	margin:0 145px;
	font-size:11px;
	color:#777777;
	text-align:right;
}


/**/

.underLine2px{
	display:block;
	width:560px;
	height:20px;
	margin:30px 0 5px 0;
	font-size:14px;
	border-bottom:2px solid #FF3366;
}

/* ----------------------------------------------------------
 	footprnt 20110518
 ---------------------------------------------------------- */
 
.footprintBOX{
	display:block;
	width:540px;
	margin:10px 10px 20px 10px;
	padding:0;
	list-style:none none;
	overflow:hidden;
}

.footprintBOX li{
	display:block;
	width:60px;
	margin:0 0 0 0;
	padding:0;
	list-style:none none;
	float:left;
}


.footprintBOX li p{
	font-size:10px;
	color:#777777;
	display:block;
	width:60px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
	cursor:pointer;
}

.footprintBOX li.footprintBOXr{
	display:block;
	width:120px;
	margin:0 0 0 0;
	padding:0;
	list-style:none none;
	float:left;
}

.footprintBOX li img{
	float:left;
	margin:0 4px 0 0;
	padding:2px;
	border:1px solid #CCCCCC;
}

.footprintBOX li strong.pinkB10{
	color:#FF6666;
	font-weight:bold;
	font-size:10px;
}


/* ----------------------------------------------------------
 	osusumeexpress 20110520
 ---------------------------------------------------------- */
 
 h5.osusumeexpress{
	display:block;
	width:560px;
	height:40px;
	margin:50px 0 0 0;
	padding:0;
	background-image: url(/images/detail_h03.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-1000em;
}


ul.expressbox{
	display:block;
	float:left;
	width:560px;
	
	margin:0 0 0 0;
	padding:10px 0 0 0;
	list-style:none;
	background-image:url(/images/table-bg-pinkwhite.jpg);
	background-repeat:repeat-y;
}

ul.expressbox a:hover{
	background-color:#FFFFFF;
}

ul.expressbox li{
	display:block;
	width:186px;
	
	margin:0;
	padding:0;
	float:left;
}


.Pnokori{
	margin:0 15px 0 15px;
}

.Pnokori em{
	line-height:18px;
	font-size:14px;
	font-weight:bold;
	color:#F06;
	font-style:normal;
}

.footprintH{
	display:block;
	width:560px;
	height:22px;
	margin:0 0 0 0;
	padding:0;
	background-image: url(/images/detail_h04.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-1000em;
}
/*-----------------------------------------------------------------------------------------------------------brand icon list*/

ul.blandBlock{
	display:block;
	overflow:hidden;
	width:560px;
	margin:25px 0;
	list-style:none none;
}

ul.blandBlock li{
	display:block;
	float:left;
	width:80px;
	height:80px;
	margin:0;
	padding:0;
}
/*-------------------------------------------------------------brand icon list  text link*/
ul.blandBlock li.textLink{
	display:block;
	width:240px;
	height:25px; /* 80 */
	margin:0;
	padding:55px 0 0 0;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}
/* ----------------------------------------------------------
 	brand icon list 20110613
 ---------------------------------------------------------- */

ul.blandBlock{
	display:block;
	overflow:hidden;
	width:560px;
	margin:25px 0;
	list-style:none none;
}

ul.blandBlock li{
	display:block;
	float:left;
	width:80px;
	height:80px;
	margin:0;
	padding:0;
}