/*=======================================================================================
 ehonnavi_kamishibai.css
 グロナビトップ（ジャンルトップ）「かみしばい」ページのみで使用する設定
=======================================================================================*/

/*--------------------------------------------
BODY.ehon10_top ***
または、
.ehon10_top_***
で、固有のスタイルを作成します。
※ただし、
　ガイド制定前のISSUE（***-0499、kamishibai-sp01）はルールが適用されていません。
--------------------------------------------*/

/*---------------------------------------------------------------------------------------
 Adjustment：
 DTD変更に生じる旧デザインの表示崩れ調整や部分的なreset-cssなど
 新headerや新テンプレート適用後に削除する前提
---------------------------------------------------------------------------------------*/

/* 部分的なreset-css
 既存のスタイルに影響がないように、DIV.classで囲み付随させた
 DIV#idだと、内包のモジュールよりもresetでの指定のほうが強くなってしまうので、
 classを使用
---------------------------------------------------------------------------------------*/
.main-contents-0499 h1,
.main-contents-0499 h2,
.main-contents-0499 h3,
.main-contents-0499 h4,
.main-contents-0499 h5,
.main-contents-0499 h6,
.main-contents-0499 p,
.main-contents-0499 dl,
.main-contents-0499 dt,
.main-contents-0499 dd,
.main-contents-0499 ul,
.main-contents-0499 ol,
.main-contents-0499 li,
.main-contents-0499 th,
.main-contents-0499 td,
.main-contents-0499 div,
.main-contents-0499 blockquote,
.main-contents-0499 pre,
.main-contents-0499 form,
.main-contents-0499 fieldset,
.main-contents-0499 input,
.main-contents-0499 textarea { margin:0; padding:0;}
.main-contents-0499 h1,
.main-contents-0499 h2,
.main-contents-0499 h3,
.main-contents-0499 h4,
.main-contents-0499 h5,
.main-contents-0499 h6 { font-size:100%; font-weight:normal;}
.main-contents-0499 ol,
.main-contents-0499 ul{ list-style:none;}
.main-contents-0499 table { border-collapse:collapse; border-spacing:0;}
.main-contents-0499 img,
.main-contents-0499 fieldset,
.main-contents-0499 table,
.main-contents-0499 th,
.main-contents-0499 td { border:none;}
.main-contents-0499 input{ *margin:-1px 0;}
.main-contents-0499 em,
.main-contents-0499 cite{ font-style:normal}

.sub-contents-0499 h1,
.sub-contents-0499 h2,
.sub-contents-0499 h3,
.sub-contents-0499 h4,
.sub-contents-0499 h5,
.sub-contents-0499 h6,
.sub-contents-0499 p,
.sub-contents-0499 dl,
.sub-contents-0499 dt,
.sub-contents-0499 dd,
.sub-contents-0499 ul,
.sub-contents-0499 ol,
.sub-contents-0499 li,
.sub-contents-0499 th,
.sub-contents-0499 td,
.sub-contents-0499 div,
.sub-contents-0499 blockquote,
.sub-contents-0499 pre,
.sub-contents-0499 form,
.sub-contents-0499 fieldset,
.sub-contents-0499 input,
.sub-contents-0499 textarea { margin:0; padding:0;}
.sub-contents-0499 h1,
.sub-contents-0499 h2,
.sub-contents-0499 h3,
.sub-contents-0499 h4,
.sub-contents-0499 h5,
.sub-contents-0499 h6 { font-size:100%; font-weight:normal;}
.sub-contents-0499 ol,
.sub-contents-0499 ul{ list-style:none;}
.sub-contents-0499 table { border-collapse:collapse; border-spacing:0;}
.sub-contents-0499 img,
.sub-contents-0499 fieldset,
.sub-contents-0499 table,
.sub-contents-0499 th,
.sub-contents-0499 td { border:none;}
.sub-contents-0499 input{ *margin:-1px 0;}
.sub-contents-0499 em,
.sub-contents-0499 cite{ font-style:normal}

