@charset "EUC-JP";

@import "/r_css/imports.css";

/*----------------------------------------------------------------
	
	xxx CSS
	
	contents
	
	topicPath
	
	contentsHeader
	
	contentsContainer
	
	contentsFooter
	
	
	----------------------------------------------------------------*/


/* contents
========================================== */
#contents{
}

/* topicPath
========================================== */
.topicPath{
	margin-bottom: 10px;
}
.topicPath ul{
}
.topicPath li{
	padding: 0 4px 0 8px;
	background: url(../img/arrowtopicpath.gif) no-repeat;
	background-position: 0 4px;
	list-style: none;
	display: inline;
}


/* contentsHeader
========================================== */
.contentsHeader{
}
.contentsHeader h1{
	margin-bottom:20px;
}

/*cntMenu
--------------------------------*/
.contentsHeader #cntMenu:after{
	display: block;
	clear: both;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
	content: ".";
}
.contentsHeader #cntMenu li{
	display: inline;
	float: left;
}
.contentsHeader #cntMenu li.menu01 {
	margin-left: 0;
}

.contentsHeader #cntMenu li a{
	display: block;
	width: 357.5px;
	height: 32px;
	overflow: hidden;
	background: #FFF url(../img/menu.gif) no-repeat;
	text-indent: -9999px;
}
.contentsHeader #cntMenu li.menu01 a {
	background-position: 0  0;
}
.contentsHeader #cntMenu li.menu02 a {
	background-position: -357.5px 0;
}

#cntMenu li.menu01 a:hover {
	background: #FFF url(../img/menu2.gif) no-repeat;
	ackground-position: 0  0;
}
#cntMenu li.menu02 a:hover {
	background-position: -357.5px 0;
}


#owaraiDvdSample .contentsHeader #cntMenu li a{
	display: block;
	width: 357.5px;
	height: 32px;
	overflow: hidden;
	background: #FFF url(../img/menu2.gif) no-repeat;
	text-indent: -9999px;
}
#owaraiDvdSample .contentsHeader #cntMenu li.menu01 a {
	background-position: 0  0;
}
#owaraiDvdSample .contentsHeader #cntMenu li.menu02 a {
	background-position: -357.5px 0;
}

#owaraiDvdSample #cntMenu li.menu01 a:hover {
	background-position: 0  0;
}
#owaraiDvdSample #cntMenu li.menu02 a:hover {
	background: #FFF url(../img/menu.gif) no-repeat;
	background-position: -357.5px 0;
}

/*update
--------------------------------*/
.contentsHeader .update{
	width:705px;
	padding:15px 5px;
}
.contentsHeader .update p{
	float:right;
	background:url(../img/icon_update.gif) no-repeat 0 4px;
	padding-left:15px;
	color:#82158c;
}


/* 3.recommend
========================================== */
.contentsHeader ul.recommend{
	display:table;
	margin:0 auto 20px;
	width:100%;
	background:#fffbe5;
	padding:4px 0 8px;
}
.contentsHeader ul.recommend li{
	float: left;
	display:inline;
	margin:8px 10px 0;
	white-space:nowrap;
	background:url(../img/icon_recommend.gif) no-repeat 0 6px;
	padding-left:8px;
}
/*for IE6*/
*html .contentsHeader ul.recommend{
	text-align:center;
	background:#fffbe5;
	width:715px;
	margin:0 auto 20px;
	padding-bottom:10px;
	letter-spacing:-0.1em;
}
*html .contentsHeader ul.recommend:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
*html .contentsHeader ul.recommend li{
	display:inline;
	zoom:1;
	text-align:left;
	background:url(../img/icon_recommend.gif) no-repeat 0 6px;
	padding-left:8px;
}
/*for IE7*/
*:first-child+html .contentsHeader ul.recommend{
	text-align:center;
	background:#fffbe5;
	width:715px;
	margin:0 auto 20px;
	padding-bottom:10px;
	letter-spacing:-0.1em;
}
*:first-child+html .contentsHeader ul.recommend:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
*:first-child+html .contentsHeader ul.recommend li{
	display:inline;
	zoom:1;
	text-align:left;
	background:url(../img/icon_recommend.gif) no-repeat 0 6px;
	padding-left:8px;
}
.contentsHeader ul.recommend li a {
	color:#0055CC;
}


