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

body{
	position:relative;
}

#logo a{
	background:url(http://www.younganimal.com/img/logo.gif) no-repeat;
	background-position:0 -64px;
	display:block;
	width:359px;
	height:64px;
}

h2#magazineFace {	display: block;}
h2#magazineFace img{ display:inline;}

.magazineBlock{
	float: left;
	display: inline;
	background:#000000;
	width: 266px;
	padding: 5px 0px 10px 10px;
}

.contentsBlock{
	float: left;
	width: 580px;
	margin-left: 6px;
}

img.magNo{
	position: absolute;
	top: -66px;
	left: 178px;
}

.magNoBlock{
	position: relative;
}

.idolArea{
	width: 250px;
	height:204px;
	background:url(../img/idol_back.gif) no-repeat;
	padding: 18px 4px;
}

img.gravure{
	border: 1px solid #d06902;
}

.newsArea{
	margin: 7px 0;
	height: 115px;
}

h2#newsTitle{
	float: left;
	width: 44px;;
	height: 28px;
	background:#cfe7fc;
	padding: 40px 19px 47px;
}

.newsText{
	float:left;
	width: 478px;
	height:115px;
	overflow: scroll;
	overflow-x:hidden;
	padding: 0px 10px;
}

.scroll-pane a{ color: #333;
	text-decoration: none;
}

.scroll-pane a:hover{ text-decoration: underline;}

.scroll-pane a:visited{ color:#333; }

.ymd{	color:#FF3300;}

.infoArea{ margin-top: 7px;}


/*スクロールバー*/
/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

a.jScrollArrowUp {
	background:url(../img/arrow_upper.gif) repeat-x 0 0;
}
/*a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}*/
a.jScrollArrowDown {
	background: url(../img/arrow_bottom.gif) repeat-x 0 0;
}
/*a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}*/



.holder {
	float: left;
	margin: 11px;
	width: 476px;
	margin-right: 0px;
	margin-top: -4px;
}

.scroll-pane {
	width: 200px;
	height: 200px;
	overflow: auto;
	float: left;
}

#pane {
	height: 115px;
	width: 487px;
	
}

.scroll-pane a{
	text-decoration: none;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #d6e9f9;
}
.jScrollPaneDrag {
	position: absolute;
	background:url(../img/holder.gif);
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 11px;
}
/*a.jScrollArrowUp:hover {*/
	/*background-color: #f60;*/
/*}*/

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 11px;
}
/*a.jScrollArrowDown:hover {*/
	/*background-color: #f60;*/
/*}*/
a.jScrollActiveArrowButton, /*a.jScrollActiveArrowButton:hover*/ {
	/*background-color: #f00;*/
}

#mainbanner{
	width: 583px;
	height: 224px;
	margin-bottom: 7px;
	position: relative;
	z-index:10;
}
#mainbanner h2,
#mainbanner ol,
#mainbanner ul{
	text-indent: -9999px;
}
	
#subbanner{
	width: 583px;
/*	height: 68px;*/
	height: 102px;
	margin: 7px 0px;
}
#subbanner h2,
#subbanner ol,
#subbanner ul{
	text-indent: -9999px;
}
	
/*新刊エリア──────────────────────*/
/****boxの定義ここから****/
#box {
	margin:10px auto;
	width:583px;
	height:174px;
	background:url(../img/bg.gif) no-repeat;
	position:relative;
	overflow:hidden;
	top:0;
	left:0;
}

#container {
	width:565px;
	height:151px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	font-size: 85%;
}

#container ul li h5{
	font-size: 96%;
}

#container a{
	text-decoration: none;
}

#box h4 {
	display:none;
}
/****boxの定義ここまで****/

/****コミックスの定義ここから****/
#comic {
	width:1100px;
	height:155px;
	position:absolute;
	top:0;
	left:0;
}

#comic li {
	float:left;
	position:relative;
}

#comic li .cover {
	border:#56636b solid 1px;
}

/*見出しの設定ここから*/
#comic li h5{
	height:16px;
	font-size:86%;
	color:#FFFFFF;
	margin:3px 0 0 0;
}

#comic li h5 img{
	margin:-2px 3px 0 0;
}
/*見出しの設定ここまで*/

/*コミックスリスト設定ここから*/
#comic li#com1 {
	width:92px;
}

#comic li#com2 {
	width:92px;
	margin-left:25px;
	_margin-left:25px;
}
/*コミックスリスト設定ここまで*/

/*コミックスの名前ここから*/
#comic li a span {
	display:block;
	width:92px;
	height:45px;
	background:url(../img/info.png) no-repeat;
	color:#FFFFFF;
	text-align:center;
	position:relative;
	z-index:10;
	margin:-43px 0 0 1px;
}

#comic li a span.hide {
	display:none;
}
/*コミックスの名前ここまで*/

/****コミックスの定義ここまで****/

/****メニューバーの定義ここから****/
#navi {
	position:relative;
	padding:5px 0 0 5px;
}

#navi li {
	float:left;
}

#navi li#leftBtn span {
	display:block;
	background:url(../img/btnback.gif) no-repeat left top;
	width:34px;
	height:13px;
}

#navi li#leftBtn span.hide {
	display:block;
	background:url(../img/btnback.gif) no-repeat left -13px;
	width:34px;
	height:13px;
}

#navi li#rightBtn span {
	display:block;
	background:url(../img/btnnext.gif) no-repeat left top;
	width:34px;
	height:13px;
}

#navi li#rightBtn span.hide {
	display:block;
	background:url(../img/btnnext.gif) no-repeat left -13px;
	width:34px;
	height:13px;
}

#navi li#bar {
	background:url(../img/bar.gif) no-repeat center top;
	width:504px;
	height:13px;
}
/****メニューバーの定義ここまで****/

/****縦バナーここから****/
.lengthbannerBlock{
	float: left;
	width: 90px;
	margin: 14px;
	
}

/****縦バナーここまで****/