@charset "euc-jp";

/* CSS Document */

/*
メニュー

(0)マイページデザインテンプレート　共通
(1)マイブック　ログイン
(2)マイページ　ログイン
(3)マイブック
(4)マイブック DRM
(5)for ファンタジスタ
*/


/* (0) マイページデザインテンプレート　共通 */

/* 背景色 */

#mainContainer {
 background: #fff url(background.gif) repeat-x 0 -140px;
}

/* 基本リンクカラー */

#mainContainer a, #mainContainer a:visited {
 color: #0155A6;
 text-decoration: none;
}

#mainContainer a:hover, #mainContainer a:active {
 color: #0155A6;
 text-decoration: underline;
}

.right {
 color:#333;
}

/* タイトルカラー */
#content h4.bookName {
 color: #333;
}

/* ユーザー情報のアイコン画像 */

#userInfo div.lead {
 background: url(lead_userinfo.gif) top left no-repeat;
}

/* ユーザー情報のユーザー名リンクカラー */

#userInfo div.thumbnail a, #userInfo a:visited {
 font-weight:bold;
 color: #fff;
 text-decoration: underline;
}

#userInfo div.thumbnail a:hover, #userInfo a:active {
 color: #fff;
 text-decoration: underline;
}

/* 広告見出し */

#advertiseLeft div.lead {
 background:url(lead_ad.gif) top left no-repeat;
}

/* ブックアイテム登録日カラー */

#content div.bookItem p.date {
 color: #666;
}

/* ブックアイテムアクセス数カラー */

#content div.bookItem p.number {
 color: #666;
}

/* ブックアイテムお気に入り登録数カラー */

#content div.bookItem p.favorite {
 color: #666;
}

/* ホームボタン 画像 */



#c_heard div.btnHome {
 width:63px;
 height:25px;
 background: url(btn_home_a.gif) no-repeat left top;
 float:right;
}

#c_heard div.btnHome a, #c_heard div.btnHome a:visited {
 width:63px;
 height:25px;
 display:block;
 text-indent:-9999px;
 overflow:hidden;
 background: url(btn_home.gif) no-repeat left top;
}

#c_heard div.btnHome a:hover, #c_heard div.btnHome a:active {
 background:none;
}

/* ブックを見る　ボタン画像 */
#bookDetail div.left .btn_view a, #bookDetail div.left .btn_view a:visited {
 background: url(btn_bookview.gif) no-repeat center center;
}

#bookDetail div.left .btn_view {
 background: url(btn_bookview_a.gif) no-repeat center center;
}

#bookDetail div.left .btn_view a:hover {
 background:none;
}

/* ブックを見る著作権保護鍵　ボタン画像 */

#bookDetail div.left .btn_bookviewDrmLib a, #bookDetail div.left .btn_bookviewDrmLib a:visited {
 background: url(btn_bookview_drm_lib.gif) no-repeat center center;
}

#bookDetail div.left .btn_bookviewDrmLib {
 background: url(btn_bookview_drm_lib_a.gif) no-repeat center center;
}

#bookDetail div.left .btn_bookviewDrmLib a:hover {
 background:none;
}

/* ブックを見る著作権保護ピース ボタン画像*/
#bookDetail div.left .btn_bookviewDrmPlg a, #bookDetail div.left .btn_bookviewDrmPlg a:visited {
 background: url(btn_bookview_drm_plg.gif) no-repeat center center;
}

#bookDetail div.left .btn_bookviewDrmPlg {
 background: url(btn_bookview_drm_plg_a.gif) no-repeat center center;
}

#bookDetail div.left .btn_bookviewDrmPlg a:hover {
 background:none;
}

/*タグアイコン*/
#bookDetail div.right div.tags {
 background: url(icon_tags.gif) top left no-repeat;
}

/* ○○さんの他のブック ボーダーカラー */

#content div.relate h5 {
 border-left: solid 3px #0155A6;
}

#content .relate h5 {
 color:#666;
}

/* すべて見る +アイコン画像 */
#content div.relate div#viewAll {
 background:url(icon_redplusmini.gif) left center no-repeat;
}

/* (1)マイブック　ログイン */

/*  マイブック　ログイン　○○さんのブックアイコン画像 */

#content h3.myBook {
 background:url(icon_book_my.png) top left no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}

