@charset "shift_jis";

#magazineViewerArea{
	width:960px;
	height:210px;
	background:transparent url(image/magazine_viewer_bg.gif) top left no-repeat;
	position:relative;
}

/*controller*/
#magazineViewerArea ul.controller{
	font-size:0px; line-height:0px;
}
	#magazineViewerArea ul.controller li{
		font-size:0px; line-height:0px;
		text-indent:-10000px;
		position:absolute;
		top:0px;
		width:40px;
		height:210px;
		opacity:1; filter:alpha(opacity=100);
	}
	#magazineViewerArea ul.controller li.leftBtn{ left:0px;}
	#magazineViewerArea ul.controller li.rightBtn{ right:0px;}
	
	#magazineViewerArea ul.controller li a{
		display:block;
		width:40px;
		height:210px;
		opacity:0.5; filter:alpha(opacity=50);
		z-index:100;
	}
	#magazineViewerArea ul.controller li.none{display:none;}

	#magazineViewerArea ul.controller li a:hover{
		opacity:0.35; filter:alpha(opacity=35);
	}
	
	#magazineViewerArea ul.controller li.leftBtn a{background:transparent url(image/magazine_viewer_btn_l.gif) top left no-repeat;}
	#magazineViewerArea ul.controller li.rightBtn a{background:transparent url(image/magazine_viewer_btn_r.gif) top left no-repeat;}

/*viewArea*/
#magazineViewerArea div.viewArea{
	width:960px;
	height:210px;
	position:relative;
	overflow:hidden;
}
	#magazineViewerArea div.viewArea div.moveBox{
		width:20000px;
		padding-left:10px;
		height:210px;
		position:absolute;
		top:0px; left:0px;
	}
		#magazineViewerArea div.viewArea div.moveBox ul{
			margin-top:30px;
			width:115px;
			float:left;
		}
		#magazineViewerArea div.viewArea div.moveBox ul li{	text-align:center; color:#000000;}
		#magazineViewerArea div.viewArea div.moveBox ul li a{color:#000000;}
		#magazineViewerArea div.viewArea div.moveBox ul li.img{ margin-bottom:5px; height:124px; position:relative;}
			#magazineViewerArea div.viewArea div.moveBox ul li.img img{ margin-top:5px;}
			#magazineViewerArea div.viewArea div.moveBox ul li.img  img:first-of-type{ height: 100%; width: auto;}
			#magazineViewerArea div.viewArea div.moveBox ul li.img img.today{ position:absolute; top:0px; margin:0px;}

		#magazineViewerArea div.viewArea div.moveBox ul li.title{ font-size:12px; font-weight:bold; line-height:1.2em; margin-bottom:3px; padding:0px; margin-top: 1em;}
		#magazineViewerArea div.viewArea div.moveBox ul li.title a.none{ text-decoration:none; cursor:default; }
		#magazineViewerArea div.viewArea div.moveBox ul li.text{ font-size:10px;}

/*pickUpImg*/
#magazineViewerArea div.pickUpImg{
	position:absolute;
	/*padding:0px 6px;
	background:#ffffff;*/
	z-index:110;
		/*script set*/
		display:none;
		width:215px;	
		height:260px;
		top:0px; left:0px;
}
#magazineViewerArea div.pickUpImg img{
	width:100%;
	height:100%;
}