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

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

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

/* ------------------------- TOC 
	shikumi_index
guide

4
	shikumi_4_1_kyouka_index
	shikumi_4_01_sugaku
	shikumi_4_02_eigo
	shikumi_4_03_kokugo
	shikumi_4_2_manabikata_index
	shikumi_4_2_manabikata_01_youji
	shikumi_4_3_kyoushitsu_index
	shikumi_4_3_kyoushitsu_01_kumonnohi
	shikumi_4_4_sensei_index
 ------------------------- */

/* ============================== nav_sub_current */
body#shikumi_guide_01_choudo #nav_sub #nav_sub_guide a,
body#shikumi_guide_02_kyouzai #nav_sub #nav_sub_guide a,
body#shikumi_guide_03_koeru #nav_sub #nav_sub_guide a,
body#shikumi_guide_04_jigaku #nav_sub #nav_sub_guide a,
body#shikumi_guide_05_kumonshiki #nav_sub #nav_sub_guide a,
body#shikumi_4_1_kyouka_index #nav_sub #nav_sub_kyouka a,
body#shikumi_4_1_kyouka_01_sugaku #nav_sub #nav_sub_sugaku a,
body#shikumi_4_1_kyouka_02_eigo #nav_sub #nav_sub_eigo a,
body#shikumi_4_1_kyouka_03_kokugo #nav_sub #nav_sub_kokugo a,
body#shikumi_4_2_manabikata_index #nav_sub #nav_sub_manabikata a,
body#shikumi_4_2_manabikata_01_youji #nav_sub #nav_sub_youji a,
body#shikumi_4_3_kyoushitsu_index #nav_sub #nav_sub_kyoushitsu a,
body#shikumi_4_3_kyoushitsu_01_kumonnohi #nav_sub #nav_sub_kyoushitsu a,
body#shikumi_4_4_sensei_index #nav_sub #nav_sub_sensei a { background-color: #fff; color: #4A4A4A; font-weight: bold; }

body#shikumi_guide_01_choudo #nav_sub #nav_sub_guide a:hover,
body#shikumi_guide_02_kyouzai #nav_sub #nav_sub_guide a:hover,
body#shikumi_guide_03_koeru #nav_sub #nav_sub_guide a:hover,
body#shikumi_guide_04_jigaku #nav_sub #nav_sub_guide a:hover,
body#shikumi_guide_05_kumonshiki #nav_sub #nav_sub_guide a:hover,
body#shikumi_4_1_kyouka_index #nav_sub #nav_sub_kyouka a:hover,
body#shikumi_4_1_kyouka_01_sugaku #nav_sub #nav_sub_sugaku a:hover,
body#shikumi_4_1_kyouka_02_eigo #nav_sub #nav_sub_eigo a:hover,
body#shikumi_4_1_kyouka_03_kokugo #nav_sub #nav_sub_kokugo a:hover,
body#shikumi_4_2_manabikata_index #nav_sub #nav_sub_manabikata a:hover,
body#shikumi_4_2_manabikata_01_youji #nav_sub #nav_sub_youji a:hover,
body#shikumi_4_3_kyoushitsu_index #nav_sub #nav_sub_kyoushitsu a:hover,
body#shikumi_4_3_kyoushitsu_01_kumonnohi #nav_sub #nav_sub_kyoushitsu a:hover,
body#shikumi_4_4_sensei_index #nav_sub #nav_sub_sensei a:hover { background-color: #fff; color: #4A4A4A; text-decoration: none; }

/* sub sub nav */
body#shikumi_4_1_kyouka_index #nav_sub #nav_sub_kyouka ul li a,
body#shikumi_4_2_manabikata_index #nav_sub #nav_sub_manabikata ul li a { background-color: #F7F7F7; color: #008BCC; font-weight: normal; }
body#shikumi_4_1_kyouka_index #nav_sub #nav_sub_kyouka ul li a:hover,
body#shikumi_4_2_manabikata_index #nav_sub #nav_sub_manabikata ul li a:hover { background-color: #E5F5FD; color: #00A0E9; text-decoration: underline; }


