@charset "utf-8";

/* ===================================================================
CSS Information

File name            : module.css
Author               : funcution
Information          : ヘッダー・フッター・レフトコンテンツ

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


/* === common ============================== */

.mgn3 {
	margin-bottom: 3px;
}

.mgn5 {
	margin-bottom: 5px;
}

.mgn10 {
	margin-bottom: 10px;
}

.mgn15 {
	margin-bottom: 15px;
}

.mgn20 {
	margin-bottom: 20px;
}

.mgn30 {
	margin-bottom: 30px;
}

.b {
	font-weight: bold;
}

.red {
	color: #ff0000;
}

.clear{
	clear:both;
}

/* === .clearFix ============================== */

.clearFix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix {
	display:inline-block; /* MacIE */
	min-height:1%; /* IE7 */
}

/* MacIE-not \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* MacIE-not */



a:hover img {
	  filter:alpha(opacity=75); /*IE*/
	  -moz-opacity:0.75; /*FF*/
	  opacity:0.75;
	  }
	  
/* === #contents ============================== */

#contents{
width:730px;
margin:0 auto;
position:relative;
padding:0;
}

/* === #popular ============================== */


h2{
	width:730px;
	height:87px;
	text-indent:-9999px;
}

div#popular,
div#reccomend,
div#white,
div#rearrival,
div#new,
div#real{
margin-bottom:30px;
}


div#popular h2{
background:url(../../img/contents/tit_top01.png) no-repeat;
}

div#reccomend h2{
background:url(../../img/contents/tit_top02.png) no-repeat;
}

div#white h2{
background:url(../../img/contents/tit_top03.png) no-repeat;
}

div#rearrival h2{
background:url(../../img/contents/tit_top04.png) no-repeat;
margin-bottom:10px;
}
div#new h2{
background:url(../../img/contents/tit_top_new.png) no-repeat;
margin:30px 0 10px;
}

div#real h2{
background:url(../../img/contents/tit_top_real_2.png) no-repeat;
margin-bottom:10px;
}

.mainBnr{
margin-bottom:20px;
}

ul.itemBox{
	width:738px;
}



ul.itemBox li{
	display:block;
	list-style:none;
	float:left;
	margin:0 8px 16px 0;
	text-align:center;
	height:355px;
	width:236px;
	border:1px solid #d4c4aa;
	padding:2px 0px 10px 0px;
	position:relative;
}

ul.itemBox li.end{
	margin-right:0 !important;
}

ul.itemBox li:hover{
	width:232px;
	border:3px solid #2e693d;
	padding:0;
	height:363px;
	background-color:#2e693d;
}

ul.itemBox li a{
	text-decoration:none !important;
	display:block;
}

ul.itemBox li p.crown{
	width: 32px;
	height: 25px;
	position: absolute;
	top: -15px;
	left: 100px;
	z-index: 9999;
}
 
ul.itemBox li:hover p.crown{
	left: 98px;
}



ul.itemBox li div.img{
	background-color:#FFF;
	height:230px;
}


ul.itemBox li div.textWrapper{
	background-color:#FFF;
	padding:20px 0 0 0;
	position:relative;
	}

ul.itemBox li:hover div.textWrapper{
	background-color:#2e693d;
	}

ul.itemBox li:hover p.series{
	color:#e0e0cb;
	padding-bottom:5px;
}

ul.itemBox p.series{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:13px;
	color:#617c5d;
}

ul.itemBox p.title{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:17px;
	color:#544e3d;
}

	

ul.itemBox li:hover p.title{
	color:#FFF;
	margin-top:-5px;
	
}

ul.itemBox p.comment{
	font-size:13px;
	color:#6a6d69;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

ul.itemBox li:hover p.comment{
	color:#FFF;
}


p.more{
	width:730px;
	text-align:right;
	margin-top:10px;
}