@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------ 打ち消し */

body {
	background:url(../image/parts/bg_sub_main.gif) repeat;
}

#left-column {
	float:left;
	width:865px;
	_margin-right:0;
}

#right-column {
	_margin-left:0px;
}

.mass {
}

br.clear {
	margin:0;
	padding:0;
	height:0px;
	_display:none;
}


/*------------------------------------------------------------ トピックスエリア */

#motion_area1 {
	width:750px;
	_width:750px;
	float:left;
	_margin-left:-5px;
}
#motion_area2 {
	width:750px;
	_width:750px;
	float:left;
	_margin-left:-3px;
}


#topics-area {
	width:870px;
	overflow:hidden;
}
#topics-area-inner {
	width:875px;
	margin-left:-5px;
	margin-left:-4px\9;
	_margin-left:0;	
}
#topics-head {
	margin:5px 0 0 5px;
	margin:5px 0 0 4px\9;
/*	_margin:5px 0 0 0px;*/
	width:120px;
	float:left;
	background:url(../image/parts/bg_topicevent_main.png) no-repeat top left;
	position:relative;
	padding-top:5px;
}
#topics-head-body {
	background:url(../image/parts/bg_topicevent_footer.png) no-repeat bottom left;
	min-height:170px;	
	_height:170px;
}

.topic-ph {
	width:105px;
	height:85px;
	margin:5px;
	overflow:hidden;
	position:relative;
	text-align: center;
}
.topic-no-ph {
	background:url(../image/parts/bg_no_photo.png) no-repeat;
}

.cornerMask {
	width:105px;
	height:5px;
	background:url(../image/parts/bg_corner_white.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
}


#topics-head-body h2{
	text-indent:-9999px;
	background:url(../image/parts/h2_topics-title.png) no-repeat 15px 20px;
	background-position-x:20px;
	background-position-y:15px;
	width:120px;
	height:85px;
	display:block;
}

.topic-mass {
	width:115px;
	min-height:180px;
	_height:180px;
	float:left;
	background-color:#FFF;
	/* margin:5px; */
	margin:5px 4px;
	/* margin:5px 4px\9;IE8 below */
	_margin:5px 4px 5px 3px;
	padding-bottom:5px;
}
.topic-mass.hover {
	border:1px #F90 solid\9;
	cursor:pointer\9;
}

.topic-mass a{
	padding:5px ;
	display:block;
	*display:inline-block;
	*height:auto;
	overflow:auto;
	text-decoration:none;
	color:#06F\9;
}
.topic-mass a:hover{
	text-decoration:underline;
	color:#F90\9;
}

/*------------------------------------------------------------ イベントエリア */
#events-area {
	width:870px;
	overflow:hidden;
}
#events-area-inner {
	width:875px;
	margin-left:-5px;
	_margin-left:0px;
}
#events-head {
	margin:5px 0 0 5px;
	_margin:5px 0 0 0px;
	width:120px;
	float:left;
	padding-top:5px;
	background:url(../image/parts/bg_topicevent_main.png) no-repeat top left;
	position:relative;
}
#events-head-body {
	background:url(../image/parts/bg_topicevent_footer.png) no-repeat bottom left;
	min-height:170px;	
	_height:170px;
}

#events-head-body h2{
	text-indent:-9999px;
	background:url(../image/parts/h2_event-title.png) no-repeat 10px 20px;
	width:120px;
	height:85px;
	display:block;
}

.event-mass {
	width:115px;
	min-height:180px;
	/* *height:180px; IE7 and below */
	_height:180px;
	float:left;
	background:#FFF;
	margin:5px;
	margin:5px 4px\9;
	_margin:5px 4px 5px 3px;
	position:relative;
}
.event-mass a{
	padding:5px 0px 5px 5px ;
	display:inline-block;
	text-decoration:none;
	text-decoration:none;
	color:#06F\9;
}


.event-mass a:hover{
	text-decoration:underline;
	color:#F90\9;
}

a.event-name {
	margin:5px;
	font-family:"ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Std";
	
	text-decoration:none;
	/*display:block;
	*display:inline-block;
	*height:90px;*/
	text-align:center;
}

.event-period {
	background:url(../image/parts/title-event-period.png) no-repeat center 10px;
	padding:30px 5px 5px 5px;
	border-bottom:1px #CCC solid;
	height:55px;
	/*position:absolute;
	bottom:0px;
	position:static\9;*/
}

.event-period .year{
	width:40px;
	float:left;
}
.event-period .event-start{
	width:65px;
	float:right;
}
/*.event-period .event-from{
	width:65px;
	background:url(../image/parts/event-from.png) no-repeat center 5px;
	height:15px;
	float:right;
}*/
.event-period .event-from{
	width: 100%;
	background:url(../image/parts/event-from.png) no-repeat center 5px;
	height:15px;
	float:left;
}

.event-period .event-end{
	width:65px;
	float:right;
}
.event-start-date,
.event-end-date {
	height: 20px;
}




.arrow_topicevent {
	background:url(../image/parts/arrow_topicevent.png) no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	top:48%;
	right:-5px;
}
.head-btn-area {
	padding:2px;
	position:absolute;
	bottom:0px;
	width:115px;
}

.head-btn-area a{
	float:left;
}




/*------------*/
#category-change-box-top {
	padding-top:5px;
}
#category-change-box-top a img{
	height:auto;
	padding:1px 0;
}

/*----------------------------------------------------------------------------- イベント情報切り替えボタンスタイル */
.motion {
	display: none;
}
#motion_area1 {
	display: block;
	margin:0;
	padding:0;
}
		