/* ============================== shikumi */
body.shikumi {}
body.shikumi .bullet_popup { font-size: 86%; }
/* sec_movie_guide */
body.shikumi #sec_movie_guide { width: 686px; height: 427px; background-color: #e6e6e6; }
/* movie_flash_area */
body.shikumi #movie_flash_area { width: 480px; height: 427px; }
/* movie_nav */
body.shikumi #movie_nav { padding: 7px 10px 10px 10px; }
body.shikumi #movie_nav li { padding-top: 3px; }
body.shikumi #movie_nav li img { vertical-align: bottom; }
/* movie_nav */
body.shikumi .sec_indent {  }
body.shikumi .sec_indent .sec { margin: 0 20px; }
/* sec_movie_point */
body.shikumi #sec_movie_point li { background-position: 0 0.7em; line-height: 2.0; }
/* sec_noscript */
body.shikumi .sec_noscript { margin-top: 134px; font-size: 86%; text-align: center; }


/* ============================== shikumi_index */
body#shikumi_index {  }
body#shikumi_index #sec_01 { background: url(../images/bg_index_01.gif) no-repeat 0 0; padding: 20px 74px; }
body#shikumi_index #sec_01 #sec_01_left { width: 342px; }
body#shikumi_index #sec_01 #sec_01_right { width: 330px; }
body#shikumi_index #sec_01 .text_img { padding-left: 40px; }
body#shikumi_index #sec_02 {  }
body#shikumi_index .box2_radius4b_820 .lc,
body#shikumi_index .box2_radius4b_820 .rc { width: 392px; min-height: 174px; }
body#shikumi_index #sec_4shikumi_01 { background: url(../images/bg_index_02.gif) no-repeat 0 0; }
body#shikumi_index #sec_4shikumi_02 { background: url(../images/bg_index_03.gif) no-repeat 0 0; }
body#shikumi_index #sec_4shikumi_03 { background: url(../images/bg_index_04.gif) no-repeat 0 0; }
body#shikumi_index #sec_4shikumi_04 { background: url(../images/bg_index_05.gif) no-repeat 0 0; }
body#shikumi_index .box2_radius4b_820 .catch,
body#shikumi_index .box2_radius4b_820 ul { margin-left: 20px; }
body#shikumi_index .box2_radius4b_820 li { line-height: 1.7; }
body#shikumi_index .box2_radius4b_820 a { font-weight: bold; }
body#shikumi_index #sec_mezasu .box_radius1_full_inner { padding: 15px 20px; }
body#shikumi_index #sec_mezasu p { line-height: 1.5; }
body#shikumi_index #sec_action_area { margin-top: 50px; }


/* ============================== shikumi_4_1_kyouka_index */
body#shikumi_4_1_kyouka_index {}
body#shikumi_4_1_kyouka_index #contents { margin-top: 0; }
body#shikumi_4_1_kyouka_index #sub_contents { margin-top: 30px; }
body#shikumi_4_1_kyouka_index #main_contents { margin-top: 12px; }
body#shikumi_4_1_kyouka_index .sec p { padding: 0 10px; }
body#shikumi_4_1_kyouka_index .ls { width: 453px; }
body#shikumi_4_1_kyouka_index .ls .lc,
body#shikumi_4_1_kyouka_index .ls .rc { width: 220px; }
body#shikumi_4_1_kyouka_index .rs { width: 220px; }


/* ============================== shikumi_4_1_kyouka_01_sugaku */
body#shikumi_4_1_kyouka_01_sugaku #contents { margin-top: 0; }
body#shikumi_4_1_kyouka_01_sugaku #sub_contents { margin-top: 30px; }
body#shikumi_4_1_kyouka_01_sugaku #main_contents { margin-top: 22px; }
body#shikumi_4_1_kyouka_01_sugaku .sec_indent .lc { width: 440px; }
body#shikumi_4_1_kyouka_01_sugaku .sec_indent .lc p { line-height: 1.5; }
body#shikumi_4_1_kyouka_01_sugaku .sec_indent .rc { width: 168px; }
body#shikumi_4_1_kyouka_01_sugaku .sec_indent .rc span { display: block; }
body#shikumi_4_1_kyouka_01_sugaku #sec_01 .lc { width: 295px; }
body#shikumi_4_1_kyouka_01_sugaku #sec_01 .rc { width: 313px; }


