@charset "utf-8";
@import "/common/css/suggest.css";

/*************************************************
Category CSS
/css/category.css

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

/* ------------------------- TOC 
top_index
error
influenza
keitai
index_gakushuchu
tsukaikata
sitemap
 ------------------------- */

/* ============================== top_index */
body#top_index {}
body#top_index h1 { position: absolute; left: -9999px; }
body#top_index #contents { margin-top: 0; padding: 0; }
body#top_index #contents_inner { margin-top: 20px; padding: 0; }
body#top_index #main_contents { font-size: 100%; width: 590px; float: left; }
body#top_index #sub_contents { width: 280px; float: right; }

body#top_index .sec_100gimon { margin-top: 10px; }

body#top_index .custom_info { background-color: #fffae3; line-height: 1.43; }
body#top_index .custom_info_inner {  }
body#top_index .custom_info th { padding-top: 3px; width: 112px; text-align: left; }
body#top_index .custom_info td {  }
body#top_index #custom_info_1 { margin-bottom: 20px; }
body#top_index #custom_info_2 { margin-top: 30px; }

body#top_index .sec_guide_story .mc { padding: 0 10px; }
body#top_index .sec_guide_story .guide .bt_guide { margin: 6px 0 0 5px; }
body#top_index .sec_guide_story .story img { vertical-align: bottom; }
body#top_index .sec_guide_story .story dd { margin-left: 5px; }
body#top_index .sec_guide_story .story li { margin-top: 7px; }
body#top_index .sec_guide_story .story li.first { margin-top: 0; }
body#top_index .sec_guide_story .infant { width: 385px; margin: 13px 10px 0 auto; }
body#top_index .sec_guide_story .infant dt { float: left; width: 135px; margin-right: 10px; }
body#top_index .sec_guide_story .infant dd { float: left; }

body#top_index .sec_jitsuryoku { margin-top: 13px; }
body#top_index .sec_jitsuryoku .chikara { margin-top: 15px; }
body#top_index .sec_jitsuryoku .chikara li { padding-left: 10px; float: left; }
body#top_index .sec_jitsuryoku .example { margin: 13px 10px 0 auto; width: 430px; }
body#top_index .sec_jitsuryoku .example dt { float: left; }
body#top_index .sec_jitsuryoku .example dd { float: left; padding-left: 10px; }

body#top_index .sec_kangae { margin-top: 13px; }

body#top_index .sec_news_info { margin-top: 30px; }
body#top_index .sec_news_info a:link,
body#top_index .sec_news_info a:visited { text-decoration: none; }
body#top_index .sec_news_info dl { clear: both; line-height: 1.7; padding: 8px 0; border-top: 1px solid #dcdcdc; }
body#top_index .sec_news_info dl.first { border-top: none; }
body#top_index .sec_news_info dt { float: left; width: 8em; }
body#top_index .sec_news_info dd { margin-left: 8.5em; }
body#top_index .sec_news_info dd em { font-style: normal; font-weight: bold; }
body#top_index .sec_news_info .news_list { overflow: hidden; }
body#top_index .sec_news_info .news_list li { margin-top: -1px; }
body#top_index .sec_news_info .news_list .old_news { display: none; }

body#top_index .sec_news_info .open_news_info { border-top: 4px solid #cccccc; }
body#top_index .sec_news_info .open_news_info a { margin: 0 17px 0 auto; display: block; width: 64px; height: 21px; background: url(../images/bt_index_open_news.gif) 0 0 no-repeat; }
body#top_index .sec_news_info .open_news_info a.bt_open { background-position: 0 0; }
body#top_index .sec_news_info .open_news_info a.bt_open:hover { background-position: 0 -21px; }
body#top_index .sec_news_info .open_news_info a.bt_close { background-position: -64px 0; }
body#top_index .sec_news_info .open_news_info a.bt_close:hover { background-position: -64px -21px; }

