@charset "shift_jis";

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

	J CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.List Select
	
	2.Recommend List Section
		2-1.List Navi
			2-1-1.List Update
			2-1-2.Current Page
			2-1-3.Page Flip
		2-2.Result Listup
			2-2-1.Cart In
			2-2-2.Product Info
			2-2-3.List Delete

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

#contents .recomItemSec {
	margin: 0 0 30px 15px;
	width: 700px;
}


/* 1.List Select
========================================== */
#contents .recomItemSec ul.listSelect {
	position: relative;
	z-index: 100;
	zoom: 1;
}

#contents .recomItemSec ul.listSelect:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .recomItemSec ul.listSelect li {
	float: left;
}

#contents .recomItemSec ul.listSelect li.menu01 {width: 175px;}
#contents .recomItemSec ul.listSelect li.menu02 {width: 176px;}

#contents .recomItemSec ul.listSelect li a {
	display: block;
	background: no-repeat;
}

#contents .recomItemSec ul.listSelect.head li.menu01 a {background-image: url(https://static.chara-ani.com/ca/i/j/listselect_btn_01_o.gif);}
#contents .recomItemSec ul.listSelect.head li.menu02 a {background-image: url(https://static.chara-ani.com/ca/i/j/listselect_btn_02_o.gif);}
#contents .recomItemSec ul.listSelect.foot li.menu01 a {background-image: url(https://static.chara-ani.com/ca/i/j/listselect_btn_03_o.gif);}
#contents .recomItemSec ul.listSelect.foot li.menu02 a {background-image: url(https://static.chara-ani.com/ca/i/j/listselect_btn_04_o.gif);}

#contents .recomItemSec ul.listSelect li a:hover {
	background-color: #FFF;
}

#contents .recomItemSec ul.listSelect li a:hover img {
	visibility: hidden;
}


/* 2.Recommend List Section
========================================== */
#contents .recomItemSec .recomListSec {
	position: relative;
	z-index: 50;
	margin: -1px 0;
	border: 1px solid #DAE4F1;
	zoom: 1;
}

	/* 2-1.List Navi
	---------------------------------------- */
	#contents .recomItemSec .recomListSec .listNavi {
		position: relative;
		margin: 10px 9px;
		padding: 8px 10px 8px 110px;
		height: auto; /* for Modern Browser */
		min-height: 19px; /* for Modern Browser */
		background: url(https://static.chara-ani.com/ca/i/common/bg_dotted01_blue02.gif);
		text-align: right;
		zoom: 1;
	}
	/* IE6 Only */
	* html #contents .recomItemSec .recomListSec .listNavi {
		padding-top: 10px;
		padding-bottom: 7px;
		height: 19px;
	}
	
		/* 2-1-1.List Update
		---------------------------------------- */
		#contents .recomItemSec .recomListSec .listNavi p.listUpdate {
			position: absolute;
			top: 50%;
			left: 10px;
			margin: -10px 0 0;
			width: 93px;
		}
		
		#contents .recomItemSec .recomListSec .listNavi p.listUpdate a {
			display: block;
			height: 19px;
			background: url(https://static.chara-ani.com/ca/i/j/listupdate_btn_01_o.gif) no-repeat;
		}
		
		#contents .recomItemSec .recomListSec .listNavi p.listUpdate a:hover {
			background-color: #FFF;
		}
		
		#contents .recomItemSec .recomListSec .listNavi p.listUpdate a:hover img {
			visibility: hidden;
		}
	
		/* 2-1-2.Current Page
		---------------------------------------- */
		#contents .recomItemSec .recomListSec .listNavi p.currentPage {
			display: inline;
		}
		
		/* 2-1-3.Page Flip
		---------------------------------------- */
		#contents .recomItemSec .recomListSec .listNavi ul.pageFlip {
			display: inline;
			margin: 0 0 0 20px;
		}
		
		#contents .recomItemSec .recomListSec .listNavi ul.pageFlip  li {
			display: inline;
			margin: 0 4px;
			color: #FFCC00;
		}
		
		#contents .recomItemSec .recomListSec .listNavi ul.pageFlip li img {
			position: relative;
			top: -1px;
			vertical-align: middle;
		}
		/*\ for Safari */
		html*#contents                  .recomItemSec .recomListSec .listNavi ul.pageFlip li img {top: -2px;} /* for Safari IE6 IE7 */
		* html #contents                .recomItemSec .recomListSec .listNavi ul.pageFlip li img {top: 0;} /* Reset IE6 */
		*:first-child + html #contents  .recomItemSec .recomListSec .listNavi ul.pageFlip li img {top: 0;} /* Reset IE7 */
		
		#contents .recomItemSec .recomListSec .listNavi ul.pageFlip li a {
			padding-bottom: 1px; /* for Underline */
			color: #528ACE;
		}
	
	/* 2-2.Result Listup
	---------------------------------------- */
	#contents .recomItemSec .recomListSec ul.resultListup {
		border: none; /* Reset */
	}
	
	#contents .recomItemSec .recomListSec ul.resultListup li {
		position: relative;
	}
	
	#contents .recomItemSec .recomListSec ul.resultListup li.deleteComp {background-color: #F8F8F8;}
	#contents .recomItemSec .recomListSec ul.resultListup li.returnComp {background-color: #FFFAE5;}
	
		/* 2-2-1.Cart In
		---------------------------------------- */
		#contents .recomItemSec .recomListSec ul.resultListup li .imageUnit p.cartIn {
			margin-bottom: 3px;
		}
		
		/* 2-2-2.Product Info
		---------------------------------------- */
		#contents .recomItemSec .recomListSec ul.resultListup li .productInfo {
			display: inline; /* for IE */
			margin-right: 100px;
			width: 470px;
		}
		
		/* 2-2-3.List Delete
		---------------------------------------- */
		#contents .recomItemSec .recomListSec ul.resultListup li p.listDelete,
		#contents .recomItemSec .recomListSec ul.resultListup li p.listReturn {
			position: absolute;
			top: 50%;
			right: 10px;
			margin: -15px 0 0;
			width: 64px;
		}
		
		#contents .recomItemSec .recomListSec ul.resultListup li p.listDelete a,
		#contents .recomItemSec .recomListSec ul.resultListup li p.listReturn a {
			display: block;
			background: no-repeat;
		}
		
		#contents .recomItemSec .recomListSec ul.resultListup li p.listDelete a {background-image: url(https://static.chara-ani.com/ca/i/j/listdelete_btn_o.gif);}
		#contents .recomItemSec .recomListSec ul.resultListup li p.listReturn a {background-image: url(https://static.chara-ani.com/ca/i/j/listreturn_btn_o.gif);}
		
		#contents .recomItemSec .recomListSec ul.resultListup li p.listDelete a:hover,
		#contents .recomItemSec .recomListSec ul.resultListup li p.listReturn a:hover {
			background-color: #FFF;
		}
		
		#contents .recomItemSec .recomListSec ul.resultListup li p.listDelete a:hover img,
		#contents .recomItemSec .recomListSec ul.resultListup li p.listReturn a:hover img {
			visibility: hidden;
		}