@charset "utf-8";

/* ==================== Dream ワークスカテゴリ用 ==================== */

/* ベース */

.normalSec h2 {
	width:500px;
	height:70px;
	margin:35px auto 0px auto;
	padding:0px;
	background:url(/spe/recommend/images/recommend_tit.gif) no-repeat top left;
	text-indent:-9999px;
}

#recommendCntBox {
	width:466px;
	margin:1px auto 0px auto;
	padding:17px;
	background:url(/spe/recommend/images/column_bg_001.gif) repeat-x top;
}

#bookImg {
	margin:0px 17px 0px 0px;
	padding:0px;
	float:left;
}

#recommendCntBox div#bookOut {
	margin:0px;
	padding:0px;
}

#recommendCntBox div#bookOut h3 {
	width:202px;
	height:32px;
	margin:0px 0px 0px 167px;
	padding:0px;
	background:url(/spe/recommend/images/cate_img_01.gif) no-repeat top left;
	text-indent:-9999px;
}

#recommendCntBox div#bookOut dl {
	margin:25px 0px 0px 0px;
	padding:0px;
}

#recommendCntBox div#bookOut dl dt {
	margin:0px 7px 0px 0px;
	padding:0px;
	font-weight:bold;
	float:left;
	display:block;
}

#recommendCntBox div#bookOut dl dd {
	width:250px;
	margin:0px;
	padding:0px 0px 0px 7px;
	display:block;
	border-left:3px solid #ccc;
	float:left;
}

#recommendCntBox div#bookOut dl dd h4 {
	font-weight:normal;
}

#recommendCntBox div#bookOut dl dd p#mini {
	font-size:10px;
}

#recommendCntBox div#bookOut dl dd strong {
	color:#0040a1;
}

div#recommendBox{
	width:460px;
	margin:15px auto 20px auto;
	padding:0px;
}

div#recommendBox div p{
	line-height:1.8em;
	margin:20px 0px 0px 0px;
	padding:0px;
}

div#recommendBox div ul { margin:20px 0px 20px 0px; padding:30px 30px 20px 30px; border:1px solid #999; background-color:#F6F6F6; }
div#recommendBox div ul li{ margin:0px 0px 15px 0px; list-style-type:square; padding:0px; }

.clr { clear:both; margin:0px; padding:0px; height:0px; }

div#recPaging h4 { margin:0px 0px 15px 0px; padding:0px 0px 5px 5px; border-bottom:1px solid #eee; }
div#recPaging ul { margin:0px; padding:0px; }
div#recPaging ul li { margin:0px 0px 5px 10px; padding:0px; list-style:none; font-size:10px; }


/* column sub */

/*#lNavi{
	width: 200px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	background-image: url(/common/images/sub_frame001_bg.gif);
	background-repeat: repeat-y;
}

#lNaviFrame{
	width: 200px;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	background-image: url(/common/images/sub_frame001_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
}*/

#columnSub{
	width: 200px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	background-image: url(/common/images/sub_frame001_bg.gif);
	background-repeat: repeat-y;
}

#columnSub h2{
	width: 200px;
	margin: 0px;
	padding: 12px 0px 0px 12px;
	background-image: url(/common/images/sub_frame001_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#columnSub .carousel01{
	width: 180px;
	margin: 0px auto;
	padding: 0px;
}

#columnSub ul.contentsWindow{
	width: 180px;
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
}

#columnSub ul.contentsWindow li{
	width:180px;
	height:110px;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:11px;
	line-height:1.2em;
}

#columnSub ul.contentsWindow li a.lnaviLink{
	display:block;
	width:180px;
	text-align:right;
	overflow: hidden;
}

#columnSub .contentsEnd{
	width: 190px;
	height: 30px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
	background-image: url(/common/images/sub_frame001_end.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:right;
}

#columnSub .arrowTop{
	width: 190px;
	height: 30px;
	margin: 0px 20px 0px 0px;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
	text-align:right;
}

/*#columnSub .arrowBottom{
	position: absolute;
	top: 24px;
	right: 8px;
}*/