@charset "UTF-8"; /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検の概要 ｜ outline ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------ 各級の出題内容と審査基準 ｜ degree/index.html -------------------------------------------------------------*/ table#outline_degree_teido { border-collapse:collapse; border-spacing:0; empty-cells:show; line-height:150%; margin-bottom:20px; } table#outline_degree_teido td, table#outline_degree_teido th { border:1px solid #CCCCCC; padding:5px; } table#outline_degree_teido th { background-color:#ffee91; border:1px solid #CCCCCC; text-align:center; white-space:nowrap; } table#outline_degree_teido td.tokki { font-size:90%; line-height:1; } table#outline_degree_teido td.tokki strong { color:#000000; } table#outline_degree_teido td.level { width:100px; } table#outline_degree_teido .y-bk { background-color:#FFFFCC; } table#outline_degree_teido .no-w { text-align:center; white-space:nowrap; } table#outline_degree_teido #c1q-h { background-color:#004129; } table#outline_degree_teido #cj1q-h { background-color:#690212; } table#outline_degree_teido #c2q-h { background-color:#00437C; } table#outline_degree_teido #cj2q-h { background-color:#e8380d; } table#outline_degree_teido #c3q-h { background-color:#008a6c; } table#outline_degree_teido #c4q-h { background-color:#b81649; } table#outline_degree_teido #c5q-h { background-color:#f7ab00; } table#outline_degree_teido #c6q-h { background-color:#5b1f67; } table#outline_degree_teido #c7q-h { background-color:#0096bb; } table#outline_degree_teido #c8q-h { background-color:#c4d700; } table#outline_degree_teido #c9q-h { background-color:#6d70b3; } table#outline_degree_teido #c10q-h { background-color:#e00083; } table#outline_degree_teido div#teido { margin-bottom:20px; } table#outline_degree_teido .no-w span { display:block; } h4#c1qHead { background-color:#004129; border:none; padding:0; text-align:center; } h4#cj1qHead { background-color:#690212; border:none; padding:0; text-align:center; } h4#c2qHead { background-color:#00437C; border:none; padding:0; text-align:center; } h4#cj2qHead { background-color:#e8380d; border:none; padding:0; text-align:center; } h4#c3qHead { background-color:#008a6c; border:none; padding:0; text-align:center; } h4#c4qHead { background-color:#b81649; border:none; padding:0; text-align:center; } h4#c5qHead { background-color:#f7ab00; border:none; padding:0; text-align:center; } h4#c6qHead { background-color:#5b1f67; border:none; padding:0; text-align:center; } h4#c7qHead { background-color:#0096bb; border:none; padding:0; text-align:center; } h4#c8qHead { background-color:#c4d700; border:none; padding:0; text-align:center; } h4#c9qHead { background-color:#6d70b3; border:none; padding:0; text-align:center; } h4#c10qHead { background-color:#e00083; border:none; padding:0; text-align:center; } table.outlineDegreeTeido { margin-top:0; } table.outlineDegreeTeido th { width:100px; text-align:center; } table.outlineDegreeTeido td ul.naiyoList { margin:0; } table.outlineDegreeTeido td ul.naiyoList li { float:left; list-style:none; margin-right:5px; } table.outlineDegreeTeido td h5.subHead { margin-top:15px; padding:4px 0 4px 0.8em; border-left:solid 5px #b3ae9f; color:#000000; font-size:108%; background:none #ededed; } table.outlineDegreeTeido ul.linkList { margin:0; } table.outlineDegreeTeido ul.linkList li { float:left; list-style:none; background:url(/kanken/common/images/side_list_arrow.gif) left 0.2em no-repeat; padding-left:10px; } /*--------------------------------------- 16/04/01改訂 start ---------------------------------------*/ table.sampleQueTable { margin-top:20px; } table.sampleQueTable tr th { width:50px; text-align:center; } table.sampleQueTable tr th#c1Head { background:none #004129; } table.sampleQueTable tr th#c1Head02 { background:none #e9eae5; } table.sampleQueTable tr th#cj1Head { background:none #690212; } table.sampleQueTable tr th#cj1Head02 { background:none #f3e9e2; } table.sampleQueTable tr th#c2Head { background:none #00437c; } table.sampleQueTable tr th#c2Head02 { background:none #e8e8ee; } table.sampleQueTable tr th#cj2Head { background:none #e8380d; } table.sampleQueTable tr th#cj2Head02 { background:none #feefe4; } table.sampleQueTable tr th#c3Head { background:none #008a6c; } table.sampleQueTable tr th#c3Head02 { background:none #eef1ed; } table.sampleQueTable tr th#c4Head { background:none #b81649; } table.sampleQueTable tr th#c4Head02 { background:none #f3e9e7; } table.sampleQueTable tr th#c5Head { background:none #f7ab00; } table.sampleQueTable tr th#c5Head02 { background:none #fef7eb; } table.sampleQueTable tr th#c6Head { background:none #5b1f67; } table.sampleQueTable tr th#c6Head02 { background:none #ede7ed; } table.sampleQueTable tr th#c7Head { background:none #0096bb; } table.sampleQueTable tr th#c7Head02 { background:none #eef2f4; } table.sampleQueTable tr th#c8Head { background:none #c4d700; } table.sampleQueTable tr th#c8Head02 { background:none #f7f8eb; } table.sampleQueTable tr th#c9Head { background:none #6d70b3; } table.sampleQueTable tr th#c9Head02 { background:none #efeff8; } table.sampleQueTable tr th#c10Head { background:none #e00083; } table.sampleQueTable tr th#c10Head02 { background:none #fdf0f0; } /*--------------------------------------- 16/04/01改訂 end ---------------------------------------*/ /*------------------------------------------------------------ 申込方法 ｜ application/index.html -------------------------------------------------------------*/ #outlineAppLink { margin-top:30px; } #outlineAppLink .fLeft { width:330px; } #outlineAppLink .fRight { width:330px; } #outlineAppLink p { margin-top:0; } #outlineAppLink p img { vertical-align:bottom; width:100%; } /*------------------------------------------------------------ オフィシャル商品 ｜ official/index.html -------------------------------------------------------------*/ .officialArea h4.appTitle { background-color:#ffffff; border-left:none; padding:0; margin-top:40px; } .officialArea ul.descTxtList { margin-left:15px; } .officialArea ul.descTxtList li { margin-top:1px; } .officialArea ul.descImgList { margin-left:0; } .officialArea ul.descImgList li { margin:0 0 0 25px; list-style:none; float:left; } .officialArea ul.descImgList li:first-child { margin-left:0; } .officialArea ul.descImgList li img { width:110px; } .officialArea dl.specList { margin-top:0; } .officialArea dl.specList dt { float:left; clear:cb; color:#000000; } .officialArea dl.specList dd { float:left !important; } .officialArea a:hover img { opacity:0.7 !important; filter:alpha(opacity=70) !important; } .bannerPosition { text-align:center; margin-top:30px; } /*--------------------------------------- 16/04/01改訂 start ---------------------------------------*/ .officialArea h5.appTitle { background:none; margin-top:40px; } /*--------------------------------------- 16/04/01改訂 end ---------------------------------------*/ /*--------------------------------------- 22/12/13改訂 start ---------------------------------------*/ .officialArea #smartBn { width: 300px; margin: 0 auto 30px; } .officialArea #smartBn img { width: 100%; } .officialArea #smartDfBox1 { display: flex; justify-content: space-between; } .officialArea #smartDfBox1 p { width: 49%; margin-top: 15px; } .officialArea #smartDfBox1 img { width: 100%; } .officialArea #smartDfBox2 { display: flex; justify-content: space-between; align-items: flex-start; } .officialArea #smartDfBox2 .noticeAreaWhite02 { margin: 0; width: 65%; box-sizing: border-box; font-size: 92.5%; } .officialArea #smartDfBox2 img { width: 100%; } .officialArea #smartDfBox2 > p { width: 30%; margin-top: 15px; } /*--------------------------------------- 22/12/13改訂 end ---------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 個人受検 ｜ personal ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 扉ページ ｜ index.html */ .personal_gnavi { width:455px; border:1px solid #ccc; margin:0 0 20px; padding:10px; } .personal_apply { border:1px solid #ccc; padding:9px; } .personal_flowArea { margin-left:17px; } ul.personal_apply_conveni_list { width:100%; overflow:hidden; margin:0 0 10px 28px; } ul.personal_apply_conveni_list li { float:left; display:inline; width:115px; margin:0 5px 0 0; list-style:none; font-size:92%; vertical-align:middle; } /*write230324*/ /* 閉じ開き(h4タグ) */ h4.openHeader { cursor:pointer; position: relative; padding-right:42px; } h4.openHeader:hover { opacity: 0.8; } h4.openHeader::before { position: absolute; display: block; content: ""; width: 22px; height: 4px; background: #777676; right: 10px; top: 42%; transform:rotate(90deg); } h4.openHeader::after { position: absolute; display: block; content: ""; width: 22px; height: 4px; background: #777676; right: 10px; top: 42%; } h4.openHeader.active::before { display: none; } dl.personal_apply_OpenClose { margin-top: 40px; } dl.personal_apply_OpenClose dt:hover { opacity: 0.8; color: #993300; } dl.personal_apply_OpenClose dt { margin-top: 30px; padding:6px 5px 5px; border:1px solid #cfcfcf; background: #fff8e8; font-size:110%; position: relative; cursor: pointer; font-weight: bold; color: #000; } dl.personal_apply_OpenClose dt::before { position: absolute; display: block; content: ""; width: 14px; height: 2px; background: #333; right: 10px; bottom: 48%; transform:rotate(90deg); } dl.personal_apply_OpenClose dt::after { position: absolute; display: block; content: ""; width: 14px; height: 2px; background: #333; right: 10px; bottom: 48%; } dl.personal_apply_OpenClose dt span.stepNo { background: #daa422; color: #fff; margin-right: 7px; padding: 3px 10px 1px; border-radius: 6px; font-size: 80%; } dl.personal_apply_OpenClose dt span.atComment { color: #ff0000 !important; font-size: 85%; } dl.personal_apply_OpenClose dt.active::before { display: none; } dl.personal_apply_OpenClose dd { display: flex; justify-content: space-between; flex-wrap: wrap; } dl.personal_apply_OpenClose dd .imgBox { width: 43%; margin-top: 15px; } dl.personal_apply_OpenClose dd .imgBox img { width: 100%; } dl.personal_apply_OpenClose dd .txtBox { width: 53%; margin-top: 15px; } dl.personal_apply_OpenClose dd p { margin-top: 30px; } dl.personal_apply_OpenClose dd p:first-child { margin-top: 0; } dl.personal_apply_OpenClose dd ul.atComment { line-height: 1.5; } dl.personal_apply_OpenClose dd ul.atComment li { margin-top: 10px; } dl.personal_apply_OpenClose dd ol { padding: 0; margin: 0; } dl.personal_apply_OpenClose dd ol > li { margin-top: 30px; list-style: none; } dl.personal_apply_OpenClose dd ol > li:first-child { margin-top: 0; } dl.personal_apply_OpenClose dd ol > li p { padding-left: 1em; text-indent: -1em; } dl.personal_apply_OpenClose dd .noticeArea .txtBold { font-size: 100%; color: #000;} dl.personal_apply_OpenClose dd .indent1 { padding-left: 1em; text-indent: -1em; } .seat { display: flex; margin-top: 10px; justify-content: flex-end; } /* .seat a { pointer-events: none; } .seat span.planeBtn:hover a { text-decoration: none; } */ .seat span.planeBtn a { margin-bottom: 5px; } .seat div { text-align: left !important; } .seat > p { margin-top: 17px; } /*write230324end*/ /* 国内公開会場ページ ｜ interior.html */ .personal_interior_table01 table td { font-size:98%; } .personal_interior_table02 td { font-size:98%; } .personal_interior_table03 td { font-size:98%; } .personal_interior_table01 > div { width:163px; } .personal_interior_table01 table tr th:first-child { width:55px; } .personal_interior_table03 .cellBG01 { background:#b9f6f7; } .personal_interior_table03 .cellBG02 { background:#fec2e8; } .personal_interior_table03 .cellBG03 { background:#ccefb5; } .personal_interior_table03 .cellBG04 { background:#fefe82; } .personal_interior_table03 .cellBG05 { background:#66bc95; } .personal_interior_table03 .cellBG06 { background:#bfc4ec; } .personal_interior_table03 .cellBG07 { background:#ffccbb; } /* 海外の会場のご案内ページ ｜ overseas.html */ .personal_overseas_table01 td { font-size:91%; word-break:break-strict; } /* コンビニで申し込む ｜ apply_conveni.html */ ul.personal_apply_conveni_applylist li { margin-bottom:10px; } /*--------------------------------------- 16/04/01改訂 start ---------------------------------------*/ /* 検定日程 ｜ schedule.html */ ul.scheduleList { margin:25px 0 0; width:670px; } ul.scheduleList li { margin:0 0 0; padding:20px 0; border-bottom:1px solid #cccccc; list-style:none; text-align:center; } ul.scheduleList li:first-child { margin:0; border-top:1px solid #cccccc; } ul.scheduleList li table { margin-top:0; } ul.scheduleList li table th { background:#d7a400; color:#ffffff; width:80px; text-align:center; font-size:124%; font-weight:normal; border:none; padding:0; } ul.scheduleList li table td { border:none; font-size:108%; padding:0; width:590px; } ul.scheduleList li table td dl { margin-top:0; } ul.scheduleList li table td dl dt { float:left; clear:left; width:180px; color:#000000; text-align:right; padding:2px 10px 0 0; margin-top:10px; } ul.scheduleList li table td dl dt:first-child { margin-top:0; } ul.scheduleList li table td dl dt.scheduleDateStartArrows { background:url(/kanken/personal/images/personal_schedule_bg_arrow01.gif) no-repeat 125px bottom; padding-bottom:40px; } ul.scheduleList li table td dl dt.scheduleDateClosingArrows { background:url(/kanken/personal/images/personal_schedule_bg_arrow01.gif) no-repeat 125px bottom; padding-bottom:40px; } ul.scheduleList li table td dl dt.scheduleDateClosingArrows02 { background:url(/kanken/personal/images/personal_schedule_bg_arrow02.gif) no-repeat 125px bottom; padding-bottom:15px; } ul.scheduleList li table td dl dt p.scheduleSubDate { margin-top:0; line-height:1.2em; } ul.scheduleList li table td dl dt p.scheduleSubDate span { font-size:71%; } ul.scheduleList li table td dl dt.scheduleDateExamination { color:#e83419; font-size:143%; background:url(/kanken/personal/images/personal_schedule_bg_arrow02.gif) no-repeat 125px bottom; padding-bottom:15px; margin-top:0; *margin-top:10px; } ul.scheduleList li table td dl dd { margin:10px 0 0 190px; } ul.scheduleList li table td dl dd.scheduleStart { background:#f1f1f1; margin-top:0; padding:2px 7px; } ul.scheduleList li table td dl dd.scheduleCommon { background:#faf9e9; font-size:115%; padding:2px 7px; } ul.scheduleList li table td dl dd.scheduleClosing { background:#777777; color:#ffffff; padding:2px 7px; } ul.scheduleList li table td dl dd.atComment { margin-top:5px; font-size:86%; line-height:1.3em; } ul.scheduleList li table td dl dd.atComment p:first-child { margin:0; } ul.scheduleList li table td dl dd.atComment p { margin:0 0 0 1em; } ul.scheduleList li table td dl dd.atComment p.atComment { margin:0 0 0 12px; } ul.scheduleList li table td dl dd.atComment p span { color:#e60012; } ul.scheduleList li table td dl dd.scheduleExamination { background:#e83419; color:#ffffff; font-size:122%; padding:3px 7px; margin-bottom:10px; } ul.scheduleList li table td dl.scheduleResult { margin-top:0; } ul#scheduleList { margin:25px 0 0; width:670px; } ul#scheduleList li { margin:0 0 0; padding:20px 0; border-bottom:1px solid #cccccc; list-style:none; text-align:center; } ul#scheduleList li:first-child { margin:0; border-top:1px solid #cccccc; } ul#scheduleList li table { margin-top:0; } ul#scheduleList li table th { background:#d7a400; color:#ffffff; width:80px; text-align:center; font-size:124%; font-weight:normal; border:none; padding:0; } ul#scheduleList li table td { border:none; font-size:108%; padding:0; width:590px; } ul#scheduleList li table td dl { margin-top:0; } ul#scheduleList li table td dl dt { float:left; clear:left; width:180px; color:#000000; text-align:right; padding:2px 10px 0 0; margin-top:10px; } ul#scheduleList li table td dl dt:first-child { margin-top:0; } ul#scheduleList li table td dl dt.scheduleDateStartArrows { background:url(/kanken/personal/images/personal_schedule_bg_arrow01.gif) no-repeat 125px bottom; padding-bottom:40px; } ul#scheduleList li table td dl dt.scheduleDateClosingArrows { background:url(/kanken/personal/images/personal_schedule_bg_arrow01.gif) no-repeat 125px bottom; padding-bottom:40px; } ul#scheduleList li table td dl dt.scheduleDateClosingArrows02 { background:url(/kanken/personal/images/personal_schedule_bg_arrow02.gif) no-repeat 125px bottom; padding-bottom:15px; } ul#scheduleList li table td dl dt p.scheduleSubDate { margin-top:0; line-height:1.2em; } ul#scheduleList li table td dl dt p.scheduleSubDate span { font-size:71%; } ul#scheduleList li table td dl dt.scheduleDateExamination { color:#e83419; font-size:143%; background:url(/kanken/personal/images/personal_schedule_bg_arrow02.gif) no-repeat 125px bottom; padding-bottom:15px; margin-top:0; *margin-top:10px; } ul#scheduleList li table td dl dd { margin:10px 0 0 190px; } ul#scheduleList li table td dl dd.scheduleStart { background:#f1f1f1; margin-top:0; padding:2px 7px; } ul#scheduleList li table td dl dd.scheduleCommon { background:#faf9e9; font-size:115%; padding:2px 7px; } ul#scheduleList li table td dl dd.scheduleClosing { background:#777777; color:#ffffff; padding:2px 7px; } ul#scheduleList li table td dl dd.atComment { margin-top:5px; font-size:86%; line-height:1.3em; } ul#scheduleList li table td dl dd.atComment p:first-child { margin:0; } ul#scheduleList li table td dl dd.atComment p { margin:0 0 0 1em; } ul#scheduleList li table td dl dd.atComment p.atComment { margin:0 0 0 12px; } ul#scheduleList li table td dl dd.atComment p span { color:#e60012; } ul#scheduleList li table td dl dd.scheduleExamination { background:#e83419; color:#ffffff; font-size:122%; padding:3px 7px; margin-bottom:10px; } ul#scheduleList li table td dl.scheduleResult { margin-top:0; } /* お申し込み後から結果のお届けまで ｜ apply/index.html */ p.featureTitle { font-size:108%; color:#4e4a3d; margin-top:25px; } p.featureTitle span { float:left; } p.featureTitle span.imgFeature { } p.featureTitle span.txtFeature { margin:4px 0 0 8px; } /* 合格証明書の再発行 ｜ apply_reissue.html */ ol#reissueStepList { margin:0; padding:0; } ol#reissueStepList li { list-style:none; } ol#reissueStepList > li { margin-top:20px; } ol#reissueStepList li p.reissueStepTitle { font-size:108%; padding-top:5px; color:#153e6e; font-weight:bold; border-bottom:1px solid #153e6e; } ol#reissueStepList li .reissueStepBody { margin-left:15px; } ol#reissueStepList li .reissueStepBody .txtBold { color:#000000; font-size:100%; } /* キャリタス資格・検定のお申し込みの流れと操作について ｜ flow.html */ ol#careerTasuApplyFlowList { margin-top:30px; padding-left:0; } ol#careerTasuApplyFlowList li { padding-top:30px; background:url(/kanken/personal/images/personal_apply_applypc_bg_flow_pc.gif) 76% 15px no-repeat; list-style:none; } ol#careerTasuApplyFlowList li:first-child { padding-top:0; background:none; } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner { float:left; width:350px; } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p.careerTasuApplyTitle { font-weight:bold; font-size:108%; color:#153e6e; background-position:left center; background-repeat:no-repeat; padding:10px 0 10px 45px; } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber01 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow01_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber02 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow02_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber03 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow03_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber04 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow04_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber05 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow05_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber06 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow06_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber07 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow07_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber08 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow08_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber09 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow09_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber10 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow10_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner p#careerTasuApplyTitleNumber11 { background-image:url(/kanken/personal/images/personal_apply_applypc_img_flow11_number.gif); } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner .careerTasuApplyBody { margin-left:45px; } ol#careerTasuApplyFlowList li .careerTasuApplyRightInner { float:right; } /*--------------------------------------- 16/04/01改訂 end ---------------------------------------*/ /* 200630write */ ul.scheduleList li table td .scheAtarea { text-align:center; border:1px solid #cccccc; padding:20px 20px 30px 20px; line-height:1.8; width:560px; margin-left:30px; box-sizing:border-box; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 団体受検 ｜ group ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------ 準会場,公開会場 ｜ preplace,openplace -------------------------------------------------------------*/ /* 実施の流れ */ .group_flowArea { /* margin-left:15px; */ } ul.group_preplace_list { width:100%; overflow:hidden; margin:20px 0 0; padding:0; } ul.group_preplace_list li { float:left; display:inline; margin:0; padding:0; } ul.group_preplace_list li a:hover img { opacity:1; filter:alpha(opacity=100); } ul.group_preplace_list_res { width:100%; overflow:hidden; margin:0; padding:0; } ul.group_preplace_list_res li { float:left; display:inline; margin:0; margin-left:1%; background:url(../images/top_btn_arrow.gif) left center no-repeat; padding-left:18px; width:15.5%; } ul.group_preplace_list_res li:first-child { background:none; } ul.group_preplace_list_res li div { border:1px solid #cccccc; padding:5px; } ul.group_preplace_list_res li p { margin:0; text-align:center; } ul.group_preplace_list_res li span { display:block; } ul.group_preplace_list_res li span.date { border-bottom:1px dotted #cccccc; font-weight:bold; } ul.group_preplace_list_res li span.action { } /* 準備 */ .picArea01sp { width:400px; margin:30px auto 0; } .picArea01sp div.col01 { width:150px; } .picArea01sp div.col02 { width:230px; } .picArea02sp { width:610px; margin:30px auto 0; margin-left:50px; } .picArea02sp div.col01 { width:190px; } .picArea02sp div.col02 { width:230px; margin-right:10px; } .picArea02sp div.col03 { width:160px; } .picArea04sp { width:610px; margin:30px auto 0; margin-left:70px; } .picArea04sp div.col01 { width:130px; } .picArea04sp div.col02 { width:230px; margin-right:10px; } .picArea04sp div.col03 { width:160px; } /* 申込ナビ */ .group_preplace_process02_entryNavi { border-left:1px dotted #a9a198; padding:0 10px 0 20px; } /* 団体受検申込伝票記入例 */ .group_preplace_process02_entrySheet { margin-top:20px; } .group_preplace_process02_entrySheet span.planeBtn a { padding-top:5px; padding-bottom:5px; width:200px; display:block; } .group_preplace_process02_entrySheet span.planeNoLinkBtn { padding-top:5px; padding-bottom:5px; width:200px; display:block; } /*------------------------------------------------------------ 漢検実施支援ツール集 ｜ tool -------------------------------------------------------------*/ /* テーブル */ table.application_group_tool_materiallist td { vertical-align:top; text-align:center; } table.application_group_tool_materiallist .imgbox { width:120px; margin:0 auto; } table.application_group_tool_materiallist .imgname { width:100px; padding:10px; float:left; } table.application_group_tool_materiallist .simg { width:120px; padding-bottom:10px; text-align:center; float:left; } table.application_group_tool_materiallist .simg img { width:100px; } table.application_group_tool_materiallist .simg img.s50 { width:45px; height:100px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検CBT受検 ｜ cbt ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* お申し込みから結果まで */ table.cbt_process_apply_table .mt3 { margin-top:3px; } table.cbt_process_apply_table td { padding:20px 0 22px 7px; } table.cbt_process_apply_table td.cbt_process_apply_top { padding:7px 7px 20px; } table.cbt_process_apply_table td.cbt_process_apply_bottom { padding:20px 7px 30px; } table.cbt_process_apply_table td .cbt_process_title { color:#153e6e; margin:20px 0 0; font-weight:bold; } table.cbt_process_apply_table td .cbt_process_bg_gray { background:#f7f7f7; padding:12px 10px 12px 10px; margin-top:3px; border:1px solid #cccccc; } table.cbt_process_apply_table td .cbt_process_bg_gray ol.plane { margin:10px 0 0; } table.cbt_process_apply_table td .cbt_process_bg_gray ol.plane li span { font-size:108%; font-weight:bold; color:#153e6e; } table.cbt_process_apply_table td table.cbt_process_apply { width:280px; margin:3px 0 0; } table.cbt_process_apply_table td table.cbt_process_apply th, table.cbt_process_apply_table td table.cbt_process_apply td { border:1px solid #cccccc; padding:7px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 団体受検 取組事例 ｜ groupcase ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------ カテゴリ一覧 ｜ index.html -------------------------------------------------------------*/ /* カテゴリリスト */ .application_group_case_caseArea { margin:0 0 0 10px; } .application_group_case_caseArea .caseItem { display:inline; float:left; width:142px; margin:15px 10px 0; padding:0 0 30px; } .application_group_case_caseArea .caseItem p { margin:0 0 5px; line-height:1.2; } .application_group_case_caseArea .caseItem p img { border:1px solid #cccccc; } .groupcase_list { width:665px; overflow:hidden; } .groupcase_list ul { margin:0 -15px 0 0; } /*------------------------------------------------------------ カテゴリー一覧 ｜ /xxxx/index.html -------------------------------------------------------------*/ /* 地域リスト */ .application_group_case_caseDetail { margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #cccccc; } .application_group_case_caseDetail .fLeft img { border:1px solid #cccccc; } .application_group_case_caseDetail .fRight { width:560px; padding:0 0 4px 20px; background:url(/kanken/common/images/link_plane_arrow.gif) no-repeat scroll left 1em transparent; } ul.application_group_case_area li { display:inline; border-right:1px solid #000000; padding:0 4px 0 4px; } ul.application_group_case_area li.now a { background:#ffee91; } .application_group_case_caseDetail .txtBoxL { width:300px; } /*------------------------------------------------------------ 詳細ページ ｜ /xxxx/xxxx/detail.html -------------------------------------------------------------*/ /* 見出し */ p.application_group_case_caseCaption { margin:0 0 10px 0; padding:0 10px 5px 0; border-bottom:solid 2px #d6a100; font-size:115%; font-weight:bold; color:#333333; } /*------------------------------------------------------------ カテゴリ一覧 ｜ index.html -------------------------------------------------------------*/ /* カテゴリリスト */ .success_successArea { margin:0 0 0 17px; } .success_successArea .successItem { display:inline; float:left; width:142px; margin:15px 10px 30px; } .success_successArea .successItem p { margin:0 0 5px; line-height:1.2; } .success_successArea .successItem p img { border:1px solid #cccccc; } /*------------------------------------------------------------ カテゴリー一覧 ｜ /xxxx/index.html -------------------------------------------------------------*/ /* カテゴリナビ */ .success_successNavi { text-align:left; margin:0 auto; width:100%; } .success_successNavi .pagerNavi { margin:20px 0; } /*------------------------------------------------------------ 詳細ページ ｜ /xxxx/xxxx/detail.html -------------------------------------------------------------*/ /* 見出し */ p.success_rank_detailCaption { margin:0 0 10px 0; padding:0 10px 5px 0; border-bottom:solid 2px #d6a100; font-size:115%; font-weight:bold; color:#333333; } /* ページャー */ .pagerNavi .success_pager { width:430px; margin:-4px auto 0; text-align:center; } .pagerNavi .success_pager .pagerBtn { display:inline-block; margin:0 2px 10px;padding:6px; border:#cccccc solid 1px; background:url(/kanken/common/images/link_plane_arrow_bg.gif) bottom center repeat-x; } .pagerNavi .success_pager .pagerBtn:hover { background:url(/kanken/common/images/link_plane_arrow_bg_ov.gif) bottom center repeat-x; text-decoration:none; } .pagerNavi .success_pager .pagerCurrent { background:url(/kanken/common/images/link_plane_arrow_bg_ov.gif) bottom center repeat-x; text-decoration:none; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- お知らせ ｜ topics ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 一覧 */ dl.topics_list { width:100%; overflow:hidden; padding-top:2px; } dl.topics_list dt { float:left; font-weight:normal; color:#222222; vertical-align:top; margin-right:10px; } dl.topics_list dt span.topicsDate { padding:10px 0 0 20px; background:url(/kanken/common/images/link_plane_arrow.gif) no-repeat scroll left 1.1em transparent; display:block; position:relative; } dl.topics_list dt span.topicsDate img { position:absolute; right:-8.5em; top:12px; } dl.topics_list dd { padding:10px 0 10px 17em; border-bottom:1px dotted #cccccc; } /* 16/04改訂追加 */ dl.important_list { width:100%; overflow:hidden; padding-top:2px; } dl.important_list dt { float:left; font-weight:normal; color:#222222; vertical-align:top; margin-right:10px; } dl.important_list dt span.topicsDate { padding:10px 0 0 20px; background:url(/kanken/common/images/link_plane_arrow.gif) no-repeat scroll left 1.1em transparent; display:block; position:relative; } dl.important_list dd { padding:10px 0 10px 8em; border-bottom:1px dotted #cccccc; } /* 詳細 */ h3.topics_caption { position:relative; } .topics_detail_icon { display:block; padding:2px 0 0 110px; } .topics_detail_icon img { position:absolute; top:3px; left:15px; } .topics_detail_icon02 { display:block; float:left; margin:3px 0 0 2px; width:100px; } .topics_detail_text02 { display:block; float:left; margin:2px 0 0 8px; width:565px; } .topics_detail_text02 span { margin-left:10px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 企業の声 ｜ enterprisevoice ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 一覧 */ .enterprisevoice_listDetail { margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #cccccc; } .enterprisevoice_listDetail .fLeft img { border:1px solid #cccccc; } .enterprisevoice_listDetail .fRight { width:600px; padding:4px 0; } .enterprisevoice_detail_infoArea .fRight { width:530px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 成績優秀者表彰式 ｜ citation ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 日本漢字能力検定成績優秀者表彰式 ｜ ceremony.html */ dl.edification_citation_ceremony_award { margin-left:15px; } dl.edification_citation_ceremony_award dt { width:500px; float:left; margin:0; } dl.edification_citation_ceremony_award dd { width:250px; float:left; margin:0; } .edification_citation_ceremony_name { border-bottom:1px dotted #999999; font-size:115%; font-weight:bold; margin-bottom:10px; padding-bottom:3px; } .edification_citation_ceremony_txt { margin:0 0 30px; } .edification_citation_shoSaiyushu th, .edification_citation_shoDantai th { text-align:center; } .edification_citation_shoSaiyushu th.color1 { width:80px; background:#fff4d9; } .edification_citation_shoDantai tr th.color1 { width:60px; background:#fff4d9; } /* write200227 */ .citationInfo.bBoder { border: 1px solid #000; padding: 10px; display: inline-block; } .citationInfo dt { font-weight:normal; color:#000000; float:left; clear:both; } .citationInfo dd { display:inline-block; margin-left:5px; clear:left; } .citacionList {margin:0; } .citacionList li { width:160px; margin-left:15px; list-style:none; float:left; } .citacionList li:first-child { margin-left:0; } .citacionList li table th { border:none; background:none; text-align:left; padding:10px 0 2px; } .citacionList li tr:first-child th { padding-top:0; } .citacionList li table td { border:none; padding:0 0 1px 8px; } .citacionList li p { margin-left:7px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検の教材 ｜ textbook ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 漢検の教材一覧 ｜ book/index.html */ .textbook_book_list { margin:0; padding:10px 0 20px; border-bottom:1px solid #cccccc; } /* 漢検の教材詳細 ｜ book/bookXX.html */ .textbook_book_list02 { margin:5px 0 0; padding:10px 0 20px; background:url(/kanken/common/images/tenLine.gif) repeat-x left bottom; } .textbook_book_list03 { margin:5px 0 0; padding:10px 0 20px; } .textbook_book_caption { margin:20px 0 0; padding:0 0 5px; border-bottom:2px solid #000000; font-size:108%; } .textbook_book_downloadFlow { position:relative; } .textbook_book_groupBtn { position:absolute; left:140px; top:65px; font-size:79%; } table.textbook_book_price { margin:0 0 30px; } table.textbook_book_price td { padding:7px 0; } ul.textbook_book_link { width:100%; overflow:hidden; margin:0 0 20px; } ul.textbook_book_link li { float:left; margin:0 10px 10px 0; list-style:none; } ul.textbook_btn_apply { margin:20px 0px 0px 13px; } ul.textbook_btn_apply li { list-style:none; float:left; margin-left:20px; } dl.textbook_book_download dt { float:left; color:#000000; font-weight:normal; width:80px; } dl.textbook_book_download dd { margin-bottom:5px; } table.textbook_book_table01 th { background:none; margin:0; } table.textbook_book_table01 th, table.textbook_book_table01 td { border:none; border-bottom:dotted 1px #999999; margin:0; padding:5px; } table.textbook_book_table01 th.onebook { width:65px; } table.textbook_book_table02 { margin:5px 0 0; } table.textbook_book_table02 td { border:none; border-bottom:dotted 1px #999999; margin:0; padding:5px; width:260px; } table.textbook_book_table02 th { margin:0; padding:10px 0 10px 5px; background:none; border:none; border-bottom:dotted 1px #999999; vertical-align:top; } table.textbook_book_table03 td { padding:2px 10px 0 0; border:none; } /*write180301*/ p.touanH { margin-top:40px; color: #cd5d04; font-weight: bold; font-size: 120%;} dl.touanList { margin-top:0; } dl.touanList dt { float:left; width:4em; clear:both; margin-top:0.5em; } dl.touanList dd { float:left; margin-top:0.5em; } dl.touanList dd.mondaisu { width:4.5em; } dl.touanList dd.dlBtn img { margin-right:5px; vertical-align:top; } .textbookIconBg { border: solid 1px #bcbcbc; border-radius:4px; padding:0 5px; margin-right:4px; background-color:#fbfac7; line-height:2.2em; } ul.touanList { margin:5px 0 0; } ul.touanList li { float:left; margin-right:20px; list-style:none; } ul.touanList li img { margin-right:5px; vertical-align:top; } ul.textbookBnArea li { float:left; margin-left:20px; list-style:none;} ul.textbookBnArea li:first-child { margin-left:0;} ul.textbookBnArea li img { margin-top:10px; vertical-align:top; } .iniHide { display:none; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- よくある質問 ｜ faq ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ dl.faqList { overflow:hidden; } dl.faqList dt { cursor:pointer;background:url(/kanken/common/images/link_plane_arrow.gif) no-repeat scroll left 11px; border-bottom:1px dotted #999999; padding:7px 0 5px 20px; color:#333333; margin:0; } dl.faqList dt.active { background:url(/kanken/common/images/link_plane_arrow_open.gif) no-repeat scroll left 11px; } dl.faqList dd { margin:0 0 5px; padding-left:20px; } dl.faqList dd .faqAnswer { margin-top:5px; } dl.faqList dd .faqClose { margin:10px 0 30px; text-align:right; } dl.faqList dd .faqClose span.planeBtn a { background-image:url(/kanken/common/images/common_bg_gold_link04.gif); } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 調査・データ ｜ investigation ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ ul.investigation_enterprise_title { margin:25px 0 25px; } ul.investigation_enterprise_title li { margin-bottom:20px; } dl.investigation_enterprise_title { overflow:hidden; } dl.investigation_enterprise_title dt { float:left; width:1.2em; margin-bottom:5px; font-weight:normal; color:#000000; } dl.investigation_enterprise_title dd { margin-left:1.2em; margin-bottom:5px; } h4.investigation_enterprise_h4 { border:none; margin-bottom:5px; } table.investigation_enterprise_table01, table.investigation_enterprise_table02, table.investigation_enterprise_table03 { margin-top:5px; font-size:92%; } table.investigation_enterprise_table01 th { background-color:#e3ebf7; } table.investigation_enterprise_table02 th { background-color:#f5ebc9; } table.investigation_enterprise_table03 th { background-color:#e5f5bc; } .noticeAreaBrown01 { background:#FFFFFF; border:2px solid #daa400; padding:20px 20px; margin:15px 0 0; } .noticeAreaBrown02 { background:#fff8ac; border:1px solid #daa400; padding:10px 10px; margin:15px 0 0; font-size:120%; } .noticeAreaTitle01 { background:#FFFFFF; border:2px solid #2279bc; padding:5px 20px; margin:10px 0 0; } .investigation_enterprise_bold01 { font-weight:bold; color:#d77900; font-size:133%; margin-top:0; } .investigation_enterprise_bold02 { font-weight:bold; color:#000000; } .investigation_enterprise_txtLeft { text-align:left; padding-left:25px; } body.fontLarge table.bAll { word-break:break-all; } table.searchResult { margin-top:15px; } table.searchResult th { padding:6px; text-align:center; white-space:nowrap; } body.fontLarge table.searchResult th { white-space:normal; } table.searchResult td { padding:6px; text-align:center; } table.searchResult td.txtLeft { text-align:left; } table.university_unit th.h01 { width:5%; } table.university_unit th.h02 { width:10%; } table.university_unit th.h03 { width:5%; } table.university_unit th.h04 { width:12%; } table.university_unit th.h05 { width:3%; } table.university_unit th.h06 { width:3%; } table.university_unit th.h07 { width:8%; } table.university_unit th.h08 { width:10%; } table.university_unit th.h09 { width:3%; } table.university_unit th.h10 { width:20%; } .atCommentPosAbs { position:absolute; bottom:50px; left:-317px; } .atCommentPosAbs02 { position:absolute; bottom:25px; left:-317px; } /* 160113追加 */ .posRelative p.schoolNumber { position:absolute; top:0; right:0; margin-top:0; } .posRelative p.balloonTxt { position:absolute; bottom:25px; left:-295px; margin-top:0; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢字教育サポーター紹介制度 ｜ supporter ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #supporter .changeTab h4 { margin-top:20px; } #supporter .areaSlide { margin:0 0 40px; } #supporter .areaSlide h4 { margin:0; padding:4px 0 0 30px; background:url(/kanken/supporter/images/supporter_btn_slide.gif) no-repeat left 4px; border:none; cursor:pointer; } #supporter .areaSlide h4.on { padding:4px 0 10px 30px; background:url(/kanken/supporter/images/supporter_btn_slide_on.gif) no-repeat left 4px; border-bottom:1px solid #cacaca; } #supporter .areaSlide .slideDetail { margin-top:10px; } #supporter div.lessonArea { padding:7px 0 2px; border-top:1px dotted #999999; } #supporter table th { width:7em; vertical-align:middle; } #supporter table th, #supporter table td { border:none; padding:7px; } #supporter table th.col01 { background:#fae6e6; height:1em; } #supporter table th.col02 { background:#e5f1f5; height:2em; } #supporter table th.col03 { background:#e1ead9; height:2em; } #supporter table th.col04 { background:#f6e8d9; height:3em; } #supporter .sceneSelector { margin:0; background:url(/kanken/supporter/images/supporter_bg_tab.gif) repeat-x left bottom; } #supporter .sceneSelector li { display:inline; float:left; width:169px; margin:0 8px 0 0; border:none; text-indent:-9999px; } #supporter .sceneSelector li.last { margin-right:0; } #supporter .sceneSelector li a { display:block; width:169px; height:37px; margin:0; padding:0; border:none; } #supporter .sceneSelector li a.tab01 { background:url(/kanken/supporter/images/support_tab01_off.gif) no-repeat left top; } #supporter .sceneSelector li a.tab02 { background:url(/kanken/supporter/images/support_tab02_off.gif) no-repeat left top; } #supporter .sceneSelector li a.tab03 { background:url(/kanken/supporter/images/support_tab03_off.gif) no-repeat left top; } #supporter .sceneSelector li a.tab04 { background:url(/kanken/supporter/images/support_tab04_off.gif) no-repeat left top; } #supporter .sceneSelector li a.tab01:hover { background:url(/kanken/supporter/images/support_tab01_on.gif) no-repeat left top; } #supporter .sceneSelector li a.tab02:hover { background:url(/kanken/supporter/images/support_tab02_on.gif) no-repeat left top; } #supporter .sceneSelector li a.tab03:hover { background:url(/kanken/supporter/images/support_tab03_on.gif) no-repeat left top; } #supporter .sceneSelector li a.tab04:hover { background:url(/kanken/supporter/images/support_tab04_on.gif) no-repeat left top; } #supporter .sceneSelector li.active a.tab01 { background:url(/kanken/supporter/images/support_tab01_on.gif) no-repeat left top; } #supporter .sceneSelector li.active a.tab02 { background:url(/kanken/supporter/images/support_tab02_on.gif) no-repeat left top; } #supporter .sceneSelector li.active a.tab03 { background:url(/kanken/supporter/images/support_tab03_on.gif) no-repeat left top; } #supporter .sceneSelector li.active a.tab04 { background:url(/kanken/supporter/images/support_tab04_on.gif) no-repeat left top; } #supporter h5 { margin:0 0 15px; background:none; font-size:131%; } #supporter table.spName { width:auto; margin:0 0 20px; border:1px solid #c39300; font-weight:bold; } #supporter table.spName th { background:#c39300; color:#ffffff; width:auto; } #supporter table.spName th, #supporter table.spName td { padding:3px 7px; } #supporter ul#supporterSearch { width:710px; overflow:hidden; margin:0 -10px 20px 0; } #supporter ul#supporterSearch li { display:inline; float:left; width:224px; margin:0 10px 10px 0; border:1px solid #ababab; } #supporter ul#supporterSearch li a { display:block; float:left; width:214px; padding:5px; background:#fff5de; } #supporter ul#supporterSearch li.short { width:207px; } #supporter ul#supporterSearch li.short a { width:197px; } #supporter ul#supporterSearch li.long { width:258px; } #supporter ul#supporterSearch li.long a { width:248px; } #supporter ul#supporterSearch li a:link { color:#222222; text-decoration:none; } #supporter ul#supporterSearch li a:hover { color:#993300; } #supporter dl { margin:20px 0 0; } #supporter dl dt { margin:0 0 5px; padding:0 0 5px 18px;background:url(/kanken/supporter/images/supporter_icon_question.gif) no-repeat left 1px; border-bottom:1px dotted #9a9a9a; font-weight:bold; color:#222222; } #supporter dl dd { margin:0 0 25px; padding:0 0 0 18px;background:url(/kanken/supporter/images/supporter_icon_answer.gif) no-repeat left 1px; } /* サポーター検索 */ #supporter h3.searchTitle { position:relative; width:677px; } #supporter h3.searchTitle span { position:absolute; right:0; bottom:5px; } #supporter p.searchMap { margin:45px 0 60px; } #supporter area.noborder { border:none; outline:none; } /* 提案カリキュラム */ #supporter .curriculumCase .curriculumSlide { overflow:hidden; margin:0 0 30px; padding:0; } #supporter .curriculumCase .curriculumSlide .curriculumTitle { padding:8px; background:url(/kanken/supporter/images/supporter_curriculum_bg_slide.gif) repeat-x; cursor:pointer; } #supporter .curriculumCase .curriculumSlide .curriculumTitle h4 { margin:0; padding:4px 0 0 30px; background:url(/kanken/supporter/images/supporter_btn_slide.gif) no-repeat left 4px; border:none; cursor:pointer; } #supporter .curriculumCase .curriculumSlide .curriculumTitle.on { background:none; } #supporter .curriculumCase .curriculumSlide .curriculumTitle.on h4 { padding-bottom:10px; border-bottom:1px solid #cacaca; background:url(/kanken/supporter/images/supporter_btn_slide_on.gif) no-repeat left 4px; } #supporter .curriculumCase .curriculumSlide .slideDetail { margin-top:10px; } #supporter .curriculumCase p.curriculumTheme { margin:0 0 0 20px; padding-left:47px; background:url(/kanken/supporter/images/supporter_curriculum_icon_example.gif) no-repeat left center; } #supporter .curriculumCase .curriculumContents { margin:20px 20px 30px; } #supporter .curriculumCase .curriculumContents table { width:570px; margin:0 auto ; border-collapse:separate; border-spacing:4px; } #supporter .curriculumCase .curriculumContents table th.leftSide { width:22%; } #supporter .curriculumCase .curriculumContents table td { padding:15px; } #supporter .curriculumCase .curriculumContents table td p { line-height:1.7; } #supporter .curriculumCase .curriculumContents table .color01 { background:#ede6c9; } #supporter .curriculumCase .curriculumContents table .color02 { background:#f6f3ee; } #supporter .curriculumCase .curriculumContents table .color03 { background:#fbf9dd; } /* サポーター活動例 */ #supporter .activityArea { margin:0 0 0 17px; } #supporter .activityArea .activityItem { display:inline; float:left; width:142px; margin:15px 10px 0; padding-bottom:30px; } #supporter .activityArea .activityItem p { margin:0 0 5px; line-height:1.2; } #supporter .activityArea .activityItem p img { border:1px solid #cccccc; } #supporter .activityDetail { margin:20px 0 0; } #supporter .activityDetail h4 { background:none; font-size:131%; margin:0 0 15px; padding:0; border:none; color:#222222; } #supporter .activityDetail .paragraph { margin-top:25px; } /* サポーターページ内メニュー */ #supporter .supporterMenuArea { width:680px; margin:0 auto; } #supporter ul.supporterMenu { margin:40px 0 0 0; } #supporter ul.supporterMenu li { float:left; width:108px; height:63px; margin:0 0 0 4px; list-style:none; } /* write180412 */ /* 検索 */ #supporter .fNone { float:none !important; } #supporter ul.plane li input { vertical-align:middle; margin-bottom:2px; } #supporter ul.areaSearch li label { margin:10px 5px 0 0; width:4.5em; background:url(/kanken/supporter/images/supporter_search_bg_checkbox.png) no-repeat left bottom; cursor:pointer; display:inline-block; height:22px; line-height:22px; /* overflow:hidden; */ padding:0 0 0 28px; float:left; } #supporter ul.areaSearch li label.w7em { width:7em; } #supporter ul.areaSearch li label input[type="checkbox"] { opacity:0; filter:alpha(opacity=0); position: absolute; cursor:pointer; } #supporter ul.areaSearch li label.chkOn { background-position:left top; } #supporter ul.areaSearch li { padding:8px -15px 8px 1px; } #supporter ul.areaSearch li img { margin-left:6px; margin-top:0px; } #supporter ul.areaSearch li label.grayCh { color: #999999; background:url(/kanken/supporter/images/supporter_search_bg_checkbox_gray.png) no-repeat left bottom; cursor:default; } #supporter ul.areaSearch li label.grayCh input { cursor:default; } #supporter ul.areaSearchDetail { margin:10px 0 0; padding:0 0 10px 28px; background:url(/kanken/supporter/images/supporter_search_t_04.gif) 10px 14px no-repeat #f9f1ca; } #supporter ul.areaSearchDetail li { padding:3px 5px 2px 1px; } #supporter ul.areaSearchDetail li.bgColor01 { background-color:#f9f1ca; padding:3px 0; } #supporter ul.areaSearch.wAutoCh label { width:auto; margin-right:25px; } #supporter button { border:none; width:auto; padding:0; margin:0; background:none; font-size:0; line-height:0; overflow:visible; cursor:pointer; } #supporter button img { display:block; } #supporter .searchBtnArea { width:545px; margin:40px auto 30px; } #supporter .searchBtnArea button#btnSearchCond { margin-right:178px; float:right; } #supporter .searchBtnArea button#btnClear { float:left; } #supporter input { outline:none; } #supporter table.searchResult { margin-top:20px; width:100%; padding:0; } #supporter table.searchResult th { text-align:center; padding:6px; white-space:nowrap; background:#eaeaea; font-size:86%; } #supporter table.searchResult td { text-align:left; padding:6px; font-size:86%; } #supporter table.searchResult th, #supporter table.searchResult td { border:1px solid #cccccc; } #supporter table.searchResult td.txtLeft { text-align:left; } #supporter table.searchResult td.txtCenter { text-align:center; } #supporter table.searchResult thead td { background:#eaeaea; font-weight:bold; white-space:nowrap; } #supporter table td a.arrowLink img { margin:0 6px; vertical-align:-0.13em; } #supporter table.searchResult td a.arrowLink { margin-top:6px; display:block; } #supporter table.searchResult th.h01 { width:8%; } #supporter table.searchResult th.h02 { width:13%; } #supporter table.searchResult th.h03 { width:11%; } #supporter table.searchResult th.h05 { width:16%; } /* 活用例 */ #supporter .supporter_caseArea { margin:0 0 0 10px; } #supporter .supporter_caseArea .caseItem { display:inline; float:left; width:142px; margin:15px 10px 0; padding:0 0 30px; } #supporter .supporter_caseArea .caseItem p { margin:0 0 5px; } #supporter .supporter_caseArea .caseItem p img { border:1px solid #cccccc; } #supporter ul.supporter_case_area li { display:inline; border-right:1px solid #000000; padding:0 4px 0 4px; } #supporter ul.supporter_case_area li.now a { background:#ffee91; } #supporter p.supporter_case_area_caseCaption { margin:0 0 10px 0; padding:0 10px 5px 0; border-bottom:solid 2px #d6a100; font-size:115%; font-weight:bold; color:#333333; } #supporter .paragraph .txtBold { margin-top:0; } #supporter .paragraph { margin-top:25px; } /* 流れ */ #supporter table.stepTable td { padding:16px 7px; } /* qa */ #supporter dl.faqList { overflow:hidden; } #supporter dl.faqList dt { cursor:pointer;background:url(/kanken/common/images/link_plane_arrow.gif) no-repeat scroll left 11px; border-bottom:1px dotted #999999; padding:7px 0 5px 20px; color:#333333; margin:0; } #supporter dl.faqList dt.active { background:url(/kanken/common/images/link_plane_arrow_open.gif) no-repeat scroll left 11px; } #supporter dl.faqList dd { margin:0 0 5px; padding-left:20px; background:none; } #supporter dl.faqList dd .faqAnswer { margin-top:5px; } #supporter dl.faqList dd .faqClose { margin:10px 0 30px; text-align:right; } #supporter dl.faqList dd .faqClose span.planeBtn a { background-image:url(/kanken/common/images/common_bg_gold_link04.gif); } /* write180412end */ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 小・中・高・大・社 の方へ ｜ primary / juniorhighschool / highschool / business ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 扉 */ #promoTopNaviArea { margin-top:40px; } body.fontLarge #promoTopNaviArea { margin-top:60px; } #promoTopNaviLeftInner { float:left; } #promoTopNaviLeftInner h2 { background:none; padding-bottom:0; } #promoTopNaviRightInner { float:left; background:#f8f5ea; width:710px; margin-top:5px; border-radius:5px 5px 0 0; border-bottom:3px solid #ff7920; } #promoTopNaviRightInner ul { margin:0 0 0 5px; padding:8px 5px; } #promoTopNaviRightInner ul li { float:left; list-style:none; margin-left:10px; } #promoTopNaviRightInner ul li a { display:block; } #promoTopNaviRightInner ul li a:hover img { opacity:1; filter:alpha(opacity=100); } #promoTopContentArea { margin-top:20px; padding:35px 30px 0; background:url(../images/bg_promo_dot.jpg) left top repeat; border-radius:5px 5px 0 0; } #promoTopContentArea .harfInner p { width:50%; } #promoTopContentArea p { text-align:center; margin-top:30px; } #promoApplyArea { padding:35px 30px; background:url(../images/bg_promo_dot.jpg) left top repeat; border-radius:0 0 5px 5px; } #promoApplyArea p { text-align:center; margin-top:30px; } #promoApplyArea .bdDottedTop { background:url(../images/category_top_tenline.gif) center top no-repeat; padding-top:10px; } /* 160524変更スタート */ #promoBottomNaviArea { margin:40px auto 0; } #promoBottomNaviArea ul { margin:0; text-align:center; } #promoBottomNaviArea ul li { display:inline-block; margin-left:20px; list-style:none; } #promoBottomNaviArea ul li:first-child { margin-left:0; } /* 160524変更エンド */ /* 210129変更スタート */ #promoBottomNaviArea2 { margin:0 auto; } #promoBottomNaviArea2 ul { margin-left:28px; } #promoBottomNaviArea2 ul li { display:inline-block; margin-left:20px; list-style:none; } #promoBottomNaviArea2 ul li:first-child { margin-left:0; } /* 210129変更エンド */ /* マンガ */ #promoMangaContentArea { margin-top:20px; } #promoMangaContentArea p { text-align:center; margin-top:0; } #promoMangaMainInner { background:none #1abbd3; padding:0 30px; } #promoApplyArea.mangaArea { padding:35px 30px; background:none #1abbd3; border-radius:0 0 5px 5px; } #promoApplyArea.mangaArea p { margin-top:0; } #promoApplyArea.mangaArea .bdDottedTop { background:none #1abbd3; padding-top:10px; } /* 3つの理由 */ #promoReasonContentArea { margin-top:20px; padding:20px 0 0; background:url(../images/bg_promo_line.jpg) center 30px repeat-y; background-color:#fff6e1; border-radius:5px 5px 0 0; } #promoReasonContentArea h3 { background:none; border-bottom:none; margin:0; padding:0; text-align:center; } #promoReasonContentArea p { line-height:1.8em; font-size:116%; } #promoReasonContentArea p.txtDesc { width:860px; margin:20px auto 0; } #promoReasonContentArea p.txtHead { font-size:154%; margin-top:0; } #promoReasonContentArea p.inPagetop { text-align:right; width:910px; margin:10px auto 0; } #promoReasonContentArea span.strTxt { color:#58b651; font-weight:bold; } #promoReasonContentArea span.strTxt2 { color:#ff6a06; font-weight:bold; } #promoReasonContentArea .promoEnclosure { width:800px; margin:20px auto 0; padding:30px 20px 40px; background:none #ffffff; border-radius:5px; } #promoReasonContentArea ul.pointList { width:860px; margin:20px auto 0; } #promoReasonContentArea ul.pointList li { float:left; list-style:none; margin-left:15px; } #promoReasonContentArea ul.pointList li:first-child { margin-left:0; } #promoReasonContentArea ul.pointList li a { display:block; } #promoReasonContentArea ul.twoList { width:550px; margin:20px auto 0; } #promoReasonContentArea ul.twoList li { float:left; list-style:none; margin-left:25px; } #promoReasonContentArea ul.twoList li:first-child { margin-left:0; } #promoReasonContentArea ul.twoList li a { display:block; } #promoReasonContentArea ul.threeList { width:850px; margin:20px auto 0; } #promoReasonContentArea ul.threeList li { float:left; list-style:none; margin-left:25px; } #promoReasonContentArea ul.threeList li:first-child { margin-left:0; } #promoReasonContentArea ul.threeList li a { display:block; } .promoReasonPoint1Inner { background:none #f0ffef; width:870px; margin:30px auto 0; padding:20px; border:2px solid #bde0ba; border-top:3px solid #58b651; } .promoReasonPoint1Inner p.txtHead { color:#58b651; } .promoReasonPoint2Inner { background:none #eaf8ff; width:870px; margin:20px auto 0; padding:20px; border:2px solid #c0dee1; border-top:3px solid #1599d2; } .promoReasonPoint2Inner p.txtHead { color:#0fa1d3; } .promoReasonPoint3Inner { background:none #ffeff6; width:870px; margin:20px auto 0; padding:20px; border:2px solid #f9cdcf; border-top:3px solid #ef5299; } .promoReasonPoint3Inner p.txtHead { color:#ef5299; } .promoUnit01 { position:relative; overflow:visible; } .promoUnit01 .txtBox { width:640px; } .promoUnit01 .txtBox p { margin-left:15px; } .promoUnit01 .imgBox { position:absolute; top:0; right:0; } .promoUnit02 { position:relative; margin-top:20px; } .promoUnit02 .txtBox { float:left; width:560px; } .promoUnit02 .txtBox p { margin-left:15px; } .promoUnit02 .imgBox { float:right; } .promoUnit03 { position:relative; margin-top:20px; } .promoUnit03 .txtBox { width:850px; } .promoUnit03 .txtBox p { margin-left:15px; } .promoUnit04 { position:relative; margin-top:10px; } .promoUnit04 .imgBox { float:left; } .promoUnit04 .imgBox p { margin-left:15px; } .promoUnit04 .txtBox { float:right; width:480px; margin-top:40px; } .promoUnit05 { position:relative; margin-top:10px; } .promoUnit05 .imgBox { float:left; } .promoUnit05 .imgBox p { margin-left:15px; } .promoUnit05 .txtBox { float:right; width:400px; margin-top:100px; } .promoUnit06 { position:relative; overflow:visible; } .promoUnit06 .txtBox { } .promoUnit06 .txtBox p { margin-left:15px; } .promoUnit06 .imgBox { position:absolute; top:0; right:0; } #promoReasonContentArea .promoUnit06 .txtBox p.txtHead { margin-top:20px; } #promoApplyArea.reasonArea { background:url(../images/bg_promo_line.jpg) center top repeat-y; background-color:#fff6e1; } #promoApplyArea.reasonArea p { margin-top:0; } /*220218write*/ .pcDisplayNone { display: none; } #promoReasonContentArea .w100per { width: 100%;} #promoReasonContentArea #p1Title { display: flex; justify-content: space-between; width: 100%; } #promoReasonContentArea #p1Title + p + p { width: 610px; } #promoReasonContentArea #p1TitleImg { position: relative; } #promoReasonContentArea #p1TitleImg p { position: absolute; right: 15px; bottom: -15px; } #promoReasonContentArea h4 { background: none; margin: 0; border: none; } #promoReasonContentArea h5.gBg { background: #6aba3b; padding: 12px 14px 10px; color: #ffffff; font-size: 180%; font-weight: normal; letter-spacing: 0.05em; border-radius: 6px; margin: 15px; } #promoReasonContentArea h6 { display: flex; align-items: flex-start; line-height: 1.4; color: #58b651; font-size: 160%; font-weight: bold; margin: 30px 0 15px; } #promoReasonContentArea h6 span:nth-of-type(1) { display: inline-block; margin-right: 10px; } #promoReasonContentArea h6 span:nth-of-type(2) { margin-top: 4px; } #promoReasonContentArea h6.aic { align-items: center; } #promoReasonContentArea h6 span:nth-of-type(2) span { display:inline; margin-right:5px; font-size:140%; } #promoReasonContentArea .dfjsbw { display: flex; justify-content: space-between; } #promoReasonContentArea .p1Ill { margin-top: 30px;} #promoReasonContentArea .promoUnit07 { margin: 0 15px; word-break:break-all; } #promoReasonContentArea .promoUnit07 .txtBox { width: 100%; } #promoReasonContentArea .promoUnit08 { margin: 0 15px; } #promoReasonContentArea .promoUnit08 .txtBox { width: 500px; } #promoReasonContentArea .promoUnit09 { margin: 0 15px; } #promoReasonContentArea .promoUnit09 .txtBox { width: 620px; } #promoReasonContentArea .lineBox { margin-top: 20px; border: 1px solid #58b651; padding: 15px; } #promoReasonContentArea .lineBox .readH { font-size: 150%; color: #58b651; margin-top: 0; } #promoReasonContentArea .lineBox p { margin-top:0; } #promoReasonContentArea #evaluationList { display: flex; justify-content: space-between; } #promoReasonContentArea #evaluationList .evaluationBox { width: 265px; padding: 15px; background: #d5f1cb; box-sizing: border-box; margin: 15px auto 0; } #promoReasonContentArea #evaluationList .evaluationBox h6 { display: block; text-align: center; margin: 0; font-size: 140%; width: 100%; color: #000000; font-weight: bold; } #promoReasonContentArea #evaluationList .evaluationBox .wBg { background: #ffffff; padding: 10px 13px; } #promoReasonContentArea #evaluationList .evaluationBox .wBg .schoolName { font-size: 130%; font-weight: bold; border-bottom: 1px solid #cccccc; margin-top: 0; } #promoReasonContentArea .hs #evaluationList .evaluationBox .wBg:nth-of-type(1) { min-height: 280px; margin-top: 10px; } #promoReasonContentArea .hs #evaluationList .evaluationBox .wBg:nth-of-type(2) { min-height: 260px; margin-top: 15px; } #promoReasonContentArea .promoEnclosure { box-shadow: 0 0 2px 1px rgba(0, 0, 0, .07); border-radius: 0; } #promoReasonContentArea .promoEnclosure dl { display: flex; font-size: 120%; margin: 30px 25px 0; } #promoReasonContentArea .promoEnclosure dl dt { color: #000000; width: 6em; } #promoReasonContentArea .promoEnclosure dl dd { width: calc(100% - 6em); } #promoReasonContentArea .numDesc { margin-bottom: 20px; } #promoReasonContentArea .numDesc p { margin-top: 30px; padding-left: 1em; text-indent: -1em; } #promoReasonContentArea .numDesc p.atComment { margin-top: 5px; } #promoReasonContentArea .numDesc table { width: auto; margin: 5px 0 0 15px; } #promoReasonContentArea .numDesc table th, #promoReasonContentArea .numDesc table td { font-weight: normal; border: none; background: none; padding: 0; vertical-align: top; font-size: 120%; } #promoReasonContentArea .numDesc table th { text-align: center; } #promoReasonContentArea .introTxt { margin-top: 15px; font-size: 140%; font-weight: bold; text-align: center; } /*220218write end*/ /*220228write*/ #promoReasonContentArea .jhs #evaluationList .evaluationBox .wBg:nth-of-type(1) { min-height: 200px; margin-top: 10px; } #promoReasonContentArea .jhs #evaluationList .evaluationBox .wBg:nth-of-type(2) { min-height: 200px; margin-top: 15px; } #promoReasonContentArea .promoEnclosure dl { flex-wrap:wrap; font-size: 115%; } #promoReasonContentArea .jhs .promoEnclosure dl { margin-top: 20px; } #promoReasonContentArea .jhs .promoEnclosure dl dt { width: auto; margin-top:10px; } #promoReasonContentArea .jhs .promoEnclosure dl dd { width: calc(100% - 8em); margin-top:10px; } #promoReasonContentArea .jhs .allNum { display:flex; } #promoReasonContentArea .jhs .allNum span { display:block; width:6em; } #promoReasonContentArea .jhs .allNum span + span { width: calc(100% - 6em); padding-left:0; text-indent:0; } /*220228write end*/ /* SNSボタン */ #contentTopSnsArea ul li { float:right; list-style:none; margin: 0 5px; } #contentTopSnsArea img { width:auto !important; } #contentTopSnsArea.centeringArea { margin-top:20px; width:270px; } /* 漢字の豆知識 */ #promoTriviaContentArea { margin-top:20px; padding:15px 0 20px; background-color:#f3ffd8; border-radius:5px; } #promoTriviaContentArea.bgLine { background:url(/kanken/common/images/bg_promo_line02.gif) center top repeat-y #f3ffd8; } #promoTriviaContentArea h3 { background:none; border-bottom:none; margin:0; padding:0; text-align:center; } #promoTriviaContentArea p { text-align:center; margin-top:0; } #promoTriviaContentArea ul.twoDivList { margin:0 auto; width:851px; } #promoTriviaContentArea ul.twoDivList li { float:left; width:410px; margin:30px 0 0 30px; list-style:none; } #promoTriviaContentArea ul.twoDivList li dl { margin:0; } #promoTriviaContentArea ul.twoDivList li dl dt { margin:0; } #promoTriviaContentArea ul.twoDivList li dl dd { margin:0; } #promoTriviaContentArea ul.twoDivList li dl img { vertical-align:bottom; } #promoTriviaContentArea ul.threeDivList { margin:0 auto; width:851px; } #promoTriviaContentArea ul.threeDivList li { float:left; width:273px; margin:30px 0 0 16px; list-style:none; } #promoTriviaContentArea ul.threeDivList li:first-child { margin-left:0; } #promoTriviaContentArea ul.threeDivList li dl { margin:0; } #promoTriviaContentArea ul.threeDivList li dl dt { margin:0; } #promoTriviaContentArea ul.threeDivList li dl dd { margin:0; } #promoTriviaContentArea ul.threeDivList li dl img { vertical-align:bottom; } #promoTriviaBackNumberArea { margin-top:20px; padding:20px; background-color:#f3ffd8; border-radius:5px; } #promoTriviaBackNumberArea h3 { background:none; border-bottom:2px solid #6abb3b; margin:0; padding:0 0 4px 0; font-size:124%; color:#6abb3b; } #promoTriviaBackNumberArea p { margin:5px 0 0; padding:8px 0 10px; background:url(/kanken/common/images/backnumber_bottom_tenline.gif) left bottom repeat-x; } #promoTriviaBackNumberArea p span { padding-left:25px; background:url(/kanken/common/images/backnumber_trivia_icon.gif) left 0.1em no-repeat; display:block; color:#000000; text-decoration:none; } #promoTriviaBackNumberArea p.nowArticle span { padding-left:25px; background:url(/kanken/common/images/backnumber_trivia_icon_now.gif) left 0.1em no-repeat; display:block; color:#000000; text-decoration:none; font-weight:bold; } #promoTriviaBackNumberArea p a { color:#000000; text-decoration:none; } #promoTriviaBackNumberArea p a:hover { text-decoration:underline; } #promoTriviaBackNumberArea ul { margin:0; } #promoTriviaBackNumberArea ul li { margin:5px 0 0 25px; padding:8px 0 10px; width:440px; background:url(/kanken/common/images/backnumber_bottom_tenline.gif) left bottom repeat-x; list-style:none; float:left; } #promoTriviaBackNumberArea ul li span { padding-left:25px; background:url(/kanken/common/images/backnumber_trivia_icon.gif) left 0.2em no-repeat; display:block; } #promoTriviaBackNumberArea ul li a { color:#000000; text-decoration:none; } #promoTriviaBackNumberArea ul li.nowArticle span { padding-left:25px; background:url(/kanken/common/images/backnumber_trivia_icon_now.gif) left 0.1em no-repeat; display:block; color:#000000; text-decoration:none; font-weight:bold; } #promoTriviaBackNumberArea ul li a:hover { text-decoration:underline; } #promoApplyArea.triviaArea { background:none #f3ffd8; padding-top:20px; } #promoApplyArea.triviaArea p { margin-top:0; } #promoTriviaContentArea h4 { background:none; border:none; margin:20px 0 18px 38px; padding-bottom:0; } #promoTriviaContentArea p.txtRight { text-align:right; margin-right:45px; } #promoTriviaContentArea p a#promoTriviaLink { position:absolute; top:0; left:180px; text-align:center; width:235px; } /*221205write*/ .careertasuBtnArea { text-align: center; margin-top: 30px; } .careertasuBtnArea .linkBox { display: flex; justify-content: center; } .careertasuBtnArea .linkBox p { margin: 10px 10px 10px 20px !important; } .careertasuBtnArea .linkBox p::before { content: url("/kanken/images/bg_listmark06.gif"); margin-right:5px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- サポート ｜ support ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #supportArea h2 { padding-bottom:0; background:none; } #supportArea p.descTxt { line-height:1.8em; font-size:108%; margin-top:20px; } #supportArea p { margin-top:40px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 満点賞 ｜ manten ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mantenArea h2 { padding-bottom:0; background:none; } #mantenArea p { margin-top:30px; } #mantenArea .mantenEnclosureUnit { position:relative; border:3px solid #eb4d96; border-top:none; border-radius:0 0 5px 5px; margin:0 auto; width:874px; padding:10px 20px; } #mantenArea .mantenEnclosureUnit p { font-size:108%; margin-top:20px; } #mantenArea .mantenEnclosureUnit p.descTxt { font-size:139%; margin-top:10px; line-height:1.6em; width:580px; } #mantenArea .mantenEnclosureUnit span.strTxt { font-weight:bold; color:#e10068; } #mantenArea .mantenEnclosureUnit ul li { font-size:92%; } #mantenArea .mantenEnclosureUnit #certificateImg { position:absolute; bottom:30px; right:10px; } #mantenArea .mantenEnclosureUnit #certificateImg2 { position:absolute; bottom:145px; right:45px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 家族受検 ｜ family ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #familyArea h2 { padding-bottom:0; background:none; } #familyArea p { margin-top:30px; } #familyArea .familyEnclosureUnit { position:relative; border:3px solid #ef7172; border-top:none; border-radius:0 0 5px 5px; margin:0 auto; width:874px; padding:10px 20px; } #familyArea .familyEnclosureUnit p { font-size:108%; margin-top:20px; } #familyArea .familyEnclosureUnit p.descTxt { font-size:139%; margin-top:10px; line-height:1.6em; width:550px; } #familyArea .familyEnclosureUnit span.strTxt { font-weight:bold; color:#e10068; display:block; } #familyArea .familyEnclosureUnit ul li { font-size:92%; } #familyArea .familyEnclosureUnit #certificateImg { position:absolute; bottom:-10px; right:0; } #familyArea .planeUnit { margin-left:35px; } #familyArea .planeUnit p { margin-top:15px; } #familyArea .planeUnit ol { padding-left:0; } #familyArea .planeUnit ol li { list-style:none; } #familyArea .planeUnit ol li p { list-style:none; } #familyArea .planeUnit .txtCaption { margin-top:30px; } #familyArea .planeUnit span.strTxt { font-weight:bold; color:#e10068; } #familyArea .planeUnit #referLink { position:absolute; right:120px; top:260px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 知っトク！漢検の魅力 ｜ miryoku ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #miryokuArea h2 { padding-bottom:0; background:none; } #miryokuArea .miryokuInner { } #miryokuArea .miryokuInner h3 { background:none; border-bottom:none; margin:0; padding:0; } #miryokuArea .miryokuInner p { margin-top:0; } #miryokuArea .miryokuInner ul#miryokuTab { margin:50px 0 0; } #miryokuArea .miryokuInner ul#miryokuTab li { list-style:none; float:left; margin-left:7px; } #miryokuArea .miryokuInner ul#miryokuTab li:first-child { margin-left:0; } #miryokuArea .miryokuInner ul#miryokuTab li a { display:block; } #miryokuArea .miryokuInner #tabsUnit { /* background-color:#fcf5e9; */ } #miryokuArea .miryokuInner #tabsUnit .changeTab { background-color:#fcf5e9; } #miryokuArea .miryokuInner #tabsUnit #reviewImg { width:912px; margin:0 auto; padding:20px 0 35px; text-align:center; background:url(/kanken/miryoku/images/miryoku_tab_bg.gif) left -10px repeat; } #miryokuArea .miryokuInner #tabsUnit .btnNextTab { text-align:right; background:#ffffff; padding-top:20px; } #miryokuArea .miryokuInner #leadBnUnit { margin-top:50px; } #miryokuArea .miryokuInner #leadBnUnit #leadBnLeftBox { float:left; } #miryokuArea .miryokuInner #leadBnUnit #leadBnRightBox { float:right; } #miryokuArea .miryokuInner #leadBnUnit .bdDottedTop { background:url(/kanken/miryoku/images/miryoku_bg_dot.gif) left top repeat-x; padding-top:10px; font-size:100%; font-weight:bold; } #miryokuArea .miryokuInner #leadBnUnit ul { margin:5px 0 0; } #miryokuArea .miryokuInner #leadBnUnit ul li { float:left; margin:0 0 0 8px; list-style:none; } #miryokuArea .miryokuInner #leadBnUnit ul li:first-child { margin-left:0; } #miryokuArea .miryokuInner #leadBnUnit ul li a { display:block; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 目安チェック ｜ meyasucheck ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 扉 */ #meyasu01Area { padding-top:85px; background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_pc.gif) left top no-repeat; } #meyasu01Area h2 { text-align:center; background:none; width:100%; } #meyasu01Area ul#meyasu_btn_list { width:792px; margin:0 auto; } #meyasu01Area ul#meyasu_btn_list li { float:left; margin:10px 0 0 10px; list-style:none; } #meyasu01Area ul#meyasu_btn_list li a { display:block; } #meyasu01Area #meyasuInner { padding:10px 0 70px; background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxbottom_pc.gif) left bottom no-repeat; } /* チェック */ #meyasu02Area { padding-top:100px; background:none left top no-repeat; position:relative; } #meyasu02Area.rank2 { background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank2_pc.gif) left top no-repeat; } #meyasu02Area.rankj2 { background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rankj2_pc.gif) left top no-repeat; } #meyasu02Area.rank3 { background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank3_pc.gif) left top no-repeat; } #meyasu02Area.rank4 { background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank4_pc.gif) left top no-repeat; } #meyasu02Area.rank5 { background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank5_pc.gif) left top no-repeat; } #meyasu02Area.rank6 { background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank6_pc.gif) left top no-repeat; } #meyasu02Area.rank7 { background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank7_pc.gif) left top no-repeat; } #meyasu02Area.rank8 { background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank8_pc.gif) left top no-repeat; } #meyasu02Area.rank9 { background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank9_pc.gif) left top no-repeat; } #meyasu02Area.rank10 { background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank10_pc.gif) left top no-repeat; } #meyasu02Area h2 { position:absolute; top:60px; right:35px; background:none; padding:0; } #meyasu02Area p#txtDesc { text-align:center; line-height:1.8em; font-size:139%; } #meyasu02Area #meyasuQuestionInner { width:850px; margin:0 auto 0; padding-top:0; } #meyasu02Area #meyasuQuestionInner ol#quetionList { margin:30px 0 0; padding:10px 0 0; border-top:1px solid #a5a5a5; } #meyasu02Area #meyasuQuestionInner ol#quetionList li { list-style:none; margin:20px 0 0; padding:0 0 25px 0; border-bottom:1px dotted #cccccc; } #meyasu02Area #meyasuQuestionInner ol#quetionList li p { font-size:139%; margin-top:0; } #meyasu02Area #meyasuQuestionInner ol#quetionList li p.questionNo { float:left; margin:5px 0 0 0; padding:3px 3px 3px; border:1px solid #bfbfbf; width:45px; text-align:center; } #meyasu02Area #meyasuQuestionInner ol#quetionList li p.questionNo.alert { background-color:#f00000; border-color:#f00000; color:#ffffff; } #meyasu02Area #meyasuQuestionInner ol#quetionList li p.questionTxt { float:left; margin:5px 0 0 10px; padding:3px 0 0; width:355px; line-height:1.3em; } #meyasu02Area #meyasuQuestionInner ol#quetionList li span.target { color:#ff3c00; font-weight:bold; text-decoration:underline; } #meyasu02Area #meyasuQuestionInner ol#quetionList li ul { float:right; margin:0; padding:5px 15px; background:none #fbf7e6; width:360px; border-radius:5px; } #meyasu02Area #meyasuQuestionInner ol#quetionList li ul li { float:left; font-size:124%; width:85px; margin:0 0 0 15px; padding:5px 0 5px 1em; text-indent:-1.1em; border-bottom:none; } #meyasu02Area #meyasuQuestionInner ol#quetionList li ul li label { cursor: pointer; } #meyasu02Area #meyasuQuestionInner ol#quetionList li ul li input { margin-right:5px; cursor: pointer; } #meyasu02Area #meyasuBottomInner { padding:20px 0 60px; background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxbottom_pc.gif) left bottom no-repeat; } #meyasu02Area #meyasuBottomInner p#btnAnswer { text-align:center; } #meyasu02Area #meyasuBottomInner p#txtAlert { text-align:center; font-size:139%; color:#ff0000; margin-bottom:30px; } /* 結果 */ #meyasu02Area p#txtAnswer01 { font-size:139%; text-align:center; margin-right:450px; } #meyasu02Area p#txtAnswer02 { font-size:250%; text-align:center; } #meyasu02Area p#txtAnswer02 span { color:#ff3c00; } #meyasu02Area p#txtAnswer02 span#answerNo { font-size:250%; font-weight:bold; } #meyasu02Area p#txtAnswerDesc { position:absolute; top:140px; right:50px; font-size:116%; padding:8px 6px 8px 12px; background:none #fbf7e6; border-radius:5px; } #meyasu02Area p#txtAnswerDesc span { color:#ff0000; background:url(/kanken/meyasucheck/images/meyasucheck_bg_underline.gif) center bottom no-repeat; } #meyasu02Area #meyasuQuestionInner ol#quetionList li ul li.answer { color:#ff0000; background:url(/kanken/meyasucheck/images/meyasucheck_bg_underline.gif) center bottom no-repeat; } #meyasuLinkArea p#txtMoreInfo { font-size:185%; font-weight:bold; color:#ff0000; margin:40px auto 0; width:560px; line-height:1.2em; } #meyasuLinkArea ul#personalLinkList { margin:15px 0 0; } #meyasuLinkArea ul#personalLinkList li { float:left; display:block; margin-left:22px; } #meyasuLinkArea ul#personalLinkList li a { display:block; } body.fontLarge #meyasu02Area p#txtAnswer02 { margin-bottom:75px; } body.fontLarge #meyasu02Area p#txtAnswerDesc { top:200px; right:50px; } body.fontLarge #meyasuLinkArea p#txtMoreInfo { width:690px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 団体担当の方へ ｜ organization ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 扉 */ #organizationTitleArea { margin-top:50px; } #organizationTitleArea h2 { padding-bottom:0; background:none; } #organizationMainArea { margin-top:20px; padding:20px 40px 50px; background-color:#f6fafc; } #organizationReasonInnerTop { background:url(/kanken/organization/images/organization_bg_reason_top_pc.gif) center top no-repeat; margin-top:30px; padding-top:10px; } #organizationReasonInnerBottom { background:url(/kanken/organization/images/organization_bg_reason_bottom_pc.gif) center bottom no-repeat; padding:30px 40px 35px; } #organizationReasonInnerBottom p.reasonTitle { margin-top:0; text-align:center; } .organizationReasonUnit { margin-top:20px; font-size:108%; line-height:1.6em; } .organizationReasonUnit p.reasonSubTitle { font-size:139%; font-weight:bold; color:#367c9c; } .organizationReasonLeftBox { float:left; width:600px; } .organizationReasonRightBox { float:right; margin-right:30px; } ul.organizationStepList { margin:30px 0 0; } ul.organizationStepList li { float:left; list-style:none; } /* 詳細 */ .organizationStepInner { background:url(/kanken/organization/images/organization_step_bg_dotedline_pc.gif) center top no-repeat; margin-top:30px; padding-top:40px; } .organizationStepInner h3 { margin:0; background:none; padding:0; border-bottom:none; } .organizationStepUnit { margin-top:15px; font-size:116%; line-height:1.8em; } .organizationStepUnit p.stepMemoTitle { font-size:139%; font-weight:bold; color:#367c9c; text-align:center; } .organizationStepUnit ul { margin:10px 0 0; } .organizationStepUnit ul li { list-style:none; font-size:92%; } .organizationStepLeftBox { float:left; width:650px; } .organizationStepRightBox { float:left; margin:30px 0 0 30px; } .organizationStepRingTopBox { background:url(/kanken/organization/images/organization_step_bg_groupcase02_top_pc.gif) center top no-repeat; padding-top:33px; } .organizationStepRingBottomBox { background:url(/kanken/organization/images/organization_step_bg_groupcase02_bottom_pc.gif) center bottom no-repeat; padding:10px 30px 25px; } .organizationStepRingLeftTopBox { float:left; width:595px; background:url(/kanken/organization/images/organization_step_bg_groupcase_top_pc.gif) center top no-repeat; padding-top:33px; } .organizationStepRingLeftBottomBox { background:url(/kanken/organization/images/organization_step_bg_groupcase_bottom_pc.gif) center bottom no-repeat; padding:10px 30px 25px; } .organizationStepRingRightTopBox { float:right; width:265px; background:url(/kanken/organization/images/organization_step_bg_tool_top_pc.gif) center top no-repeat; padding-top:33px; } .organizationStepRingRightBottomBox { background:url(/kanken/organization/images/organization_step_bg_tool_bottom_pc.gif) center bottom no-repeat; padding:10px 30px 25px; position:relative; } .organizationStepRingRightBottomBox ul { text-align:center; margin-top:20px; } .organizationStepRingRightBottomBox ul li { margin-top:25px; line-height:1.6; } .organizationStepRingRightBottomBox ul li a { color:#000000; text-decoration:none; } .organizationStepRingRightBottomBox ul li a:hover { text-decoration:underline; } .organizationStepRingRightBottomBox p.stepRightBtn { position:absolute; bottom:25px; margin-top:0; } #organizationBottomLinkInner { background:url(/kanken/organization/images/organization_step_bg_dotedline_pc.gif) center top no-repeat; margin-top:30px; padding-top:40px; } #organizationBottomLinkInner ul { margin:0; } #organizationBottomLinkInner ul li { list-style:none; float:left; margin-left:14px; } #organizationBottomLinkInner ul li:first-child { margin-left:0; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 私の好きな漢字と漢検 ｜ sukinakanji ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #sukinakanjiTitleArea { margin-top:50px; } #sukinakanjiTitleArea h2 { padding-bottom:0; background:none; } #sukinakanjiIntroArea { margin-top:20px; font-size:116%; line-height:1.7em; } #sukinakanjiIntroArea p.sukinakanjiIntroTxt { float:left; width:495px; margin:0; } #sukinakanjiIntroArea p.sukinakanjiIntroImg { float:right; margin:0; } #sukinakanjiMainArea { margin-top:0; font-size:116%; line-height:1.7em; } #sukinakanjiMainArea h3 { background:none; border-bottom:none; margin:55px 0 0; padding:0; } .sukinakanjiEpsodeInner .sukinakanjiEpsodeUnit { background-color:#fff0f0; border:2px solid #fdd1d1; border-top:none; padding:15px; } .sukinakanjiEpsodeInner .sukinakanjiEpsodeUnit p { margin-top:0; } .sukinakanjiBookInner .sukinakanjiBookUnit { background-color:#fcfaeb; padding:20px; font-size:92%; } .sukinakanjiBookUnit .sukinakanjiBookImgBox { float:left; width:240px; } .sukinakanjiBookUnit .sukinakanjiBookImgBox p { margin-top:0; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox { float:right; width:655px; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox ul.bookList { margin:15px 0 0; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox ul.bookList li { float:left; margin-left:15px; list-style:none; width:115px; font-size:79%; line-height:1.5em; vertical-align:bottom; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox ul.bookList li:first-child { margin-left:0; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox p { margin-top:5px; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox p.sukinaBookImg { margin-top:0; } /* 第2回追記 */ .sukinakanjiBookUnit .sukinakanjiRecommendImgBoxInner { margin-left:20px; list-style:none; font-size:79%; line-height:1.5em; vertical-align:bottom; } .sukinakanjiBookUnit .sukinakanjiRecommendTxtBox { float:left; width:615px; } .sukinakanjiBookUnit .sukinakanjiRecommendImgBox { float:right; width:295px; } .sukinakanjiBookUnit .sukinakanjiRecommendImgBox p.recommendImg { float:left; width:120px; margin-top:0; } .sukinakanjiBookUnit .sukinakanjiRecommendImgBoxUnit { display:table; float:left; height:127px; } .sukinakanjiBookUnit .sukinakanjiRecommendImgBoxUnit p.recommendTxt { width:145px; padding-left:10px; display:table-cell; vertical-align:middle; } #sukinakanjiBackNumberArea { margin-top:50px; font-size:108%; } .sukinakanjiNewInner p.sukinakanjiListTitle { background:url(/kanken/kanjitokanken/images/kanjitokanken_bg_line_backnumber.gif) left bottom repeat-x; padding-bottom:5px; } .sukinakanjiNewInner .sukinakanjiUnit { margin-top:10px; } .sukinakanjiNewInner .sukinakanjiUnit .thumbBox { float:left; width:85px; } .sukinakanjiNewInner .sukinakanjiUnit .thumbBox p { margin-top:0; } .sukinakanjiNewInner .sukinakanjiUnit .linkBox { float:left; width:840px; margin-left:10px; } .sukinakanjiNewInner .sukinakanjiUnit .linkBox ul { margin:0; } .sukinakanjiNewInner .sukinakanjiUnit .linkBox ul li { list-style:none; margin-top:5px; padding-left:15px; background:url(/kanken/kanjitokanken/images/kanjitokanken_backnumber_icon.gif) left 0.3em no-repeat; } .sukinakanjiNewInner .sukinakanjiUnit .linkBox ul li a { color:#000000; text-decoration:none; } .sukinakanjiNewInner .sukinakanjiUnit .linkBox ul li a:hover { text-decoration:underline; } .sukinakanjiNewInner .sukinakanjiUnit .linkBox ul li.nowArticle { padding-left:15px; background:url(/kanken/kanjitokanken/images/kanjitokanken_backnumber_icon_now.gif) left 0.4em no-repeat; display:block; color:#000000; text-decoration:none; font-weight:bold; } .sukinakanjiBackNumberInner { margin-top:25px; } .sukinakanjiBackNumberInner p#sukinakanjiBackNumberTitle { font-weight:bold; font-size:116%; border-bottom:2px solid #a7a7a7; padding-bottom:5px; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList { margin:0; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList li.sukinakanjiBackNumber { width:455px; float:left; margin:10px 0 0 35px; list-style:none; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList li.sukinakanjiBackNumber p.sukinakanjiListTitle { background:url(/kanken/kanjitokanken/images/kanjitokanken_bg_line_backnumber.gif) left bottom repeat-x; padding-bottom:5px; } .sukinakanjiBackNumberInner .sukinakanjiUnit { margin-top:10px; } .sukinakanjiBackNumberInner .sukinakanjiUnit .thumbBox { float:left; width:85px; } .sukinakanjiBackNumberInner .sukinakanjiUnit .thumbBox p { margin-top:0; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox { float:left; width:355px; margin-left:10px; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox ul { margin:0 0 5px; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox ul li { list-style:none; margin-top:5px; padding-left:15px; background:url(/kanken/kanjitokanken/images/kanjitokanken_backnumber_icon.gif) left 0.3em no-repeat; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox ul li a { color:#000000; text-decoration:none; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox ul li a:hover { text-decoration:underline; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox ul li.nowArticle { padding-left:15px; background:url(/kanken/kanjitokanken/images/kanjitokanken_backnumber_icon_now.gif) left 0.4em no-repeat; display:block; color:#000000; text-decoration:none; font-weight:bold; } /* 第3回追記 */ .sukinakanjiDvdUnit { background:#fef8f8; border:solid 3px #eb5d18; border-top:0; padding:20px; } .sukinakanjiDvdUnit .sukinakanjiDvdImgBox { float:left; margin-left:30px; display:inline; } .sukinakanjiDvdUnit .sukinakanjiDvdTxtBox { width:650px; float:left; margin-left:50px; } .sukinakanjiDvdUnit .sukinakanjiDvdTxtBox h4 { color:#eb5d18; background:none; border:none; margin-top:10px; padding:0; } .sukinakanjiDvdUnit .sukinakanjiDvdTxtBox p.sukinakanjiDvdInfo { font-size:79%; line-height:1.5em; } #columnLeft { float:left; width:650px; } #columnLeft h3 { margin-top:0; } #columnRight { float:right; width:250px; border:solid 3px #008F3A; } #columnRight p { line-height:1.5em; margin-top:0; text-align:center; margin-top:10px; } #columnRight p#bookImg { width:50%; margin:20px auto 0; } #columnRight p#bookImg img { width:100%; } #columnRight p span { display:inline-block; text-align:left; *display: inline; *zoom: 1; } /* 第13回追記 */ #columnLeft2 { float:left; width:450px; } #columnLeft2 h3 { margin-top:0; } #columnLeft2 p { margin-top:0; } #columnRight2 { float:right; width:450px; border:solid 3px #008F3A; } #columnRight2 p { line-height:1.5em; text-align:left; margin:30px 0 0 10px; float:left; width:250px; } #columnRight2 p#bookImg { margin:30px 10px 30px 30px; width:135px; } #columnRight2 p#bookImg img { width:auto; } #columnRight2 p span { margin:10px 0; display:inline-block; } /* 第15回追記 */ #columnLeft3 { float:left; width:700px; } #columnLeft3 h3 { margin-top:0; } #columnLeft3 p { margin-top:0; } #columnRight3 { float:right; width:200px; border:solid 3px #008F3A; } #columnRight3 p { line-height:1.5em; text-align:left; margin:10px; float:left; width:180px; word-break:break-all; } #columnRight3 p span { margin:10px 0; } #sukinakanjiMainArea span.c01 { color:#449BC7; font-weight:bold; } #sukinakanjiMainArea span.c02 { color:#ED698E; font-weight:bold; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 合格体験記 ｜ success ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #successMainArea { background-color:#ec5b79; padding:25px 0 30px; font-size:116%; line-height:1.6em; } #successMainArea h2 { padding-bottom:0; background:none; } #successMainArea h3 { background:none; border-bottom:none; margin:0; padding:0; } #successMainArea p { margin-top:0; } #successMainArea .successTopInner01 { background:url(/kanken/success/images/success_bg_top01_pc.png) center top no-repeat #fff; width:850px; margin:0 auto; padding:20px 25px; } #successMainArea .successTopInner02 { background:url(/kanken/success/images/success_bg_top02_pc.png) center top no-repeat #fff; width:840px; margin:30px auto 0; padding:0 30px 20px; position:relative; } #successMainArea ul.successNaviList { margin:50px auto 0; width:830px; } #successMainArea ul.successNaviList li { float:left; margin-left:10px; list-style:none; } #successMainArea ul.successNaviList li:first-child { margin-left:0; } #successMainArea p.successSubTitle { font-weight:bold; font-size:116%; color:#268ddd; margin-top:30px; } #successMainArea p.successProfile { position:absolute; right:15px; top:-14px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ほな、漢検 ｜ honakanken ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainWrapperWide.honakanken { background:url(/kanken/honakanken/images/honakanken_bg_pc.jpg) center top no-repeat; background-size:cover; margin:20px 0 30px; } #honaContents01Area { position:relative; height:800px; } #honaContents01Area p { position:absolute; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); opacity:0; } #honaContents01Area p#honaImg01 { top:63px; left:86px; } #honaContents01Area p#honaTxt01 { top:75px; left:429px; } #honaContents01Area p#honaTxt02 { top:91px; left:563px; } #honaContents01Area p#honaImg02 { top:353px; left:543px; } #honaContents01Area p#honaTxt03 { top:486px; left:473px; } #honaContents01Area p#honaTxt04 { top:475px; left:173px; } #honaContents02Area p { -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); opacity:0; } #honaContents02Area p#honaImg03 { text-align:center; margin-top:30px; } #honaContents02Area p#honaTxt05 { text-align:center; margin-top:90px; } #honaContents02Area p#honaTxt06 { text-align:center; margin-top:30px; } #honaNaviArea { margin-top:50px; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); opacity:0; } #honaNaviArea ul#honaTriviaList { width:800px; margin:0 auto; } #honaNaviArea ul#honaTriviaList li { float:left; width:192px; margin-left:10px; list-style:none; } #honaNaviArea ul#honaTriviaList li a { display:block; } #honaNaviArea ul#honaTriviaList li:first-child { margin-left:0; } #honaNaviArea p#honaPersonal { text-align:center; margin-top:75px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 新生活に正しい漢字を | 日本漢字能力検定 ｜ shinseikatsu ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ ul#shinseikatsuContentsList { margin:0; } ul#shinseikatsuContentsList li { list-style:none; margin:0; position:relative; } ul#shinseikatsuContentsList li img { vertical-align:bottom; } ul#shinseikatsuContentsList li span { position:absolute; z-index:100; } ul#shinseikatsuContentsList li span#shinseikatsuSakura01 { left:-30px; top:-100px; } ul#shinseikatsuContentsList li span#shinseikatsuSakura02 { right:-25px; top:-180px; } ul#shinseikatsuContentsList li span#shinseikatsuSakura03 { left:-25px; top:-127px; } ul#shinseikatsuContentsList li span#shinseikatsuSakura04 { right:-12px; top:88px; } #shinseikatsuNaviArea { margin-top:35px; } #shinseikatsuNaviArea p#shinseikatsuTrivia { text-align:center; } #shinseikatsuNaviArea ul#shinseikatsuTriviaList { width:800px; margin:20px auto 0; } #shinseikatsuNaviArea ul#shinseikatsuTriviaList li { float:left; width:192px; margin-left:10px; list-style:none; } #shinseikatsuNaviArea ul#shinseikatsuTriviaList li a { display:block; } #shinseikatsuNaviArea ul#shinseikatsuTriviaList li:first-child { margin-left:0; } #shinseikatsuNaviArea p#shinseikatsuPersonal { text-align:center; margin-top:45px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 彼女が漢字を好きな理由。 ｜ kanokan ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #kanokan h2 { font-size:100%; padding-bottom:0; background-image:none; } #kanokan h3 { font-size:100%; padding-bottom:0; background-image:none; border-bottom:none; } #kanokan h4 { font-size:100%; padding-bottom:0; background-image:none; background-color:transparent; border-left:none; } #kanokan p { margin-top:0; } #kanokan ul { margin:0; } #kanokan ul li { list-style:none; margin-top:0; } #kanokan img { vertical-align:bottom; } /*------------------------------ ヘッダー -------------------------------*/ #headerKanokanContainer { width:100%; background:url(/kanken/kanokan/images/kanokan_header_bg.gif) left top repeat-x; } #headerKanokanContainer.gnfixed { position:fixed; z-index:11; } #headerKanokanWrapper { width:950px; margin:0 auto; } #headerKanokanWrapper #headerKanokanLeftArea { float:left; width:705px; padding:17px 0; position:relative; } #headerKanokanWrapper #headerKanokanRightArea { float:right; padding:10px 0; } /* グローバルナビ */ #headerKanokanWrapper #headerKanokanLeftArea p { position:absolute; left:0; top:18px; z-index:12; } #headerKanokanWrapper #headerKanokanLeftArea ul#globalNavi { float:left; margin:3px 0 0 116px; } #headerKanokanWrapper #headerKanokanLeftArea ul#globalNavi li { float:left; margin-top:0; background:url(/kanken/kanokan/images/kanokan_gnavi_bg.gif) left center no-repeat; list-style:none; } #headerKanokanWrapper #headerKanokanLeftArea ul#globalNavi li:first-child { background:none; } #headerKanokanWrapper #headerKanokanLeftArea ul#globalNavi li a { display:block; padding:5px 18px; } ul#globalNaviSp { display:none; } /* SNSリスト */ #headerKanokanWrapper #headerKanokanRightArea p { float:left; } #headerKanokanWrapper #headerKanokanRightArea ul#snsList { float:left; margin:15px 0 0 8px; } #headerKanokanWrapper #headerKanokanRightArea ul#snsList li { float:left; list-style:none; } #headerKanokanWrapper #headerKanokanRightArea ul#snsList li a { display:block; padding:0 3px; } #headerKanokanWrapper #headerKanokanRightArea ul#snsList li.lineBtn { display:none; } #headerKanokanWrapper #headerKanokanRightArea p#spMenu { display:none; } /*------------------------------ コンテンツ -------------------------------*/ /* メインビジュアル */ #mvKanokanContainer { width:100%; min-width:950px; background:url(/kanken/kanokan/images/kanokan_img_mv_pc.jpg) center center no-repeat; background-size:cover; } #mvKanokanContainer #mvKanokanWrapper { height:650px; min-height:650px; margin:0 auto; position:relative; } #mvKanokanContainer #mvKanokanWrapper.hAuto { height:auto !important; } #mvKanokanContainer #mvKanokanWrapper h1 { text-indent:-9999px; } #mvKanokanContainer #mvKanokanWrapper p#bnSchedule { position:absolute; right:30px; bottom:30px; z-index:10; } /* 物語 */ #storyKanokanContainer { width:100%; min-width:950px; padding-top:90px; background:url(/kanken/kanokan/images/kanokan_bg_story_pc.jpg) center 210px no-repeat; /* height:620px; */ } #storyKanokanContainer #storyKanokanWrapper { width:950px; margin:0 auto; position:relative; padding-bottom:15px; } #storyKanokanContainer #storyKanokanWrapper h2 { text-align:center; } #storyKanokanContainer #storyKanokanWrapper p#txtImg01 { position:absolute; right:0; top:60px; } #storyKanokanContainer #storyKanokanWrapper p#txtImg02 { text-align:center; margin-top:310px; } /* 作品 */ #workKanokanContainer { width:100%; min-width:950px; margin-top:80px; background:url(/kanken/kanokan/images/kanokan_bg_work_pc.jpg) center top no-repeat; } #workKanokanContainer #workKanokanWrapper { width:950px; margin:0 auto; padding:95px 0; } #workKanokanContainer #workKanokanWrapper h2 { text-align:center; } #workKanokanContainer #workKanokanWrapper ul { width:950px; margin:30px auto 0; } #workKanokanContainer #workKanokanWrapper ul li { float:left; margin-left:20px; list-style:none; } #workKanokanContainer #workKanokanWrapper ul li:first-child { margin-left:0; } #workKanokanContainer #workKanokanWrapper p.movieCaption { text-align:center; margin-top:15px; } /* 登場人物 */ #charaKanokanContainer { width:100%; min-width:950px; padding-top:90px; } #charaKanokanContainer #charaKanokanWrapper { width:950px; margin:0 auto; position:relative; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea { width:320px; position:absolute; left:50%; margin-left:-160px; z-index:9; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea h2 { text-align:center; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea ul#charaChangeList { width:320px; margin:20px auto 0; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea ul#charaChangeList li { float:left; margin-left:12px; list-style:none; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea ul#charaChangeList li:first-child { margin-left:0; } #charaKanokanContainer #charaChangeKanokanWrapper { width:100%; margin:15px 0 0; overflow:hidden; position:relative; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea { width:300%; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea.cf { overflow:visible; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 { width:33.33%; background-color:#ffcec4; float:left; margin:250px 0 50px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 #charaChangeUnit01 { width:950px; margin:0 auto; position:relative; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 #charaChangeUnit01 p#wholeBodyHirai { position:absolute; bottom:-50px; right:55px; z-index:10; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 #charaChangeUnit01 p#profileHirai { margin-top:30px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 #charaChangeUnit01 p#faceHirai { margin-left:10px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 { width:33.33%; background-color:#d1e2ff; float:left; margin:250px 0 50px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 { width:950px; margin:0 auto; position:relative; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 p#wholeBodySagara { position:absolute; bottom:-50px; right:0px; z-index:10; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 p#profileSagara { margin-top:20px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 p#yojiSagara { margin-top:5px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 p#faceSagara { margin-left:5px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 { width:33.33%; background-color:#ffd8b3; float:left; margin:250px 0 50px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 #charaChangeUnit03 { width:950px; margin:0 auto; position:relative; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 #charaChangeUnit03 p#wholeBodyHatano { position:absolute; bottom:-50px; right:30px; z-index:10; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 #charaChangeUnit03 p#profileHatano { margin-top:30px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 #charaChangeUnit03 p#faceHatano { margin-left:10px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea .charaChangeLeftBox { float:left; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea .charaChangeRightBox { float:right; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 .charaChangeRightBox { margin-right:185px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 .charaChangeRightBox { margin-right:110px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 .charaChangeRightBox { margin-right:140px; } /* 出演・音楽 */ #appearanceKanokanContainer { width:100%; min-width:950px; margin-top:60px; background-color:#f5f3e7; } #appearanceKanokanContainer #appearanceKanokanWrapper { width:950px; margin:0 auto; } #appearanceKanokanContainer #appearanceKanokanWrapper h2 { padding-top:70px; text-align:center; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList { } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li { margin-top:0; padding:50px 0 50px; border-top:1px solid #dbd9d1; list-style:none; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li:first-child { margin-top:0; border-top:none; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList { } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li { float:left; margin:0 0 0 5px; border-top:none; padding:0; list-style:none; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li:first-child { margin-left:0; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li.colProfile { width:300px; margin-left:15px; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li.colProfile p.profileTitle { font-weight:bold; margin-top:15px; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li.colProfile p.profileTxt { font-size:77%; line-height:1.5em; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li.colKanji { float:right; } /* 制作 */ #productionKanokanContainer { width:100%; min-width:950px; padding-top:90px; } #productionKanokanContainer #productionKanokanWrapper { width:950px; margin:0 auto; } #productionKanokanContainer #productionKanokanWrapper h2 { text-align:center; } #productionKanokanContainer #productionKanokanWrapper p#studio4Logo { margin-top:10px; text-align:center; } #productionKanokanContainer #productionKanokanWrapper #studio4Profile { float:left; width:625px; } #productionKanokanContainer #productionKanokanWrapper #studio4Profile p.profileTitle { font-weight:bold; margin-top:15px; } #productionKanokanContainer #productionKanokanWrapper #studio4Profile p.profileTxt { font-size:77%; line-height:1.5em; } #productionKanokanContainer #productionKanokanWrapper p#studio4Kanji { float:right; } #productionKanokanContainer #productionKanokanWrapper p#staffTitle { margin-top:30px; text-align:center; } #productionKanokanContainer #productionKanokanWrapper ul#staffList { margin-top:20px; } #productionKanokanContainer #productionKanokanWrapper ul#staffList li { float:left; list-style:none; } #productionKanokanContainer #productionKanokanWrapper ul#staffList li:first-child { } /* 夏海の漢検紹介 */ #natsumiIntroKanokanContainer { width:100%; min-width:950px; margin-top:90px; background:url(/kanken/kanokan/images/kanokan_bg_natsumi_kanken_intro.gif) center top no-repeat; } #natsumiIntroKanokanContainer #natsumiIntroKanokanWrapper { width:950px; height:314px; margin:0 auto; padding:0; position:relative; } #natsumiIntroKanokanContainer #natsumiIntroKanokanWrapper h2 { padding-top:70px; margin-left:150px; } #natsumiIntroKanokanContainer #natsumiIntroKanokanWrapper p#introDetail { margin-top:10px; margin-left:290px; } #natsumiIntroKanokanContainer #natsumiIntroKanokanWrapper p#natsumiTopBody { position:absolute; right:-40px; bottom:0; } /* 友達と漢検を受検しよう！ */ #snsKanokanContainer { width:100%; min-width:950px; margin-top:0; padding:40px 0 60px; } #snsKanokanContainer #snsKanokanWrapper { width:950px; margin:0 auto; padding:0; } #snsKanokanContainer #snsKanokanWrapper p { text-align:center; } #snsKanokanContainer #snsKanokanWrapper ul { width:630px; margin:20px auto 0; } #snsKanokanContainer #snsKanokanWrapper ul li { float:left; margin-left:10px; list-style:none; } #snsKanokanContainer #snsKanokanWrapper ul li.lineBtn { display:none; } #snsKanokanContainer #snsKanokanWrapper ul li:first-child { margin-left:0; } /*------------------------------ フッター -------------------------------*/ #footerKanokanContainer { width:100%; min-width:950px; margin-top:0; padding:50px 0 50px; background:url(/kanken/kanokan/images/kanokan_footer_bg.png) left top repeat; } #footerKanokanContainer #footerKanokanWrapper { width:950px; margin:0 auto; padding:0; font-size:92%; } #footerKanokanContainer #footerKanokanWrapper p#footerTitle { text-align:center; } #footerKanokanContainer #footerKanokanWrapper ul { width:470px; margin:30px auto 0; } #footerKanokanContainer #footerKanokanWrapper ul li { float:left; margin-left:12px; padding-left:12px; background:url(/kanken/kanokan/images/kanokan_footer_bg_border.gif) left center no-repeat; list-style:none; } #footerKanokanContainer #footerKanokanWrapper ul li:first-child { margin-left:0; padding-left:0; background:none; } #footerKanokanContainer #footerKanokanWrapper ul li a { display:block; color:#000000; text-decoration:none; } #footerKanokanContainer #footerKanokanWrapper ul li a:hover { text-decoration:underline; } #footerKanokanContainer #footerKanokanWrapper p#footerCopyright { text-align:center; margin-top:10px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 夏海の漢検紹介 ｜ kanokan/natsumi ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 夏海背景 */ #kanokan.kanokanNatsumi { background:url(/kanken/kanokan/images/kanokan_natsumi_bg.gif) left top repeat; } /*------------------------------ ヘッダー -------------------------------*/ #kanokan.kanokanNatsumi #headerKanokanWrapper { width:950px; margin:0 auto; } #kanokan.kanokanNatsumi #headerKanokanWrapper #headerKanokanLeftArea { float:left; width:705px; padding:17px 0; } #kanokan.kanokanNatsumi #headerKanokanWrapper #headerKanokanRightArea p { margin-top:12px; } /* グローバルナビ */ #kanokan.kanokanNatsumi #headerKanokanWrapper #headerKanokanLeftArea ul#globalNavi { margin-left:386px; } /*------------------------------ コンテンツ -------------------------------*/ /* メインビジュアル */ #mvNatsumiContainer { width:100%; min-width:950px; background:#f0e8d3; } #mvNatsumiWrapper { position:relative; width:950px; margin:0 auto; overflow:visible; height:488px; } #mvNatsumiWrapper #mvNatsumiRightArea { float:right; margin:52px 0 37px 0; } #mvNatsumiWrapper p#mvNatsumi { position:absolute; left:-20px; top:-55px; } #mvNatsumiWrapper p#bnSchedule { position:absolute; right:0; bottom:30px; } /* サブメニュー */ #natsumiSubMenuContainer { width:100%; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_submenu_pc.gif) left top repeat-x; } #natsumiSubMenuWrapper { width:950px; margin:0 auto; } #natsumiSubMenuWrapper ul#natsumiSubMenu { border-left:#ffeda6 solid 1px; border-right:#ccaf3e solid 1px; } #natsumiSubMenuWrapper ul#natsumiSubMenu li { float:left; } /* 3つの特長 */ #goodPointContainer { width:100%; min-width:950px; padding-top:280px; } #goodPointWrapperTop { position:relative; width:950px; margin:0 auto 0; padding:28px 0 0 0; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_top_pc.png) center top no-repeat; } #goodPointWrapper { padding:0 0 30px 0; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_body_pc.png) center bottom no-repeat; } #goodPointWrapper p#goodPointNatsumi { position:absolute; top:-260px; left:280px; } #goodPointWrapper h2 { padding:40px 0 0 0; text-align:center; } #goodPointWrapper .goodPointArea { position:relative; width:850px; margin:45px auto 0; padding-top:33px; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_paper_top_pc.png) center top no-repeat; } #goodPointWrapper .goodPointInner { padding-bottom:100px; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_paper_body_pc.png) center bottom no-repeat; } #goodPointWrapper #goodPoint01Area h3 { margin-top:0; padding:40px 0 28px; text-align:center; } #goodPointWrapper #goodPoint01Area h4 { margin:12px 34px 0; } #goodPointWrapper #goodPoint01Area p#goodPoint01Txt01 { margin:15px 33px 0; } #goodPointWrapper #goodPoint01Area p#goodPoint01Txt02 { margin:15px 33px 0; } #goodPointWrapper #goodPoint01Area p#goodPoint01Comment { position:absolute; top:-110px; left:25px; } #goodPointWrapper #goodPoint01Area span.txtBold { color:#ff0065; } #goodPointWrapper #goodPoint01Area .goodPointInner { padding-bottom:100px; } #goodPointWrapper #goodPoint02Area { margin-top:0; } #goodPointWrapper #goodPoint02Area h3 { margin-top:0; padding:30px 0 22px; text-align:center; } #goodPointWrapper #goodPoint02Area p#goodPoint02Txt { float:left; margin:25px 0 0 33px; width:500px; } #goodPointWrapper #goodPoint02Area p#certification { float:right; margin:25px 30px 0 0; } #goodPointWrapper #goodPoint02Area p#goodPoint02Comment { position:absolute; top:60px; right:30px; } #goodPointWrapper #goodPoint02Area span.txtBold { color:#ff0065; } #goodPointWrapper #goodPoint02Area .goodPointInner { padding-bottom:80px; } #goodPointWrapper #goodPoint03Area { margin-top:0; } #goodPointWrapper #goodPoint03Area h3 { margin-top:0; padding:30px 0 0; text-align:center; } #goodPointWrapper #goodPoint03Area p#goodPoint03Txt { margin:15px 0 0; text-align:center; } #goodPointWrapper #goodPoint03Area p#goodPoint03_02Txt { text-align:center; } #goodPointWrapper #goodPoint03Area p#goodPoint03Comment { position:absolute; top:85px; right:15px; } #goodPointWrapper #goodPoint03Area ul#goodPoint03Graph { width:795px; margin:20px auto; } #goodPointWrapper #goodPoint03Area ul#goodPoint03Graph li { float:left; margin:0 10px; } #goodPointWrapper #goodPoint03Area span.txtBold { color:#ff0065; } #goodPointWrapper #goodPoint03Area .goodPointInner { padding-bottom:70px; } /* 選べる受検級 */ #gradeContainer { width:100%; min-width:950px; } #gradeWrapperTop { position:relative; width:950px; margin:95px auto 0; padding:28px 0 0 0; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_top_pc.png) center top no-repeat; } #gradeWrapper { padding:0 0 30px 0; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_body_pc.png) center bottom no-repeat; } #gradeWrapper h2 { padding:40px 0 0 0; text-align:center;} #gradeWrapper p#gradeTable { margin:-22px 0 0 234px; } #gradeWrapper ul#gradeBtn { margin:23px 0 30px 234px; } #gradeWrapper ul#gradeBtn li { float:left; margin:0 4px 0; } #gradeWrapper p#gradeNatsumi { position:absolute; bottom:-83px; left:-50px; } /* 検定日程 */ #scheduleNatsumiContainer { width:100%; min-width:950px; } #scheduleNatsumiWrapperTop { position:relative; width:950px; margin:95px auto 0; padding:28px 0 0 0; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_top_pc.png) center top no-repeat; } #scheduleNatsumiWrapper { padding:0 0 25px 0; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_body_02.png) center bottom no-repeat; } #scheduleNatsumiWrapper h2 { padding:40px 0 0 0; text-align:center; } #scheduleNatsumiWrapper p#scheduleComment { margin:20px 0 58px 90px; } #scheduleNatsumiWrapper p#scheduleNatsumi { position:absolute; bottom:-197px; left:-11px; } #scheduleNatsumiWrapper #scheduleNatsumiArea { width:850px; margin:45px auto 0; padding-top:33px; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_paper_top_pc.png) center top no-repeat; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner { padding-bottom:90px; background:url(/kanken/kanokan/images/kanokan_natsumi_bg_paper_body_pc.png) center bottom no-repeat; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner p#scheduleHead { text-align:center; padding-top:20px; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner ul { width:790px; margin:20px auto 0; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner ul li { float:left; margin-left:20px; } /* 申込バナー */ #natsumiApplyContainer { width:100%; min-width:950px; } #natsumiApplyWrapper { width:950px; margin:200px auto 0; } #natsumiApplyWrapper p#natsumiApplyBn { text-align:center; } /* 友達と漢検を受検しよう！ */ #natsumiSnsContainer { width:100%; min-width:950px; margin-top:0; padding:40px 0 50px; } #natsumiSnsContainer #natsumiSnsWrapper { width:950px; margin:0 auto; padding:0; } #natsumiSnsContainer #natsumiSnsWrapper p { text-align:center; } #natsumiSnsContainer #natsumiSnsWrapper ul#natsumiSnsBtn { width:630px; margin:20px auto 0; } #natsumiSnsContainer #natsumiSnsWrapper ul#natsumiSnsBtn li { float:left; margin-left:10px; } #natsumiSnsContainer #natsumiSnsWrapper ul#natsumiSnsBtn li:first-child { margin-left:0; } /*------------------------------ フッター -------------------------------*/ #kanokan.kanokanNatsumi #footerKanokanContainer { background:#ffffff; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 豆知識リニューアル ｜ kanokan/trivia ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 共通 */ #triviaContentArea { background:#f3ffd8; margin-top:20px; padding:35px; } #triviaContentArea h2 { background:none; } #triviaContentArea h3 { background:none; border-bottom:none; padding:0; margin:0; } #triviaContentArea ul { margin:0; } #triviaContentArea ul li { list-style:none; margin:0; } /* トップ */ #triviaContentArea ul#triviaTopList li { float:left; margin:25px 0 0 29px; } #triviaContentArea ul#triviaTopList li:first-child { margin-left:0; } /* リスト */ #triviaContentArea #triviaListInner { width:803px; margin:0 auto; background:#ffffff; padding-bottom:65px; } #triviaContentArea #triviaListInner ul li a { /* color:#000000; */ text-decoration:none; } #triviaContentArea #triviaListInner ul#indexList { width:695px; margin:15px auto 0; font-size:154%; } #triviaContentArea #triviaListInner ul#indexList li { background:url(/kanken/trivia/images/trivia_list_bg.gif) no-repeat left 0.2em; padding-left:50px; } #triviaContentArea #triviaListInner ul#indexList li.triviaNew { background:url(/kanken/trivia/images/trivia_list_bg_new.gif) no-repeat left 0.2em; } #triviaContentArea #triviaListInner ul#indexList li a { display:block; padding:19px 115px 19px 20px; line-height:1.2em; } #triviaContentArea #triviaListInner ul#indexList li a:link { color:#000000; } #triviaContentArea #triviaListInner ul#indexList li a:visited { color:#800080; } #triviaContentArea #triviaListInner ul#indexList li a:hover { color:#993300; text-decoration:underline; } #triviaContentArea #triviaListInner ul#indexList li.triviaLevel01 a { background:url(/kanken/trivia/images/trivia_bg_level01_pc.png) no-repeat right bottom; } #triviaContentArea #triviaListInner ul#indexList li.triviaLevel02 a { background:url(/kanken/trivia/images/trivia_bg_level02_pc.png) no-repeat right bottom; } #triviaContentArea #triviaListInner ul#indexList li.triviaLevel03 a { background:url(/kanken/trivia/images/trivia_bg_level03_pc.png) no-repeat right bottom; } #triviaContentArea #triviaListInner ul#indexList li.triviaLevel04 a { background:url(/kanken/trivia/images/trivia_bg_level04_pc.png) no-repeat right bottom; } #triviaContentArea #triviaListInner ul#pagerList { margin-top:65px; text-align:center; } #triviaContentArea #triviaListInner ul#pagerList li { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; } #triviaContentArea #triviaListInner ul#pagerList li a { border:solid 1px #cccccc; display:inline-block; font-size:123%; padding:10px; margin:0 2px; } #triviaContentArea #triviaListInner ul#pagerList li#prevLink a, #triviaContentArea #triviaListInner ul#pagerList li#nextLink a { padding:10px 5px; } #triviaContentArea #triviaListInner ul#pagerList li.now a, #triviaContentArea #triviaListInner ul#pagerList li a:hover { background:#86c429; border:solid 1px #86c429; color:#ffffff; } #triviaContentArea #triviaListInner p.listSortNewTxt { width:695px; text-align:right; margin:15px auto 0; } /* 詳細 */ #triviaDetailContentArea { background:#f3ffd8; margin-top:20px; padding:35px 0 0; } #triviaDetailContentArea h3 { background:none; border-bottom:none; padding:0; margin:0; text-align:center; } #triviaDetailContentArea #triviaDetailTitleInner { padding:0 35px; } #triviaDetailContentArea #triviaDetailTitleInner h2, #triviaDetailContentArea #triviaDetailTitleInner p { float:left; margin:0; padding:0; } #triviaDetailInner { margin-top:5px; text-align:center; background:url(/kanken/trivia/images/trivia_bg_trivia_button_pc.gif) repeat-y 15px top; } #triviaDetailInner p { margin:0; } #triviaDetailInner h4 { background:none; border:none; margin:20px auto 18px; padding:7px 0 0; } #triviaDetailInner ul.twoDivList { margin:0 auto; width:850px; } #triviaDetailInner ul.twoDivList li { float:left; list-style:none; margin:30px 0 0 30px; width:410px; } #triviaDetailInner ul.twoDivList li dl, #triviaDetailInner ul.twoDivList li dt, #triviaDetailInner ul.twoDivList li dt { margin:0; } #triviaDetailInner ul.twoDivList li dl img { vertical-align:bottom; } #triviaDetailInner p.txtRight { margin-right:45px; text-align:right; } #triviaDetailContentArea #triviaBtnInner { background:url(/kanken/trivia/images/trivia_bg_trivia_button_pc.gif) repeat-y left top; padding:55px 0 65px; margin-left:15px; } #triviaDetailContentArea #triviaBtnInner #triviaBtnBox { margin-left:20px; width:545px; } #triviaDetailContentArea #triviaBtnInner #triviaBtnBox p { margin-top:0; } #personalLinkContainer #personalLinkWrapper ul { margin:15px 0 0; } #personalLinkContainer #personalLinkWrapper ul li { display:block; float:left; margin-left:22px; } #personalLinkContainer #personalLinkWrapper ul li a { display:block; } #triviaDetailInner p a#promoTriviaLink { position:absolute; left:180px; bottom:50px; } #triviaDetailInner ul.threeDivList { margin:0 auto; width:851px; } #triviaDetailInner ul.threeDivList li { float:left; width:273px; margin:30px 0 0 16px; list-style:none; } #triviaDetailInner ul.threeDivList li:first-child { margin-left:0; } #triviaDetailInner ul.threeDivList li dl { margin:0; } #triviaDetailInner ul.threeDivList li dl dt { margin:0; } #triviaDetailInner ul.threeDivList li dl dd { margin:0; } #triviaDetailInner ul.threeDivList li dl img { vertical-align:bottom; } /*160810*/ #triviaDetailInner .twoLineBox { width:850px; margin:0 auto; } #triviaDetailInner .twoLineBox ul { width:410px; float:left; margin:0; } #triviaDetailInner .twoLineBox ul li { margin:30px 0 0; list-style:none; } #triviaDetailInner .twoLineBox ul li dl img { vertical-align: bottom; } #triviaDetailInner .twoLineBox ul li dl, #triviaDetailInner .twoLineBox ul li dl dt { margin:0; } /*170724*/ #triviaDetailInner .verticalLineBox01 { width:790px; margin:0 auto; border-radius:8px; background:#ffffff; padding:40px 30px; } #triviaDetailInner .verticalLineBox01 ul { margin:0; } #triviaDetailInner .verticalLineBox01 ul li { margin-top:40px; list-style:none; } #triviaDetailInner .verticalLineBox01 ul li dl { margin:0; } #triviaDetailInner .verticalLineBox01 ul li dl img { vertical-align:bottom; } #triviaDetailInner .verticalLineBox01 ul li dl dt, #triviaDetailInner .verticalLineBox01 ul li dl dd { float:left; } #triviaDetailInner .verticalLineBox01 p#hardReadImg { margin:78px 0 0 8px; } #triviaDetailInner .verticalLineBox02 { width:790px; margin:0 auto; border-radius:8px; background:#ffffff; padding:50px 30px; } #triviaDetailInner .verticalLineBox02 ul { margin:0; } #triviaDetailInner .verticalLineBox02 ul li { margin-top:40px; list-style:none; } #triviaDetailInner .verticalLineBox02 ul li dl { margin:0; } #triviaDetailInner .verticalLineBox02 ul li dl img { vertical-align:bottom; } #triviaDetailInner .verticalLineBox02 ul li dl dt, #triviaDetailInner .verticalLineBox02 ul li dl dd { float:left; } #triviaDetailInner #rankBox { position:relative; } #triviaDetailInner #rankBox p { position:absolute; bottom:50px; right:30px; } /*171129*/ #triviaDetailInner ul.oneStartDivList { margin:0 auto; width:850px; } #triviaDetailInner ul.oneStartDivList li { float:left; list-style:none; margin-top:30px; width:410px; } #triviaDetailInner ul.oneStartDivList li:first-child { float:none; width:850px; } #triviaDetailInner ul.oneStartDivList li dl, #triviaDetailInner ul.oneStartDivList li dt, #triviaDetailInner ul.oneStartDivList li dt { margin:0; } #triviaDetailInner ul.oneStartDivList li dl img { vertical-align:bottom; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 豆知識リニューアルに伴うプロモ扉変更 ｜ primary / juniorhighschool / highschool / business ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #promoContentArea { margin-top:20px; padding:20px 30px 0; background:url(../images/bg_promo_dot.jpg) left top repeat; border-radius:5px 5px 0 0; } #promoContentArea .harfInner p { width:50%; } #promoContentArea p { text-align:center; margin-top:30px; } #promoContentArea ul { margin:10px 0 0; } #promoContentArea ul li { margin-top:10px; list-style:none; text-align:center; } #promoContentArea ul li.promoTopTreeColumn { float:left; margin-left:14px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- リニューアル前追加分 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 私の好きな漢字と漢検 ｜ sukinakanji */ #mainWrapperWide #spInterview #sukinakanjiIntroArea p.sukinakanjiIntroTxt { margin:0; width:100%; float:none; } #mainWrapperWide #spInterview #sukinakanjiIntroArea ul.sukinakanjiIntroImg { margin:20px 0 0; } #mainWrapperWide #spInterview #sukinakanjiIntroArea ul.sukinakanjiIntroImg li { float:left; margin:0; list-style:none; } #mainWrapperWide #spInterview #sukinakanjiMainArea p { margin-left:3em; text-indent:-3em; } #mainWrapperWide #spInterview #sukinakanjiMainArea p.spInterviewImgLeft { float:left; margin:10px 60px 10px 0; text-indent:0; } #mainWrapperWide #spInterview #sukinakanjiMainArea p.spInterviewImgRight { clear:left; float:right; margin:10px 0 10px 20px; text-indent:0; } #mainWrapperWide #spInterview #sukinakanjiMainArea p span.kosakaInterview { color:#00a73b; } #mainWrapperWide #spInterview #sukinakanjiMainArea p span.ochiInterview { color:#ea5404; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- WYSIWYG用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #triviaDetailInner p img { vertical-align:bottom; } #triviaDetailInner ul.twoDivList li dl dd { margin-left:0; } #triviaDetailInner ul.twoDivList > *:first-child, #triviaDetailInner ul.twoDivList > *:first-child + * + *, #triviaDetailInner ul.twoDivList > *:first-child + * + * + * + *, #triviaDetailInner ul.twoDivList > *:first-child + * + * + * + * + * + * { margin-left:0; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- PC,SP 切り替え ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .pcShow { display: block;} .spShow { display: none;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 書籍選びナビ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body.fontLarge #choiceNaviArea { font-size:13px; } body.lineHeightLarge #choiceNaviArea { line-height:1.6em; } #choiceNaviArea { margin-top:24px; border:2px solid #ede9d9; border-radius:10px; } #choiceNaviArea img { vertical-align:bottom; } #choiceNaviArea sup { font-size:71%; } #choiceNaviArea #choiceNaviTopInner p.qTxt, #choiceNaviArea #choiceNaviInInner p.qTxt { margin-top:75px; padding-bottom:12px; font-size:200%; font-weight:bold; line-height:1em; display:inline-block; background:url(/kanken/textbook/images/choice_navi_in_bg_question_pc.gif) center bottom no-repeat; } #choiceNaviArea #choiceNaviInInner p.qTxt { margin-top:85px; } #choiceNaviArea #choiceNaviInInner p.qTxtSub { margin-top:5px; font-size:115%; font-weight:bold; } /* ナビトップ */ #choiceNaviArea #choiceNaviTopInner { text-align:center; background:url(/kanken/textbook/images/choice_navi_top_bg_title_pc.gif) center top no-repeat; padding:25px 31px 55px; border-radius:10px; } #choiceNaviArea #choiceNaviTopInner h3 { text-align:center; margin:0; padding:0; background:none; border:none; } #choiceNaviArea #choiceNaviTopInner #choiceNaviTopBox { margin:35px auto 0; position:relative; } #choiceNaviArea #choiceNaviTopInner ul#choiceNaviTopList { margin:-16px 210px 0 -18px; } #choiceNaviArea #choiceNaviTopInner ul#choiceNaviTopList li { float:left; margin:16px 0 0 18px; list-style:none; } #choiceNaviArea #choiceNaviTopInner ul#choiceNaviTopList li:last-child { position:absolute; right:0; top:0; } /* ナビ質問・結果 */ #choiceNaviArea #choiceNaviInInner { display:none; text-align:center; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox { background:url(/kanken/textbook/images/choice_navi_in_bg_title_pc.gif) center top no-repeat; padding:24px 10px 20px 18px; border-radius:10px 10px 0 0; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox h3 { margin:0; padding:0; background:none; border:none; float:left; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl { display:inline-block; margin:0 0 0 60px; float:left; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl dt { display:inline-block; color:#333333; font-size:124%; line-height:1.5em; margin-right:7px; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl dd { margin-left:5px; display:none; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox { margin-top:12px; visibility:hidden; height:56px; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul { margin:0; font-size:0; text-align:center; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul li { background:url(/kanken/textbook/images/choice_navi_in_bg_pannavi_arrow_pc.gif) left 1.5em no-repeat; display:inline-block; list-style:none; margin:0 0 0 7px; padding-left:12px; font-size:14px; letter-spacing:-0.02em; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul li:first-child { margin-left:0; background:none; padding-left:0; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul li span { background:url(/kanken/textbook/images/choice_navi_in_bg_pannavi_check_pc.gif) 97% 0.3em no-repeat; border:1px solid #c8c8c8; border-radius:5px; display:inline-block; padding:7px 7px 5px; min-width:120px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox { display:none; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul { margin:41px auto 0; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox p.qTxt { margin-top:60px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox p.qTxtSub + ul { margin-top:15px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul > li { list-style:none; display:table; margin:0; float:left; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul > li:first-child { margin-left:0 !important; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul > li a { text-decoration:none; color:#ffffff; display:table-cell; vertical-align:middle; text-align:center; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul > li:hover { opacity:0.7; filter:alpha(opacity=70); } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.twoQuetionList { width:426px; height:188px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.twoQuetionList li { background:url(/kanken/textbook/images/choice_navi_in_bg_blue01_pc.gif) center center no-repeat; width:168px; height:188px; margin-left:50px; padding:0 10px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.twoQuetionList li a { font-size:154%; line-height:1.5em; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.twoQuetionList.yesnoList li.answer02 { background-image:url(/kanken/textbook/images/choice_navi_in_bg_red01_pc.gif); } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.twoQuetionList.yesnoList li a { font-size:270%; line-height:1em; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.threeQuetionList { width:608px; height:188px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.threeQuetionList li { background:url(/kanken/textbook/images/choice_navi_in_bg_blue02_pc.gif) center center no-repeat; width:156px; height:176px; margin-left:40px; padding:0 10px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.threeQuetionList li a { font-size:154%; line-height:1.5em; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.fourQuetionList { width:677px; height:188px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.fourQuetionList li { background:url(/kanken/textbook/images/choice_navi_in_bg_blue03_pc.gif) center center no-repeat; width:138px; height:158px; margin-left:15px; padding:0 10px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.fourQuetionList li a { font-size:140%; line-height:1.5em; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl { margin:25px 0 30px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dt:first-child + dd { margin-top:0; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd { display:none; border:3px solid #ede9d9; border-radius:10px; width:530px; margin:0 auto 20px; padding:23px 21px; background:url(/kanken/textbook/images/choice_navi_result_bg_mark_pc.gif) 98.5% 97% no-repeat; cursor:pointer; position:relative; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd:hover { opacity:0.7; filter:alpha(opacity=70); } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd#book02.showOrIchimaru { margin-bottom:90px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd#book02 p.charaOrIchimaru { position:absolute; bottom:-93px; left:50%; margin:0 0 0 -120px; display:none; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd#book02.showOrIchimaru p.charaOrIchimaru { display:block; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd h4 { background:none; border:none; margin:0; padding:0 0 10px 0; border-bottom:2px solid #fee700; font-size:170%; text-align:left; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd h4 a { text-decoration:none; color:#000000; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit { margin-top:15px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit > p { float:left; margin:0; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter { float:right; width:365px; text-align:left; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > p { font-size:108%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > p.descTxt01 { margin-top:0; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > p.descTxt02 { margin-top:10px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > ul { margin:3px 0 0 -5px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > ul li { margin:5px 0 0 5px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > ul li:hover { opacity:1; filter:alpha(opacity=100); } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > ul li:first-child { margin-left:5px !important; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList01 { margin-top:15px; font-size:108%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList01 dt { float:left; color:#000000; background-color:#fed627; margin-left:12px; padding:4px 5px 3px; line-height:1em; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList01 dt:first-child { margin-left:0; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList01 dd { float:left; margin-left:5px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList02 { margin-top:10px; font-size:108%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList02 dt { float:left; color:#000000; clear:both; width:3em; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList02 dt.w4em { width:4em; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList02 dt.w5em { width:5.5em; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList02 dd { float:left; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList02 dd.fNone { float:none; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > p.atComment { font-size:85%; margin-top:5px; } #choiceNaviArea #choiceNaviInInner #choiceNaviQuetionBottomBox { background:url(/kanken/textbook/images/choice_navi_in_bg_bottom_pc.gif) center bottom no-repeat; padding:100px 10px 10px; border-radius:0 0 10px 10px; position:relative; } #choiceNaviArea #choiceNaviInInner #choiceNaviQuetionBottomBox.result { padding-top:10px; } #choiceNaviArea #choiceNaviInInner #choiceNaviQuetionBottomBox p#restartBtn { float:left; margin:0; } #choiceNaviArea #choiceNaviInInner #choiceNaviQuetionBottomBox p#characterImg { position:absolute; right:10px; bottom:10px; margin:0; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検の教材 タイプ別 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #textBookTypeArea { background:url(/kanken/textbook/images/type_bg.gif) left top repeat; margin-top:25px; padding:50px 31px 25px; border-radius:10px; } #textBookTypeArea h3 { text-align:center; margin:0; padding:0; background:none; border:none; } #textBookTypeArea p { text-align:center; font-size:131%; margin-top:22px; line-height:1.8em; } #textBookTypeArea ul { margin:0 0 0 -20px } #textBookTypeArea ul li { list-style:none; float:left; margin:20px 0 0 20px; } .modalTypeInner { border-width:3px; border-style:solid; } #modalType01Inner { border-color:#47a9bd; } #modalType02Inner { border-color:#85b02f; } #modalType03Inner { border-color:#ff7200; } #modalType04Inner { border-color:#f09e00; } #modalType05Inner { border-color:#a875c3; } #modalType06Inner { border-color:#dc4949; } .modalTypeInner .modalTypeBox { border:2px solid #ffffff; padding-bottom:20px; } .modalTypeInner .modalTypeBox h4 { background:none; border:none; margin:0; padding:0; } .modalTypeInner .modalTypeBox .modalTypeUnit { margin:15px auto 0; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType01 { width:560px; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType02 { width:850px; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType03 { width:300px; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType04 { width:862px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter { width:225px; border:1px solid #ffe3cd; background-color:#fff7f0; margin-right:45px; padding:15px; float:left; position:relative; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter.wType01 { width:515px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter.book02 { margin-right:0; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType02 .modalTypeOuter.book01 { margin-right:45px; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType02 .modalTypeOuter.ovfVis { overflow: visible; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType02 .modalTypeOuter.wType01.book02 { margin-right:45px; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType03 .modalTypeOuter { width:auto; margin-right:0; float:none; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType04 .modalTypeOuter.book02 { margin-right:45px; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType04 .modalTypeOuter.book03 { margin-right:0; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter h5 { background:none; border-bottom:2px solid #fee700; margin:0; padding:0 0 3px 0; font-size:139%; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.descTxt01 { color:#d11e00; line-height:1.5em; margin-top:7px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.descTxt02 { border-top:3px dotted #cccccc; margin-top:12px; padding-top:7px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterUnit { float:left; width:225px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterUnit.book01 { margin-right:62px; position:relative; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterUnit.book01 p.orTxt { position:absolute; right:-57px; top:160px; font-size:131%; font-weight:bold; margin-top:0; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .orTxtY { font-size:131%; font-weight:bold; margin: 20px auto; text-align: center; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterBox { margin-top:5px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterBox p { margin:0; float:left; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterBox ul { margin:0; float:right; width:120px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterBox ul li { list-style:none; margin:10px 0 0; padding:3px 0 3px 5px; background-color:#ffffff; border-left:3px solid #fed627; line-height:1.2em; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterBox ul li:first-child { margin-top:0; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter sup { font-size:77%; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter dl { border-top:3px dotted #cccccc; margin-top:12px; padding-top:7px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter dl dt { width:3em; clear:both; float:left; color:#000000; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter dl dt.w5em { width:5.5em; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter dl dd { width:14em; float:left; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter dl dd.fNone { width:auto; float:none; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter dl dd.wType02 { width:17em; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.atComment { font-size:77%; margin-top:2px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.linkBtn { margin-top:8px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.linkBtn a { display:block; text-align:center; background:url(/kanken/textbook/images/type_bg_arrow_pc.gif) 0.9em 0.7em no-repeat #fffe00; padding:7px 10px; color:#000000; text-decoration:none; font-weight:bold; line-height:1.3em; font-size:108%; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.linkBtn a:hover { opacity:0.7; filter:alpha(opacity=70); } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.plusTxt { position:absolute; right:-39px; top:160px; margin-top:0; } .modalTypeInner .modalTypeBox .modalTypeUnit p.plusTxt2 { text-align: center; margin: 10px auto; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢字の問題にチャレンジ ｜ kanokan/challenge ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 共通 */ #challengeContentArea { background-image:url(/kanken/challenge/images/challenge_bg.gif); padding-top:35px; } #challengeContentArea a { color:#222; text-decoration:none; } #challengeContentArea a:hover { text-decoration:underline; } /* トップ */ #challengeContentArea h2 { background:none; margin:0 35px; padding-bottom:0; } #challengeContentArea > ul { padding:0 0 35px; margin:0 35px; } #challengeContentArea ul li { list-style:none; margin:0; } #challengeContentArea > ul > li { border:1px solid #e9e9e9; border-radius:5px; background-color:#ffffff; margin-top:45px; } #challengeContentArea ul li h3 { background:none; margin:0; padding:0; border-bottom:none; position:relative; } #challengeContentArea ul li h3 img#levelImg04, #challengeContentArea ul li h3 img#levelImg03, #challengeContentArea ul li h3 img#levelImg02, #challengeContentArea ul li h3 img#levelImg01 { position:absolute; bottom:0; } #challengeContentArea ul li h3 img#levelImg04 { right:13px;} #challengeContentArea ul li h3 img#levelImg03 { right:14px; } #challengeContentArea ul li h3 img#levelImg02 { right:0; } #challengeContentArea ul li h3 img#levelImg01 { right:10px; } #challengeContentArea ul li ul { margin:5px 0 25px; } #challengeContentArea ul li ul li { float:left; width:170px; background:no-repeat left 0.2em; font-size:139%; margin:15px 0 0 25px; padding-left:12px; } #challengeContentArea ul li ul#challengeLevel04 li { background-image:url(/kanken/challenge/images/challenge_bg_arrow04.gif); } #challengeContentArea ul li ul#challengeLevel03 li { background-image:url(/kanken/challenge/images/challenge_bg_arrow03.gif); } #challengeContentArea ul li ul#challengeLevel02 li { background-image:url(/kanken/challenge/images/challenge_bg_arrow02.gif); } #challengeContentArea ul li ul#challengeLevel01 li { background-image:url(/kanken/challenge/images/challenge_bg_arrow01.gif); } #challengeContentArea ul li ul#challengeLevel04 li.linkNone, #challengeContentArea ul li ul#challengeLevel03 li.linkNone, #challengeContentArea ul li ul#challengeLevel02 li.linkNone, #challengeContentArea ul li ul#challengeLevel01 li.linkNone { background-image:url(/kanken/challenge/images/challenge_bg_arrow05.gif); color:#bbbbbb; } /* 詳細 */ #challengeContentArea #challengeDetailTitInner { width:874px; margin:8px auto 0; border:3px solid #ffd800; border-radius:6px; } #challengeContentArea #challengeDetailTitInner h2 { margin:0; padding:0; position:relative; } #challengeContentArea #challengeDetailTitInner h2 img { border-top-left-radius:3px; border-top-right-radius:3px; } #challengeContentArea #challengeDetailTitInner h2 img#titleCharacterImg { position:absolute; bottom:0; left:371px; border-radius:0; } #challengeContentArea #challengeDetailTitInner h3 { background:none; border-bottom:none; margin:0; padding:15px; font-size:200%; background-color:#ffffff; text-align:center; line-height:1.5em; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #challengeContentArea #challengeDetailInner { margin:0 35px; padding-bottom:45px; } #challengeContentArea #challengeDetailInner > p { text-align:center; } #challengeContentArea #challengeDetailInner p#challengeQuestion { margin-top:40px; } #challengeContentArea #challengeDetailInner p#challengeCharacter { margin-top:10px; } #challengeContentArea #challengeDetailInner p#challengeSelect { margin-top:18px; } #challengeContentArea #challengeDetailInner p#challengeArrow { margin-top:25px; } #challengeContentArea #challengeDetailInner p#challengeAnswer { margin-top:28px; } #challengeContentArea #challengeDetailInner #descriptionBox { margin-top:38px; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit { margin-top:5px; float:left; width:674px; background:url(/kanken/challenge/images/challenge_bg_hakase_bottom_pc.png) no-repeat left bottom; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div { margin-top:-5px; padding:30px 60px 30px 30px; background:url(/kanken/challenge/images/challenge_bg_hakase_top_pc.png) no-repeat left top; } /* 180821変更 */ #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div h4 { background-color:transparent; border:none; margin:0; padding:0; font-size:170%; color:#0b8801; line-height:1.5em; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div p { font-size:139%; line-height:1.5em; } #challengeContentArea #challengeDetailInner #descriptionBox > p { float:left; margin-top:0; } #challengeContentArea #challengeDetailInner ul#challengeBnList { width:698px; margin:90px auto 0; } #challengeContentArea #challengeDetailInner ul#challengeBnList li { float:left; margin:0 10px; } #challengeContentArea #challengeDetailInner ul#challengeBnList li p { margin-top:0; } #challengeContentArea #challengeDetailInner ul#challengeBnList li p.challengeBn { margin-top:2px; } #challengeContentArea #challengeDetailInner p#challengeBtnTop { margin-top:60px; text-align:left; } /* ルビ 190404変更 */ #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField { position:relative; display:inline-block; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField span.rubyLetter01, #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField span.rubyLetter02, #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField span.rubyLetter03, #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField span.rubyLetter04, #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField span.rubyLetter05 { position:absolute; top:-0.6em; font-size:45%; line-height:1em; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField span.rubyLetter01 { left:0.5em; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField span.rubyLetter02 { left:0; width:2em; } /* ルビ 180821追記 */ #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField span.rubyLetter03 { left:-0.5em; width:3em; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div h4 span.rubyField span.rubyLetter02 { width:2.5em; } /* ルビ 181119追記 */ #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField span.rubyLetter04 { left:-0.5em; width:5em; text-align:center; } /* ルビ 190404追記 */ #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div span.rubyField span.rubyLetter05 { left:-0.7em; width:7em; text-align:center; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検 受検レポート ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #jyukenreportArea { background:url(/kanken/jyukenreport/images/jyukenreport_bg.gif) repeat left top; padding:35px 0 40px; } #jyukenreportArea a img { transition:opacity 0.3s ease-out 0s; } #jyukenreportArea ul li { margin-bottom:0; } /* トップページ */ #jyukenreportArea h2 { background:none; margin:0 0 0 18px; padding-bottom:0; } #jyukenreportArea h2 + ul { width:857px; margin:27px 0 0 50px; } #jyukenreportArea h2 + ul > li { margin-top:24px; padding-top:28px; background:url(../../jyukenreport/images/jyukenreport_bg_line_dotted.png) left top repeat-x; list-style:none; overflow:hidden; } #jyukenreportArea h2 + ul > li:first-child { margin-top:0; padding-top:0; background:none; } #jyukenreportArea h2 + ul > li > h3 { border-bottom:none; margin:0; padding:7px 6px; float:left; background:none repeat 8px 25px; box-sizing:border-box; } #jyukenreportArea h2 + ul > li#jyukenreportJs > h3 { background-image:url(../../jyukenreport/images/jyukenreport_bg_js_title.gif); } #jyukenreportArea h2 + ul > li#jyukenreportJhs > h3 { background-image:url(../../jyukenreport/images/jyukenreport_bg_jhs_title.gif); } #jyukenreportArea h2 + ul > li#jyukenreportHs > h3 { background-image:url(../../jyukenreport/images/jyukenreport_bg_hs_title.gif); } #jyukenreportArea h2 + ul > li#jyukenreportBusiness > h3 { background-image:url(../../jyukenreport/images/jyukenreport_bg_business_title.gif); } #jyukenreportArea h2 + ul > li > ul { float:left; margin:0 0 0 23px; width:635px; } #jyukenreportArea h2 + ul > li > ul li { list-style:none; margin-top:20px; padding:5px 24px 10px 24px; border-width:3px; border-style:solid; border-radius:5px; cursor:pointer; background:none no-repeat right 6px bottom 6px #ffffff; transition:opacity 0.3s ease-out 0s; } #jyukenreportArea h2 + ul > li > ul li:hover { opacity:0.7; } #jyukenreportArea h2 + ul > li > ul li > p { border-bottom-width:2px; border-bottom-style:solid; padding-bottom:4px; line-height:1.3; } #jyukenreportArea h2 + ul > li > ul li > p > a { text-decoration:none; font-size:162%; font-weight:bold; } #jyukenreportArea h2 + ul > li > ul li > p + p { color:#000000 !important; text-align:right; border-bottom:none; margin-top:6px; padding-bottom:0; font-size:108%; letter-spacing:0.05em; } #jyukenreportArea h2 + ul > li#jyukenreportJs > ul li { border-color:#f08300; background-image:url(../../jyukenreport/images/jyukenreport_bg_js_arrow.gif); } #jyukenreportArea h2 + ul > li#jyukenreportJs > ul li > p { border-bottom-color:#f08300; } #jyukenreportArea h2 + ul > li#jyukenreportJs > ul li > p > a { color:#f07100; } #jyukenreportArea h2 + ul > li#jyukenreportJhs > ul li { border-color:#3b9400; background-image:url(../../jyukenreport/images/jyukenreport_bg_jhs_arrow.gif); } #jyukenreportArea h2 + ul > li#jyukenreportJhs > ul li > p { border-bottom-color:#3b9400; } #jyukenreportArea h2 + ul > li#jyukenreportJhs > ul li > p img.kanjiImg { vertical-align:-0.07em; } #jyukenreportArea h2 + ul > li#jyukenreportJhs > ul li > p > a { color:#3b9400; } #jyukenreportArea h2 + ul > li#jyukenreportHs > ul li { border-color:#e02a2a; background-image:url(../../jyukenreport/images/jyukenreport_bg_hs_arrow.gif); } #jyukenreportArea h2 + ul > li#jyukenreportHs > ul li > p { border-bottom-color:#e02a2a; } #jyukenreportArea h2 + ul > li#jyukenreportHs > ul li > p > a { color:#e02a2a; } #jyukenreportArea h2 + ul > li#jyukenreportBusiness > ul li { border-color:#0074ba; background-image:url(../../jyukenreport/images/jyukenreport_bg_business_arrow.gif); } #jyukenreportArea h2 + ul > li#jyukenreportBusiness > ul li > p { border-bottom-color:#0074ba; } #jyukenreportArea h2 + ul > li#jyukenreportBusiness > ul li > p > a { color:#0074ba; } #jyukenreportArea h2 + ul > li > ul li:first-child { margin-top:0; } /* 詳細ページ */ #jyukenreportArea h2 + h3 { border-bottom:none; margin:30px 0 0; padding:0; background:none; text-align:center; } #jyukenreportArea #jyukenreportDetailInner { width:870px; margin:0 auto; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList { margin:20px 0 0; padding:0; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList li { list-style:none; float:left; margin-left:18px; line-height:1; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList li:first-child { margin-left:0; } /* #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList li a { display:block; } */ #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList { margin:30px 0 0 20px; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li { list-style:none; position:relative; margin-top:28px; padding:27px 30px 20px 136px; border:2px solid #d8d8d8; border-radius:5px; overflow:visible; background-color:#ffffff; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li:first-child { margin-top:0; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li h4 { background:none; border-left:none; margin:0; padding:0; position:absolute; left:-40px; top:30px; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox { } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox h5 { background:none; font-size:170%; line-height:1.3; } #jyukenreportArea.jyukenreportJs #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox h5 { color:#f07100; } #jyukenreportArea.jyukenreportJhs #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox h5 { color:#59ae0e; } #jyukenreportArea.jyukenreportHs #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox h5 { color:#e02a2a; } #jyukenreportArea.jyukenreportBusiness #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox h5 { color:#0074ba; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox > p { font-size:124%; background:none repeat left 27px; margin-top:13px; padding:4px 10px; color:#ffffff; border-radius:3px; font-weight:bold; } #jyukenreportArea.jyukenreportJs #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox > p { background-image:url(../../jyukenreport/images/jyukenreport_bg_js_title.gif); } #jyukenreportArea.jyukenreportJhs #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox > p { background-image:url(../../jyukenreport/images/jyukenreport_bg_jhs_title.gif); } #jyukenreportArea.jyukenreportHs #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox > p { background-image:url(../../jyukenreport/images/jyukenreport_bg_hs_title.gif); } #jyukenreportArea.jyukenreportBusiness #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox > p { background-image:url(../../jyukenreport/images/jyukenreport_bg_business_title.gif); } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit { margin-top:15px; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit p { font-size:116%; margin-top:0; line-height:1.5; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit.hasImg p { width:505px; float:left; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit.hasImg p + p { width:147px; float:right; margin-top:5px; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit.hasImg.lineOver p + p { margin-top:0; position:absolute; right:35px; top:50px; } #jyukenreportArea #jyukenreportDetailInner p#jyukenreportAttTxt { text-align:center; margin-top:50px; font-size:139%; font-weight:bold; } #jyukenreportArea #jyukenreportDetailInner p#jyukenreportAttTxt span { background:url(../../jyukenreport/images/jyukenreport_detail_bg_line.gif) repeat-x left bottom; } #jyukenreportArea #jyukenreportDetailInner p.prevBtn { text-align:center; margin:50px 0 10px; } #jyukenreportArea #jyukenreportDetailInner img.iconImg { margin-left:5px; vertical-align:-0.13em; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 標準解答 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ dl.answerList dt { margin-top:35px; padding:7px 0 7px 0.8em; border-left:solid 5px #b3ae9f; color:#000000; font-size:115%; background-color:#ededed; } dl.answerList dd { margin:10px 0 0 20px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- よくあるご質問 追加190527 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .faqExList { margin-top:10px !important; } .faqExList .t2em { width:2em; display:inline-block; } .faqExList .t4em { width:4em; display:inline-block; } .faqExList .t5em { width:5em; display:inline-block; } .faqExList .t16em { width:16em; display:inline-block; } /* write200927 */ .faqExList .t1_5em { width:1.5em; display:inline-block; } .faqExList .t4_5em { width:4.5em; display:inline-block; } .faqExList .t20em { width:20em; display:inline-block; } img.txtInImg { vertical-align:-0.13em; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検オンライン /kanken/group/kankenonline/index.html ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #kankenonline table.wAuto { width: auto; } #kankenonline .noneLink { pointer-events: none; opacity: .6 } #kankenonline #onlineIntro { display: flex; } #kankenonline #onlineIntro div:nth-child(1) { width: 500px; } #kankenonline #onlineIntro div:nth-child(2) { width: calc(100% - 500px); } #kankenonline #onlineIntro div:nth-child(2) img { width: 100%; } #kankenonline #think { display: flex; justify-content: space-between; margin-top: 15px; } #kankenonline #think div:nth-child(1) { width: 65px; } #kankenonline #think div:nth-child(1) img { width: 100%; } #kankenonline #think div:nth-child(2) { width: calc(100% - 80px); } #kankenonline dl#onlineFeature dt { font-size: 124%; font-weight: bold; margin-top: 30px; } #kankenonline dl#onlineFeature dt span { display: inline-block; background: #ffcc00; border-radius: 6px; padding: 4px 10px 2px; margin-right: 6px; font-size: 80%; color: #000; font-weight: normal; } #kankenonline dl#onlineFeature dd { margin-top: 0; display: flex; justify-content: space-between; align-items: center; } #kankenonline dl#onlineFeature dd div:nth-child(1) { width: 104px; } #kankenonline dl#onlineFeature dd div:nth-child(1) img { width: 100%; } #kankenonline dl#onlineFeature dd div:nth-child(2) { width: calc(100% - 120px); } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検の特長と受検スタイル /kanken/outline/index.html ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #outlineTop * { box-sizing: border-box; } #outlineTop .planeBtn a { padding-bottom: 5px; padding-top: 9px; } #outlineTop #featureArea .planeBtn a { background-color: #ffd966; } #outlineTop #featureArea ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; } #outlineTop #featureArea ul li { width: 100%; background: #f8f5ea; padding: 17px 25px 22px; list-style: none; margin: 20px 0 0; border-radius: 10px; position: relative; } #outlineTop #featureArea ul li:nth-child(1), #outlineTop #featureArea ul li:nth-child(2) { margin-top: 5px; } #outlineTop #featureArea ul li.half { width: 48.5%; } #outlineTop #featureArea ul li h4 { background: none; margin: 0; padding-left: 0; border: none; font-size: 136%; line-height: 1.6; width: 100%; } #outlineTop #featureArea ul li h4 span { background:linear-gradient(transparent 70%, #ffe272 75%); } #outlineTop #featureArea ul li .flex { display: flex; justify-content: space-between; } #outlineTop #featureArea ul li .flex .imgBox { width: 65px; } #outlineTop #featureArea ul li .flex .imgBox img { width: 100%; } #outlineTop #featureArea ul li .flex .txtBox { width: calc(100% - 75px); } #outlineTop #featureArea ul li .flex .txtBox span { background:linear-gradient(transparent 70%, #ffe272 75%); } #outlineTop #featureArea ul li .btnBox { position: absolute; right: 15px; top: 2px; } #outlineTop .styleUnit .inner { border-top: 1px dotted #666; padding: 30px 0 35px; } #outlineTop .styleUnit .inner .titleBox { display: flex; align-items: center; } #outlineTop .styleUnit .inner .titleBox h5 { border: none; background: none; font-size: 140%; padding: 0; margin: 0 10px 0 0; } #outlineTop .styleUnit .inner .titleBox p { padding: 0; margin: 0; margin-right: 10px; } #outlineTop .styleUnit .inner .titleBox p:first-child { width: 40px; } #outlineTop .styleUnit .inner .titleBox p:first-child img { width: 100%; } #outlineTop .styleUnit .inner .titleBox .kindsBox span { border: 1px solid #666; padding: 2px 10px 0; } #outlineTop .styleUnit .inner .txtBox { margin-top: 15px; line-height: 1.8; } #outlineTop .styleUnit .inner .applyLink { display: flex; justify-content: space-between; } #outlineTop .styleUnit .inner .applyLink .applyBox { width: 430px; position: relative; } #outlineTop .styleUnit .inner .applyLink .applyBox dl { display: flex; flex-wrap: wrap; margin-top: 10px; } #outlineTop .styleUnit .inner .applyLink .applyBox dl dt { width: 100px; background: #ffd966; color: #000; display: flex; justify-content: center; align-items: center; padding: 17px 15px 13px; box-sizing: border-box; border-radius: 5px 0 0 5px; margin: 9px 0 2px; } #outlineTop .styleUnit .inner .applyLink .applyBox dl dd { width: calc(100% - 100px); background: #f8f5ea; padding: 17px 15px 13px; border-radius: 0 5px 5px 0; margin: 9px 0 2px; } #outlineTop .styleUnit .inner .applyLink .applyBox dl dd ul { margin: 0; } #outlineTop .styleUnit .inner .applyLink .applyBox dl dd ul li { list-style: none; position: relative; padding-left: 1em; } #outlineTop .styleUnit .inner .applyLink .applyBox dl dd ul li::before { content: "●"; position: absolute; font-size: 60%; color: #957700; left: 0; } #outlineTop .styleUnit .inner .applyLink .applyBox .etc { position: absolute; right: 10px; bottom: 10px; } #outlineTop .styleUnit .inner .applyLink .linkBox { width: 235px; } #outlineTop .styleUnit .inner .applyLink .linkBox .btnBox a { width: 235px; } #outlineTop .styleUnit .inner .applyLink .linkBox .linksList { width: 100%; padding: 5px 10px 7px; margin: 0; } #outlineTop .styleUnit .inner .applyLink .linkBox .linksList li { list-style: none; } #outlineTop .styleUnit .inner .applyLink .linkBox .linksList li a { padding-left:10px; } #outlineTop .styleUnit .inner .applyLink .linkBox ul + .btnBox { margin-top: 5px; } #outlineTop #styleThink.styleUnit .inner .planeBtn a { background-color: #ffd966; } #outlineTop #styleThink.styleUnit .inner .titleBox .kindsBox span:nth-child(1) { background: #fff179; } #outlineTop #styleThink.styleUnit .inner .titleBox .kindsBox span:nth-child(2) { border-left: none; } #outlineTop #styleThink.styleUnit .inner .applyLink .linkBox .linksList { background: #f8f5ea; } #outlineTop #styleThink.styleUnit .inner .applyLink .linkBox .linksList li a { background:url(/kanken/images/bg_listmark06.gif) left 0.4em no-repeat; } #outlineTop #styleThink.styleUnit .inner .applyLink .linkBox .linksList { background: #f8f5ea; } #outlineTop #styleThink.styleUnit .inner .applyLink .linkBox .linksList li a { background:url(/kanken/images/bg_listmark06.gif) left 0.4em no-repeat; } #outlineTop #styleGroup.styleUnit .inner .infoArea { display: flex; justify-content: space-between; } #outlineTop #styleGroup.styleUnit .inner .infoArea .place { width: 48%; } #outlineTop #styleGroup.styleUnit .inner .applyLink { display: flex; justify-content: space-between; width: 100%; margin-top: 10px; } #outlineTop #styleGroup.styleUnit .inner .applyLink .linkBox .linksList { background: #eff0f1; padding: 6px 10px 8px; } #outlineTop #styleGroup.styleUnit .inner .applyLink .linkBox .linksList li a { background:url(/kanken/images/bg_listmark03.gif) left 0.4em no-repeat; color: #000; } #outlineTop #styleGroup.styleUnit .inner .applyLink .linkBox .planeBtn a { margin-top: 0; } #outlineTop #styleGroup.styleUnit .inner .applyLink .bnBox .planeBtn a { width: 200px; margin-top: 0; }