@charset "UTF-8";
/*
 * Radio Days - css file.
 * http://www.radiodays.jp/
 * 
 * --------
 * Path : /styles.css
 *
 */

#container{background:url(/images/bookshelf_bg.gif) repeat-x top center;}
#main{padding:18px 0 0 0!important; background:none!important;}
#side{margin-top:-385px; _margin-top:-390px; z-index:20; position:relative;}

#bookshelf					{height:385px; padding-top:17px; z-index:10; position:relative;}
#bookshelf .bs-section		{margin-bottom:16px; height:114px; position:relative;}
#bookshelf .section-body	{width:629px; position:absolute; top:0; left:85px;}
#bookshelf .img-wrapper		{width:573px; height:114px; position:relative; float:left; top:0; left:28px;}
#bookshelf .title			{}
#bookshelf .arrow			{font-weight:bold; height:20px; overflow:hidden;}

/* position */
.t-1, .d-1{top:0; left:0;}
.t-2, .d-2{top:0; left:115px;}
.t-3, .d-3{top:0; left:230px;}
.t-4, .d-4{top:0; left:345px;}
.t-5, .d-5{top:0; left:460px;}

/* サムネイル関連 */
#bookshelf .thumbnail		{width:114px; height:113px; position:absolute; background:url(/images/bs_img_base.gif) no-repeat top left; display:none;}
#bookshelf .thumbnail a		{display:block; width:104px; height:104px; padding:5px 5px 4px 5px; position:relative;}
#bookshelf .thumbnail a .arrow{background:url(/shared/images/arrow_thumb.gif) no-repeat bottom left; width:24px; height:24px; position:absolute; bottom:4px; right:5px; display:block;}
*html #bookshelf .thumbnail a .arrow	{bottom:3px;}
*:first-child+html #bookshelf .thumbnail{marigin-right:2px;}
#bookshelf .newicon{top:5px; left:5px;}

/* 詳細関連 */
#bookshelf .detail{min-height:135px; _height:135px;}
#bookshelf .detail dt		{text-indent:-9999px; overflow:hidden; padding:0 0 5px 0;}
#bookshelf .d_title			{background:url(/images/bs_d_title.gif) no-repeat top left; width:29px; height:9px;}
#bookshelf .d_artist		{background:url(/images/bs_d_artist.gif) no-repeat top left; width:36px; height:9px; margin-top:10px;}
#bookshelf .d_series		{background:url(/images/bs_d_series.gif) no-repeat top left; width:34px; height:9px;}

#bookshelf .detail dd		{line-height:1.2;}
#bookshelf .detail dd ul	{padding-bottom:5px;}
#bookshelf .category		{width:104px; height:22px; text-indent:-9999px; overflow:hidden; position:absolute; top:130px; left:15px;}
#bookshelf .comic-story		{background:url(/images/bs_cat_comic-story.gif) no-repeat top left;}
#bookshelf .talk			{background:url(/images/bs_cat_talk.gif) no-repeat top left;}
#bookshelf .literature		{background:url(/images/bs_cat_literature.gif) no-repeat top left;}
#bookshelf .audio-book		{background:url(/images/bs_cat_audio-book.gif) no-repeat top left;}
#bookshelf .learning		{background:url(/images/bs_cat_learning.gif) no-repeat top left;}
#bookshelf .sound			{background:url(/images/bs_cat_sound.gif) no-repeat top left;}
#bookshelf .detail .cast-list li	{display:inline; line-height:1.2;}
#bookshelf .detail .cast-list span{display:block; font-weight:bold!important;}
#bookshelf .detail .cast-list .and-more{padding:0 0 0 10px;}
#bookshelf .detail .series-num{padding:5px 0 0 0; line-height:1.4; font-size:92%;}
#bookshelf .detail .series-description{font-weight:normal; padding:5px 0 0 0; line-height:1.4; font-size:92%;}
/*#bookshelf #bs_series .detail{min-height:104px; _height:104px;}*/
/* タイトル関連 */
#bookshelf .title	{float:left; width:100px; padding:28px 5px 0 0;}
#bookshelf h2		{text-indent:-9999px; overflow:hidden; width:76px; height:52px;}
#bs_newarrival h2	{background:url(/images/bs_new_title.gif) no-repeat top left;}
#bs_free h2			{background:url(/images/bs_free_title.gif) no-repeat top left;}
#bs_series h2		{background:url(/images/bs_series_title.gif) no-repeat top left; margin-bottom:10px;}
#bs_recommend h2	{background:url(/images/bs_recommend_title.gif) no-repeat top left; margin-bottom:10px;}

/* ボタン関連 */
#bookshelf .prevBtn	{top:45px; left:0; display:none;}
#bookshelf .nextBtn	{top:45px; right:0; display:none;}


/* Utilities -------------------------------------------------------------- */

.bs-section:after,
.section-body:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.bs-section,
.section-body{
    zoom: 1;
}
