@charset "UTF-8"; /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { padding: 0 0 30px 0; /*-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px;*/ /* background: #fff; */ } .bx-viewport { background: #fffad7 url(../img/bg_slider.png) no-repeat right bottom; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -27px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { position: absolute; right: 0; bottom: 20px; left: 0; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; /* padding-top: 20px; */ } .bx-wrapper .bx-pager .bx-pager-item { text-indent: -9999px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; _display: block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager a { background: transparent url(../img/bg_sliderpager.png) no-repeat center center; width: 13px; height: 14px; margin: 0 3px; display: block; /* background: #fff; display: block; width: 10px; height: 10px; margin: 0 3px; outline: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #015ba9; */ } * html .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; display: block; width: 10px; height: 10px; margin: 0 3px; outline: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #015ba9; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: transparent url(../img/bg_sliderpager_on.png) no-repeat center center; /* background: #000; border: 1px solid #ffffff; */ } /* for Firefox */ @-moz-document url-prefix() { .bx-wrapper .bx-pager.bx-default-pager a { overflow: hidden; } } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 0; background: url(../img/bg_slideprev.png) no-repeat; } .bx-wrapper .bx-next { right: 0; background: url(../img/bg_slidenext.png) no-repeat; } .bx-wrapper .bx-controls-direction a { display: block; position: absolute; top: 0; margin-top: 0px; /*outline: 0;*/ width: 20px; height: 100%; z-index: 50; background-position: left 50%; } /* for firefox only リンクフォーカスバグ対応 */ @-moz-document url-prefix() { .bx-wrapper .bx-controls-direction a { top: 1px; overflow: hidden; height: 99%; margin-left: 1px; } } .bx-wrapper .bx-controls-direction a.bx-prev { /* border-right:2px solid #ffffff; */ text-indent: -9999px; } .bx-wrapper .bx-controls-direction a.bx-next { /* border-left:2px solid #ffffff; */ text-indent: -9999px; } html*.bx-wrapper .bx-controls-direction a { height: 252px !important; } /* .bx-wrapper .bx-controls-direction a { position: absolute; top: 0; margin-top: 0px; outline: 0; width: 35px; height:0px !important; height : 330px; padding-top:330px; overflow:hidden; z-index: 50; } */ .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 9円; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /************************************************************************************ smaller than 960 TB *************************************************************************************/ @media screen and (max-width: 960px) { .index .bx-wrapper { max-width: 100% !important; margin-right: 28px; margin-left: 28px; } .index .sliderInner { padding-left: 45px; padding-right: 45px; padding-bottom: 40px; } } /************************************************************************************ smaller than 640 SP *************************************************************************************/ @media screen and (max-width: 640px) { .index .bx-wrapper { margin-right: 20px; margin-left: 20px; } .bx-wrapper .bx-pager { right: auto; left: auto; position: relative; bottom: 30px; } } @media screen and (min-width: 641px) and (max-width: 960px) { .sliderBlock { margin: 0 auto; width: 80%; } } body { font-family: "メイリオ","Meiryo", "MS PGothic", "MS Pゴシック", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif; } .p_center { text-align: center; } .p_text_right { text-align: right; } /*標準テンプレートの打ち消し*/ #contentsArea ul { list-style-type: none; } #contentsArea ul li { padding-left: 0; /*margin-left: 0;*/ } /*----------------------------------------------------- link -------------------------------------------------------*/ /* siteheaderMenu */ #siteheaderMenu a:link { color: #333333; text-decoration: none; } #siteheaderMenu a:visited { color: #800080; text-decoration: none; } #siteheaderMenu a:hover { color: #0B4199; text-decoration: underline; } #siteheaderMenu a:active { color: #0B4199; text-decoration: underline; } #underMenuArea a:link { color: #333333; text-decoration: none; } #underMenuArea a:visited { color: #800080; text-decoration: none; } #underMenuArea a:hover { color: #0B4199; text-decoration: underline; } #underMenuArea a:active { color: #0B4199; text-decoration: underline; } #subContentsBlock a:link { color: #333333; text-decoration: underline; } #subContentsBlock a:visited { color: #800080; text-decoration: underline; } #subContentsBlock a:hover { color: #0B4199; text-decoration: underline; } #subContentsBlock a:active { color: #0B4199; text-decoration: underline; } /* common_orenge_yaji */ .common_orenge_yaji { padding-left: 10px !important; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .common_orenge_yaji2 { padding-left: 10px !important; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; padding-right: 5px; } .common_oreng_shikakue_yaji { padding-left: 15px !important; background-image: url("../../img/common/shikaku_orange.gif"); background-position: left 6px; background-repeat: no-repeat; background-size: 9px; } /* common_sentence_link 文中リンク用 */ a.common_sentence_link:link { color: #0B4199; text-decoration: underline; } a.common_sentence_link:visited { color: #800080; text-decoration: underline; } a.common_sentence_link:hover { color: #0B4199; text-decoration: underline; } a.common_sentence_link:active { color: #0B4199; text-decoration: underline; } /* pageTop */ .pageTop a { background-image: url("../../img/common/page_top_yaji.gif"); background-position: left center; background-repeat: no-repeat; padding-left: 13px; } .pageTop a:link { color: #333333; text-decoration: underline; } .pageTop a:visited { color: #800080; text-decoration: underline; } .pageTop a:hover { color: #0B4199; text-decoration: underline; } .pageTop a:active { color: #0B4199; text-decoration: underline; } /*----------------------------------------------------- box -------------------------------------------------------*/ .pageTop { text-align: right; padding: 0; margin: 0; } .whitepaper_link { width: 20%; margin: 20px auto; } .whitepaper_link2 { width: 30%; margin: 20px auto; } .whitepaper_column { margin-top: 15px; margin-bottom: 15px; padding: 10px; border: 1px solid #E56400; } .whitepaper_column_centerpic { width: 70%; margin: 10px auto; } .whitepaper_column ul { overflow: hidden; zoom: 1; } .whitepaper_column li { float: left; padding-right: 10px; } .whitepaper_normal_list li { clear: both; list-style-type: none; margin-left: 15px; margin-bottom: 3px; } .kyodosankaku_centerpic { margin: 10px auto; } .noviolence_centerbox { margin: 10px auto; } .renkei_box { margin-top: 10px; overflow: hidden; zoom: 1; } .renkei_box_l { float: left; } .renkei_box_r { float: right; } .commendation_box { margin-top: 10px; overflow: hidden; zoom: 1; } .commendation_box_l { float: left; margin-left: 20px; } .men_danjo_column_centerpic { width: 94%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .men_danjo_column_centerpic2 { width: 86%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .men_danjo_column_centerpic3 { width: 45%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .men_danjo_column_centerpic4 { width: 30%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .men_danjo_column_centerpic5 { padding-bottom: 10px; padding-top: 10px; text-align: center; } .mieruka_centerpic { width: 90%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .mieruka_box { overflow: hidden; zoom: 1; } .mieruka_box_left { float: left; } .mieruka_img { margin-left: 7em; } .garally_centerpic { width: 70%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .week_centerpic { width: 75%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .week_centerpic2 { width: 80%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .international_centerpic { width: 70%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .kyodosankaku_centerpic { width: 40%; margin: 0 auto; } .kyodosankaku_enq_l { float: left; } .kyodosankaku_enq { border: 1px solid #FF0000; float: right; margin-right: 20px; padding: 5px 15px; } .research_centerpic { width: 65%; margin: 0 auto; } .research_centerpic2 { width: 50%; margin: 0 auto; } .syogaikoku_centerpic { width: 70%; margin: 0 auto; } .border { padding: 10px; margin-bottom: 15px; border: solid 1px #333333; } .border2 { padding: 10px; margin-bottom: 15px; border: solid 1px #e66400; } .border3 { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; border: solid 1px #333333; } .border4 { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; border: solid 1px #d5d4d4; } .border_red { padding: 10px; margin-bottom: 15px; border: solid 1px #f00; } .border_red_slider { padding: 0px 10px 0 10px; margin-top: 10px; border: solid 4px #f00; } .border_red_h { padding-left: 0.2em; padding-right: 0.2em; border: solid 1px #f00; } .border_center { text-align: center; padding: 5px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; border: solid 1px #333333; } .border_center2 { padding: 5px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; border: solid 1px #333333; } .border_center3 { padding: 5px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; border: solid 1px #333333; } .border_left { padding: 5px; margin-top: 15px; margin-bottom: 15px; border: solid 1px #333333; } .color_box { width: 370px; background-color: #feeba0; padding: 5px; margin-top: 15px; margin-bottom: 15px; } .color_box2 { background-color: #f2f2f2; padding-left: 15px; padding-right: 15px; margin-top: 15px; margin-bottom: 15px; border: solid 1px #333333; } .color_box3 { background-color: #feeba0; padding: 5px; margin-top: 15px; margin-bottom: 15px; } .color_box4 { border:solid 2px #feeba0; padding: 5px; margin-top: 15px; margin-bottom: 15px; } .centerbox { margin-right: auto; margin-left: auto; } .float_box { margin-top: 15px; margin-left: 10px; width: 100%; overflow: hidden; zoom: 1; } .floatbox_inner { width: 290px; float: left; margin-right: 10px; } .float_box2 { margin-top: 15px; width: 100%; overflow: hidden; } .floatbox_inner2 { width: 217px; float: left; margin-right: 10px; } .date { margin-top: 15px; } .date_right { margin-top: 15px; text-align: right; margin-top: 15px; } .date_right2 { margin-top: 15px; text-align: right; margin-top: 15px; margin-bottom: 15px; } .meibo_photo_l { float: left; line-height: 120%; margin: 28px 10px 0 0; text-indent: 1em; } .meibo_photo_r { float: right; width: 80px; } .c-meibo_photo_l { float: left; margin: 36px 10px 0 0; } .c-meibo_photo_r { float: right; width: 80px; } .catch25_photo { width: 620px; height: 98px; clear: both; margin: 0 auto; text-align: center; } .catch25_photo_l { float: left; margin: 28px 10px 0 0; } .catch25_photo_r { float: left; width: 80px; margin-left: 20px; } .catch26_photo { width: 680px; height: 98px; clear: both; margin: 0 auto; text-align: left; } .catch26_photo_l { float: left; margin: 28px 10px 0 0; } .catch26_photo_r { float: left; width: 80px; margin-left: 50px; } .photo_new { padding: 15px 0 0 140px; margin-bottom: 2em; overflow: hidden; } .photo_new_l { display: table-cell; padding-right: 15px; width: 182px; } .photo_new_r { display: table-cell; vertical-align: middle; } .about_suishin_box { background-color: #ffffe0; padding: 1px 5px; color: #4169e1; width: 95%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; } .about_suishin_box2 { border: dotted 1px #4169e1; padding: 0 15px; width: 80%; margin-left: 25px; margin-bottom: 5px; } .about_suishin_box3 { border: dotted 1px #4169e1; padding: 0 15px; width: 90%; margin-left: 25px; margin-bottom: 5px; } .eng_notice_box { border: solid 1px #a9a9a9; background-color: #dcdcdc; padding: 5px; width: 90%; margin: 10px 0 20px 50px; } /*----------------------------------------------------- dl -------------------------------------------------------*/ .dl_normal dt, .dl_normal2 dt { padding-top: 5px; } .dl_normal3 dt { padding-left: 20px; } .dl_normal3 dd { margin-bottom: 15px; } .dl_normal4 { margin-top: 15px; } .dl_normal4 dd { margin-bottom: 15px; } .dl_sitemap { margin-left: 15px; margin-top: 15px; } .dl_sitemap dt { margin-bottom: 15px; } .dl_sitemap dd { margin-bottom: 15px; padding-left: 10px; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .contentsBoxCNTS .dl_normal dd, .contentsBoxCNTS2 .dl_normal2 dd { margin-bottom: 3px; padding-left: 10px; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .contentsBoxCNTS .dl_normal2 dd { margin-bottom: 3px; padding-left: 0px; } .dl_left, .dl_left2, .dl_left3, .dl_left3_e, .dl_left4, .dl_left5, .dl_left6, .dl_left7, .dl_left8, .dl_left9, .dl_left10, .dl_left11, .dl_left12, .dl_left13 .dl_left16 { margin-top: 10px; overflow: hidden; zoom: 1; } .dl_left6 dt, .dl_left7 dt, .dl_left8 dt, .dl_left9 dt, .dl_left10 dt, .dl_left11 dt, .dl_left12 dt, .dl_left13 .dl_left16 dt { float: left; } .dl_left dt, .dl_left2 dt { float: left; margin-right: 10px; } .dl_left3 dt { width: 140px; float: left; } .dl_left3 dd { margin-left: 10em; padding-left: 10px; margin-bottom: 15px; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .dl_left3 dd.yaji_none { background: none; } .dl_left3_e dt { width: 180px; float: left; } .dl_left3_e dd { margin-left: 11em; padding-left: 10px; margin-bottom: 15px; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .dl_left3_e dd.yaji_none { background: none; } .dl_left4 dt { float: left; margin-right: 10px; margin-left: 15px; } .dl_left4 dd { padding-left: 40px; margin-left: 15px; } .dl_left5 dt { float: left; margin-right: 15px; margin-left: 15px; } .dl_left5 dd { margin-bottom: 10px; margin-left: 4em; } .dl_left6 dd { text-align: right; margin-bottom: 10px; } .dl_left7 dd { margin-bottom: 10px; margin-left: 5em; } .dl_left8 dd { margin-bottom: 10px; margin-left: 16em; } .dl_left9 dd { padding-left: 0.5em; margin-left: 15px; } .dl_left10 dd { padding-left: 5.5em; margin-left: 15px; margin-bottom: 10px; } .dl_left11 dd { padding-left: 28em; margin-left: 15px; } .dl_left12 dd { padding-left: 13em; margin-left: 15px; } .dl_left13 dd { padding-left: 7em; margin-left: 15px; } .dl_left14 dt { float: left; margin-right: 15px; margin-left: 15px; } .dl_left16 dt { float: left; margin-top: 1em; margin-right: 15px; margin-left: 15px; } .dl_left14 dd { margin-bottom: 10px; margin-left: 80px; } .dl_left15 dt { float: left; margin-right: 15px; margin-left: 15px; } .dl_left15 dd { margin-bottom: 10px; margin-left: 98px; } .dl_left16 dd { margin-top: 1em; padding-left: 8em; margin-left: 15px; } .dl_left dd { margin-bottom: 10px; } .dl_left2 dd, .dl_left4 dd { margin-left: 10em; margin-bottom: 10px; } #mieruka_topic dt { width: 10em; margin-right: -10em; float: left; clear: left; } #mieruka_topic dd { margin: 0 0 1em 0; padding-left: 11em; float: left; } /*----------------------------------------------------- ul,ol -------------------------------------------------------*/ /* ●くろまるリスト */ .list_normal li { list-style-type: disc; margin-left: 15px; margin-bottom: 10px; } .list_normal1 li { list-style-type: disc; margin-top: 10px; margin-left: 15px; margin-bottom: 20px; } .list_normal2 li { list-style-type: disc; margin-left: 30px; margin-bottom: 10px; } /* スタイルタイプなしリスト */ .list_normal3 li { list-style-type: none; margin-bottom: 10px; } .list_normal4 li { list-style-type: none; margin-left: 20px; margin-bottom: 10px; } .list_normal5 li { list-style-type: none; margin-top: 15px; margin-left: 20px; margin-bottom: 10px; } .list_normal6 li { list-style-type: none; margin-top: 15px; margin-bottom: 10px; } .list_normal7 li { list-style-type: none; margin-left: 20px; margin-bottom: 20px; } .list_sentence li { list-style-type: none; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; padding-left: 10px; background-position: left 6px; background-repeat: no-repeat; } .list_sentence a:link { color: #0B4199; text-decoration: underline; } .list_sentence a:visited { color: #800080; text-decoration: underline; } .list_sentence a:hover { color: #0B4199; text-decoration: underline; } .list_sentence a:active { color: #0B4199; text-decoration: underline; } /* 番号リスト */ .list_number li { list-style-type: decimal; margin-top: 15px; margin-left: 35px; margin-bottom: 10px; } .list_number2 li { list-style-type: decimal; margin-top: 15px; margin-left: 40px; margin-bottom: 10px; } .list_number3 li { list-style-type: none; counter-increment: cnt; margin-top: 15px; margin-left: 35px; margin-bottom: 10px; } .list_number3 li:before { content: "("counter(cnt) ") "; } .list_number4 li { list-style-type: upper-roman; margin-left: 40px; } /* ■しかくリスト */ .list_square li { list-style-type: square; margin-top: 15px; margin-left: 22px; margin-bottom: 10px; } .list_square2 li { list-style-type: square; margin-top: 15px; margin-left: 30px; margin-bottom: 10px; } ul li.logo_bnr_list { margin-left: 0; } ul li span.logo_bnr_type { display: block; float: left; margin: 20px 20px 0 0; } /* アルファベット大文字リスト */ .list_alpha { list-style-type: upper-alpha; margin-top: 15px; margin-left: 25px; margin-bottom: 10px; } .list_alpha2 { list-style-type: upper-alpha; margin-top: 15px; margin-left: 44px; margin-bottom: 10px; } .list_alpha2 li { margin-bottom: 15px; } /* アルファベット小文字リスト */ .list_salpha { list-style-type: lower-alpha; margin-top: 15px; margin-left: 22px; margin-bottom: 10px; } .list_salpha2 { list-style-type: lower-alpha; margin-top: 15px; margin-left: 50px; } .list_salpha3 { list-style-type: lower-alpha; margin-top: 15px; margin-left: 44px; margin-bottom: 10px; } .list_salpha2 li { margin-bottom: 15px; } /* イロハリスト */ .list_iroha { list-style-type: katakana-iroha; margin-top: 15px; margin-left: 22px; margin-bottom: 10px; } .list_iroha2 { list-style-type: katakana-iroha; margin-top: 15px; margin-left: 44px; margin-bottom: 10px; } /* 矢印リスト */ .list_yaji li { list-style: none; margin-right: 20px; margin-bottom: 10px; padding-left: 10px !important; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .list_yaji1 li { list-style: none; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; padding-left: 10px !important; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .list_yaji2 li, .list_yaji3 li { list-style: none; margin-top: 15px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; padding-left: 10px !important; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .list_yaji4 li { list-style: none; margin-top: 35px; margin-left: 20px; margin-right: 20px; margin-bottom: 30px; padding-left: 10px !important; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .list_yaji5 li { list-style: none; margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 15px; padding-left: 10px !important; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .list_yaji6 li { list-style: none; margin-top: 14px; margin-left: 13px; margin-right: 20px; margin-bottom: 14px; padding-left: 17px !important; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } .list_yaji_left { float: left; padding-left: 20px; padding-right: 20px; } .list_yaji_left li { list-style: none; padding-left: 10px !important; padding-bottom: 30px; background-image: url("../../img/common/link_yaji.gif"); background-position: left 8px; background-repeat: no-repeat; } /* floatleftリスト */ .li_left { overflow: hidden; zoom: 1; } .li_left li { float: left; padding-left: 15px; padding-bottom: 10px; } .li_left_c li { float: left; padding-left: 20px; padding-bottom: 10px; text-align: center; } /* 特定スタイルリスト */ .list_number .list_normal3 .list_iroha li { list-style-type: katakana-iroha; margin-top: 15px; margin-left: 44px; margin-bottom: 10px; } .list_number .list_normal3 .list_iroha .list_normal2 li { list-style-type: disc; margin-left: 30px; margin-bottom: 10px; } .list_number .list_normal3 .list_iroha .list_normal3 li { list-style-type: none; margin-bottom: 10px; } .list_number .list_salpha li { list-style-type: lower-alpha; margin-top: 15px; margin-left: 22px; margin-bottom: 10px; } .list_number .list_normal3 li { list-style-type: none; } .list_number .list_normal3 .list_normal li { list-style-type: disc; } .list_number .li_left li { list-style-type: none; } .list_number2 .list_none .list_salpha li { list-style-type: lower-alpha; margin-top: 15px; margin-left: 40px; margin-bottom: 10px; } .list_number2 .list_none .list_salpha .list_none li { list-style-type: none; } .list_number2 .list_none .list_salpha .list_none .list_iroha li { list-style-type: katakana-iroha; margin-top: 15px; margin-left: 60px; margin-bottom: 10px; } .list_number .list_normal2 li { list-style-type: disc; } .list_number2 .list_normal2 li { list-style-type: disc; } .list_number2 .list_none li { list-style-type: none; } .list_square .list_normal2 li { list-style-type: disc; } .list_square .list_normal2 .list_none { list-style-type: none; } .list_square2 .list_normal2 li { list-style-type: disc; } .list_square2 .margin_bottom { margin-bottom: 30px; } .list_alpha2 .list_salpha2 li { margin-left: 22px; } .list_normal2 .list_none li { list-style-type: none; } .contentsBoxCNTS .list_yaji2 .list_none li { list-style-type: none; } .list_normal3 .list_normal li { list-style-type: disc; margin-left: 20px; margin-bottom: 10px; } .list_normal3 .list_normal2 li { list-style-type: disc; margin-left: 30px; margin-bottom: 10px; } .list_normal3 .list_alpha li { list-style-type: upper-alpha; margin-top: 15px; margin-left: 40px; margin-bottom: 10px; } .list_normal5 .list_alpha li { list-style-type: upper-alpha; margin-top: 15px; margin-left: 40px; margin-bottom: 10px; } .list_normal7 .list_normal3 li { list-style-type: none; margin-bottom: 5px; } .list_normal7 .list_normal li { list-style-type: disc; margin-bottom: 5px; } .list_normal8 li { list-style-type: none; margin-top: 60px; margin-left: 20px; } /* スタイルタイプなしリスト(特定対応用) */ .list_nodisc li { list-style-type: none; } .list_nodisc2 li { list-style-type: none; margin-left: 25px; margin-bottom: 20px; } li.list_roman { list-style-type: upper-roman; } /* カテゴリ特定スタイルリスト */ .whitepaper_link ul { overflow: hidden; zoom: 1; } .whitepaper_link li, .whitepaper_link2 li { float: left; list-style: none; margin-right: 20px; padding-left: 10px; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } /* 横並び中央揃えリスト */ .horizonal_center_list { width: 30%; margin: 20px auto; text-align: center; } .horizonal_center_list li { display: inline; list-style: none; margin-right: 20px; padding-left: 10px !important; background-image: url("../../img/common/link_yaji.gif"); background-position: left 6px; background-repeat: no-repeat; } /* liイレギュラーマージン用 */ .notyajiBlock { width: 500px; overflow: hidden; } .notyajiBlock li { float: left; padding: 0 0 1em 0; margin: 0 0 0 38px; list-style-type: disc; } .notyajiBlock li a { float: left; padding: 0 0 0 18px !important; margin: 0 0 0 -16px !important; background: url("../../img/common/link_yaji.gif") no-repeat 0px; } .off { list-style-type: none; display: block; } #contentsArea ul.list_number{ margin-left:20px;} /*----------------------------------------------------- p -------------------------------------------------------*/ .indent { text-indent: 1em; } #contents p.indent2 { text-indent: 1em; margin: 0; } #contents p.indent3 { text-indent: 1em; margin-top: 15px; margin-bottom: 0; } #contents p.indent4 { text-indent: 1em; margin-top: 0; margin-bottom: 15px; } .p_left { padding-left: 15px; } .p_text_left { text-align: left; } .p_text_right { text-align: right; } .p_line { padding-bottom: 3px; border-bottom: 1px solid #e66400; } .p_line2 { padding-bottom: 3px; border-bottom: 1px dashed #e66400; } .p_line3 { padding-top: 6px; border-top: 1px solid #e66400; } .contentsBoxCNTS .p_center, .contentsBoxCNTS2 .p_center, .contentsBoxCNTS3 .p_center { text-align: center; } a.anc_p { color: #333333; text-decoration: none; } .red{ color: red; } /*----------------------------------------------------- table -------------------------------------------------------*/ .baseTable { margin: .5em 0; border: 1px solid #d5d4d4; background-color: #e8edf0; border-collapse: collapse; } .baseTable th { text-align: left; background-color: #e8edf0; border: 1px solid #d5d4d4; padding: 7px; font-size: 1.2em; } .baseTable.thCenter th { text-align: center; } .baseTable td { padding: 7px; background: url("../../img/common/dotline.gif") repeat-x left bottom; background-color: #ffffff; border: 1px solid #d5d4d4; border-top: none; border-bottom: none; } .baseTable td.indent1 { padding: 7px 7px 7px 1.5em; } .baseTable td.indent2 { padding: 7px 7px 7px 2.5em; } .baseTable td.indent3 { padding: 7px 7px 7px 3.5em; } .baseTable td.indent4 { padding: 7px 7px 7px 4.5em; } .baseTable td.indent5 { padding: 7px 7px 7px 5.8em; } .baseTable .firstChild th { background: none; } .baseTable .lastChild td { background: none; background-color: #ffffff; } .tableBase { margin: 20px 20px; border-collapse: collapse; } .tableBase th, .tableBase td { padding: 7px; border: 1px solid #d5d4d4; } .tableBase th { background-color: #e8edf0; } .tableBase td { padding: 7px; background-color: #ffffff; } .tableBase td.td_bgc { background: #fffad7; } .tableBase .bg-yellow { background-color: #fffad7 !important;} .tableBase2 { margin: 0px 20px; border-collapse: collapse; } .tableBase2 td { border: 0px solid #d5d4d4; } .tableBase td.indent1 { padding: 7px 7px 7px 1.5em; } .tableBase td.indent2 { padding: 7px 7px 7px 2.5em; } .tableBase td.indent3 { padding: 7px 7px 7px 3.5em; } .tableBase td.indent4 { padding: 7px 7px 7px 4.5em; } .tableBase td.indent5 { padding: 7px 7px 7px 5.8em; } .baseTable .bg-yellow th { background-color: #ffffcc; text-align: center; } /* tableBase2 */ .tableBase2 th, .tableBase2 td { padding: 2px 8px 2px 0px; } .tableBase2 th { text-align: left; } /* table option */ .valignTop th, .valignTop td { vertical-align: top; } .tableBase caption, .tableBase2 caption { padding: .5em 0; font-weight: bold; text-align: left; } .mieruka_table_red { margin: 0px 0px; border: 2px solid #990033; border-collapse: collapse; } .mieruka_table_red .color_red th { background-color: #fbd9e4; padding: 7px; border-bottom: 3px solid #990033; border-right: 1px solid #990033; } .mieruka_table_red td { padding: 7px; border: 1px solid #990033; } .mieruka_table_red .mieruka_red { background-color: #fbd9e4; } .mieruka_table_red .mieruka_double_line_red { border-top: 3px double #990033; } .mieruka_table_blue { margin: 0px 0px; border: 2px solid #31849b; border-collapse: collapse; } .mieruka_table_blue .color_blue th { background-color: #bcdce5; padding: 7px; border-bottom: 3px solid #31849b; border-right: 1px solid #31849b; } .mieruka_table_blue td { padding: 7px; border: 1px solid #31849b; } .mieruka_table_blue .mieruka_blue { background-color: #bcdce5; } .mieruka_table_blue .mieruka_double_line_blue { border-top: 3px double #31849b; } .mieruka_table_orenge { margin: 0px 0px; border: 2px solid #e36c0a; border-collapse: collapse; } .mieruka_table_orenge .color_orenge th { background-color: #fce5d2; padding: 7px; border-bottom: 3px solid #e36c0a; border-right: 1px solid #e36c0a; } .mieruka_table_orenge td { padding: 7px; border: 1px solid #e36c0a; } .mieruka_orenge { background-color: #fce5d2; } .mieruka_table_orenge .mieruka_double_line_orenge { border-top: 3px double #e36c0a; } .mieruka_table_green { margin: 0px 0px; border: 2px solid #339933; border-collapse: collapse; } .mieruka_table_green .color_green th { background-color: #c8f6c8; padding: 7px; border-bottom: 3px solid #339933; border-right: 1px solid #339933; } .mieruka_table_green td { padding: 7px; border: 1px solid #339933; } .mieruka_table_green .mieruka_double_line_green { border-top: 3px double #339933; } .mieruka_green { background-color: #c8f6c8; } .mieruka_table_info { margin: 0 auto; } .mieruka_table_info td { background-color: #daeef3; padding: 7px; } .mieruka_table_kigyou { margin: 0px auto; border: 1px solid #333333; border-collapse: collapse; } .mieruka_table_kigyou th { background-color: #daeef3; padding: 7px; border-bottom: 1px solid #333333; border-right: 1px solid #333333; line-height: 1.5em; text-align: left; } .mieruka_table_kigyou th span { font-weight: normal; font-size: 0.9em; } .mieruka_table_kigyou td { padding: 7px; border: 1px solid #333333; } .pamphletTable td img { border: 1px solid #000000; } .resarch_table td { padding: 7px; white-space: nowrap; } .tableBase .positive_th { background-color: #ffcb01; } .tableBase .positive_th2 { background-color: #fbeaa9; } .tableBase .positive_th3 { background-color: #d6ebf9; } .basicplans_table { margin: 0px 0px; border: 1px solid #333333; border-collapse: collapse; } .basicplans_table td { padding: 3px; vertical-align: top; } .basicplans_table th { font-weight: normal; padding: 5px; background-color: #fde37a; border: 1px solid #333333; } .tableBase .internatinal_orenge { background-color: #fac9a1; } .male_leadersTable { width: 100%; align: left; border-collapse: collapse; } .male_leadersTable td { border: 1px solid #000000; border-collapse: collapse; padding: 5px; } .ouenkaigiTable { width: 85%; margin: auto; text-align: center; border-collapse: collapse; } .ouenkaigiTable caption { text-align: left; } .ouenkaigiTable th { font-weight: normal; border: 1px solid #000000; border-bottom: double; border-collapse: collapse; padding: 5px; } .ouenkaigiTable td { border: 1px solid #000000; border-collapse: collapse; padding: 5px; } .sankou_hpTable { width: 100%; border-collapse: collapse; } .sankou_hpTable th { width: 30%; border: 1px solid #6495ed; font-weight: normal; padding: 0 10px 10px 10px; text-align: left; vertical-align: top; } .sankou_hpTable td { width: 70%; border: 1px solid #6495ed; padding: 10px; text-align: left; vertical-align: top; } .bousaiTable { width: 50%; margin: 0 0 1em 38px; border-collapse: collapse; } .bousaiTable th { padding: 5px; text-align: center; font-weight: normal; } .bousaiTable td:nth-child(odd) { width: 80%; padding: 5px; } .bousaiTable td:nth-child(even) { width: 20%; padding: 5px; text-align: center; } .pdf_table { margin-left: 20px; } .pdf_td { padding-bottom: 20px; } /*------------------------------------------------------ icon -------------------------------------------------------*/ .ico { vertical-align: baseline; padding: 0 4px; } .icoM { vertical-align: middle; padding: 0 2px; } .icoL { vertical-align: middle; padding: 0 2px 2px; } /*----------------------------------------------------- font -------------------------------------------------------*/ #mainContents, .contentsBox2 { font-size: 106%; } .contentsBoxCNTS_Index, .contentsBoxMenu2 { font-size: 110%; } .caption { font-size: .8em; padding: 0; margin: 0.5em 0 !important; } .text_Brown { color: #663300; } .textBlue { color: #4169e1; } .textGreen { color: #008000; } .textOrenge { color: #e66400; } .textPurple { color: #4A2BB7; } .textS { font-size: 0.8em; line-height: 1.2; } .textL { font-size: 1.2em; } .italic { font-style: italic; } hr.dot { text-align: left; display: inline-block; border-color: #000000; border-top-style: dashed; border-bottom-style: none; border-left-style: none; border-right-style: none; margin-left: 0.5em; margin-right: 0.5em; vertical-align: text-bottom; } .nowrap { white-space: nowrap; } .f_right { float: right; } .v_align_top { vertical-align: top; } .underline { text-decoration: underline; } .fax_banner { float: left; } .fax_pdf_text { margin-top: 12px; } .f_b { font-weight: bold; } /*スマートフォン向け*/ @media screen and (max-width: 640px) { .dl_left dd, .dl_left2 dd, .dl_left3 dd, .dl_left3_e dd, .dl_left4 dd, .dl_left5 dd, .dl_left6 dd, .dl_left7 dd, .dl_left8 dd, .dl_left9 dd, .dl_left10 dd, .dl_left11 dd, .dl_left12 dd, .dl_left13 dd, .dl_left6 dd, .dl_left7 dd, .dl_left8 dd, .dl_left9 dd, .dl_left10 dd, .dl_left11 dd, .dl_left12 dd, .dl_left13 dd { clear: left; float: none; margin-left: 0; padding-left: 0; } } #mainContents { padding: 0; } #utilityBlock { background: #de9610; } #utilityNav ul li { background: url(../img/ico_arrow8.png) no-repeat left center; } #utilityNav ul li a { color: #222; } #headerBlock { margin-top: 24px; margin-bottom: 24px; } #globalNav ul#globalNavList { border: solid 3px #de9610; top: 12px; left: 0; display: none; } #globalNavList:before, #globalNavList:after { content: ""; display: table; } #globalNavList:after { clear: both; } #globalNav ul#globalNavList.show { display: block; } #globalNav ul#globalNavList li { margin-left: 1em; border-bottom: solid 1px #de9610; font-size: 100%; } #globalNav ul#globalNavList li a { background: url(../img/ico_arrow8.png) no-repeat left center; } #globalNav img { position: static; vertical-align: middle; } #rsvGlobalNav { padding: 0 .5em 0 0; background: #763b1b; color: #fff; cursor: pointer; position: absolute; right: .5em; top: -5.3em; } #searchBlock { background: #fffad7; border-bottom: none; } #searchBlockInner #searchPart a { background: url(../img/ico_arrow8.png) no-repeat left center; } #fontsize .fontsizeOn { background: #763b1b; } #footerArea { background: #fff; } #underMenuBlock { padding: 70px 0 0; background: #fffad7; } .underMenuBox:before { /*content: url(../img/under_symbol.gif); シンボルマーク変更により修正*/ text-align: center; margin: -35px auto 0; display: block; } .underMenuBox { margin: 0 auto 0; padding: 1px 1em 1em; border-radius: 10px; background: #fff; } .underMenuAreaInnerbox dl { margin: 20px 0 1em 0; } .underMenuAreaInnerbox dt { padding-left: 18px; background: url(../img/ico_arrow3.gif) no-repeat left center; } .underMenuAreaInnerbox dd { padding-left: 18px; background: url(../img/ico_arrow5.gif) no-repeat left center; } #footerNavBlock { /*border-top:1px solid #f5a54d;*/ background: #fffad7; } #footerNavBlock ul#list_footerNav li span { background: url(../img/ico_arrow8.png) no-repeat left center; } #copyrightBlock { background: transparent; } #copyrightBlock> div { background: transparent; color: #222; } #subContentsBlock h2 { border-left: none; background: #f6f6f6; width: 100%; } #subContentsBlock h2 span a { padding-right: 24px; background: url(../img/ico_arrow8.png) no-repeat right center; } .tableBase { width: 90%; } .tableBase th { background: #fffad7; color: #222; } h1 { border-left: solid 5px #de9610; } .h1Block { background-image: none; } .h1Block h1 { border-left: solid 5px #217446; } h1#ciBlock { margin: 0; padding: 0; background: none; border: none; position: relative; clear: none; } h1#ciBlock:after, h1#ciBlock:before { content: ""; } .h2Block .toList, .h2Block .toList a { background-color: #763b1b; } .h2Block .toList a { background-image: url(../img/ico_arrow2.gif); } h2 { background: transparent; position: relative; padding: .25em 1em .25em 1em; border-bottom: 1px solid #ccc; } h2:after { position: absolute; top: .25em; left: 0; content: ''; width: 5px; height: -webkit-calc(100% - .5em); height: calc(100% - .5em); background-color: #de9610; } h2 a, h2 a:hover { color: #333; text-decoration: none; padding-right: 0; background-image: none; } h2 a[href], h3 a[href], h4 a[href] { color: inherit; padding-right: 18px; background-image: url(../img/ico_arrow6.png); text-decoration: underline; } h2 a[href].invisibleArrow{ background-image: none; } h2 a[href].invisibleArrow:visited{ color:#800080; } h2 a[href].invisibleArrow:link{ color:#0B4199; } img { vertical-align: middle; } .grayBox2 { background: #fffad7; } .pageTop a { padding: 0 0 0 18px; background-image: url(../img/ico_arrow4.gif); background-position: left center; } #contentsArea .bulletList li { background: url(../img/ico_arrow8.png) no-repeat left 0.3em; } #contentsArea ul.linkMonthly li a { background: url(../img/ico_arrow8.png) no-repeat left center; } #contentsArea ul.linkMonthly2 li a { background: url(../../img/common/link_yaji.gif) no-repeat left center; } #contentsArea ul.linkMonthly3 li a { background: url(../../img/common/link_yaji.gif) no-repeat left 0.3em; } #contentsArea #subContentsBlock .sideSection ul.bulletList li { background: url(../img/ico_arrow1.gif) no-repeat left center; } #contentsArea #subContentsBlock .sideSection img { width: 100%; } #contentsArea .lst_none li { margin: 0 0 .5em; padding: 0; line-height: 1.5; list-style: none; background: none; } #subContentsBlock h2:after { content: ''; width: auto; } #topicPathBlock { font-size: 80%; } .upperBlock { width: auto; } .upperBlock ol { margin-left: 20px; } .upperBlockInner { width: 980px; margin-left: auto; margin-right: auto; } .noticeBlock .noticeTitle { background: #217446; color: #fff; } .noticeBlock .noticeContents { border: solid 1px #217446; } #mvArea { background: transparent url(../img/bg_mv.gif) repeat 0px 0px; margin-bottom: 25px; padding: .5em; } .page__subhead--men_danjo { text-align: center; } .page__subhead--men_danjo img { margin: 0 0 .5em; max-width: 100%; } .page__subhead__title--men_danjo { margin: 0 0 1em; } .sliderBlock { width: 100%; } .sliderInner { padding: 20px; overflow: hidden; zoom: 1; } /*js off*/ #slider #bxslider .sliderInner { margin-left: 20px; margin-right: 20px; } /*js on*/ #slider .bx-wrapper .bx-viewport #bxslider div.sliderInner { margin-left: 0; margin-right: 0; } .bx-wrapper .bx-viewport { padding: 0; } .sliderInner .sliderPhoto { float: left; } .sliderInner .sliderMessage { color: #222; } .sliderInner .sliderMessage h2 { margin: 0 0 10px; padding: 0px; border: none; background: none; } .sliderInner .sliderMessage h2:after { content: ""; background-color: transparent; } .sliderInner .sliderMessage h2 span { border: none; display: block; } .sliderInner .sliderMessage h2 a { background: transparent url(../img/ico_arrow3.gif) no-repeat left center; padding: 0px 0px 0px 16px; color: #222; display: block; } .sliderInner .sliderMessage p { padding-left: 12px; } .sliderInner--v img { float: left; width: 50%; } .sliderInner--v .sliderMessage { float: left; width: 50%; } .sliderInner--v .contents-wapper { padding: 0 1em 1.5em; } .sliderInner--h img { float: none; width: 100%; } .sliderInner--h .sliderMessage { clear: left; } .sliderInner--h .contents-wapper { padding: 1em 0 1.5em; } .menuBlock { margin: 0 auto; line-height: 2; } .menuBlock ul { margin: 0 -1em 0 0; } .menuBlock li { margin: 0; padding: 0; float: left; width: 50%; } .menuBlock a { margin: 0; padding: 0 1em 1em 0; display: block; text-decoration: none; } .menuBlock:after { content: "0020円"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .menuBlock__inner { padding: 1em; display: block; background: #fff; } .menuBlock__thumb { display: block; text-align: center; } .menuBlock__thumb img { max-width: 100%; } .menuBlock__description { display: block; text-align: center; line-height: 1.25; } .menuBlock_h2{ font-size: 1.0em; margin: 0 0 0.5em 0; border: none; background-color: #FFD966; } .menuBlock .ulmg{ margin: 1em 0 0 1em; } .box--male_leaders { padding: 1em; border: 4px solid #1f497d; } .box--male_leaders__logo { text-align: center; } .tranbox { margin: 0 auto 1em; position: relative; } .tranbox--male_leaders__logo { text-align: center; } /*class*/ .dl { margin: 0 0 1em; overflow: hidden; } .dl-article dt { margin: 0 0 .5em 0; float: left; clear: left; } .dl-article dd { margin: 0 0 .5em 0; float: left; } .dl-article span { display: block; } .img_wrapper img { max-width: 100%; height: auto; } .w2e { width: 2em; } .w3e { width: 3em; } .w4e { width: 4em; } .w5e { width: 5em; } .w6e { width: 6em; } .w7e { width: 7em; } .w8e { width: 8em; } .w10e { width: 10em; } .w12e { width: 12em; } .w14e { width: 14em; } .w16e { width: 16em; } .w18e { width: 18em; } .w20e { width: 20em; } .w24e { width: 24em; } .w28e { width: 28em; } .w30e { width: 30em; } .w32e { width: 32em; } .w36e { width: 36em; } .w40e { width: 40em; } .w48e { width: 48em; } .w08p { width: 8%; } .w1p { width: 10%; } .w14p { width: 14%; } .w15p { width: 15%; } .w2p { width: 20%; } .w3p { width: 30%; } .w4p { width: 40%; } .w45p { width: 45%; } .w5p { width: 50%; } .w55p { width: 55%; } .w6p { width: 60%; } .w7p { width: 70%; } .w8p { width: 80%; } .wmax { width: 100%; } .wauto { width: auto; } .mt0 { margin-top: 0 !important; } .mt2 { margin-top: 2em; } .mb0 { margin-bottom: 0 !important; } .mb1 { margin-bottom: 1em; } .mb2 { margin-bottom: 2em; } .mb3 { margin-bottom: 3em; } .mb5 { margin-bottom: 5em; } .mb10 { margin-bottom: 10em; } .ml1em { margin-left: 2em !important; } .ml1 { margin-left: 1em !important; } .ml3em { margin-left: 3em !important; } .dl-w4e dt { width: 4em; margin-right: -4em; } .dl-w4e dd { padding-left: 5em; } .dl-w6e dt { width: 6em; margin-right: -6em; } .dl-w6e dd { padding-left: 7em; } .dl-w8e dt { width: 8em; margin-right: -8em; } .dl-w8e dd { padding-left: 9em; } .dl-w10e dt { width: 10em; margin-right: -10em; } .dl-w10e dd { padding-left: 11em; } .label { display: inline; padding: .25em .5em .25em; font-weight: bold; font-size: 80%; line-height: 1.25; color: #333; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label-primary { background-color: #337ab7; } .label-success { background-color: #5cb85c; } .label-info { background-color: #5bc0de; } .label-warning { background-color: #f0ad4e; } .label-danger { background-color: #d9534f; } .label-seisaku { background-color: #c4d4e0; } .label-kokusai { background-color: #9aabb9; } .label-koho { background-color: #e9c77b; } .label-gender { background-color: #e2b49a; } .label-other { background-color: #dde2e3; } .contents-wapper { padding: 1em 1em 1.5em; } .hide { display: none; } .scrollbox { display: block; overflow-y: auto; } #mainContentsBlock #mainContents .scrollbox img.size01, #mainContentsBlock #mainContents .scrollbox img.size02, #mainContentsBlock #mainContents .scrollbox img.size03, #mainContentsBlock #mainContents .scrollbox img.size04, #mainContentsBlock #mainContents .scrollbox img.size05, #mainContentsBlock #mainContents .scrollbox img.size06 { width: auto !important; } .cl { clear: both; } .lst__float li { float: left; } .lst__grid { display: block; clear: both; } .lst__grid li { margin: 0 !important; padding: 0 !important; } .lst__grid img { max-width: 100%; height: auto; } .lst__float:after, .lst__grid:after { content: ""; display: block; clear: both; } .tbl__layout { margin: 0 0 1em; padding: 0; border: none; } .tbl__layout th, .tbl__layout td { margin: 0; padding: 0; border: none; } .tbl__layout th, .tbl__layout caption { background: #f00; color: #fff; } .tbl__layout th:before, .tbl__layout caption:before { content: "レイアウトテーブルではth,captionは使用できません。"; } td.num { text-align: right; } hr.cl { margin: 0; padding: 0; border: 0 none; height: 0; color: #fff; } .clfix:before, .clfix:after { content: ""; display: table; } .clfix:after { clear: both; } .clfix { zoom: 1; } /*タブレット+PC向け*/ @media screen and (min-width: 641px) { #globalNav ul#globalNavList { border: none; } #globalNav ul#globalNavList li a { padding: .75em 0; background: none; } .box--male_leaders__logo, .tranbox--male_leaders__logo { float: right; } } /*タブレット向け*/ @media screen and (min-width: 641px) and (max-width: 960px) { .seisaku .seisaku-card:nth-child(2n+1) { clear: left; } .seisaku-card { float: left; width: 50%; } .sideContents .sideContents-card:nth-child(2n+1) { clear: left; } .sideContents-card { float: left; width: 50%; } .seisaku-card__thumb { text-align: center; } .sideContents-card a { padding: 1em; display: block; } .lst__grid li { float: left; } .lst__grid1 li { width: 100%; } .lst__grid2 li { width: 100%; } .lst__grid3 li { width: 100%; } .lst__grid4 li { width: 50%; } .lst__grid4 li:nth-child(2n+1) { clear: left; } .lst__grid5 li { width: 33.3333%; } .lst__grid5 li:nth-child(3n+1) { clear: left; } .lst__grid6 li { width: 33.3333%; } .lst__grid6 li:nth-child(3n+1) { clear: left; } } /*PC向け*/ @media screen and (min-width: 961px) { .sliderBlock { width: 55%; } .menuBlock { width: 45%; } #globalNav ul#globalNavList { border: none; } .mvBlock { width: 1020px; overflow: hidden; margin-left: auto; margin-right: auto; } .menuBlock { width: 486px; float: right; } .sliderBlock { width: 520px; float: left; } .bx-wrapper { max-width: 480px !important; } * html .sliderBlock { padding-left: 20px; width: 480px; } .underMenuBox { padding: 1px 3em 3em; width: 960px; *zoom: 1; } .underMenuBox:after { content: "0020円"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .underMenuAreaInnerbox { float: left; width: 33.33333%; } .seisaku .seisaku-card:nth-child(3n+1) { clear: left; } .seisaku-card { float: left; width: 33.33333%; } .span-1_24, .span-1_16, .span-1_12, .span-2_24, .span-1_10, .span-1_9, .span-1_8, .span-2_16, .span-3_24, .span-1_7, .span-1_6, .span-2_12, .span-4_24, .span-3_16, .span-1_5, .span-2_10, .span-5_24, .span-2_9, .span-1_4, .span-2_8, .span-3_12, .span-4_16, .span-6_24, .span-2_7, .span-7_24, .span-3_10, .span-5_16, .span-1_3, .span-2_6, .span-3_9, .span-4_12, .span-8_24, .span-3_8, .span-6_16, .span-9_24, .span-2_5, .span-4_10, .span-5_12, .span-10_24, .span-3_7, .span-7_16, .span-4_9, .span-11_24, .span-1_2, .span-2_4, .span-3_6, .span-4_8, .span-5_10, .span-6_12, .span-8_16, .span-12_24, .span-13_24, .span-5_9, .span-9_16, .span-4_7, .span-7_12, .span-14_24, .span-3_5, .span-6_10, .span-5_8, .span-10_16, .span-15_24, .span-2_3, .span-4_6, .span-6_9, .span-8_12, .span-16_24, .span-11_16, .span-7_10, .span-17_24, .span-5_7, .span-3_4, .span-6_8, .span-9_12, .span-12_16, .span-18_24, .span-7_9, .span-19_24, .span-4_5, .span-8_10, .span-13_16, .span-5_6, .span-10_12, .span-20_24, .span-6_7, .span-7_8, .span-14_16, .span-21_24, .span-8_9, .span-9_10, .span-11_12, .span-22_24, .span-15_16, .span-23_24 { float: left; } .span-1_24 { width: 4.1666666%; } .span-1_16 { width: 6.25%; } .span-1_12, .span-2_24 { width: 8.3333333%; } .span-1_10 { width: 10%; } .span-1_9 { width: 11.1111111%; } .span-1_8, .span-2_16, .span-3_24 { width: 12.5%; } .span-1_7 { width: 14.2857143%; } .span-1_6, .span-2_12, .span-4_24 { width: 16.6666666%; } .span-3_16 { width: 18.75%; } .span-1_5, .span-2_10 { width: 20%; } .span-5_24 { width: 20.8333333%; } .span-2_9 { width: 22.2222222%; } .span-1_4, .span-2_8, .span-3_12, .span-4_16, .span-6_24 { width: 25%; } .span-2_7 { width: 28.5714286%; } .span-7_24 { width: 29.1666666%; } .span-3_10 { width: 30%; } .span-5_16 { width: 31.25%; } .span-1_3, .span-2_6, .span-3_9, .span-4_12, .span-8_24 { width: 33.3333333%; } .span-3_8, .span-6_16, .span-9_24 { width: 37.5%; } .span-2_5, .span-4_10 { width: 40%; } .span-5_12, .span-10_24 { width: 41.6666666%; } .span-3_7 { width: 42.8571429%; } .span-7_16 { width: 43.75%; } .span-4_9 { width: 44.4444444%; } .span-11_24 { width: 45.8333333%; } .span-1_2, .span-2_4, .span-3_6, .span-4_8, .span-5_10, .span-6_12, .span-8_16, .span-12_24 { width: 50%; } .span-13_24 { width: 54.1666666%; } .span-5_9 { width: 55.5555555%; } .span-9_16 { width: 56.25%; } .span-4_7 { width: 57.1428572%; } .span-7_12, .span-14_24 { width: 58.3333333%; } .span-3_5, .span-6_10 { width: 60%; } .span-5_8, .span-10_16, .span-15_24 { width: 62.5%; } .span-2_3, .span-4_6, .span-6_9, .span-8_12, .span-16_24 { width: 66.6666666%; } .span-11_16 { width: 68.75%; } .span-7_10 { width: 70%; } .span-17_24 { width: 70.8333333%; } .span-5_7 { width: 71.4285715%; } .span-3_4, .span-6_8, .span-9_12, .span-12_16, .span-18_24 { width: 75%; } .span-7_9 { width: 77.7777777%; } .span-19_24 { width: 79.1666666%; } .span-4_5, .span-8_10 { width: 80%; } .span-13_16 { width: 81.25%; } .span-5_6, .span-10_12, .span-20_24 { width: 83.3333333%; } .span-6_7 { width: 85.7142858%; } .span-7_8, .span-14_16, .span-21_24 { width: 87.5%; } .span-8_9 { width: 88.8888888%; } .span-9_10 { width: 90%; } .span-11_12, .span-22_24 { width: 91.6666666%; } .span-15_16 { width: 93.75%; } .span-23_24 { width: 95.8333333%; } .lst__grid li { float: left; } .lst__grid1 li { width: 100%; } .lst__grid2 li { width: 50%; } .lst__grid2 li:nth-child(2n+1) { clear: left; } .lst__grid3 li { width: 33.3333%; } .lst__grid3 li:nth-child(3n+1) { clear: left; } .lst__grid4 li { width: 25%; } .lst__grid4 li:nth-child(4n+1) { clear: left; } .lst__grid5 li { width: 20%; } .lst__grid5 li:nth-child(5n+1) { clear: left; } .lst__grid6 li { width: 16.6666%; } .lst__grid6 li:nth-child(6n+1) { clear: left; } } /*タブレット+スマートフォン向け*/ @media screen and (max-width: 960px) { .upperBlockInner { width: auto; margin-left: 15px; margin-right: 15px; } .sliderBlock { margin: 1em 0; } #utilityNav ul li:last-child { display: inline; } #globalNav ul#globalNavList li { border-bottom: none; } #globalNav ul#globalNavList li a { border-bottom: solid 1px #de9610; } .page__subhead__title--men_danjo img { margin: 0 auto; display: block; } } /*スマートフォン向け*/ @media screen and (max-width: 640px) { #globalNav #utilityNav ul li:last-child { display: inline; } #headerArea { border-top: solid 20px #de9610; } #footerNavBlock ul#list_footerNav li { border-bottom: solid 1px #f6f6f6; border-right: none; } #copyrightBlock address img, #copyrightBlock address span { margin: 0 auto; display: block; text-align: center; } .tableBase { width: auto !important; height: auto !important; margin-left: 0 !important; display: block; overflow: auto; } #copyrightBlock address { text-align: center; } #copyrightBlock address img { width: 50%; } } /*# sourceMappingURL=gender.css.map */ /* 隠し */ .hide { position: absolute; visibility: hidden; top: 0px; left: -256px; width: 128px; display: none; }