/* ユーザー情報の枠 */
#userInfo.login {
 background:#0155A6 url(icon_mypage.gif) right top no-repeat;
 border: 3px solid #001d6d;
}

/* このブックは現在停止中です 背景画像 */
#bookDetail div.right #bookstopAlert {
 background: #B41400 url(bg_alert.gif);
}

/* このブックは現在停止中です アイコン画像 */
#bookDetail div.right #bookstopAlert p {
 background: url(icon_alert_bookstop.gif) left center no-repeat;
}

/* MY BOOK 画像 */
#bookDetail div.right .mybookInfo {
 background: #e0dfdf url(icon_mybook.gif) no-repeat left top;
}

/*公開中 画像*/
#bookDetail div.right .mybookInfo .bookPublic {
 background:#e0dfdf url(icon_book_public.gif) no-repeat 0 0;
}

/*非公開 画像*/
#bookDetail div.right .mybookInfo .bookSecret {
 background:#e0dfdf url(icon_book_secret.gif) no-repeat 0 0;
}

/* 著作権を保護して公開中(プラグイン版) 画像 */
#bookDetail div.right .mybookInfo .bookDrmPublic_lb {
 background:#e0dfdf url(icon_book_drm_lb_public.gif) no-repeat left top;
}

/* 著作権を保護して公開中(組み込み版) 画像 */
#bookDetail div.right .mybookInfo .bookDrmPublic_pg {
 background:#e0dfdf url(icon_book_drm_pg_public.gif) no-repeat left top;
}

/* 非公開にする ボタン 画像 */



#bookDetail div.right .function li.bookPublic a, #bookDetail div.right .function li.bookPublic a:visited {
 background: url(btn_book_secret.gif) no-repeat left top;
}

/* 非公開にする ボタン hover時 画像 */
#bookDetail div.right .function li.bookPublic, #bookDetail div.right .function li.bookSecret {
 background: url(btn_book_secret_a.gif) no-repeat left top;
}

#bookDetail div.right .function li.bookPublic a:hover {
 background:none;
}

/* 公開する ボタン 画像 */
#bookDetail div.right .function li.bookSecret a, #bookDetail div.right .function li.bookSecret a:visited {
 background: url(btn_book_public.gif) no-repeat left top;
}

/* 公開する ボタン hover時 画像 */
#bookDetail div.right .function li.bookSecret {
 background: url(btn_book_public_a.gif) no-repeat left top;
}

#bookDetail div.right .function li.bookSecret a:hover {
 background:none;
}

/*ブック削除 ボタン 画像 */
#bookDetail div.right .function li.bookDelete a, #bookDetail div.right .function li.bookDelete a:visited {
 background: url(btn_book_delete.gif) no-repeat left top;
}

/*ブック削除 ボタン hover時 画像 */
#bookDetail div.right .function li.bookDelete {
 background: url(btn_book_delete_a.gif) no-repeat 10px top;
 border-left: solid 1px #b2b2b2;
}

#bookDetail div.right .function li.bookDelete a:hover {
 background:none;
}

/* 20090609 sato edit start  */
/*bookEdit*/
/* 編集 ボタン 画像 */
#bookDetail div.right .function li.bookEdit a, 
#bookDetail div.right .function li.bookEdit a:visited {
		background: url(btn_book_edit.gif) no-repeat left top;
}

/* タグ編集 ボタン hover時 画像 */
#bookDetail div.right .function li.bookEdit {
		background: url(btn_book_edit_a.gif) no-repeat 10px top ;
		border-left: solid 1px #b2b2b2; 
}

#bookDetail div.right .function li.bookEdit a:hover {
		background:none;
}
/* 20090609 sato edit end  */

/* タグ編集 ボタン 画像 */
#bookDetail div.right .function li.editMyTags a, #bookDetail div.right .function li.editMyTags a:visited {
 background: url(btn_edittags.gif) no-repeat left top;
}

/* タグ編集 ボタン hover時 画像 */
#bookDetail div.right .function li.editMyTags {
 background: url(btn_edittags_a.gif) no-repeat 10px top;
 border-left: solid 1px #b2b2b2;
}

#bookDetail div.right .function li.editMyTags a:hover {
 background:none;
}