/* contentsContainer
========================================== */
.contentsContainer{
	width:715px;
	padding:8px 0;
}
.contentsContainer div.section{
	background:#EDEDED;
	margin-bottom:20px;
}
.contentsContainer div.section h2{
}
.contentsContainer div.section div.unit{
}
.contentsContainer div.section:after,
.contentsContainer div.section div.unit:after{
	display: block;
	clear: both;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
	content: ".";
}
.contentsContainer div.section div.unit p{
}

/* unit
--------------------------------*/
.contentsContainer .unit{
	float:left;
	display:inline;
	width:175px;
	margin-right:5px;
	margin-bottom:10px;
	position:relative;
}
.contentsContainer .break{
	margin-right:0px;
}
.contentsContainer .unit .new{
	position:absolute;
	top:213px;
	right:28px;
	z-index:1;
}
.contentsContainer .unit .wrapTop{
	background:url(../img/top.gif) no-repeat left top;
	height:36px;
	padding:7px 6px 0;
}
.contentsContainer .unit .wrapTop span{
	color:#FFF;
	font-size:10px;
	line-height:1.2;
}

.contentsContainer .unit .wrapBtn{
	background:url(../img/btm.gif) no-repeat left bottom;
	padding-bottom:8px;
}
.contentsContainer .unit .wrapBtn .wrap{
	background:url(../img/bg.gif) repeat-y;
	position:relative;
}
.contentsContainer .unit .wrapBtn .wrap .img{
}
.contentsContainer .unit .wrapBtn .wrap .img img{
	width:125px;
	border:1px solid #808080;
	margin:10px 24px 6px;
}
.contentsContainer .unit .wrapBtn .wrap .title{
	width:163px;
	border-top:1px dotted #dae6a1;
	margin:4px 6px;
	height:50px;
}
.contentsContainer .unit .wrapBtn .wrap .title h3{
	margin:2px 4px;
	font-size:10px;
	line-height:1.2;
	font-weight:bold;
}
.contentsContainer .unit .wrapBtn .wrap .title h3 a{
	color:#4c4c4c;
}
.contentsContainer .unit .wrapBtn .wrap .info{
	width:163px;
	height:74px;
	background:url(../img/bg_info.gif) no-repeat left bottom;
	margin:0 6px;
}
.contentsContainer .unit .wrapBtn .wrap .info .detail{
	width:163px;
	height:50px;
	position:relative;
}
.contentsContainer .unit .wrapBtn .wrap .info .detail span{
	position:absolute;
	top:31px;
	left:18px;
	font-size:10px;
}
.contentsContainer .unit .wrapBtn .wrap .info .detail ul{
	position:absolute;
	top:10px;
	right:7px;
}
/*for IE8*/
html>/**/body .contentsContainer .unit .wrapBtn .wrap .info .detail li + li{margin-top /*\**/:4px\9;}
.contentsContainer .unit .wrapBtn .wrap .info ul.sample{
	clear:both;
	border-top:1px dotted #dae6a1;
	padding-top:4px;
	text-align:center;
}
.contentsContainer .unit .wrapBtn .wrap .info ul.sample li{
	display:inline;
}

#owaraiDvdSample .contentsContainer #cmsList h2{
	margin-top:20px;
}

.contentsContainer div.otherContents{
	width:691px;
	border:2px solid #f52b9a;
	padding:10px;
	margin-bottom:20px;
}
.contentsContainer div.otherContents:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}


.contentsContainer div.otherContents strong{
	margin-bottom:10px;
}
.contentsContainer div.otherContents p{
	float:left;
	display:inline;
	width:624px;
}
.contentsContainer div.otherContents span{
	float:right;
	display:inline;
	width:67px;
}

.contentsFooter{
	clear:both;
}

.subTitle{
	background:#F54B68;
	padding:4px;
}