/* ============================== shikumi_4_1_kyouka_02_eigo */
body#shikumi_4_1_kyouka_02_eigo #contents { margin-top: 0; }
body#shikumi_4_1_kyouka_02_eigo #sub_contents { margin-top: 30px; }
body#shikumi_4_1_kyouka_02_eigo #main_contents { margin-top: 22px; }
body#shikumi_4_1_kyouka_02_eigo .sec_indent .lc { width: 313px; }
body#shikumi_4_1_kyouka_02_eigo .sec_indent .lc p { line-height: 1.5; }
body#shikumi_4_1_kyouka_02_eigo .sec_indent .rc { width: 293px; }
body#shikumi_4_1_kyouka_02_eigo .sec_indent .rc span { display: block; }
body#shikumi_4_1_kyouka_02_eigo .sec_move_phase { background: url(../../common/images/bg_sec_move_phase_red.gif) no-repeat 0 100%; }
body#shikumi_4_1_kyouka_02_eigo .sec_move_phase th { background: #ffdecc url(../../common/images/bg_sec_move_phase_td_red.gif) no-repeat 0 0; }
body#shikumi_4_1_kyouka_02_eigo .sec_move_phase td { background: #ffdecc url(../../common/images/bg_sec_move_phase_td_red.gif) no-repeat 100% 0; }


/* ============================== shikumi_4_1_kyouka_03_kokugo */
body#shikumi_4_1_kyouka_03_kokugo #contents { margin-top: 0; }
body#shikumi_4_1_kyouka_03_kokugo #sub_contents { margin-top: 30px; }
body#shikumi_4_1_kyouka_03_kokugo #main_contents { margin-top: 22px; }
body#shikumi_4_1_kyouka_03_kokugo .sec_indent .lc { width: 313px; }
body#shikumi_4_1_kyouka_03_kokugo .sec_indent .lc p { line-height: 1.5; }
body#shikumi_4_1_kyouka_03_kokugo .sec_indent .rc { width: 293px; }
body#shikumi_4_1_kyouka_03_kokugo .sec_indent .rc span { display: block; }
body#shikumi_4_1_kyouka_03_kokugo .sec_move_phase { background: url(../../common/images/bg_sec_move_phase_green.gif) no-repeat 0 100%; }
body#shikumi_4_1_kyouka_03_kokugo .sec_move_phase th { background: #e1f2d4 url(../../common/images/bg_sec_move_phase_td_green.gif) no-repeat 0 0; }
body#shikumi_4_1_kyouka_03_kokugo .sec_move_phase td { background: #e1f2d4 url(../../common/images/bg_sec_move_phase_td_green.gif) no-repeat 100% 0; }


/* ============================== shikumi_4_2_manabikata_index */
body#shikumi_4_2_manabikata_index #contents { margin-top: 0; }
body#shikumi_4_2_manabikata_index #sub_contents { margin-top: 30px; }
body#shikumi_4_2_manabikata_index #main_contents { margin-top: 8px; }
body#shikumi_4_2_manabikata_index .sec .lc { width: 312px; }
body#shikumi_4_2_manabikata_index .sec .rc { width: 313px; }


/* ============================== shikumi_4_2_manabikata_01_youji */
body#shikumi_4_2_manabikata_01_youji #contents { margin-top: 0; }
body#shikumi_4_2_manabikata_01_youji #sub_contents { margin-top: 30px; }
body#shikumi_4_2_manabikata_01_youji #main_contents { margin-top: 20px; }
body#shikumi_4_2_manabikata_01_youji .box_radius1_646 { background-color: #FFFDF3; }
body#shikumi_4_2_manabikata_01_youji .box_radius1_646 .box_radius1_646_inner { padding: 15px 13px 20px 21px; }
body#shikumi_4_2_manabikata_01_youji .box_radius1_646 .lc { width: 215px; }
body#shikumi_4_2_manabikata_01_youji .box_radius1_646 .rc { width: 377px; }