/* アクセス分析 ボタン 画像 */
#bookDetail div.right .function li.bookAnalyze a, #bookDetail div.right .function li.bookAnalyze a:visited {
 background: url(btn_book_analyze.gif) no-repeat left top;
}

/* アクセス分析 ボタン hover時 画像 */
#bookDetail div.right .function li.bookAnalyze {
 background: url(btn_book_analyze_a.gif) no-repeat 10px top;
 border-left: solid 1px #b2b2b2;
}

#bookDetail div.right .function li.bookAnalyze a:hover {
 background:none;
}

/* (2)マイページ　ログイン */
/* 利用可能容量 アイコン画像*/
#userInfo div.disk {
 background:url(icon_disk.gif) left center no-repeat;
 color:#fff !important;
}

/* 利用可能容量 ○○MBのカラー*/
#userInfo div.space span {
 color: #fff !important;
}

#userInfo div.space {
 color:#fff !important;
}

/*  マイページ ログイン ○○さんのブックアイコン画像 */
#content h3.myBooklist {
 background:url(icon_booklist_my.png) top left no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}

/* 棚の背景画像 */
#content div.shelfBox {
 padding-left:30px;
 background:url(bg_booklist_shelf.gif) 0 136px no-repeat;
 border-bottom:solid 1px #fff;
 width:640px;
}

/* マイページ ログイン ブックを見るアイコン画像 */
#content div.bookItem p.btnBookView {
 background:url(icon_book_view_mini.gif) left center no-repeat;
}

/* マイページ ログイン ブックを見る2アイコン画像 */
#content div.bookItem p.btnBookViewDrmLib {
 background:url(icon_book_view_drm_lib_mini.gif) left center no-repeat;
}

/* マイページ ログイン ブックを見る3アイコン画像 */
#content div.bookItem p.btnBookViewDrmPlg {
 background:url(icon_book_view_drm_plg_mini.gif) left center no-repeat;
}

/* マイページ ログイン アクセス解析 */
#content div.bookItem p.btnBookAnalyze {
 background:url(icon_book_analyze_mini.gif) left center no-repeat;
}

/* マイページ ログイン 非公開画像 */
#content div.bookItem .bookClosed {
 background:url(icon_book_closed.gif) no-repeat center bottom;
}

/*(3)マイブック*/
/*  マイブック ○○さんのブックアイコン画像 */

#content h3.book {
 background:url(icon_book.png) top left no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}

/* お気に入りに登録 ボタン 画像 */
#bookDetail div.right .function li.addFavorite a, #bookDetail div.right .function li.addFavorite a:visited {
 background: url(btn_addfavorite.gif) no-repeat left top;
}

/* お気に入りに登録 ボタン hover時 画像 */
#bookDetail div.right .function li.addFavorite {
 background: url(btn_addfavorite_a.gif) no-repeat 15px top;
}

#bookDetail div.right .function li.addFavorite a:hover {
 background:none;
}

/* お気に入りに登録済み ボタン 画像 */
 #bookDetail div.right .function li.addfavoriteOn {
 background: url(btn_addfavorite_on.gif) no-repeat 15px top;
}

/* 通報 ボタン 画像 */
#bookDetail div.right .function li.bookAlert a, #bookDetail div.right .function li.bookAlert a:hover {
 background: url(btn_bookalert.gif) no-repeat left top;
}

/* 通報 ボタン hover時 画像 */
#bookDetail div.right .function li.bookAlert {
 border-left: solid 1px #b2b2b2;
 background: url(btn_bookalert_a.gif) no-repeat 30px top;
}

#bookDetail div.right .function li.bookAlert a:hover {
 background:none;
}

/* タグ編集 ボタン 画像 */
#bookDetail div.right .function li.editTags a, #bookDetail div.right .function li.editTags a:visited {
 background: url(btn_edittags.gif) no-repeat left top;
}

/* タグ編集 ボタン hover時 画像 */
#bookDetail div.right .function li.editTags a:hover {
 background:none;
}

#bookDetail div.right .function li.editTags {
 border-left: solid 1px #b2b2b2;
 background: url(btn_edittags_a.gif) no-repeat 30px top;
}

/* (4)マイページ　*/
/*  マイページ ○○さんのブックアイコン画像 */
#content h3.booklist {
 background:url(icon_booklist.png) top left no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}

