@charset "UTF-8";

@import url("joypolis.css");

/*---------------------------
 jpmain
---------------------------*/
#recommend .jpmain {  }
#recommend .jpmain p { margin:10px 0 0 0; }
#recommend .jpmain h3 { margin:50px 0 0 0; }
#recommend .jpmain h4 { margin:25px 0 0 15px; }
#recommend .jpmain p.recotxt01 { margin:10px 0 0 15px; }

#recommend .jpmain .todetailbox {
	width:805px;
	height:146px;
	margin:15px 0 0 15px;
	background:transparent url(../images/bg_recotop_todetailbox.gif) left top no-repeat;
}
#recommend .jpmain .todetailbox ul { margin-left:10px; padding-top:25px; }
#recommend .jpmain .todetailbox ul li { display:inline; margin-right:10px; }
#recommend .jpmain .todetailbox p { text-align:right; margin:5px 10px 0 0; }


/*--------------------------------
 detail
--------------------------------*/
#recommend .jpmain .recodetail {
	width:835px;
	margin-top:20px;
	background:transparent url(../images/bg_attdetail.gif) 568px top repeat-y;
}
#recommend .jpmain .recodetail h3 { margin:0; }
#recommend .jpmain .recodetail em { margin:10px 0 0 0; }
#recommend .jpmain .recodtbtm {
	width:835px;
	background:transparent url(../images/bg_attdtbtm.gif) 568px bottom no-repeat;
}
#recommend .jpmain .recodtbtm .recodt_l { float:left; width:524px; }
#recommend .jpmain .recodtbtm .recodt_r {
	float:right;
	width:267px;
	padding-top:10px;
	background:transparent url(../images/bg_attdt_r.gif) left top no-repeat;
}
#recommend .jpmain .recodtbtm .recodt_r ul { margin:0 10px 80px; padding-top:10px; }
#recommend .jpmain .recodtbtm .recodt_r ul li {
	margin-bottom:5px;
	font-size:0;
}

#recommend .jpmain .recobox01 {
	width:524px;
	margin-bottom:5px;
	padding-bottom:30px;
	background:transparent url(../images/bg_recodtl_yaji.gif) 19px bottom no-repeat;
}
#recommend .jpmain .recobox02 {
	width:524px;
	margin:0 0 5px 0;
}
#recommend .jpmain .recobox01 h4,
#recommend .jpmain .recobox02 h4 { margin:0; padding:0; font-size:0; }
#recommend .jpmain .recobox01 .ml53,
#recommend .jpmain .recobox02 .ml53 { margin:6px 0 0 53px; }
#recommend .jpmain .recobox01dtl {
	width:470px;
	margin:0 0 0 53px;
	padding-bottom:10px;
	background:transparent url(../images/bg_recobox01_btm.gif) left bottom no-repeat;
}
#recommend .jpmain .recobox01dtl dl {width:450px; margin:0 0 0 10px; }
#recommend .jpmain .recobox01dtl dl dt { float:left; width:177px; margin:0; }
#recommend .jpmain .recobox01dtl dl dd { float:right; width:250px; margin:0; }
#recommend .jpmain .recobox01dtl dl dd p { margin:0 0 25px 0; }