/* ============================== shikumi_4_3_kyoushitsu_index */
body#shikumi_4_3_kyoushitsu_index #contents { margin-top: 0; }
body#shikumi_4_3_kyoushitsu_index #sub_contents { margin-top: 30px; }
body#shikumi_4_3_kyoushitsu_index #main_contents { margin-top: 22px; }
body#shikumi_4_3_kyoushitsu_index .beside_h1 { text-align: right; margin-top: -71px; }
body#shikumi_4_3_kyoushitsu_index #sec_03_04 .lc { width: 438px; }
body#shikumi_4_3_kyoushitsu_index #sec_03_04 .rc { width: 195px; }
body#shikumi_4_3_kyoushitsu_index .flow { padding-left: 68px; }
body#shikumi_4_3_kyoushitsu_index .flow h3 { text-indent: -68px; }
body#shikumi_4_3_kyoushitsu_index #main_contents #sec_05 .rc .img_caption { padding-right: 35px; text-align: right; }
body#shikumi_4_3_kyoushitsu_index .sec_move_phase { background-image: url(/common/images/bg_sec_move_phase_2.gif); }
body#shikumi_4_3_kyoushitsu_index .sec_move_phase th,
body#shikumi_4_3_kyoushitsu_index .sec_move_phase td { background-image: url(/common/images/bg_sec_move_phase_td_2.gif); background-color: #e5f5fd; }


/* ============================== shikumi_4_3_kyoushitsu_01_kumonnohi */
body#shikumi_4_3_kyoushitsu_01_kumonnohi #contents { margin-top: 0; }
body#shikumi_4_3_kyoushitsu_01_kumonnohi #sub_contents { margin-top: 30px; }
body#shikumi_4_3_kyoushitsu_01_kumonnohi #main_contents { margin-top: 22px; }
body#shikumi_4_3_kyoushitsu_01_kumonnohi #sec_flash_area { width: 686px; height: 500px; }
body#shikumi_4_3_kyoushitsu_01_kumonnohi #sec_flash_area #flash_contents { background-color: #f0f0f0; font-size: 86%; text-align: center; }
body#shikumi_4_3_kyoushitsu_01_kumonnohi #sec_flash_area #flash_contents_inner { padding: 50px 10px; }


/* ============================== shikumi_4_4_sensei_index */
body#shikumi_4_4_sensei_index #contents { margin-top: 0; }
body#shikumi_4_4_sensei_index #sub_contents { margin-top: 30px; }
body#shikumi_4_4_sensei_index #main_contents { margin-top: 10px; }
body#shikumi_4_4_sensei_index #sec_01 .rc img { margin-left: 15px; }
body#shikumi_4_4_sensei_index .sensei_study { background-color: #fffdf3; }
body#shikumi_4_4_sensei_index .sensei_study .box_radius1_686_inner { padding: 16px; }


/* sec_action_area */
#sec_action_area { position: relative; width: 686px; margin: 0 auto; }
#sec_action_area .box_radius1_686act_inner { padding: 17px 1px 18px; }
#sec_action_area .box_radius1_686act_inner .bt_action img { margin-right: 0; vertical-align: bottom; }
#sec_action_area .box_radius1_686act_inner dl { line-height: 1; }
#sec_action_area .box_radius1_686act_inner dt.lead { margin-top: 7px; }
#sec_action_area .box_radius1_686act_inner dd { width: 584px; margin-top: 19px; padding-left: 50px; padding-right: 50px; }
#sec_action_area .box_radius1_686act_inner dd .rc { padding-left: 40px; background: url(../../common/images/line_partition_v.gif) left top repeat-y; width: 255px;  }

#sec_action_area .act_balloon_txt { position: absolute; top: -25px; right: 1px; }

#sec_action_area  .box_search { width: 261px; text-align: left; }
#sec_action_area  .box_search input { vertical-align: middle; }
#sec_action_area  .box_search input.bt_action { margin-top: 0; margin-left: 5px; }
#sec_action_area  .box_search input.inputTxt { padding: 5px 8px; width: 160px; border: 1px solid #7f9db9; }
#sec_action_area  .box_search .sec_zip_search form p { margin-top: 7px; }
#sec_action_area  .box_search .search_map { margin-top: 7px; }
#sec_action_area  .box_search .search_map a { width: 107%; font-weight: bold; }
#sec_action_area  .box_search .search_map img { vertical-align: middle; }