/* ドロップシャドウ */

#bookDetail div.left .thumbnailBox {
 background:url(shadow_book_rb.gif) right bottom no-repeat;
}

/* (4)マイブック DRM */


/* 著作権保護　画像 */
#bookDetail div.right .function .drms {
 background:url(lead_drm.gif) no-repeat left center;
 border: solid 1px #7d745f;
}

/* 著作権を保護して公開する(組み込み版)画像 */
#bookDetail div.right .function .drms .drm_lb_public a, #bookDetail div.right .function .drms .drm_lb_public a:visited {
 background: url(btn_book_drm_lb_public.gif) no-repeat left top;
}

#bookDetail div.right .function .drms .drm_lb_public {
 background: url(btn_book_drm_lb_public_a.gif) no-repeat left top;
}

#bookDetail div.right .function .drms .drm_lb_public a:hover {
 background:none;
}

/* 著作権を保護して公開する(プラグイン版)画像 */
#bookDetail div.right .function .drms .drm_pg_public a, #bookDetail div.right .function .drms .drm_pg_public a:visited {
 background: url(btn_book_drm_pg_public.gif) no-repeat left top;
}

#bookDetail div.right .function .drms .drm_pg_public {
 background: url(btn_book_drm_pg_public_a.gif) no-repeat left top;
}

#bookDetail div.right .function .drms .drm_pg_public a:hover {
 background:none;
}

/* ？マーク 画像 */
#bookDetail div.right .function .drms .questionmini {
 background: url(icon_questionmini.gif) no-repeat left top;
}

#bookDetail {
 border-bottom: solid 1px #999;
 border-top: solid 1px #999;
}

/* ユーザー情報 */

#userInfo {
 width: 216px;
 padding: 14px 17px;
 margin-bottom: 23px;
 background: #0155A6 url(bg_user_box.gif) repeat-x left top;
 color:#fff;
}

#main {
 width: 950px;
 margin: auto;
 padding: 20px 0px 24px 0px;
 position: relative;
}

#bookDetail div.right .function {
 background: #e0dfdf;
}

/* (5)for ファンタジスタ */

#c_heard {
 padding:25px 0 0 0;
}

#c_heard_Img {
 width:950px;
 height:194px;
 background: url(main_img01.jpg) no-repeat left top;
 margin-bottom:20px;
 text-indent:-9999px;
}

#c_heard_h {
 padding-bottom:20px;
 height:25px;
}

#c_heard_h h2 {
 float:left;
 border-left: 2px solid #0033CC;
 width:210px;
 height:24px;
 text-indent:-9999px;
 background: url(c_h01.gif) no-repeat left top;
}

#content h3 {
 color:#0155A6;
}

#c_heard {
 width:950px;
 margin:0 auto 0 auto;
}

#c_menu {
 height:80px;
 margin-bottom:25px;
}

#c_menu ul {
 margin:0;
 padding:0;
 list-style:none;
}

#c_menu ul li {
 float:left;
}

#c_menu ul li a {
 display:block;
 text-indent:-99999px;
 overflow:hidden;
}

#c_menu ul li#c_menu01 {
 width:188px;
 height:80px;
 background: url(menu01_a.gif) no-repeat 0 0;
}

#c_menu ul li#c_menu02 {
 width:191px;
 height:80px;
 background: url(menu02_a.gif) no-repeat 0 0;
}

#c_menu ul li#c_menu03 {
 width:191px;
 height:80px;
 background: url(menu03_a.gif) no-repeat 0 0;
}

#c_menu ul li#c_menu04 {
 width:191px;
 height:80px;
 background: url(menu04_a.gif) no-repeat 0 0;
}

#c_menu ul li#c_menu05 {
 width:188px;
 height:80px;
 background: url(menu05_a.gif) no-repeat 0 0;
}

li#c_menu01 a, li#c_menu01 a:visited {
 width:188px;
 height:80px;
 background: url(menu01.gif) no-repeat 0 0;
}

li#c_menu02 a, li#c_menu02 a:visited {
 width:191px;
 height:80px;
 background: url(menu02.gif) no-repeat 0 0;
}

li#c_menu03 a, li#c_menu03 a:visited {
 width:191px;
 height:80px;
 background: url(menu03.gif) no-repeat 0 0;
}

