@charset "utf-8";

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

 File name:      contents.css
 Style Info:     setting - All
*****************************************************/

/*----------------------------------------------------
	.pickmini
----------------------------------------------------*/

/* pickmini */

#pickmini {
	float: left;
	font-size: 10px;
	margin: 0 0 3px;
	overflow: hidden;
	width: 570px;
}

#pickmini .inner {
	margin: 0 -6px 10px 0;
	width: 576px;
}

#pickmini .panel {
	background-color: #F5F6FB;
	float:left;
	height: 145px;
	margin: 0 6px 0 0;
	overflow: hidden;
	padding: 5px;
	width:272px;
}

#pickmini .photo {
	float:left;
	margin: 0 6px 0 0;
	width:94px;
}

#pickmini .photo a {
	display: block;
}

#pickmini .photo img {
	border:2px solid #5f98ca;
	padding: 1px;
}

#pickmini .detail {
	background-color: #5f98ca;
	padding: 0 2px 2px;
}

#pickmini .detail a {
	border: 1px solid #c0e2ff;
	color: #ffffff;
	text-align: center;
}

#pickmini .data {
	float: left;
	width: 171px;
}

#pickmini .catch {
	color: #333399;
}

#pickmini .area span {
	background-color: #d70e55;
	color: #ffffff;
	display: inline-block;
	padding: 0 1px;
}

#pickmini .name a {
	color: #d70e55;
}

#pickmini .news {
	margin: 0 0 5px;
}

/* rightbox */

#rightbox {
	float: right;
	width: 205px;
}

/*----------------------------------------------------
	contents
----------------------------------------------------*/

#contentsHolder01,
#contentsHolder02 {
	clear: both;
}


/*----------------------------------------------------
	contents list page /LR col
----------------------------------------------------*/

#contlist{
	width:580px;
}

#contlist h3{}

#contlist .frame{
	width:570px;
	text-align: left;
	padding: 0 0 10px;
	border-bottom: 1px solid #666666;
	margin: 0 0 10px;
}

#contlist .leftBox{
	width:255px;
	background-image: url(/img/contents/contents_list_bg.gif);
	background-position: 0 0;
	float: left;
	height: 210px;
}

#contlist .leftImg{
	width:245px;
	padding: 4px 0 3px 5px;
	height: 155px;
}


#contlist .leftlead{
	width:245px;
	padding: 0 0 0 5px;
	font-size: 10px;
	margin: 0 0 10px;
}
#contlist .leftlead a{ display:block;}

#contlist .leftfooter{
	width: 240px;
	padding: 0 0 0 15px;
	font-size: 12px;
	color: #FFFFFF;
}

#contlist dl{
	float:right;
	background-image: url(/img/contents/contents_list_bg.gif);
	background-position: -260px 0;
	width: 310px;
}
#contlist dl dt{
	padding: 10px 0 10px 60px;
}
#contlist dl dd{
	border-bottom: 1px solid #666666;
	padding: 0 0 5px;
}
#contlist dl dd a{
	background-image: url(/img/contents/contents_list_bg.gif);
	background-position: 0 -211px;
	padding: 0 0 0 10px;
	display: block;
}

#contlist .end{
	border: none;
	float: right;
}
#contlist .end a{
	background-image: url(/img/contents/contents_list_bg.gif);
	background-position: 0 -250px;
	display:block;
	width: 75px;
	text-indent: -9999px;
	margin: 5px 0 0 0;
}

/*小リスト*/
.sframe{
	background-color: #F5F5F5;
	float:left;
	height: 95px;
	margin: 0 5px 5px 0;
	overflow: hidden;
	padding: 5px;
	width:270px;
	border: 1px solid #ccc;
}

.sframe .photo{
	width:100px;
	float: left;
	margin: 0 6px 0 0;
}

.sframe .photo a{ display:block;}

.sframe .detail {
	padding: 0 0 2px;
}

.sframe .detail a{
	background-image: url(/img/contents/contents_list_bg.gif);
	background-position: -470px 18px;
	display: block;
	text-indent: -9999px;
}

.sframe .data{
	float: left;
	width: 164px;
}

.sframe .shop{ color: #444;}

.sframe .catch{ color: #444;}

/*addclass*/
.sframe.even{ margin-right:0;}

/*----------------------------------------------------
	contents list page /right col none
----------------------------------------------------*/
/*イメージは各スタイルに指定*/
#contlist2{
	width:780px;
}

#contlist2 .frame{
	width:780px;
	text-align: left;
	padding: 0 0 10px;
	border-bottom: 1px solid #666666;
	margin: 0 0 10px;
}