a#btn-event-now {
	display:block;
	width:55px;
	height:29px;
	background:url(../image/parts/btn_sortnow.png) no-repeat top;
	text-indent:-99999px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
a#btn-event-now:hover {
	background:url(../image/parts/btn_sortnow.png) no-repeat 0px -29px ;
}
a#btn-event-now.active {
	background:url(../image/parts/btn_sortnow.png) no-repeat 0px -58px;
}
a#btn-event-new {
	display:block;
	width:55px;
	height:29px;
	background:url(../image/parts/btn_sortnew.png) no-repeat top;
	text-indent:-99999px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
a#btn-event-new:hover {
	background:url(../image/parts/btn_sortnew.png) no-repeat 0px -29px ;
}
a#btn-event-new.active {
	background:url(../image/parts/btn_sortnew.png) no-repeat 0px -58px;
}
/*--------------------------------------------------------------------*/

.column1 {
	width:250px;
	float:left;
	_margin:0;
	*margin-top:5px;
}

.column2 {
	min-width:245px;
	float:left;
	_margin:0;
	*margin-top:5px;
}

.column3 {
	width:245px;
	float:left;
	_margin:0;
	*margin-top:5px;
}


/*--------------------------------------------------------------------トップ独自スタイル*/
#common-contents {
	width:875px;
	margin-left:-5px;
	_margin-left:-5px;
}

#search-box {
	width:205px;
	float:left;
	_float: none;
	padding:18px;
	margin:5px;
	margin:4px\9;
	_margin:5px 4px 5px 5px;
}
#search-box h2{
	background:url(../image/parts/h2_search_top.gif) no-repeat;
	width:200px;
	margin:0;
	padding:0;
	margin-bottom:15px;
}

/*-------------------------------------- renewal 20140812*/
#clmSearch {
	width:205px;
	float:left;
	_float: none;
	padding:18px;
	margin:5px;
	margin:4px\9;
	_margin:5px 4px 5px 5px;
}

#clmSearch h2{
	background:url(../image/parts/h2search_top.png) no-repeat;
	width:200px;
	margin:0;
	padding:0;
	margin-bottom:15px;
}
/*-------------------------------------- / renewal 20140812*/

#accesslanking-box {
	width:240px;
	_width:auto;
	float:left;
	_float: none;
	padding:0 0 20px 0;
	_padding-left: 10px;
	_padding-top: 20px;
	margin:5px;
	margin:4px\9;
	_margin:5px 2px 5px 4px;
}

#accesslanking-box h2{
	margin:15px 20px;
	/*_margin:15px;*/
	width:200px;
	background:url(../image/parts/h2_access-lanking_top.gif) no-repeat;
}
#accesslanking-box ol li {
	background-position:20px 0px;
	padding-left:50px;
}

#pickup-contents-box {
	width:325px;
	_width:320px;
	padding:15px 20px;
	float:left;
	margin:5px 4px;
	/* margin:4px\9; */
	_margin:5px 0 5px 2px;
}
#pickup-contents-box h2{
	background:url(../image/parts/h2_pickup_contents_top.gif) no-repeat;
	width:325px;
	_width:315px;
}

#sponsor-word-box {
	width:240px;
	/*_width:238px;
	_width:auto;*/
	float:left;
	/*_float:none;*/
	padding:0 0 20px 0;
	margin:5px;
	margin:4px\9;
	/*_margin:5px 0;*/
	_margin-left: 3px;
}
#sponsor-word-box h2{
	background:url(../image/parts/h2_sponsor-word_top.gif) no-repeat;
	margin:15px 15px 8px;
	_margin:15px 10px 0;
	width:210px;
	_width:155px;
}

#sponsor-word-box ul li {
	background-position:20px 0px;
	padding-left:50px;
}

/*-------------------------------------- renewal 20140812*/
.boxRank {
	padding-bottom: 12px !important;
}

h2#h2sponsorRank {
	width: 165px !important;
	height: 30px;
	margin-left: 15px !important;
	background: url(../image/parts/h2sponsorRank_top.png) no-repeat !important;
}

#clmRank {
	width: 240px;/* IE */
}

#clmRank li {
	background-position: 12px center !important;
	padding-left: 60px !important;
	font-size: 13px;
}

#clmRank li.rank1 {
	padding-top: 10px !important;
	font-size: 15px !important;
}

.adingo_keywords ul li.rank1 {background-size:auto 38px;}
.adingo_keywords ul li.rank1 {background-image:url(../image/parts/sponsorRank1.png)\9;} /* IE8以下 */

.adingo_keywords ul li.rank2 {background-size:auto 36px;}
.adingo_keywords ul li.rank3 {background-size:auto 36px;}

/*-------------------------------------- / renewal 20140812*/

#yokohamamovie-box {
	width:230px;
/*_width:auto;
	_float: none;*/
	float:left;
	padding:5px;
	margin: 5px 0 5px 3px;
/*margin:4px\9;*/
}



.bnr-box-01, .bnr-box-02, .bnr-box-03, .bnr-box-04 {
	float:left;
	width:150px;
	height:160px;
}

.bnr-box-01 {
	border-right:1px solid #DDD;	
	border-bottom:1px solid #DDD;
	padding-right:10px;
}
.bnr-box-02 {
	border-bottom:1px solid #DDD;
	padding-left:10px;	
}
.bnr-box-03 {
	padding-right:10px;
}
.bnr-box-04 {
	border-left:1px solid #DDD;
	padding-left:10px;
}