li#c_menu04 a, li#c_menu04 a:visited {
 width:191px;
 height:80px;
 background:url(menu04.gif) no-repeat 0 0;
}

li#c_menu05 a, li#c_menu05 a:visited {
 width:188px;
 height:80px;
 background: url(menu05.gif) no-repeat 0 0;
}

li#c_menu01 a:hover, li#c_menu01 a:active {
 background:none;
}

li#c_menu02 a:hover, li#c_menu02 a:active {
 background:none;
}

li#c_menu03 a:hover, li#c_menu03 a:active {
 background:none;
}

li#c_menu04 a:hover, li#c_menu04 a:active {
 background:none;
}

li#c_menu05 a:hover, li#c_menu05 a:active {
 background:none;
}

.mainContainer_c {
 background: #fff url(background.gif) repeat-x 0 0 !important;
}

.content_c {
 float: none !important;
 width: 950px !important;
}

.content_c div.bookList {
 width: 850px !important;
}

.content_c div.shelfBox {
 padding-left:90px !important;
 background:url(bg_booklist_shelf_2.gif) 0 136px no-repeat !important;
 border-bottom:solid 1px #fff !important;
 width:850px !important;
}

.content_c .h-book {
 background:url(c_h02.gif) no-repeat left top !important;
 margin:0 !important;
 padding:0 !important;
 text-indent:-9999px;
 height: 16px;
 width: 122px;
}

.content_c .h-myPage {
 background:url(c_h03.gif) no-repeat left top !important;
 margin:0 !important;
 padding:0 !important;
}

.content_c .h-myPage a {
 display:block;
 text-indent:-9999px;
 height: 16px;
 width: 79px;
 overflow:hidden;
}

#bookList_big {
 width:850px;
 padding:0 0 0 80px;
 clear:both;
 height: auto;
}

#bookList_big .bookItem_big {
 width:auto;
 float:left;
 padding-left:67px;
 height:100%;
 margin-bottom:25px !important;
}

#bookList_big .bookItem_big-l {
 padding-left:0px !important;
}

/* マイページ ログイン 非公開画像 */
.bookItem_big .bookClosed {
 background:url(icon_book_closed_big.gif) no-repeat center bottom;
}

.bookItem_big table td {
 margin:0;
 padding:0;
}

.bookItem_big table td.td_t-l {
 background: url(bg_shadow01.png) no-repeat left bottom;
 width:10px;
 height:10px;
 behavior: expression(IEPNGFIX.fix(this));
}

.bookItem_big table td.td_t-m {
 background: url(bg_shadow02.png) repeat-x left bottom;
 height:10px;
 behavior: expression(IEPNGFIX.fix(this));
}

.bookItem_big table td.td_t-r {
 background: url(bg_shadow03.png) no-repeat left bottom;
 width:10px;
 height:10px;
 behavior: expression(IEPNGFIX.fix(this));
}

.bookItem_big table td.td_m-l {
 background: url(bg_shadow04.png) repeat-y left bottom;
 width:10px;
 height:10px;
 behavior: expression(IEPNGFIX.fix(this));
}

.bookItem_big table td.td_m-m {
 position:relative !important;
 top:0;
 left:0;
 display:block;
}

.bookItem_big table td.td_m-r {
 background: url(bg_shadow05.png) repeat-y left bottom;
 width:10px;
 height:10px;
 behavior: expression(IEPNGFIX.fix(this));
}

.bookItem_big table td.td_d-l {
 background: url(bg_shadow06.png) no-repeat left top;
 width:10px;
 height:10px;
 behavior: expression(IEPNGFIX.fix(this));
}

.bookItem_big table td.td_d-m {
 background: url(bg_shadow07.png) repeat-x left top;
 height:10px;
 behavior: expression(IEPNGFIX.fix(this));
}

.bookItem_big table td.td_d-r {
 background: url(bg_shadow08.png) no-repeat left top;
 width:10px;
 height:10px;
 behavior: expression(IEPNGFIX.fix(this));
}

.bookItem_big .bookShadow {
 position:absolute !important;
 top:0;
 left:0;
}

.bookItem_big .bookShadow img {
 width: 100%;
 height: 100%;
 behavior: expression(IEPNGFIX.fix(this));
}