body#top_index .sec_kyoshitsu { padding: 14px 16px 33px 16px; width: 248px; height: 315px; background: url(../images/bg_index_sec_kyoshitsu.gif) 0 0 no-repeat; }
body#top_index .sec_kyoshitsu .bt_taiken { margin-top: 15px; }
body#top_index .sec_kyoshitsu .find_classroom { text-align: center; margin-top: 25px; }

body#top_index .sec_tetsuzuki { text-align: right; margin-top: 15px; }

body#top_index .sec_bnr { font-size: 86%; margin-top: 15px; }
body#top_index .sec_bnr li { padding-top: 15px; }
body#top_index .sec_bnr li img { vertical-align: bottom; }
body#top_index .sec_bnr .qr_code { margin: 13px 0 0 13px; }
body#top_index .sec_bnr .qr_code .lc img { margin-right: 13px; }
body#top_index .sec_bnr .bnr_inst { padding-top: 30px; }

body#top_index .sec_nav_service_corp { margin-top: 30px; padding: 20px; background: #f0f0f0; }
body#top_index .sec_nav_service_corp a { color: #333333; }
body#top_index .sec_nav_service_corp h2 { padding-bottom: 5px; border-bottom: 1px solid #cccccc; }
body#top_index .sec_nav_service_corp ul { margin-top: 10px; }
body#top_index .sec_nav_service_corp ul.bullet_link li { background-image: url(../common/images/bullet_link_blue.gif); }
body#top_index .sec_nav_service_corp ul.bullet_link li.bullet_blank { background-image: url(../common/images/bullet_blank_blue.gif); }
body#top_index .sec_nav_service_corp li { line-height: 1.7; }
body#top_index .sec_nav_service_corp .ls { width: 500px; }
body#top_index .sec_nav_service_corp .ls .lc,
body#top_index .sec_nav_service_corp .ls .rc { width: 250px; }
body#top_index .sec_nav_service_corp .rs { width: 330px; }


/* ============================== error */
body#error .sec { margin: 90px 0 0 195px; padding-bottom: 30px; width: 620px; }
body#error .sec li { line-height: 1.7; }


/* ============================== influenza */
body#influenza #contents_w686 h2 { font-weight: bold; line-height: 1.5; font-size: 129%; }
body#influenza #contents_w686 p { line-height: 1.5; }
body#influenza .bullet_square li { margin-top: 30px; text-indent: -1em; margin-left: 1em; line-height: 1.5; }
body#influenza .bullet_square li span { color: #7DCDF4; }
body#influenza .bullet_square li em { font-weight: bold; font-style: normal; }


/* ============================== keitai */
body#keitai #sec_02 .lc img { margin-right: 20px; }

body#keitai #sec_03 .note { font-size: 86%; color: #999999; }
body#keitai #sec_03 .note li { line-height: 1.7; text-indent: -0.8em; padding-left: 0.8em; }
body#keitai #sec_03 .note dt { color: #4a4a4a; font-weight: bold; }
body#keitai #sec_03 .lc img { margin-right: 20px; }
body#keitai #sec_03 .data_table { font-size: 86%; border-collapse: separate; border: 2px solid #cccccc; border-bottom-width: 1px; }
body#keitai #sec_03 .data_table th { width: 200px; }
body#keitai #sec_03 .data_table th { font-weight: bold; border: none; border-bottom: 1px solid #cccccc; }
body#keitai #sec_03 .data_table td { border: none; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }


