@charset "utf-8";

/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
html { height:100%; }
body { margin:0; padding:0; background:#d6d6d6 ; height:100%;
       font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka,'ＭＳ Ｐゴシック',sans-serif;
       font-size:12px; color:#333; }
body#index { background:#d6d6d6 url(../img/index/index_background.gif) repeat-y left top; }
img { border:none; vertical-align:top; }
a img { border:none; }
a, a:visited { color:#00769e; outline:none; }
a:hover { color:#33b500; }
p { margin:0; padding:0; line-height:170%; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:12px; }
ul,ol { list-style-type:none; margin:0; padding:0; line-height:0%; }
li { margin:0; padding:0; line-height:170%; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
label { display:inline-block; vertical-align:baseline; }
table { border-collapse:collapse; border:0; margin:0; font-size:13px; width:100%; }
td,th { padding:10px 10px 6px; border:1px solid #bbb; text-align:left; line-height:170%; }
th { font-weight:normal; }
input,textarea { font-size:100%; }
textarea { overflow:auto; }
input[type="text"], input[type="password"], textarea, select { outline: none; }
.pink { color:#fc4697; }

/* 外枠 */
#wrapper { width:960px; height:100%;margin:0 auto; }
#index #wrapper { width:100%;min-width:1050px; margin:0; }



/* ----------------------------------------------------------------------
 左サイド
---------------------------------------------------------------------- */
#left_col { float:left; width:212px; background:#fff; border-top:4px solid green;border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0; }

/* ロゴ */
#left_col #logo img { display:block; margin:0; }

/* キャッチコピー */
#left_col #catch_copy { font-size:11px; font-weight:normal; padding:15px 15px 5px 15px; position:absolute;; top:345px; line-height:120%; }


/* グローバルナビ */
#left_col #global_nav { margin:0 0 82px 0; }

/* 検索 --------------------------------------------------------- */
#left_col #search_area { height:49px; background:url(../img/side/search_input.gif) no-repeat left top; position:relative; }
#left_col #search_input input { color:#777; width:120px; position:absolute; top:17px; left:25px; border:none; background:transparent; }
#left_col #search_button input { position:absolute; top:12px; right:10px; }

/* カテゴリー --------------------------------------------------------- */
#side_category_headline { border-bottom:4px solid #00b9d5; }
#left_col #category { margin:5px 13px; }
#left_col #category li { background:url(../img/dot1.gif) repeat-x left bottom; }
#left_col #category li a { display:block; background:url(../img/arrow2.gif) no-repeat right; padding:5px 0; text-decoration:none; }
#left_col #category li.last { background:none; }
#left_col #category li.last a { padding:5px 0 0 0; }

/* タグ --------------------------------------------------------- */
#side_tag_headline { border-bottom:4px solid #599d10; }
#left_col #tag { margin:12px; }
#left_col #tag li { display:inline; line-height:200%; }


/* ユーザーの声 --------------------------------------------------------- */
#side_memo_headline { border-bottom:4px solid #ad0000; }
#left_col #voices { margin:10px 13px; }
#left_col #voices li { background:url(../img/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; margin:0 0 10px 0; }
#left_col #voices .avatar { float:left; }
#left_col #voices .meta { font-size:11px;  float:right; width:125px; }
#left_col #voices .name { display:block; }
#left_col #voices .title { display:block; }
#left_col #voices .time { display:block; }
#left_col #voices .comment { clear:both; background:#f4f8f8; border:1px solid #aac6d5; padding:4px 8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }



/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
#index_right_col { position:relative; margin:0 0 0 216px; }

/* ボックス */
#grid_content .box { width:161px; border:1px solid #c0c0c0; background:#fff; margin:2px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); }

/* ボックスのコンテンツ */
#grid_content .book_image img { margin:10px auto; display:block; border:2px solid #fff; padding:2px; }
#grid_content .book_image:hover img { border-color:#20c5dd; }
#grid_content h3.book_title { font-weight:normal; font-size:12px; }
#grid_content h3.book_title a { color:#333; text-align:center; display:block; margin:0 5px 8px; text-decoration:none; }
#grid_content h3.book_title a:hover { color:#1ba0b4; }
#grid_content .book_icon { margin:4px auto; display:block; }
#grid_content .book_category { display:block; width:153px; height:38px; margin:0 auto 4px; line-height:63px; color:#fff; text-align:center; text-decoration:none; font-size:11px; }
#grid_content .cat1 { background:url(../img/index/cat1.gif) no-repeat left top; }
#grid_content .cat2 { background:url(../img/index/cat2.gif) no-repeat left top; }
#grid_content .cat3 { background:url(../img/index/cat3.gif) no-repeat left top; }
#grid_content .cat4 { background:url(../img/index/cat4.gif) no-repeat left top; }
#grid_content .cat5 { background:url(../img/index/cat5.gif) no-repeat left top; }
#grid_content .cat6 { background:url(../img/index/cat6.gif) no-repeat left top; }
#grid_content .cat1:hover { background-position:left bottom; }
#grid_content .cat2:hover { background-position:left bottom; }
#grid_content .cat3:hover { background-position:left bottom; }
#grid_content .cat4:hover { background-position:left bottom; }
#grid_content .cat5:hover { background-position:left bottom; }
#grid_content .cat6:hover { background-position:left bottom; }


/* トピックス --------------------------------------------------------- */

/* スライダー外枠 */
.slider { width:491px; height:327px; display:none; }
.slider_content { width:491px; height:327px; display:block; position:relative; }

/* スライダーページナビ */
ul.pagination { position:absolute; bottom:28px; left:200px; }
ul.pagination li { display:inline; float:left; margin:0 5px; }
ul.pagination li a { display:block; width:8px; height:8px; text-indent:-9999px; text-decoration:none; background:url(../img/index/bullet1.gif) no-repeat left bottom; }
ul.pagination li.current a, ul.pagination li a:hover { background:url(../img/index/bullet1.gif) no-repeat left top; }

/* トピックスのコンテンツ */
#grid_content #box_topics { width:491px; height:395px; }
#grid_content #box_topics .desc { width:221px; position:absolute; right:20px; top:25px; }
#grid_content #box_topics h3 { border-bottom:1px solid #ccc; padding:0 0 10px 0; margin:0 0 10px 0; font-size:16px; }
#grid_content #box_topics h3 a { text-decoration:none;  }
#grid_content #box_topics h3 a:hover { color:#1ba0b4; }

#grid_content #box_topics .topic_book { position:absolute; left:20px; top:25px; }
#grid_content #box_topics .topic_icon { position:absolute; right:20px; top:282px; }
#grid_content #box_topics .book_mark { position:absolute; left:250px; top:282px; }
#grid_content #box_topics .twitter_button { margin:0 0 4px 0; }

/* スライダーの1番目 */
.slider_content .message { position:absolute; top:40px; left:15px; }
.gad_slider { text-align:center;padding-top:35px;}

/* ログイン --------------------------------------------------------- */
#grid_content #box_login { width:326px; }
#grid_content #box_login h3 { height:85px; background:url(../img/index/box_login_headline_bg.gif) repeat-x left top; position:relative; margin:0 0 5px 0; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; }
#grid_content #box_login h3 img { position:absolute; top:20px; left:10px; }
#grid_content #box_login #beginner_link img { display:block; margin:0 auto; }
#grid_content #box_login p.desc1 { background:url(../img/arrow1.gif) no-repeat left 4px; padding:0 0 0 13px; margin:0 0 5px 65px; }
#grid_content #box_login #login_link { margin:0 0 13px 18px; }
#grid_content #box_login #login_link li { float:left; display:inline; margin:0 5px 0 0; }



/* 最新の記事・書評 --------------------------------------------------------- */
#grid_content #box_latest { background:#282828; height:160px; position:relative; }
#grid_content #box_latest img { position:absolute; top:58px; left:8px; }



/* アルファブロガー --------------------------------------------------------- */
#grid_content #box_blogger { width:326px; background:#607f47; }
.box_content { background:#fff; margin:7px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#grid_content #box_blogger h3 { margin:2px 0 0 8px; }
#grid_content #box_blogger ul { padding:19px 9px 0; height:140px; }
#grid_content #box_blogger li { display:inline; float:left; margin:0 3px; height:70px; }
#grid_content #box_blogger li a img { border:1px solid #fff; padding:2px; }
#grid_content #box_blogger li a:hover img { border-color:#20c5dd; }

/* ツールチップ */
#title-tip span { color:#fff; margin:0 0 15px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 25px 7px; background:#000; font-size:12px; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); }
#title-tip { background:url(../img/tip_arrow.gif) no-repeat bottom; padding:0 0 12px 0; }



/* ランキング --------------------------------------------------------------- */
#grid_content #box_ranking { width:326px; background:#314c58; }
#grid_content #box_ranking h3 { margin:2px 0 0 8px; }
#grid_content #box_ranking ul { padding:10px 14px 8px; }
#grid_content #box_ranking ul li { background:url(../img/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; margin:0 0 10px 0; }
#grid_content #box_ranking ul li.last { background:none; padding:0; margin:0; }

/* 本の画像 */
#grid_content #box_ranking ul li .book { float:left; display:inline; margin:0 0 7px 0; }
#grid_content #box_ranking ul li .book img { border:1px solid #ccc; padding:2px; }
#grid_content #box_ranking ul li .book:hover img { border-color:#20c5dd; }

/* 右サイドのコンテンツ */
#grid_content #box_ranking ul li .meta { float:right; display:inline; width:220px; padding:3px 0 0 0; }
#grid_content #box_ranking ul li .meta .title { min-height:31px; padding:0 0 0 38px; line-height:140%; display:block; font-size:12px; text-decoration:none;  margin:0 0 10px 0; }
#grid_content #box_ranking ul li .meta .title:hover { color:#1ba0b4; }
#grid_content #box_ranking ul li .meta .author { font-size:11px; float:left; }
#grid_content #box_ranking ul li .meta .point { float:right; width:119px; height:17px; background:url(../img/index/point_background.gif) no-repeat left top; position:relative; }
#grid_content #box_ranking ul li .meta .point span { position:absolute; width:42px; text-align:center; height:17px; line-height:21px; right:0px; top:0px; }

#grid_content #box_ranking ul li#rank1 .meta .title { background:url(../img/index/rank1.gif) no-repeat left top; }
#grid_content #box_ranking ul li#rank2 .meta .title { background:url(../img/index/rank2.gif) no-repeat left top; }
#grid_content #box_ranking ul li#rank3 .meta .title { background:url(../img/index/rank3.gif) no-repeat left top; }
#grid_content #box_ranking ul li#rank4 .meta .title { background:url(../img/index/rank4.gif) no-repeat left top; }
#grid_content #box_ranking ul li#rank5 .meta .title { background:url(../img/index/rank5.gif) no-repeat left top; }
#grid_content #box_ranking ul li#rank6 .meta .title { background:url(../img/index/rank6.gif) no-repeat left top; }
#grid_content #box_ranking ul li#rank7 .meta .title { background:url(../img/index/rank7.gif) no-repeat left top; }
#grid_content #box_ranking ul li#rank8 .meta .title { background:url(../img/index/rank8.gif) no-repeat left top; }
#grid_content #box_ranking ul li#rank9 .meta .title { background:url(../img/index/rank9.gif) no-repeat left top; }
#grid_content #box_ranking ul li#rank10 .meta .title { background:url(../img/index/rank10.gif) no-repeat left top; }



/* ----------------------------------------------------------------------
 トップページ専用フッター
---------------------------------------------------------------------- */
#index_footer { margin:70px 0 20px 0; padding:20px 0; text-align:center; width:94%; }
#index_footer_menu li { display:inline; border-right:1px solid #999; padding:0 15px 0 0; margin:0 10px 0 0; font-size:11px; }
#index_footer_menu li.last { border:none; padding:0; margin:0; }
#index_footer_menu li a { color:#222; text-shadow:#fbfbfb 1px 1px; text-decoration:none; }
#index_footer_menu li a:hover { text-decoration:underline; }
#index_footer #copyright { clear:both; display:block; margin:10px auto; }
#index_footer #footer_logo { display:block; margin:0 auto 30px; }




/* ----------------------------------------------------------------------
 サブページ共通部分
---------------------------------------------------------------------- */
#right_col { float:left; display:inline; margin:0 0 0 5px; width:741px; height:100%; }


/* ログインエリア */
#header { margin:3px 0 2px 0; width:741px; height:44px; position:relative; border:1px solid #c0c0c0; background:#fff;  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); }
#header #login { position:absolute; left:15px; top:0px; }
#header ul#login_list { position:absolute; right:16px; top:0px; background:url(../img/header/login.gif) no-repeat left; padding:0 0 0 60px; }
#header ul#login_list li { display:inline; float:left; margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px solid #e8e8e8; }


/* ログイン時 */
#header p#welcome { position:absolute; left:15px; top:16px; font-size:11px; }
#header ul#logout_list { position:absolute; right:0px; top:0px; }
#header ul#logout_list li { display:inline; float:left; }
#header ul#logout_list li a { display:block; height:44px; line-height:47px; text-decoration:none; padding:0 15px 0 15px; border-left:1px solid #e8e8e8; font-size:11px; }
#header ul#logout_list li a:hover { text-decoration:underline; }
#header ul#logout_list li#logout a { background:url(../img/arrow1.gif) no-repeat 15px 18px; padding-left:30px; }


/* ヘッダーのプロフィール -------------------------------- */
#header_profile { width:741px; margin:3px 0 2px 0; border:1px solid #c0c0c0; background:#fff;  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); }

/* 左コンテンツ */
#profile_left { float:left; display:inline; width:380px; margin:15px -1px 10px 15px; background:url(../img/dot3.gif) repeat-y right top; }
#profile_left .avatar { float:left; display:inline; margin:0 15px 0 0; }
#profile_left h4 { margin:2px 0 5px 0; }
#profile_left dl { float:left; line-height:0%; }
#profile_left dt { width:80px; clear:left; float:left; line-height:120%; }
#profile_left dd { float:left; width:30px; text-align:right; line-height:120%; }
#profile_left ul { float:right; display:inline; margin:26px 15px 0 0; }
#profile_left ul li { display:inline; float:left; margin:0 0 0 10px; }

/* 右コンテンツ */
#profile_right { float:left; display:inline; margin:15px 0; padding:0 0 0 12px; background:url(../img/dot3.gif) repeat-y left top; }
#profile_right dl { float:left; line-height:0%; }
#profile_right dt { width:100px; clear:left; float:left; line-height:120%; }
#profile_right dd { float:left; width:30px; text-align:right; line-height:120%; }
#profile_right ul { float:left; display:inline; margin:0 0 -4px 26px; width:170px; }
#profile_right ul li { float:left; display:inline; margin:0 2px 2px 0 }


/* ヘッダー以下のコンテンツ部分 */
#contents_wrapper { width:741px; margin:0 0 2px 0; border:1px solid #c0c0c0; background:#fff;  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); }
#contents { width:711px; margin:0 0 0 15px; padding:25px 0; }

/* タイトル */
.title_line { background:url(../img/line1.gif) repeat-x left bottom; padding:0 0 8px 0; font-size:18px; }


/* 見出し */
.headline1 { display:block; width:691px; height:42px; line-height:45px; padding:0 0 0 18px; background:url(../img/headline_base1.gif) no-repeat left top; margin:0 0 20px 0; font-size:14px; }
#headline_top { }


/* 青色のカテゴリーボタン */
ul.category_button a { display:block; width:86px; height:22px; line-height:24px; text-align:center; text-decoration:none; background:url(../img/button1.gif) no-repeat left top; color:#fff; }
ul.category_button a:hover { background-position:left bottom; }


/* ページナビ */
.page_nav { margin:0 0 30px; background:url(../img/line2.gif) no-repeat left top; padding:15px 0 0 0; text-align:center;}
.page_nav li { display:inline;  margin:0 5px 0 0; }
.page_nav li.current { padding:0px 8px; line-height:25px; height:23px; border:1px solid #aaa; background:#ccc; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.page_nav a { display:inline;  padding:0px 8px; line-height:25px; height:23px; background:#fafafa; border:1px solid #bbb; text-decoration:none; color:#333;
              -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
              background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
              background: -moz-linear-gradient(top, #fff, #eee); text-shadow: #fff 1px 1px; }
.page_nav a:hover { background:#006692; background: -webkit-gradient(linear, left top, left bottom, from(#00dbfc), to(#006692));
                    background: -moz-linear-gradient(top, #00dbfc, #006692); color:#fff; text-shadow:none; border:1px solid #0096a8; }
.page_nav .prev a, .page_nav .next a { background:none; border:none; }
.page_nav .prev a:hover, .page_nav .next a:hover { background:none; border:none; color:#0096a8; text-decoration:underline; }
#page_nav_top { margin:0 0 30px; background:url(../img/line2.gif) no-repeat left bottom; padding:0 0 15px 0; }


/* 記事の内容 */
#post_content { margin:0 5px 20px; }
#post_content p { margin:0 0 1em 0; }
#post_content ul { margin:0 0 1em 0; }



/* ----------------------------------------------------------------------
 フォームページ
---------------------------------------------------------------------- */
/* 入力必須項目 */
.required_desc { font-size:11px; display:block; text-align:right; }

/* 警告メッセージ */
#error_message { background:#ffeaea; border:1px solid #ffa8a8; position:relative; text-align:center; padding:10px 0 7px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin:0 0 20px 0; }
#error_message img { position:absolute; bottom:-7px; left:350px; display:block; margin:0 auto; }

/* フォームエリア ----------------------------------------------- */
.form table { margin:0 0 30px 0; }
.form th { background:url(../img/table_bg.gif) no-repeat left top; }
.form td span { margin:0 0 0 5px; }

/* 通常のスタイル */
.form input, .form textarea, .form select { background:url(../img/form/input_bg.gif) no-repeat left top; border:1px solid #ccc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:4px; }

/* フォーカス時 */
.form input:focus, .form textarea:focus, .form select:focus { border-color:#00b1d1; background:url(../img/form/input_bg_on.gif) no-repeat left top; }

/* エラー時 */
.form input.error { border:2px solid #ffaeae; }
.form textarea.error { border:2px solid #ffaeae; }

/* サイズ調整 */
.form textarea { width:380px; }
.form input.checkbox { padding:0; border:none; background:none; }
.form input.file { width:200px; }
.form label input { position:relative; top:2px; }
.form input.short { width:150px; }
.form input.long { width:380px; }

/* 送信ボタン */
.form #confirm_button { text-align:center; }
.form #confirm_button input { border:none; padding:0; }



/* ----------------------------------------------------------------------
 検索結果
---------------------------------------------------------------------- */
#search_book_list { }
#search_book_list li.search_book_list_content { margin:0 0 20px 0; padding:0 0 22px 0; background:url(../img/dot2.gif) repeat-x left bottom; }
#search_book_list li.last { background:none; margin:0; }

/* 本の画像 */
#search_book_list .book { float:left; display:inline; width:120px; text-align:center; }

/* 右サイドのコンテンツ */
#search_book_list .book_desc { float:right; display:inline; width:570px; }

/* タイトル */
#search_book_list h3 { margin:0 0px 10px; }
#search_book_list h3 a { text-decoration:none; }

/* カテゴリーのボタン */
#search_book_list .category_button { margin:0 0 14px 0; }
#search_book_list .category_button li { display:inline; float:left; margin:0 4px 0 0; }

/* キャッチコピー */
#search_book_list .catch_copy { min-height:60px; margin:0 0 10px; font-size:12px; background:#f2f7f8; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

/* 書籍登録数、しおりメモ */
#search_book_list .link_list { float:left; display:inline; margin:3px 0 0 0; }
#search_book_list .link_list li { display:inline; float:left; }
#search_book_list .link_list li.bookmark { background:url(../img/icon_user.gif) no-repeat left; padding:0 0 0 21px; margin:0 30px 0 0; }
#search_book_list .link_list li.memo { background:url(../img/icon_bookmark.gif) no-repeat left; padding:0 0 0 21px; }

/* 登録する */
#search_book_list .add { float:right; display:block; width:86px; height:22px; line-height:24px; text-align:center; text-decoration:none; background:url(../img/button4.gif) no-repeat left top; color:#fff; }
#search_book_list .add:hover { background-position:left bottom; }



/* ----------------------------------------------------------------------
 登録書籍・しおりメモ管理
---------------------------------------------------------------------- */

/* タブメニュー */
#tab_menu { width:708px; height:35px; background:url(../img/tab_base.gif) no-repeat left top; margin:0 0 30px 1px; padding:0 0 0 1px; }
#tab_menu li { float:left; display:inline; margin:4px 0 0 2px; }
#tab_menu a.active { width:139px; height:31px; line-height:36px; text-align:center; background:url(../img/tab_menu.gif) no-repeat left top; }
#tab_menu a { display:block; width:139px; height:31px; line-height:36px; text-align:center; text-decoration:none; background:url(../img/tab_menu.gif) no-repeat left -31px; color:#333; }
#tab_menu a:hover { background-position:left bottom; color:#fff; }

/* 検索エリア ------------------------------------------ */
#memo_search { width:709px; height:43px; background:url(../img/memo/search_bg.gif) no-repeat left top; margin:0 0 30px 1px; position:relative; }

/* 検索 */
#search_area2 { height:29px; background:url(../img/memo/search_input.gif) no-repeat left top; position:relative; top:7px; left:10px; }
#search_input2 input { color:#777; width:120px; position:absolute; top:8px; left:7px; border:none; background:transparent; }
#search_button2 input { position:absolute; top:0px; left:133px; }

/* 重要度 */
#search_star { background:url(../img/memo/star_headline.gif) no-repeat left top; padding:0 0 0 63px; position:absolute; top:14px; left:290px; }
#search_star li { float:left; display:inline; margin:0 10px 0 0; }

/* 並び替え */
#memo_search select { font-size:12px; position:absolute; top:27%; right:15px; }
#memo_search select, x:-moz-any-link, x:default { padding:3px; }

/* 検索結果 ------------------------------------------------- */
#memo_book_list { margin:0; }
#memo_book_list li.memo_book_list_content { margin:0 0 20px 0; padding:0 0 20px 0; background:url(../img/dot2.gif) repeat-x left bottom; }
#memo_book_list li.last { background:none; margin:0; }

/* 本の画像 */
#memo_book_list .book { float:left; display:inline; width:120px; text-align:center; }

/* 右サイドのコンテンツ */
#memo_book_list .book_desc { float:right; display:inline; width:570px; }

/* タイトル */
#memo_book_list h3 { margin:0 0px 10px; }
#memo_book_list h3 a { text-decoration:none; }

/* ページや著者情報 */
#memo_book_list .book_meta { width:150px; float:left; margin:0 0 10px 0; }
#memo_book_list .book_meta .book_page { background:url(../img/memo/icon_book.gif) no-repeat left bottom; font-weight:bold; text-decoration:underline; font-size:16px; padding:0 0 0 40px; margin:0 0 3px 0; }
#memo_book_list .book_meta img { display:block; margin:5px 0 0 0; }

/* キャッチコピー */
#memo_book_list .catch_copy { width:380px; min-height:75px; float:right; margin:0 0 10px; font-size:12px; background:#f2f7f8; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

/* タグ */
#memo_book_list .book_tag { float:left; width:350px; background:url(../img/icon_tag.gif) no-repeat left 2px; padding:0 0 0 20px; white-space: nowrap; }
#memo_book_list .book_tag li { float:left; display:inline; margin:0 5px 0 0; }

/* ボタン */
#memo_book_list .button { float:right; }
#memo_book_list .button li { display:inline; float:left; margin:0 0 0 5px; }
#memo_book_list li.edit a { display:block; width:86px; height:22px; line-height:24px; text-align:center; text-decoration:none; background:url(../img/button1.gif) no-repeat left top; color:#fff; }
#memo_book_list li.delete a { display:block; width:86px; height:22px; line-height:24px; text-align:center; text-decoration:none; background:url(../img/button3.gif) no-repeat left top; color:#fff; }
#memo_book_list li.add a { display:block; width:174px; height:22px; line-height:24px; text-align:center; text-decoration:none; background:url(../img/button2.gif) no-repeat left top; color:#fff; }
#memo_book_list li a:hover { background-position:left bottom; }



/* ----------------------------------------------------------------------
 記事ページ
---------------------------------------------------------------------- */
/* タイトル */
#article_title { margin:30px 0 10px; }

/* ソーシャルブックマーク */
#article_bookmark { margin:0 0 20px 0; }
#article_bookmark li { display:inline; float:left; margin:0 10px 0 0; }

/* キャッチコピー */
#article_catch_copy { font-size:12px; background:#f2f7f8; border:1px solid #c9dcde; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 20px; }



/* 関連している書籍 ------------------------------------------------- */
#article_book_list { margin:0; }
#article_book_list li.article_book_list_content { margin:0 0 20px 0; padding:0 0 22px 0; background:url(../img/dot2.gif) repeat-x left bottom; }
#article_book_list li.last { background:none; }

/* 本の画像 */
#article_book_list .book { float:left; display:inline; }

/* 右サイドのコンテンツ */
#article_book_list .book_desc { float:right; display:inline; width:530px; }

/* タイトル */
#article_book_list h3 { margin:0 0px 10px; }
#article_book_list h3 a { text-decoration:none; }

/* カテゴリーのボタン */
#article_book_list .category_button { margin:0 0 22px 0; }
#article_book_list .category_button li { display:inline; float:left; margin:0 4px 0 0; }

/* キャッチコピー */
#article_book_list .catch_copy { min-height:60px; margin:0 0 22px; font-size:12px; background:#f2f7f8; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }



/* 関連記事 -------------------------------------------------------- */
#related_article { margin:-10px 5px 20px; }
#related_article li { padding:10px 0 10px 0; background:url(../img/dot1.gif) repeat-x left bottom; font-size:14px; }
#related_article li a { background:url(../img/arrow4.gif) no-repeat left; padding:5px 0 5px 22px; }



/* ----------------------------------------------------------------------
 書評ページ
---------------------------------------------------------------------- */
#review_header { margin:12px 2px 20px; width:705px; background:url(../img/dot1.gif) repeat-x left bottom; padding:0 0 20px 0; }

/* 書評の右サイド --------------------------------------------------- */
#review_right { width:525px; float:right; display:inline; margin:0; }

/* タイトル */
#review_right .title_line { margin:0 0 10px 0; }

/* 発行日など */
#review_meta { float:left; width:135px; }
#review_meta_list { margin:0 0 12px 0; }
#review_meta_list li { margin:0 0 3px 0; }

/* 読書時間目安 */
#read_time { float:left; background:url(../img/review/time.gif) no-repeat left top; width:64px; height:50px; text-align:center; line-height:60px; font-size:18px; font-weight:bold; margin:0 7px 0 0; }

/* 推薦ポイント */
#recommend_point { float:left; background:url(../img/review/point.gif) no-repeat left top; width:64px; height:50px; text-align:center; line-height:60px; font-size:18px; font-weight:bold; }

/* カテゴリーアイコン */
#review_category1 {width:384px; float:right; display:inline; position:relative; margin:0 -5px 10px 0; }
#review_category1 li { display:inline; float:left; margin:0 3px 3px 0; }

/* タグ 対象読者 */
#review_tag_wrap { width:375px; float:right; margin:0 0 5px 0; }
#review_tag_wrap h4 { background:url(../img/icon_user.gif) no-repeat left top; padding:2px 0 2px 20px; float:left; width:80px; line-height:140%; font-size:12px; margin:0;font-weight:normal; }
.review_tag { float:left; width:270px; }
.review_tag li { display:inline; line-height:140%; margin:0 5px 10px 0; }

/* タグ 身に付く */
#review_tag_wrap2 { width:375px; float:right; margin:0 0 5px 0; }
#review_tag_wrap2 h4 { background:url(../img/icon_star.gif) no-repeat left top; padding:2px 0 2px 20px; display:block; float:left; width:80px; line-height:140%; font-size:12px; margin:0; font-weight:normal; }

/* タグ キーワード */
#review_tag_wrap3 { width:375px; float:right; margin:0 0 15px 0; }
#review_tag_wrap3 h4 { background:url(../img/icon_key.png) no-repeat left top; padding:2px 0 2px 20px; display:block; float:left; width:80px; line-height:140%; font-size:12px; margin:0;font-weight:normal;  }

/* カテゴリーボタン */
#review_category2 { clear:both; position:relative; margin:0 -5px 10px 0; }
ul.category_button2 li a { display:block; width:100px; height:22px; line-height:24px; text-align:center; text-decoration:none; color:#fff; }
ul.category_button2 li.cat1 a { background:url(../img/review/icon1.gif) no-repeat left top; }
ul.category_button2 li.cat2 a { background:url(../img/review/icon2.gif) no-repeat left top; }
ul.category_button2 li.cat3 a { background:url(../img/review/icon3.gif) no-repeat left top; }
ul.category_button2 li.cat4 a { background:url(../img/review/icon4.gif) no-repeat left top; }
ul.category_button2 li.cat5 a { background:url(../img/review/icon5.gif) no-repeat left top; }
ul.category_button2 li.cat6 a { background:url(../img/review/icon6.gif) no-repeat left top; }
ul.category_button2 li a:hover { background-position:left bottom; }
#review_category2 li { display:inline; float:left; margin:0 6px 6px 0; }

/* ソーシャルブックマーク　アマゾンのボタン float:left;*/
#review_right #amazon { float:right; }
.bookmark_button {  }
.bookmark_button li {  display:inline; margin:0 5px 0 0; }

/* 本画像 */
#review_book_image { float:left; display:block; margin:0;  }
#review_book_image img{  border:1px solid #d2d2d2; }

/* 説明文 */
#review_catch_copy { font-size:16px; margin:0 2px 10px; background:url(../img/icon_pencil.png) no-repeat left top; padding:5px 0 5px 40px; }
#review_desc1 { margin:0 2px 15px; }
#review_desc2 { margin:0 2px 10px; background:#f2f7f8; border:1px solid #c9dcde; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }



/* タブメニュー --------------------------------------------------- */
#review_tab_menu { margin:0 0 30px 2px; }
#review_tab_menu li { float:left; display:inline; }
#review_tab_menu a { text-indent:-9999px; display:block; text-decoration:none; width:235px; height:49px; }
#review_tab_menu .t_menu1 { background:url(../img/review/tab_menu1.gif) no-repeat left top; }
#review_tab_menu .t_menu2 { background:url(../img/review/tab_menu2.gif) no-repeat left top; }
#review_tab_menu .t_menu3 { background:url(../img/review/tab_menu3.gif) no-repeat left top; }
#review_tab_menu .t_menu4 { background:url(../img/review/tab_menu4.gif) no-repeat left top; }
#review_tab_menu .t_menu5 { background:url(../img/review/tab_menu5.gif) no-repeat left top; }
#review_tab_menu li:hover { background-position:left -49px; }
#review_tab_menu li.active { background-position:left bottom; }



/* コンテンツのベース */
.review_sub_content { margin:0 0 30px; }



/* お薦めの本（スライダー部分） --------------------------------------------------- */
#recommend { position:relative; height:210px; }
.recommend_slider { width:680px; height:210px; display:none; margin:0 0 0 35px; }
.recommend_slider_content { width:680px; height:210px; display:block; position:relative; }
.recommend_slider_content li { display:inline; float:left; width:140px; margin:0 10px; text-align:center; }
.recommend_slider_content li img { display:block; margin:0 auto 5px; }

/* 矢印 */
#recommend a.prev { display:block; width:29px; height:50px; text-indent:-9999px; position:absolute; left:5px; top:47px; text-decoration:none; background:url(../img/review/slider_arrow1.gif) no-repeat left top; }
#recommend a.next { display:block; width:29px; height:50px; text-indent:-9999px; position:absolute; right:5px; top:47px; text-decoration:none; background:url(../img/review/slider_arrow2.gif) no-repeat left top; }
#recommend a:hover, #recommend a.next:hover { background-position:left bottom; }

/* ページナビ（ページの数によっては、leftの調整が必要です） */
#recommend ul.pagination { position:absolute; bottom:0; left:328px; }



/* 特に参考になる章 --------------------------------------------------- */
#review_refer { }

/* 左コンテンツ */
#review_refer_left { width:355px; float:left; }
#review_refer_left h4 { margin:0 0 10px 0; background:url(../img/review/headline_base1.gif) no-repeat left top; color:#fff; text-align:center; height:28px; line-height:31px; font-size:14px; }

/* 右コンテンツ（グラフ） */
#review_refer_right { width:354px; float:left; }
#review_refer_right h4 { margin:0 0 10px 0; background:url(../img/review/headline_base2.gif) no-repeat left top; text-align:center; height:28px; line-height:31px; font-size:14px; }
#review_refer_right li { text-indent:-9999px; display:block; background:url(../img/review/graph.gif) no-repeat left 4px; width:354px; }



/* キーワードの解説 --------------------------------------------------- */
#review_keyword { margin-left:15px; }
#review_keyword dt { background:url(../img/arrow3.gif) no-repeat left; font-size:14px; font-weight:bold; padding:0 0 0 19px; height:17px; line-height:20px; margin:0 0 5px 0; }
#review_keyword dd { background:#f2f7f8; border:1px solid #c9dcde; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 20px 0; }
.read_more1 { margin:0 0 0 605px; }



/* 著者情報 --------------------------------------------------- */
#review_author_left { width:200px; float:left; display:inline; }
#review_author_left h4 { font-size:14px; margin:0 0 5px 0; }
#review_author_right { margin:0 0 20px 0; width:475px; float:left; display:inline; background:#fdfdfd; border:1px solid #ccc; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }



/* パンくずリンク --------------------------------------------------- */
#bread_crumb { border-top:1px solid #ccc; padding:0 15px; }
#bread_crumb ul { border-right:1px solid #ccc; float:left; width:640px; padding:12px 15px 12px 0; }
#bread_crumb li { display:inline; font-size:10px; color:#777; }
#bread_crumb li a { margin:0 8px 0 0; padding:0 13px 0 0; color:#777; background:url(../img/arrow2.gif) no-repeat right; }
#bread_crumb li a:hover { color:#00769e; }
#bread_crumb #return_top { float:right; display:inline; margin:2px 0 0 0; }



/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer { width:741px; border:1px solid #c0c0c0; border-bottom:none; background:#fff; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; text-align:center; padding:30px 0 30px 0; }
#footer_menu { margin:0 0 15px 0; }
#footer_menu li { display:inline; border-right:1px solid #999; padding:0 15px 0 0; margin:0 10px 0 0; font-size:11px; }
#footer_menu li.last { border:none; padding:0; margin:0; }
#footer_menu li a { color:#333; text-decoration:none; }
#footer_menu li a:hover { text-decoration:underline; }
#footer #copyright { clear:both; }



/* clearfix hack ------------------------------------------------------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; font-size:0.1em; line-height:0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* ----------------------------------------------------------------------
 Adsense
---------------------------------------------------------------------- */
     
/* 要約 ------------------------------------------------------- */
.gad_summary {
  width: 681px;
  padding: 0 15px;
  margin-top: 30px;
}

/* 検索 ------------------------------------------------------- */
.gad_serch {
  width: 681px;
  padding: 0 15px;
  margin-top: 20px;
}