/* DTDの変更に備えて、既存のスタイルに追加する */
#header { line-height:1.25;}
#wrapper,
.sub-contents-0499 { text-align:left;}

/**/
.main-contents-0499 { width:630px; padding-top:30px !important;}
.sub-contents-0499 { padding-top:15px;}
.main-contents-0499 .socialButtons { margin-bottom:50px;}



/*---------------------------------------------------------
 Contents-Unique：
---------------------------------------------------------*/

/* スポット */
.kamishibai-sp01 h1,
.kamishibai-sp01 h2,
.kamishibai-sp01 h3,
.kamishibai-sp01 h4,
.kamishibai-sp01 h5,
.kamishibai-sp01 h6,
.kamishibai-sp01 p,
.kamishibai-sp01 dl,
.kamishibai-sp01 dt,
.kamishibai-sp01 dd,
.kamishibai-sp01 ul,
.kamishibai-sp01 ol,
.kamishibai-sp01 li,
.kamishibai-sp01 th,
.kamishibai-sp01 td,
.kamishibai-sp01 div,
.kamishibai-sp01 blockquote,
.kamishibai-sp01 pre,
.kamishibai-sp01 form,
.kamishibai-sp01 fieldset,
.kamishibai-sp01 input,
.kamishibai-sp01 textarea { margin:0; padding:0;}
.kamishibai-sp01 h1,
.kamishibai-sp01 h2,
.kamishibai-sp01 h3,
.kamishibai-sp01 h4,
.kamishibai-sp01 h5,
.kamishibai-sp01 h6 { font-size:100%; font-weight:normal;}
.kamishibai-sp01 ol,
.kamishibai-sp01 ul{ list-style:none;}
.kamishibai-sp01 table { border-collapse:collapse; border-spacing:0;}
.kamishibai-sp01 img,
.kamishibai-sp01 fieldset,
.kamishibai-sp01 table,
.kamishibai-sp01 th,
.kamishibai-sp01 td { border:none;}
.kamishibai-sp01 input{ *margin:-1px 0;}
.kamishibai-sp01 em,
.kamishibai-sp01 cite{ font-style:normal}
.kamishibai-sp01 legend { display:none;}

.kamishibai-sp01 { position:relative; width:630px; height:326px; background:url(/_img/ehonnavi_kamishibai/kamishibai-sp01-bg.jpg) 0 0 no-repeat;}
.kamishibai-sp01 .kamishibai-sp01-tl,
.kamishibai-sp01 .kamishibai-sp01-ld,
.kamishibai-sp01 .kamishibai-sp01-gd,
.kamishibai-sp01 .kamishibai-sp01-sr-hl,
.kamishibai-sp01 .kamishibai-sp01-sr-fm,
.kamishibai-sp01 .kamishibai-sp01-sr-bt,
.kamishibai-sp01 .kamishibai-sp01-rc-tl,
.kamishibai-sp01 .kamishibai-sp01-rc-it { position:absolute;}
.kamishibai-sp01 .kamishibai-sp01-tl { top:12px; left:25px;}
.kamishibai-sp01 .kamishibai-sp01-ld { top:8px; left:417px;}
.kamishibai-sp01 .kamishibai-sp01-gd { top:293px; left:12px;}
.kamishibai-sp01 .kamishibai-sp01-sr-hl { top:293px; left:238px;}
.kamishibai-sp01 .kamishibai-sp01-sr-fm { top:300px; *top:301px; left:362px; width:170px; border:0 none;}
.kamishibai-sp01 .kamishibai-sp01-sr-bt { top:295px; left:543px;}
.kamishibai-sp01 .kamishibai-sp01-rc-tl { top:129px; left:39px;}
.kamishibai-sp01 .kamishibai-sp01-rc-it { top:97px; left:216px;}