@charset "utf-8";

/*************************************************
Category CSS
/kangae/contents/css/contents.css

10.04.20
*************************************************/

/* ------------------------- TOC 
setup
body
wrapper
contents
kangae_contents_index
kangae_contents_omoi
kangae_contents_hajimari
kangae_contents_riyu
kangae_contents_sekai
kangae_contents_story
kangae_contents_story_index
kangae_contents_story_01
kangae_contents_story_moto_01
 ------------------------- */

/* ============================================================ setup */
body { color: #282828; background: #fff url(../images/cmn_bg.png) repeat-y 50% 0; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #5a5a5a; text-decoration: none; }
a:link { color: #5a5a5a; }
a:visited { color: #5a5a5a; }
a:hover { color: #0aa0f0; text-decoration: underline; }
a:active { color: #0aa0f0; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }



/* ============================================================ wrapper */
#wrapper { padding-bottom: 38px; }



/* ============================================================ contents */
#contents { width: 1008px; margin: 0 auto; padding-right: 16px; }
#main_contents { width: 746px; float: right; }
#main_contents #copyright { text-align: center; }
#main_contents_top { background: url(../images/cmn_bg_main_contents_top.png) no-repeat 0 0; height: 50px; }
#main_contents_middle { background: url(../images/cmn_bg_main_contents_middle.png) repeat-y 0 0; padding: 0 19px 80px 17px; }
#main_contents_bottom { background: url(../images/cmn_bg_main_contents_bottom.png) no-repeat 0 0; height: 68px; }
#sub_contents { width: 244px; float: left; background: url(../images/cmn_bg_sub_contents.png) no-repeat 100% 0; padding-bottom: 150px; }

#main_contents h1 { text-align: center; padding-top: 50px; }
#main_contents .sec { margin-top: 50px; margin-left: 30px; }
#main_contents .bottom_link { padding-top: 67px; }
#main_contents .bottom_link .lead_bottom_link { text-align: center; padding-left: 20px; }
#main_contents .bottom_link li { margin-top: 10px; }
#main_contents .bottom_link table { margin: 0 auto; }
#main_contents .bullet_link { background: url(../images/cmn_bullet_link.png) no-repeat 0 0; padding: 0 0 3px 20px; line-height: 1.7; }


/* ============================================================ sub_contents */
#sub_contents #logo img { vertical-align: top; }
#sub_contents #nav { margin-top: ; }
#sub_contents #nav_story { margin-top: 65px; }
#sub_contents #nav a { display: block; width: 244px; height: 70px; background-image: url(../images/cmn_nav.png); }
#sub_contents #nav_top a      { background-position: 0 0; height: 40px; }
#sub_contents #nav_omoi a     { background-position: 0 -40px; height: 70px; }
#sub_contents #nav_hajimari a { background-position: 0 -110px; height: 70px; }
#sub_contents #nav_riyu a     { background-position: 0 -180px;height: 70px; }
#sub_contents #nav_sekai a    { background-position: 0 -250px; height: 72px; }
#sub_contents #nav_story a    { background-position: 0 -322px;height: 106px; }
/* hover */
#sub_contents #nav_top a:hover      { background-position: -242px 0; }
#sub_contents #nav_omoi a:hover     { background-position: -242px -40px; }
#sub_contents #nav_hajimari a:hover { background-position: -242px -110px; }
#sub_contents #nav_riyu a:hover     { background-position: -242px -180px; }
#sub_contents #nav_sekai a:hover    { background-position: -242px -250px; }
#sub_contents #nav_story a:hover    { background-position: -242px -322px; }
/* active */
body.omoi #sub_contents #nav_omoi a,
body.omoi #sub_contents #nav_omoi a:hover         { background-position: -242px -40px; }
body.hajimari #sub_contents #nav_hajimari a,
body.hajimari #sub_contents #nav_hajimari a:hover { background-position: -242px -110px; }
body.riyu #sub_contents #nav_riyu a,
body.riyu #sub_contents #nav_riyu a:hover         { background-position: -242px -180px; }
body.sekai #sub_contents #nav_sekai a,
body.sekai #sub_contents #nav_sekai a:hover       { background-position: -242px -250px; }
body.story #sub_contents #nav_story a,
body.story #sub_contents #nav_story a:hover       { background-position: -242px -322px; }


/* ============================== kangae_contents_index */
body#kangae_contents_index { background-position: 0 0; background-repeat: repeat; }
body#kangae_contents_index #contents { padding-right: 0; background: url(../images/bg_index.png) no-repeat 50% 0; }
body#kangae_contents_index .sec { text-align: center; }
body#kangae_contents_index #logo { padding: 16px 0 0 33px; }
body#kangae_contents_index #copyright { margin-top: 20px; padding-bottom: 40px; text-align: center; }




/* ============================== kangae_contents_omoi */
body#kangae_contents_omoi {  }
body#kangae_contents_omoi #wrapper_outer { background: url(../images/bg_omoi.png) no-repeat 50% 0; }
body#kangae_contents_omoi #main_contents .img_logo { margin-top: 64px; text-align: center; }
body#kangae_contents_omoi #main_contents .sec { background: url(../images/img_omoi_02.png) no-repeat 0 0; height: 723px; }


/* ============================== kangae_contents_hajimari */
body#kangae_contents_hajimari {  }
body#kangae_contents_hajimari #wrapper_outer { background: url(../images/bg_hajimari.png) no-repeat 50% 0; }
body#kangae_contents_hajimari #main_contents .sec { background: url(../images/img_hajimari_01.png) no-repeat 0 0; height: 808px; }


/* ============================== kangae_contents_sekai */
body#kangae_contents_sekai {  }
body#kangae_contents_sekai #wrapper_outer { background: url(../images/bg_sekai.png) no-repeat 50% 0; }
body#kangae_contents_sekai #main_contents .sec { background: url(../images/img_sekai_01.png) no-repeat 0 0; height: 880px; }


/* ============================== kangae_contents_riyu */
body#kangae_contents_riyu {  }
body#kangae_contents_riyu #wrapper_outer { background: url(../images/bg_riyu.png) no-repeat 50% 0; }
body#kangae_contents_riyu #main_contents .sec { background: url(../images/img_riyu_01.png) no-repeat 0 0; height: 628px; }
body#kangae_contents_riyu #main_contents .bottom_link { padding-top: 70px; }
body#kangae_contents_riyu #copyright { margin-top: -20px; }


/* ============================== kangae_contents_story_index */
body.story #main_contents .category { padding-top: 16px; text-align: center; }
body.story #main_contents_middle { padding-bottom: 23px; }
body.story .hr { margin-top: 11px; text-align: center; }
body.story .above_bottom_link { margin-top: 42px; }
body.story .lead { padding: 24px 0 0 23px; }
body.story .sec_moto { margin: 28px 0 0 23px; }
body.story .sec_moto table { margin: 0; }
body.story .sec_moto th { width: 100px; background: url(../story/images/cmn_img_line_moto.png) repeat-y 100% 0; }
body.story .sec_moto td { padding: 0 0 5px 10px; }
body.story .sec_moto td p { margin-top: 15px; }
body.story .sec_moto td p.first { margin-top: 10px; }
body.story .sec_moto td p { margin-left: 24px; text-indent: -24px; line-height: 1.5; }
body.story a.bullet_story { background: url(../story/images/cmn_bullet_story.png) no-repeat 0 0; padding-top: 1px; padding-left: 23px; }
body.story a.bullet_story:hover { background-position: -1000px 0; }
/* story_detail */
body.story_detail #wrapper_outer { background: url(../story/images/bg_detail.png) no-repeat 50% 0; }
body.story_detail .sec_story_detail { padding: 0 28px 0 17px; }
body.story_detail #contents .sec_story_detail h1 { text-align: left; }
body.story_detail .sec_story_detail p { line-height: 2.25; font-size: 134%; margin-top: 24px; padding-left: 11px; }
body.story_detail .sec_moto { margin: 68px 0 0 23px; }
body.story_detail .sec_moto table { margin: 0 auto; }
/* story_moto */
body.story_moto #main_contents_middle { padding-bottom: 0; }
body.story_moto #main_contents_middle_inner { background: url(../story/images/bg_moto.png) no-repeat 100% 100%; padding-bottom: 64px; }
body.story_moto #contents .category { text-align: right; padding-right: 20px; }
body.story_moto #contents h1 { text-align: left; margin: 11px 0 0 31px; padding-top: 0; }
body.story_moto #contents .sec_moto_detail { padding: 0 31px; }
body.story_moto #contents .sec_moto_detail p { font-size: 117%; line-height: 2; margin-top: 15px; }
body.story_moto #main_contents .bottom_link { padding-top: 46px; }
body.story_moto .hr { margin-top: 20px; }
body.story .sec_get_flash { margin-top: 20px; line-height: 1.5; color: #595959; font-size: 84%; text-align: center; }
body.story .sec_get_flash a { text-decoration: underline; }


/* ============================== kangae_contents_story_index */
body#kangae_contents_story_index {  }
body#kangae_contents_story_index .sec_story_index { margin-top: 31px; }
body#kangae_contents_story_index .sec_story_index p { margin: 15px 0 0 23px; }
body#kangae_contents_story_index .sec_story_index p a { display: block; }
body#kangae_contents_story_index .sec_story_index p#story_01 a { background: url(../story/images/img_index_01.png) no-repeat 0 0; width: 443px; height: 88px; }
body#kangae_contents_story_index .sec_story_index p#story_01 a:hover { background-position: 0 -88px; }


/* ============================== kangae_contents_story_01 */
body#kangae_contents_story_01 {  }


/* ============================== kangae_contents_story_moto_01 */
body#kangae_contents_story_moto_01 {  }