#contlist2 .leftBox{
	width:255px;
	float: left;
	height: 210px;
}

#contlist2 .leftImg{
	width:245px;
	padding: 4px 0 3px 4px;
	height: 155px;
}


#contlist2 .leftlead{
	width:245px;
	padding: 0 0 0 5px;
	font-size: 10px;
	margin: 0 0 10px;
}

#contlist2 .leftlead a{ display:block;}

#contlist2 .leftfooter{
	width: 240px;
	padding: 0 0 0 15px;
	font-size: 12px;
	color: #FFFFFF;
}

#contlist2 dl{
	float:right;
	width: 520px;
}

#contlist2 dl dt{
	padding: 10px 0 10px 60px;
}

#contlist2 dl dd{
	border-bottom: 1px solid #666666;
	padding: 0 0 5px;
}

#contlist2 dl dd a{
	padding: 0 0 0 10px;
	display: block;
}

#contlist2 .end{
	border: none;
	float: right;
}

#contlist2 .end a{
	display:block;
	width: 75px;
	text-indent: -9999px;
	margin: 5px 0 0 0;
}

#contlist2 .title{ width:308px;}

/*----------------------------------------------------
	contents list page /bak area
----------------------------------------------------*/
/*イメージは各スタイルに指定*/
#contbak2{ width:780px;}

#contbak2 .frame{ width:780px;}

#contbak2 dl{
	background: #F5F5F5;
	padding: 3px 0px 3px 3px;
	border: 1px solid #ccc;
	height: 93px;
	margin: 0 0 10px;
	float: left;
	margin-right: 5px;
	width: 250px;
}

#contbak2 dl.end{ margin-right: 0;}

#contbak2 dl dt{
	width:100px;
	height: 75px;
	float: left;
}

#contbak2 dl dt a.more{
	width:100px;
	display: block;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 2px 0 0 0;
}

#contbak2 dl dd{
	float: left;
	padding: 0 0 0 3px;
	width: 147px;
}

/*----------------------------------------------------
	paginator
----------------------------------------------------*/
/* ページャ共通 */
.paginator{
	clear: both;
	margin:0 0 10px;
	text-align:center;
	width:570px;
}
.paginator a{
	display:block;
	margin:0 5px;
	display:inline;
	border:1px solid #ccc;
	text-align:center;
	background-color:#f5f5f5;
	padding:3px 4px 1px;
	text-decoration:none;
}
.paginator a.active{
	text-decoration:none;/*IE用*/
}
.paginator a.inactive{
	color:#e90405;
	background-color: #ffe5e5;
	text-decoration:none;/*IE用*/
}

/*2011/04/27*/
/*----------------------------------------------------
	h2title - event,feature,special
----------------------------------------------------*/

#fuzoku h2{ display:block; height:42px; background:url(../img/contents/h2_tokusyu_title.gif) no-repeat scroll 0 0; text-indent:-9999px; display:none;}

#fuzoku h2.tokusyu1{ background-position: 0 0;}
#fuzoku h2.tokusyu2{ background-position: 0 -42px;}
#fuzoku h2.tokusyu3{ background-position: 0 -84px;}

#backnumber h2{ margin:0 0 10px;}
#backnumber h2.tokusyu1{ background-position: 0 -126px;}
#backnumber h2.tokusyu2{ background-position: 0 -168px;}
#backnumber h2.tokusyu3{ background-position: 0 -210px;}

/*pager*/
div.pagers{ margin:5px 0; color:#fe0000; display:inline-block;}
div.pagers a{ border:1px solid #000; background-color:#FFFFCC; padding:4px 6px 2px; text-decoration:none;}
div.pagers a:hover{ background-color:#FF9999;}


#listAreanew{
width: 566px;
}
#listAreanew dl{
display:block;
height:auto;
line-height:18px;
margin:13px 0;
width:566px;
}
#listAreanew dl dt{
float:left;
height:220px;
padding:0 0;
}
#listAreanew dl dd{
float:right;
color:#000;
}
#listAreanew dl dd.title{
background-image:url("/kanto/img/event/event_title.gif");
background-position:left top;
background-repeat:no-repeat;
height:48px;
padding:7px 10px 0 64px;
font-weight:bolder;
font-size:14px;
width:210px;
}
#listAreanew dl dd.p{
width:270px;
font-size:13px;
padding:0 0 0 14px;
}