/* ============================== index_gakushuchu */
body#index_gakushuchu {}
body#index_gakushuchu h1 { margin-top: 30px; }
body#index_gakushuchu .hr { margin-top: 20px; }
body#index_gakushuchu #sec_01 { margin-top: 30px; }
body#index_gakushuchu #sec_01 .lc { width: 414px; }
body#index_gakushuchu #sec_01 .rc { width: 417px; }
body#index_gakushuchu #sec_01 .news_info { font-size: 86%; border-bottom: 1px solid #cccccc; }
body#index_gakushuchu #sec_01 .news_info dl { border-top: 1px solid #cccccc; }
body#index_gakushuchu #sec_01 .news_info dl.first { margin-top: 10px; }
body#index_gakushuchu #sec_01 .news_info dt { float: left; width: 9em; padding: 10px 0; }
body#index_gakushuchu #sec_01 .news_info dd { margin-left: 9.5em; padding: 10px 0; }
body#index_gakushuchu #sec_01 .custom_info { margin-top: 15px; width: 417px; background: #fffae3 url(/common/images/bg_box_radius1_417.gif) 0 100% no-repeat; font-size: 86%; }
body#index_gakushuchu #sec_01 .custom_info_inner { padding: 10px; background: url(/common/images/bg_box_radius1_417.gif) -417px 0 no-repeat; }
body#index_gakushuchu #sec_01 .custom_info th { width: 105px; vertical-align: middle; }
body#index_gakushuchu #sec_01 .custom_info td { vertical-align: middle; }
body#index_gakushuchu #sec_01 .custom_info .info_important td a:link,
body#index_gakushuchu #sec_01 .custom_info .info_important td a:visited { color: #ff3333; }
body#index_gakushuchu #sec_01 .custom_info .info_important td a:hover,
body#index_gakushuchu #sec_01 .custom_info .info_important td a:active { color: #ff6666; }

body#index_gakushuchu #sec_02 { margin-top: 25px; background: url(../images/bg_index_gakushuchu_sec_02.gif) 0 100% no-repeat; }
body#index_gakushuchu #sec_02 .mc { margin-top: 25px; background: url(../images/bg_index_gakushuchu_sec_02.gif) -568px 0 no-repeat; }
body#index_gakushuchu #sec_02 .ls { width: 568px; }
body#index_gakushuchu #sec_02 .rs { width: 277px; }
body#index_gakushuchu #sec_02 .lc,
body#index_gakushuchu #sec_02 .rc { padding: 0 15px; width: 247px; }
body#index_gakushuchu #sec_02 .ex_q { padding: 8px 0 15px 0;  }
body#index_gakushuchu #sec_02 .ex_q ul { margin-top: 10px; }
body#index_gakushuchu #sec_02 .ex_q li { line-height: 1.8; }
body#index_gakushuchu #sec_02 .ileague_book li { margin-top: 15px; }
body#index_gakushuchu #sec_02 .ileague_book li.first { margin-top: 0; }
body#index_gakushuchu #sec_02 .ileague_book li img { vertical-align: bottom; }

body#index_gakushuchu #sec_03 { margin-top: 25px; }
body#index_gakushuchu #sec_03 h2 img { vertical-align: middle; margin-right: 5px; }
body#index_gakushuchu #sec_03 .sec_gakushu_hint { margin-top: 10px; background: url(../images/bg_index_gakushuchu_sec_03.gif) 0 100% no-repeat; }
body#index_gakushuchu #sec_03 .sec_gakushu_hint .bullet_link_l { padding: 12px 11px 20px 11px; }
body#index_gakushuchu #sec_03 .sec_gakushu_hint .bullet_link_l li { line-height: 1.8; }
body#index_gakushuchu #sec_03 .ls { width: 568px; }
body#index_gakushuchu #sec_03 .rs { width: 277px; }
body#index_gakushuchu #sec_03 .lc,
body#index_gakushuchu #sec_03 .rc { width: 277px; }

body#index_gakushuchu #sec_04 { margin-top: 20px; }
body#index_gakushuchu #sec_04 li { float: left; }
body#index_gakushuchu #sec_04 .lc { width: 410px; margin-right: -10px; }
body#index_gakushuchu #sec_04 .lc li { margin-right: 10px; }

body#index_gakushuchu #sec_04 .rc { padding: 10px; width: 410px; height: 72px; background: #f0f0f0; }
body#index_gakushuchu #sec_04 .rc li { margin-right: 16px; }
body#index_gakushuchu #sec_04 .rc li.last { margin-right: 0; }
body#index_gakushuchu #sec_04 .rc li img { vertical-align: bottom; }


