@charset "shift_jis";

body, html { height:100%; }
body { -webkit-text-size-adjust:100%; color:#fff; background:#200000; background-attachment:fixed; font-size:0.9em; text-align:center; margin:0; padding:0; font-family:'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

a:link { color:#fff; } 
a:visited { color:#f6f6f6; text-decoration:underline; }
a:hover { color:#fff; font-weight:normal; text-decoration:none; background:#8080c0; }
a:active { color:#c9b9ea; font-weight:normal; text-decoration:underline; }
table { font-size:0.9em; margin:0; padding:0; }
td { text-align:left; }
th { text-align:center; border:1px #fff solid; }
img { border:0; vertical-align:middle; }
hr { clear:both; display:block; background:#fff; }
form { margin:0; padding:0; }
iframe { overflow-x:hidden; }
div { margin:0; padding:0; }
p { margin:0; padding:0; }
ul { margin:0; padding:0; list-style-type:none; }
ol { margin:0; padding:0; list-style-type:none; }
li { margin:0; padding:0; list-style-type:none; }
dl { margin:0; padding:0; }
dt { margin:0; padding:0; }
dd { margin:0; padding:0; }


/* ■ラップ */

#bg { background:url(/image/brick1.gif); }
#bg2 { background:url(/image/brick2.gif); line-height:1.4; }
#center { width:100%; height:auto !important; height:100%; min-height:100%; text-align:center; margin:auto; position:relative; }

#contents { width:960px; text-align:center; margin:0 auto; padding:0 0 250px; position:relative; *zoom:1; }
#leftpane { width:760px; min-height:720px; padding:0 0 350px; float:left; position:relative; }
#rightpane { width:200px; float:left; padding:540px 0 0; }
#footer { position:absolute; bottom:0; width:100%; min-width:960px; height:120px; background:#200000; border-top:15px #aa7755 solid; color:#fff; clear:both; }

.grad01 { 
  background:linear-gradient(top, #4b0f07, 
    #753c2b 5%, 
    #a97754 50%, 
    #753c2b 95%, 
    #4b0f07); 
  background:-moz-linear-gradient(top, #4b0f07, 
    #753c2b 5%, 
    #a97754 50%, 
    #753c2b 95%, 
    #4b0f07); 
  background:-webkit-gradient(linear, left top, left bottom, from(#4b0f07), 
    color-stop(0.05, #753c2b), 
    color-stop(0.5, #a97754), 
    color-stop(0.95, #753c2b), 
    to(#4b0f07));
  background:#aa7755\9;
}


/* ■ヘッダー */

#header { text-align:center; margin:auto; }
#atama { min-width:960px; min-height:165px; text-align:left; color:#fff; }
#catch { float:left; width:250px; margin:0; padding:3px 0.7em 3px 0; text-align:left; font-size:0.7em; font-weight:normal; }
#catch_r { float:right; width:700px; margin-top:6px; }

#btn_main_navi { display:none; }
#mokuji { float:right; font-size:0.7em; margin:0 7px 3px 7px; }
#mokuji li { float:left; border-right:1px #fff solid; margin:10px 0 14px; padding:0 5px; }
#mokuji li:last-child { border:none; }
#catch_r form { float:right; margin:0 5px 10px 0; }
#amazon_s { width:180px; background:#200000; color:#fff; }

#search_l { float:left; font-size:0.7em; padding:18px 0 0 15px; }
#search_r { float:right; font-size:0.7em; padding:7px; }
#search_r form { float:right; margin:0 0 0 10px; }
#custom_search_txt { width:300px; border:1px #fff solid !important; }
#custom_search_btn { }
#cse-search-results { margin:25px 0 0 0; }
#google_translate_element { float:right; }
.goog-te-gadget-simple { background-color:#000 !important; }
.goog-te-gadget-simple .goog-te-menu-value { color:#fff !important; }


/* ■ナビゲーションバー */

#navi_bar { letter-spacing:-.40em; clear:both; min-width:950px; text-align:center; margin:auto; padding:0 5px; }
#navi_bar li { display:inline-block; letter-spacing:normal; vertical-align:top; width:12.2%; overflow:hidden; }
#navi_bar a { display:block; width:100%; height:40px; line-height:40px; background:#aa7755; border-radius:3px; box-shadow:3px 3px 7px 10px #200000, -1px -1px 1px 2px #c9a892 inset; border:1px #200000 solid; font-size:0.8em; text-decoration:none; text-shadow:2px 2px 2px #200000; }
#navi_bar a:hover { background:#200000; box-shadow:3px 3px 7px 10px #200000, -1px -1px 1px 2px #705c5c inset; transition:0.2s ease-in-out; }


/* ■フッター */

#footer a { color:#fff; }
#footer_l { float:left; width:55%; text-align:left; }
#footer_logo { margin:15px 0 5px 15px; font-size:1.2em; }
#footer_disc { margin:5px 0 0 15px; font-size:0.7em; }

#footer_r { float:right; width:40%; height:120px; text-align:right; position:relative; }
#f_navi { letter-spacing:-.40em; position:absolute; top:15px; right:15px; font-size:0.7em; }
#f_navi li { display:inline-block; letter-spacing:normal; border-right:1px #fff solid; padding:0 10px; }
#f_navi li:last-child { border-right:none; }

#copy_right { position:absolute; bottom:15px; right:145px; font-size:0.8em; }

#pc_change { letter-spacing:-.40em; position:absolute; position:fixed; bottom:5px; left:5px; z-index:99999; }
#pc_change li { display:inline-block; letter-spacing:normal; vertical-align:top; margin:0 5px 0 0; }
#pc_change li a { display:block; width:180px; background:rgba(32,0,0,0.75); border-radius:5px; box-shadow:0 0 4px #fff; padding:20px 15px; font-size:1em; color:#fff; text-decoration:none; }
#pc01 { display:block !important; }
#pc02 { display:none !important; }

#cale_wrap { padding:100px 0 0; overflow:scroll; z-index:999; }
.d_close { position:absolute; position:fixed; top:15px; right:30px; width:80px; height:80px; line-height:80px; background:#ccc; border:1px #000 solid; border-radius:5px; font-size:2em; color:#333; cursor:pointer; }
.d_close:hover { background:#ffcc00; color:#800000; transition:0.2s ease-in-out; }



/* TOPページ */

.topic_list { letter-spacing:-.40em; margin:0 !important; padding:0 !important; }
.topic_box { display:inline-block; letter-spacing:normal; vertical-align:top; width:48%; margin:0 0.5% 30px; }
.topic_box dl { width:100%; min-height:175px; overflow:hidden; position:relative; }
.topic_box dl:before { content:""; display: block; padding-top:65%; }
.b_img { position:absolute; top:0; left:0; bottom:0; right:0; text-align:center; margin:auto; }
.b_img img { width:100%; height:auto; }
.b_event_img { position:absolute; top:0; left:0; bottom:0; right:0; text-align:center; margin:auto; }
.b_event_img img { width:auto; height:100%; }
.topic_box dt a:hover img { opacity:0.7; transition:0.2s ease-in-out; }
.topic_box dd { position:absolute; bottom:0; left:0; width:94%; text-align:left; padding:25px 3% 5px; font-size:0.9em; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 71%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 71%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 71%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.topic_box dd .b_cat_ul { float:right; }
.topic_box dd .b_cat_ul li { margin:0 3px 0 0 !important; }
.topic_box dd .b_cat_ul li a { border-radius:3px; padding:3px !important; font-size:0.7em !important; }
.tb_date { float:left; margin:5px 0 !important; font-size:0.9em; color:#ff6600; }
.tb_date span { color:#ff0000; font-weight:bold; }
.topic_box dd h3 { margin:0 !important; padding:0; }
.topic_box dd h3 a { font-size:1em; color:#fff !important; font-weight:normal; text-decoration:none; }
.tb_link { letter-spacing:-.40em; text-align:right; padding:5px 0 25px; }
.tb_link li { display:inline-block; letter-spacing:normal; margin:0 0 0 10px; }
.tb_link li a { display:block; width:80px; border-radius:5px; text-align:center; margin:auto; padding:5px 10px; font-size:0.8em; color:#fff; text-decoration:none; }
.tb_link li a:hover { opacity:0.7; transition:0.2s ease-in-out; }

#movie_ul { width:80px !important; min-height:150px; margin:20px 0 0 0 !important; float:left; }
#movie_ul li { width:100px !important; margin:0 5px 0 15px !important; font-size:0.7em !important; list-style-type:decimal !important; cursor:pointer; }
#movie_view { margin:20px 0 0 0; float:right; }
.movie_show { width:420px; min-height:480px; margin:0 20px; }

.hide { display:none; }

#fb_wrap { width:100%; min-height:615px; margin:0 0 0 6px; overflow:hidden; }


.RSSline { line-height:1.4; margin:0 7px 0 7px; clear:both; }
.RSSline dt { margin:0 3px 5px 3px; color:#c0c0c0; }
.RSSline dd { margin:0 3px 10px 3px; text-align:left; }
.new_mark { color:#ffff00; background:#cc0000; }



/* ■ダイアログ */

.dialog { position:absolute; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(100,100,100,0.8); }
.overlay { display:none; text-align:center; margin:auto; z-index:99999; }
.overlay img { text-align:center; margin:100px auto; box-shadow:0 0 10px #fff; }


/* ■SUBページ */

#breadcrumbs { width:650px; float:left; text-align:left; margin:12px 0 15px 11px; padding:0; font-size:0.7em; }

#styleswitcher { float:right; margin:5px 5px 5px 0; font-size:0.7em; letter-spacing:-.40em; }
#styleswitcher li { display:inline-block; letter-spacing:normal; width:40px; text-align:center; margin:2px; padding:8px 5px; border:1px #200000 solid; border-radius:3px; font-size:1.2em; cursor:pointer; }
#styleswitcher li:hover { background:#ffcc00; color:#fff; }

.font_m_on { background:#aa7755; color:#fff; }
.font_l_on { background:#aa7755; color:#fff; }
.font_x_on { background:#aa7755; color:#fff; }
.font_m_off { background:#200000; color:#fff; }
.font_l_off { background:#200000; color:#fff; }
.font_x_off { background:#200000; color:#fff; }

.font_middle { font-size:1em; }
.font_large { font-size:1.2em; }
.font_xlarge { font-size:1.5em; }

#dare { clear:both; }

#leftpane h1 { max-height:100%; clear:both; font-size:1.6em; margin:1em 0; padding:0; }
#leftpane h2 { max-height:100%; clear:both; font-size:1.4em; margin:1em 0; padding:0; }
#leftpane h3 { max-height:100%; font-size:1.1em; margin:1em 0; padding:0; }


#entry_wrap { background:url(/image/brick2.gif); text-align:left; margin:15px 0; padding:10px 10px 35px; position:relative; }
.entry_sec { max-height:100%; margin:15px 0 0; padding:0 0 45px; clear:both; }
.entry_sec p { margin:15px 20px; padding:0; line-height:1.4; }

.btn_more { text-align:center; margin:15px auto 20px; }
.btn_more a { display:block; width:450px; height:50px; line-height:50px; background:#aa7755 url(/image/ico_arrow_01.png) 15px center no-repeat !important; border-radius:5px; text-align:center; margin:auto; font-size:1.2em !important; color:#fff !important; text-decoration:none; }
.btn_more a:hover { background:#200000 url(/image/ico_arrow_01.png) 15px center no-repeat !important; transition:0.2s ease-in-out; }

.btn_more2 { text-align:left; margin:15px 0 5px; }
.btn_more2 li { display:inline-block; width:46%; margin:0 1.5% 15px; }
.btn_more2 a { display:block; width:100%; height:50px; line-height:50px; background:#aa7755 url(/image/ico_arrow_01.png) 15px center no-repeat !important; border-radius:5px; text-align:center; margin:auto; font-size:1.2em !important; color:#fff !important; text-decoration:none; }
.btn_more2 a:hover { background:#200000 url(/image/ico_arrow_01.png) 15px center no-repeat !important; transition:0.2s ease-in-out; }


.f1 { font-size:0.7em; }
.c { text-align:center; margin-left:auto; margin-right:auto; }
.ri { text-align:right; }
.lf { text-align:left; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.bw { background:#000 !important; border-radius:5px; color:#fff !important; }
input.bw { padding:0 5px; }

table.t1 { border-collapse:collapse; background:#200000; clear:both; margin:10px 0; }
table.t1 td { max-height:100%; border:1px #fff solid; }
td.b3 { background:url(/image/brick2.gif); border:none; }
td.b4 { background:url(/image/brick2.gif); border:none; text-align:center; margin:auto; }
.b1 { width:750px; height:100%; background:url(/image/brick2.gif); text-align:left; margin:10px 0; padding:0; font-size:0.9em; line-height:150%; }
.b1 h4 { margin:0; padding:1em 1em; }
.b1 p { margin:0; padding:0.5em 1em; }
.b1 ul { margin:0; padding:0.5em 1em; }
.b1 ol { margin:0; padding:0.5em 1em; }
.b1 li { margin:0.2em 0 0.2em 0; padding:0; }
.b1 dl { margin:0; padding:0.5em 1em; }
.b1 dd { margin:0 0 15px 0; }
.b2 { margin:7px; }
.b2 p { text-align:left; }
.m { width:185px; text-align:center; margin-left:auto; margin-right:auto; }
.bm { 
  background:linear-gradient(top, #4b0f07, 
    #753c2b 5%, 
    #a97754 50%, 
    #753c2b 95%, 
    #4b0f07); 
  background:-moz-linear-gradient(top, #4b0f07, 
    #753c2b 5%, 
    #a97754 50%, 
    #753c2b 95%, 
    #4b0f07); 
  background:-webkit-gradient(linear, left top, left bottom, from(#4b0f07), 
    color-stop(0.05, #753c2b), 
    color-stop(0.5, #a97754), 
    color-stop(0.95, #753c2b), 
    to(#4b0f07));
  background:#aa7755\9;
  margin:0; padding:0; text-align:center; font-size:0.9em; }
.bm td { padding:0; }
.od { 
  background:linear-gradient(top, #4b0f07, 
    #753c2b 5%, 
    #a97754 50%, 
    #753c2b 95%, 
    #4b0f07); 
  background:-moz-linear-gradient(top, #4b0f07, 
    #753c2b 5%, 
    #a97754 50%, 
    #753c2b 95%, 
    #4b0f07); 
  background:-webkit-gradient(linear, left top, left bottom, from(#4b0f07), 
    color-stop(0.05, #753c2b), 
    color-stop(0.5, #a97754), 
    color-stop(0.95, #753c2b), 
    to(#4b0f07));
  background:#aa7755\9;
  margin:0; padding:0; text-indent:0.2em; }
.od td { padding:0; }
.od th { padding:0; }
.t_r { background:#660000; }
.nv { background:#0000cc; text-align:center; margin:auto; font-size:0.7em; }
.co { background:#cc0000; text-align:center; margin:auto; font-size:0.7em; }
.nl { background:#990099; text-align:center; margin:auto; font-size:0.7em; }
.ss { background:#ff8000; text-align:center; margin:auto; font-size:0.7em; }
.sp { background:#ff8080; text-align:center; margin:auto; font-size:0.7em; }
.ot { background:#999999; text-align:center; margin:auto; font-size:0.7em; }
.re { background:#009900; text-align:center; margin:auto; font-size:0.7em; }
.rd { background:#999900; text-align:center; margin:auto; font-size:0.7em; }

.bl { color:#00ffff; }
.gr { color:#00cc00; }
.or { color:#ff8000; }
.pi { color:#ff8080; }
.cha { color:#200000; }
.yel { color:#ffff80; }
.arasuji { width:565px; }

#re_top { position:absolute; position:fixed; bottom:15px; right:15px; z-index:999; display:none; }
#re_top a { display:block; width:50px; height:50px; line-height:60px; background:rgba(32,0,0,0.75); border-radius:50px; box-shadow:0 0 4px #fff; text-align:center; margin:auto; font-size:0.7em; color:#fff; text-decoration:none; position:relative; }
#re_top a:before { content:"▲"; position:absolute; top:-16px; left:18px; }
#re_top a:hover { background:#ffcc00; color:#800000; transition:0.2s ease-in-out; }

#message_normal_wrap { display:table-cell; vertical-align:middle; width:700px; height:200px; text-align:center; margin: 15px auto 0; padding:25px; font-size:1.2em; }
#go_to_index { padding:35px 0 0; }
#go_to_index p { text-align:center; margin:auto; }
#go_to_index a { display:block; width:350px; height:60px; line-height:60px; background:#200000 url(/image/ico_arrow_01.png) 15px center no-repeat; border-radius:10px; text-align:center; margin:auto; font-size:1.2em; color:#fff; text-decoration:none; }
#go_to_index a:hover { background:#ffcc00 url(/image/ico_arrow_01.png) 15px center no-repeat; transition:0.2s ease-in-out; }

#ad-links { position:absolute; top:20px; right:-300px; width:300px; height:525px; text-align:center; margin:0 auto; }
#ad-links li { width:300px; height:250px; margin:0 0 15px; }
#ad-links ins { margin:0 0 10px; }
#ad-footer { position:absolute; bottom:0; left:40px; margin:25px auto; clear:both; }


/* SUBメニューバー */

ul.list { clear:both; width:750px; min-height:30px; text-align:center; margin:0; padding:0; font-size:0.9em; }
li.l3 { float:left; margin:0; padding:0; margin-bottom:1px; }
li.l3 a { display:none; }
li.l3 a { display:block; width:249px; height:30px; line-height:30px; background:url(/image/brick2.gif); color:#fff; text-decoration:none; padding:0; margin:0 1px 0 0; }
li.l3 a:visited { display:block; width:249px; height:30px; line-height:30px; background:url(/image/brick2.gif); color:#fff; text-decoration:none; padding:0; margin:0 1px 0 0; }
li.l3 a:hover { width:249px; height:30px; line-height:30px; background:#c9b9ea; color:#fff; text-decoration:none; padding:0; margin:0 1px 0 0; }
li.l4 { float:left; margin:0; padding:0; margin-bottom:1px; }
li.l4 a { display:none; }
li.l4 a { display:block; width:186px; height:30px; line-height:30px; background:url(/image/brick2.gif); color:#fff; text-decoration:none; padding:0; margin:0 1px 0 0; }
li.l4 a:visited { display:block; width:186px; height:30px; line-height:30px; background:url(/image/brick2.gif); color:#fff; text-decoration:none; padding:0; margin:0 1px 0 0; }
li.l4 a:hover { width:186px; height:30px; line-height:30px; background:#c9b9ea; color:#fff; text-decoration:none; padding:0; margin:0 1px 0 0; }
li.l5 { float:left; margin:0; padding:0; margin-bottom:1px; }
li.l5 a { display:none; }
li.l5 a { display:block; width:149px; height:30px; line-height:30px; background:url(/image/brick2.gif); color:#fff; text-decoration:none; padding:0; margin:0 1px 0 0; }
li.l5 a:visited { display:block; width:149px; height:30px; line-height:30px; background:url(/image/brick2.gif); color:#fff; text-decoration:none; padding:0; margin:0 1px 0 0; }
li.l5 a:hover { width:149px; height:30px; line-height:30px; background:#c9b9ea; color:#fff; text-decoration:none; padding:0; margin:0 1px 0 0; }
li.l6 { float:left; padding:0; margin:0 1px 0 0; margin-bottom:1px; width:124px; height:30px; background:url(/image/brick2.gif); }
li.l6 a { display:none; }
li.l6 a { display:block; width:124px; height:30px; line-height:30px; background:url(/image/brick2.gif); color:#fff; text-decoration:none; }
li.l6 a:visited { display:block; width:124px; height:30px; line-height:30px; background:url(/image/brick2.gif); color:#fff; text-decoration:none; }
li.l6 a:hover { width:124px; height:30px; line-height:30px; background:#c9b9ea; color:#fff; text-decoration:none; }


/* サイドバー */

#sidebar_wrap { width:200px; clear:both; }

#img_search { width:200px; background:url(/image/brick2.gif); margin:0 0 0 0 !important; padding:0 0 0.5em 0; }
#img_search img { margin:0.5em auto; border:1px #cccccc solid; display:block; }
.pwg { text-align:right; margin:0 0 0.5em 0; padding:0; font-size:0.7em; }

.h200 { width:200px; height:30px; line-height:30px; text-indent:5px; overflow:hidden; text-align:left; }
.sidebar_title { background:url(../image/tcup_h3.png) no-repeat; height:30px; line-height:30px; font-size:0.9em; text-align:left; margin:0 0 0 3px; padding:0 0 0 18px; font-weight:normal; }
.sidebar_box { margin:7px; }
#checkpagelist { width:200px; margin:0 0 15px 0; padding:0; }
#checkpagelist iframe { width:200px; min-height:240px; border:none; overflow:hidden; }
#side_pagerank { margin:10px auto; }
.m10 { margin-bottom:10px; }
#tweet { margin:0 0 10px 0; }


/* 作家・探偵紹介 */

#itd { width:750px; min-height:22em; background:url(/image/brick2.gif); margin:10px 0; font-size:0.9em; line-height:140%; }
#itd_d { width:750px; min-height:44em; background:url(/image/brick2.gif); margin:10px 0; font-size:0.9em; line-height:140%; }
#itd_t { width:750px; min-height:66em; background:url(/image/brick2.gif); margin:10px 0; font-size:0.9em; line-height:140%; }
#itd_q { width:750px; min-height:88em; background:url(/image/brick2.gif); margin:10px 0; font-size:0.9em; line-height:140%; }
.itd1 { width:200px; height:22em; float:left; clear:both; text-align:center; }
.itd2 { min-height:22em; }
* html .itd2 { height:22em; }
.itd3 { clear:both; width:200px; height:22em; float:right; text-align:center; }
.itd4 { min-height:22em; text-align:center; }
* html .itd4 { height:22em; text-align:center; }
#itd p { max-height:100%; margin:0; padding:0.6em; text-align:left; }
#itd img { margin-top:1.5em; }
#itd_d p { max-height:100%; margin:0; padding:0.6em; text-align:left; }
#itd_d img { margin-top:1.5em; }
#itd_t p { max-height:100%; margin:0; padding:0.6em; text-align:left; }
#itd_t img { margin-top:1.5em; }
#itd_q p { max-height:100%; margin:0; padding:0.6em; text-align:left; }
#itd_q img { margin-top:1.5em; }

#prof { max-height:100%; width:750px; padding:0; border:1px #fff solid; border-top:none; font-size:0.9em; line-height:140%;
  background:linear-gradient(left, #4b0f07, 
    #753c2b 2%, 
    #a97754 50%, 
    #753c2b 98%, 
    #4b0f07); 
  background:-moz-linear-gradient(left, #4b0f07, 
    #753c2b 2%, 
    #a97754 50%, 
    #753c2b 98%, 
    #4b0f07); 
  background:-webkit-gradient(linear, left top, right top, from(#4b0f07), 
    color-stop(0.02, #753c2b), 
    color-stop(0.5, #a97754), 
    color-stop(0.98, #753c2b), 
    to(#4b0f07));
  background:#aa7755\9;
 }
#prof dt { width:150px; margin:0; padding:10px 0 2px 0; border-top:1px solid #fff; float:left; font-size:0.9em; }
#prof dd { margin:0 0 0 150px; padding:10px 5px; border-left:1px solid #fff; border-top:1px solid #fff; background:#200000; text-align:left; }
#prof dd p { padding:0 0 15px 0; }
#prof dd iframe { margin:0 0 15px 15px; }
#prof dd ul { padding:0 0 15px 1em; }
#prof dd ol { padding:0 0 15px 3em; }
#prof dd ol li { list-style-type:decimal !important; }
#prof table { line-height:140%; }
#prof2 { width:750px; padding:0; border:1px #fff solid; border-top:none; font-size:0.9em; line-height:140%;
  background:linear-gradient(left, #4b0f07, 
    #753c2b 2%, 
    #a97754 50%, 
    #753c2b 98%, 
    #4b0f07); 
  background:-moz-linear-gradient(left, #4b0f07, 
    #753c2b 2%, 
    #a97754 50%, 
    #753c2b 98%, 
    #4b0f07); 
  background:-webkit-gradient(linear, left top, right top, from(#4b0f07), 
    color-stop(0.02, #753c2b), 
    color-stop(0.5, #a97754), 
    color-stop(0.98, #753c2b), 
    to(#4b0f07));
  background:#aa7755\9;
 }
#prof2 dt { width:150px; margin:0; padding:10px 0 2px 0; border-top:1px solid #fff; float:left; }
#prof2 dd { margin:0 0 0 150px; padding:10px 5px; border-left:1px solid #fff; border-top:1px solid #fff; background:#200000; text-align:left; }
#prof2 dd p { padding:0 0 15px 0; }
#prof2 dd iframe { margin:0 0 15px 15px; }
#prof2 table { line-height:140%; }
#nenpu { width:590px; margin:0; padding:0; border:1px #200000 solid; border-top:none; background:#660000; }
#nenpu dt { width:4em; margin:0; padding:0.3em 0 0.1em 1em; border-top:1px solid #200000; float:left; }
#nenpu dd { margin:0 0 0 4em; padding:0.3em 1em; border-left:1px solid #200000; border-top:1px solid #200000; background:#200000; text-align:left; }
#nenpu2 { width:590px; margin:0; padding:0; border:1px #200000 solid; border-top:none; background:#660000; }
#nenpu2 dt { width:4em; margin:0; padding:0.3em 0 0.1em 1em; border-top:1px solid #200000; float:left; }
#nenpu2 dd { margin:0 0 0 4em; padding:0.3em 1em; border-left:1px solid #200000; border-top:1px solid #200000; background:#200000; text-align:left; }

#prof .kid { height:160px; }
#prof .kid img { float:right; margin:0 15px 0 20px; }


/* 事件ファイル */


.mida4 { font-size:1.2em; font-weight:bold; margin-bottom:15px; line-height:140%; }
#prof .head { width:100%; height:30px; line-height:30px; margin:-5px 0 10px 0; text-indent:0.3em; overflow:hidden; text-align:left; }

#prof2 .head { width:100%; height:30px; line-height:30px; margin:-5px 0 10px 0; text-indent:0.3em; overflow:hidden; text-align:left; }

.rev { font-size:1.2em; font-weight:bold; margin-bottom:15px; line-height:140%; }


/* 書籍・商品データ */

.bk2 { font-size:0.9em !important; margin:0; font-weight:normal; clear:none !important; }
.bk2_c { font-size:0.9em !important; margin:0; text-align:center; font-weight:normal; }
#tl { font-weight:normal; }
#bk { font-size:0.9em !important; margin:0; padding:0; font-weight:normal; }
#rev { float:right; margin:8px 7px 0 0; }
table.inc { width:100%; font-size:1em;}
table.inc td { border:none; }


/* 作品評価 */

#kabe1 { width:750px; text-align:center; margin:0 auto; }
.kabe2 { width:238px; height:300px; float:left; background:url(/image/brick2.gif); margin:0 1px 1px 0; padding:5px; text-align:left; }


/* イベント情報 */

#event { width:760px; }
#event_l { width:180px; float:left; background:url(/image/brick2.gif); text-align:left; }
#event_l ul { margin:18px 15px 22px 15px; font-size:0.8em; }
#event_l li { margin:0 0 11px 15px; }
#event_r { width:578px; float:left; margin:0 0 0 1px; text-align:left; }
.ebox { width:578px; background:url(/image/brick2.gif); padding:7px 0 0 0; text-align:left; }
#event_r h3 { margin:11px auto 11px auto; text-align:center; }
#event_r h4 { background:url(/image/teacup.gif) no-repeat; line-height:35px; margin:0 15px 0 7px; padding:0 0 0 52px; font-size:1.1em; text-align:left; }
#event_r .date { margin:7px 15px 7px 0; text-align:right; color:#ffcc00; font-size:0.8em; font-weight:bold; }
.ehonb { margin:0 0 0 30px; font-size:0.8em; }
.ehonb dl { padding:15px 0; }
.ehonb dt { margin:15px 15px 7px 0; font-weight:bold; }
.ehonb dd { margin:7px 15px 22px 30px; line-height:200%; }
.ev_img_r { margin:0 15px 15px 22px; float:right; }


/* はじめに */

.b1 .head { width:100%; height:30px; line-height:30px; margin:0; padding:0; text-indent:0.3em; overflow:hidden; text-align:left; }



.nw { padding:10px 10px 25px; }
.nw p { max-height:100%; line-height:1.4; padding:7px 0; }
.nw ul { max-height:100%; line-height:1.4; padding:7px 0; }
.nw ol { max-height:100%; line-height:1.4; padding:7px 0; }

.ic { text-align:center; margin:0 auto 20px !important; }
.gall { letter-spacing:-.40em; margin:5px 0; }
.gall li { display:inline-block; letter-spacing:normal; vertical-align:top; width:162px; text-align:center; margin:auto; }

#gmap { margin:5px 0 30px; }
#gmap iframe { width:100%; height:510px; }



/* ソーシャルボタン */

#btn_social { text-align:right; margin:0; padding:0; }
#btn_social li { margin:0 10px 10px 0; padding:0; float:left; }
#btn_tweet { width:85px !important; }
#btn_facebook { width:150px !important; }
#fb-root { display:inline; margin:0; padding:0; }


/* twitterer-anywhere */

#twitterer-anywhere-box { width:750px; height:100%; background:url(/image/brick2.gif); text-align:left; margin:10px 0; padding:0; font-size:0.9em; line-height:150%; clear:both; }
.tw-title { width:750px; height:2em; line-height:2em; background:#44c2e4; text-indent:1em; }
.tweet_box_left { width:58px; margin:10px; float:left; }
.tweet_box_left img { margin:0 5px; }
.tweet_box_right { width:629px; line-height:1.2em; margin:10px; float:left; }
.tweet_box_right p { text-align:left; }
.clearfloat { clear: both; }
.clearfloat span { margin-left:6px; margin-right:6px; }
.twitter_name { margin:2px 0 10px 15px; }
.twitter_posttime { margin:2px 0 10px 5px; font-size:0.8em; }


/* hatena_bookmark_anywhere */

#hatena_bookmark_anywhere { width:750px; height:100%; background:url(/image/brick2.gif); text-align:left; margin:10px 0; padding:0; font-size:0.9em; line-height:150%; clear:both; }
.hatena_bookmark_anywhere_title { width:750px; height:2em; line-height:2em; background:#5279e7; text-indent:1em; color:#fff; }
.hatena_bookmark_anywhere_zero { list-style-position: inside; margin:0; padding: 8px 5px 12px 8px; }
#bookmarked_user ul { list-style-position:inside; margin:0; padding:8px 5px 12px 8px; }
#hatena_bookmark_anywhere ul li { list-style-type:circle; padding:1px 0; }
.hatena_bookmark_anywhere_user { color:#00e; text-decoration:underline; margin:0 2px; }
.hatena_bookmark_anywhere_tags { font-size:90%; color:#66c; margin:0 4px 0 2px; }
.hatena_bookmark_anywhere_tags a { text-decoration:none; color:#66c; }
.hatena_bookmark_anywhere_go a { font-size:0.8em; color:#fff; text-decoration:none; }


/* comment_facebook */

.fb-like-box { background:#200000; margin:10px 0 10px 12px; }
#fb-title { width:750px; height:2em; line-height:2em; text-align:left; background:#3b5998; text-indent:1em; color:#fff; }
.fb-comments { margin:0 0 0 -10px; padding:0; }
#blog_l .fb-comments { margin:0 0 0 0; }


/* Google AJAX Search */

#searchResult .gsc-control { width:750px !important; min-height:18em; background:url(/image/brick2.gif); text-align:left; clear:both; }   
.search-control { margin:0; padding:0; }   
.gsc-input, .gsc-search-button, .gsc-clear-button { display:none; }
.gsc-tabHeader.gsc-tabhActive { background:url(/image/brick2.gif); border-left:none !important; border-right:none !important; border-top:2px solid #ff9900; color:#fff !important; }
.gsc-results { margin:0 0 0 5px; }
.gs-result .gs-title, .gs-result .gs-title *  { color:#fff !important; }
.gs-result a:hover { text-decoration:none !important; }


/* mailformpro */

dd.mfptr { text-align:left; }
.infield { color:#000000; }


/* clearfix */

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear:both; }
.cf { *zoom: 1; }



.clearfix:after {
  content:".";  /* 新しい要素を作る */
  display:block;  /* ブロックレベル要素に */
  clear:both; height:0; visibility:hidden; }

.clearfix { min-height:1px; }

* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto; overflow:hidden;
  /**/
}