body.shikumi .sec_area { margin:0px auto; text-align:center; }
body.shikumi .sec_area .kyouzai_link { font-size:117%; font-weight:bold;}
body.shikumi .sec_area .sec_material_formality ul { background: url(../../common/images/line_partition_02.gif) 0 100% repeat-x; }
body.shikumi .sec_area .sec_material_formality ul li { margin-top: 2px; padding-top: 4px; padding-bottom: 4px; background: url(../../common/images/line_partition_02.gif) 0 0 repeat-x; }
body.shikumi .sec_area .sec_material_formality ul li dl { width: 590px; }
body.shikumi .sec_area .sec_material_formality ul li dl dd,
body.shikumi .sec_area .sec_material_formality ul li dl dd { padding-top: 9px; }
body.shikumi .sec_area .sec_material_formality ul li dl dt { float: left; padding: 13px 0; width: 120px; background-color: #ecf7fd; text-align: center; }
body.shikumi .sec_area .sec_material_formality ul li dl dd { float: right; width: 451px; }
body.shikumi .sec_area .sec_material_formality ul li dl dd ul { padding-bottom: 0; background: none; }
body.shikumi .sec_area .sec_material_formality ul li dl dd ul li { float: left; margin-right: 20px; margin-top: 0; padding-top: 0;}
body.shikumi .sec_area .sec_material_formality ul li dl dd ul li.last { margin-right: 0; padding-bottom: 0; }
body.shikumi .sec_area .sec_material_formality ul li.material  dl dd ul li { background: url(../../common/images/bullet_link_l.gif) no-repeat scroll 0 0.2em }
/*sec_taiken_kakunin*/
body.shikumi .sec_taiken_kakunin { position: relative; background: url(/shikumi/images/bg_taiken_kakunin.gif) no-repeat 0 0; width: 686px; height: 196px; }

body.shikumi .sec_taiken_kakunin p.copy { position: absolute; top: 97px; left: 203px; font-size: 114%; font-weight: bold; }

body.shikumi .sec_taiken { width: 490px; margin: 0 auto; padding:32px 0 0 0; height: 360px; text-align: center; background: url(/common/images/cmn_taiken_bg.gif) 0 0 no-repeat; position: relative;}
body.shikumi .sec_taiken_inner { padding:0 0 32px 0; background: url(/common/images/cmn_taiken_bg_b.gif) 0 bottom no-repeat;}
body.shikumi .sec_taiken .balloon { position: absolute; top: 70px; left: 419px;}
body.shikumi .sec_taiken .bullet_link_l { font-weight: bold; }

/* ============================== sec_action_area_gakunen */
body.shikumi #sec_action_area_gakunen { margin-top: 0;}

/* ============================== sec_moshikomi*/
body.shikumi #sec_moshikomi{ margin-top:20px; text-align:center; }
body.shikumi #sec_moshikomi h2 { padding:0 0 15px 15px;}
body.shikumi #sec_moshikomi .box_radius1_686act .box_radius1_686act_inner { padding: 21px;} 
body.shikumi #sec_moshikomi .box_radius2_660act {  position:relative;}
body.shikumi #sec_moshikomi .box_radius2_660act .box_radius2_660act_inner { margin-top:0; padding: 21px 29px; text-align:left; } 
body.shikumi #sec_moshikomi p.balloon { position:absolute; left: 0; top: -92px; }
body.shikumi #sec_moshikomi .mc { background: url(/trial/taiken/images/line_index_sec_moshikomi.gif) repeat-y 50% 0; width: 602px; }
body.shikumi #sec_moshikomi .lc { width: 285px; }
body.shikumi #sec_moshikomi .rc { width: 269px; }
body.shikumi #sec_moshikomi .sec_zip_search { }
body.shikumi #sec_moshikomi .sec_zip_search form p { margin-top: 4px; }
body.shikumi #sec_moshikomi .sec_zip_search p input { vertical-align: bottom; font-weight: bold; }
body.shikumi #sec_moshikomi .sec_zip_search input.inputTxt { border:1px solid #7F9DB9; padding:6px 5px; width: 186px; font-size: 86%; }
body.shikumi #sec_moshikomi .sec_zip_search input.bt_action { padding-left: 5px; }
body.shikumi .search_map { margin-top: 8px; font-size: 93%; }
body.shikumi #sec_moshikomi .recent_list_classroom #recent_list_target li { margin-top: 9px; }
body.shikumi #sec_moshikomi .recent_list_classroom #recent_list_target li a { background: url(/images/bullet_circle.gif) no-repeat 0 0.2em; padding: 2px 0 2px 19px; }