/* ============================== tsukaikata */
body#tsukaikata .bullet_link_l { font-weight: bold; }
body#tsukaikata #contents_w686 { padding-bottom: 40px; }


/* ============================== kiyaku */
body#kiyaku .bullet_square li { margin-top: 5px; text-indent: -1em; margin-left: 1em; line-height: 1.5; }
body#kiyaku .bullet_square span { color: #7dcdf4; }


/* ============================== sitemap */
body#sitemap #contents h3,
body#sitemap #contents h4 { line-height: 1.2; }

body#sitemap #contents #local_nav { margin-left: 0; }
body#sitemap #contents #local_nav li { float: left; margin-top: 0; width: 188px; font-weight: bold; line-height: 1.5; }

body#sitemap #contents .h2_children_container { padding: 20px; }
body#sitemap #contents h2 { padding: 10px 20px; font-weight: bold; border-bottom: #cccccc solid 1px; background-color: #f2fafe; }
body#sitemap #contents #sec_03 h2 { background-color: #fefbf2; }
body#sitemap #contents #sec_04 h2 { background-color: #fef2f9; }
body#sitemap #contents #sec_05 h2 { border-bottom: none; background-color: #fef2f9; }
body#sitemap #contents #sec_06 h2 { background-color: #f6fef2; }
body#sitemap #contents h2 span { padding-left: 14px; background: url(/images/bullet_link_sitemap.gif) no-repeat 0 0.2em; }
body#sitemap #contents h3 { padding-left: 14px; background: url(/images/bullet_link_sitemap.gif) no-repeat 0 0.2em; }
body#sitemap #contents h3.category_global { font-weight: bold; }
body#sitemap #contents h4,
body#sitemap #contents ul,
body#sitemap #contents ol { margin-left: 18px; }
body#sitemap #contents h4.no_bullet { margin-left: 32px; }
body#sitemap #contents ul.h4_child,
body#sitemap #contents ol.h4_child { margin-left: 43px; }
body#sitemap #contents h4,
body#sitemap #contents ul li,
body#sitemap #contents ol li { margin-top: 10px; }

body#sitemap #contents .bullet_link_sub { padding-left: 14px; background: url(/images/bullet_link_sub_sitemap.gif) no-repeat 3px 0.5em; }
body#sitemap #contents .bullet_blank { padding-left: 14px; background: url(/images/bullet_blank_sitemap.gif) no-repeat 0 0.3em; }
body#sitemap #contents h3.bullet_blank { padding-left: 14px; background: url(/images/bullet_blank_sitemap.gif) no-repeat 0 0.2em; }

body#sitemap #contents .box_radius2_686 .lc { width: 322px; }
body#sitemap #contents .box_radius2_686 .rc { padding-left: 20px; width: 300px; }
body#sitemap #contents #sec_07 .box_radius2_686 .rc { width: 299px; border-left: #cccccc solid 1px; }
body#sitemap #contents .box_radius2_686 h3,
body#sitemap #contents .box_radius2_686 h4,
body#sitemap #contents .box_radius2_686 ul li,
body#sitemap #contents .box_radius2_686 ol li,
body#sitemap #contents .box2_radius2_686 h3,
body#sitemap #contents .box2_radius2_686 h4,
body#sitemap #contents .box2_radius2_686 ul li,
body#sitemap #contents .box2_radius2_686 ol li { font-size: 86%; }

body#sitemap #contents .hr { background-image: none; background-color: #cccccc; margin-top: 20px; }

body#sitemap #contents .box2_radius2_686 .box2_radius2_686_inner { padding: 2px; }
body#sitemap #contents .box2_radius2_686 .box2_radius2_686_inner .lc,
body#sitemap #contents .box2_radius2_686 .box2_radius2_686_inner .rc { width: 324px; }



