@charset "UTF-8"; #chojo ul.m_pdf_btns li { width:48%; margin-right:2%; text-align:center; background:none #dddee1; float:left; } /* ヘッダー */ #chojo #header #h_section #h_sitetitle_unit_chojo { margin-top:0; height:93px; background:url(../../chojo/images/title_bg.jpg) no-repeat right top;} #chojo #header #h_section #h_sitetitle_unit_chojo h1, #chojo #header #h_section #h_sitetitle_unit_chojo p { padding-top:30px;} #chojo #main_area #m_h1_inner { border-radius:4px; background:none #ffffff; margin:5px 0 20px; padding:10px 10px; zoom:1; position:relative; } #chojo #main_area #m_h1_inner h1 { font-size:170%; border-left:5px #d60b17 solid; padding:8px 0 8px 10px; line-height:1em; } #chojo .m_content_inner { border-radius: 0 0 5px 5px; background:none #ffffff; padding:20px; border-top:none; } #chojo h2 { font-size:131%; font-weight:bold; border-bottom:2px #d60b17 solid; padding:0 0 3px 1.2em; margin:40px 0 0; background:url(/common/images/bg_header02.gif) left 0.15em no-repeat; } #chojo .m_content_inner h2:first-child { margin-top:20px; } #chojo .m_content_inner h3 { font-size:124%; font-weight:bold; color:#d60b17; border-bottom:2px #d0cdc5 solid; margin:30px 0 0 0; padding-bottom:3px; } /* グローバルナビ */ #header #h_section #gnavi ul.gn_menu_chojo { float:left; width:99.9%; max-width:960px; border-left:1px #bababa solid; margin-top:10px; } #header #h_section #gnavi ul.gn_menu_chojo li { float:left; width:19.9%; line-height:1.4em; } #header #h_section #gnavi ul.gn_menu_chojo li a { border-right:1px #bababa solid; display:table-cell; vertical-align:middle; text-align:center; font-size:108%; width:25%; text-decoration:none; padding:10px 0; background:url(/common/images/arrow03.gif) 97% 50% no-repeat; zoom:1; position:relative; } #header #h_section #gnavi ul.gn_menu_chojo li.on a, #header #h_section #gnavi ul.gn_menu_chojo li a:hover { border-radius:5px 5px 0 0; color:#ffffff; background:#d60b17 url(/common/images/arrow02.gif) 97% 50% no-repeat; } #header #h_section #gnavi ul.gn_menu_chojo li ul { display:none; } #header #h_section #gnavi ul.gn_menu_chojo li span { display:none; } /* 商品扉ページ ボックス横並び */ #chojo #main_area .m_category_unit .m_category_list_box { float:left; width:48.65%; border:solid 1px #d60b17; border-radius:4px; background:#f3f3f3; margin-top:15px; } #chojo #main_area .m_category_unit .m_category_list_box .m_category_title_boxarea { background:url(/common/images/arrow03.gif) no-repeat 97% 50% #ffffff; border-radius:4px; } #chojo #main_area .m_category_unit .m_category_list_box { float:left; width:48.65%; border:solid 1px #d60b17; border-radius:4px; background:#f3f3f3; margin-top:15px; } #chojo #main_area .m_category_unit .m_category_list_box .m_category_title_boxarea, #chojo #main_area .m_category_unit .m_category_list_box .m_category_title_boxarea p { font-size:124%; } #chojo #main_area .m_category_unit .m_category_list_box .m_category_title_boxarea a { display:table-cell; vertical-align:middle; text-decoration:none; padding:25px 10px 25px 68px; width:266px; background-repeat:no-repeat; background-position:0.6em center; } #chojo #main_area .m_category_unit .m_category_list_box .m_category_contents_boxarea { position:relative; padding:15px; border-radius:4px; } #chojo #main_area .m_category_unit .m_category_list_box .m_category_contents_boxarea p.m_category_arrow { position:absolute; top:0; left:48%; } #chojo #main_area .m_category_unit .m_category_list_box .m_category_contents_boxarea p.m_category_arrow img { vertical-align:top; } /* タブセレクタ */ #chojo #main_area .m_tabselector_inner { border-bottom:3px #d60b17 solid; } #chojo #main_area .m_tabselector_inner ul li { border-radius:5px 5px 0 0; font-size:108%; float:left; background:none #ffffff; text-align:center; } #chojo #main_area .m_tabselector_inner ul li:first-child { margin-left:0; } #chojo #main_area .m_tabselector_inner ul li.on { background:none #d60b17; color:#ffffff; } #chojo #main_area .m_tabselector_inner ul li span.m_other { line-height:1em; font-weight:normal !important; font-size:70%;} #chojo #main_area .m_tabselector_inner ul li a { border-radius:5px 5px 0 0; font-weight:bold; width:1%; color:#000000; text-decoration:none; display:table-cell; padding:10px 5px; vertical-align:middle; } #chojo #main_area .m_tabselector_inner ul li:hover { background:none #d60b17; color:#ffffff; } #chojo #main_area .m_tabselector_inner ul li a:hover { color:#ffffff; } #chojo #main_area .m_tabselector_inner ul li.on a { color:#ffffff; } #chojo #main_area .m_content_inner .m_content_tabs_inpage { display:none; } #chojo #main_area .m_tabselector_inner ul.m_three_tabs li { width:32.5%; margin-left:1.25%; line-height:1em; } #chojo #main_area .m_tabselector_inner ul.m_four_tabs_chojo li { width:23.5%; margin:20px 0 0 2%; line-height:1em; border-radius:5px 5px 0 0; font-weight:bold; padding:10px 5px 5px 5px; vertical-align:middle; } /* お知らせ */ #chojo #info_area .i_news_section { width:100%; position:relative; float:left; } #chojo #info_area .i_news_section p.i_news_title { font-size:124%; font-weight:bold; text-align:center; padding:8px 10px; background:none #ffffff; color:#d60b17; border-radius:3px 3px 0 0; border-style:solid; border-color:#d60b17; border-width:1px 1px 3px; } #chojo #info_area .i_tabselector_inner ul { border-bottom:3px solid #d60b17; display:table; width:100%; } #chojo #info_area .i_tabselector_inner ul li { float:left; text-align:center; } #chojo #info_area .i_tabselector_inner ul li a { font-size:124%; display:block; padding:8px 10px; background-color:#fefefe; background:-moz-linear-gradient(top, #fefefe 0%, #f6f6f6); background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f6f6f6)); background:linear-gradient(top, #fefefe 0%, #f6f6f6); border-radius:3px 3px 0 0; text-decoration:none; border:1px solid #cccccc; border-bottom:none;} #chojo #info_area .i_tabselector_inner ul li.on a { font-weight:bold; background:#ffffff; border:1px solid #d60b17; border-bottom:none; color:#d60b17; } #chojo #info_area .i_tabselector_inner ul li a:hover { font-weight:bold; background:#ffffff; border:1px solid #d60b17 !important; border-bottom:none !important; color:#d60b17; } #chojo #info_area .i_tabselector_inner ul.i_two_tabs li { width:50%; } #chojo #info_area .i_tabselector_inner ul.i_three_tabs li { width:33%; margin-left:0.5%; } #chojo #info_area .i_tabselector_inner ul.i_three_tabs li a { vertical-align:middle; display:table-cell; width:33%; } #chojo #info_area .i_contents_inner ul li p.i_content_list_date { float:left; width:23%; color:#d60b17; font-weight:bold; min-width:130px; } #chojo #info_area .i_contents_inner ul li p.i_content_list_info { float:right; width:73%; } #chojo #info_area .i_contents_inner ul li p.i_content_list_date span { display:inline; margin-top:0px;} #chojo #info_area .i_contents_inner ul li p.i_content_list_date span img { margin-left:10px; vertical-align:top; } #chojo #info_area .i_contents_inner ul li p.i_content_list_info { background: url(/common/images/arrow04.gif) left 0.35em no-repeat; padding-left:1em; } #chojo #info_area .i_contents_inner ul li.m_pdf_link p.i_content_list_info { /*background:url(/common/images/icon_pdf.gif) left 0.1em no-repeat; padding-left:1.4em;*/ } #chojo #info_area .i_contents_inner ul.linkThree li p.i_content_list_date { float:left; width:12%; } #chojo #info_area .i_contents_inner ul.linkThree li div.i_content_list_info { float:right; width:83%; } #chojo #info_area .i_contents_inner ul.linkThree li.m_pdf_link { margin-top: 5px;} #chojo #info_area .i_contents_inner ul.linkThree li.m_pdf_link div.i_content_list_info p:has(a) { background: url(/common/images/arrow04.gif) left 0.35em no-repeat; padding-left: 1em; margin: 5px 0 10px 0; } #chojo #info_area .i_contents_inner ul.linkThree li.m_pdf_link div.i_content_list_info p a { /*float:left; width:30%; background:url(/common/images/icon_pdf.gif) left 0.1em no-repeat; padding-left:1.4em;*/ margin:15px 0 5px 0; } #chojo #info_area .i_contents_inner ul.noImgTopicsArea li p.i_content_list_date { float:left; width:12%; } #chojo #info_area .i_contents_inner ul.noImgTopicsArea li p.i_content_list_info { float:right; width:83%; } /* お問い合わせボックス */ #chojo .m_inquiry_box { margin:40px 0 0; border:3px #dbdbdb solid; border-radius:4px; background:none #ffffff; } #chojo .m_inquiry_box h2.m_inquiry_title { margin:0 0 0; padding:10px 20px; background:none #d60b17; color:#ffffff; font-size:124%; font-weight:bold; border:none; } #chojo .m_inquiry_box .m_inquiry_boxarea { margin:20px 0; } #chojo .m_inquiry_box .m_inquiry_boxarea .m_inquiry_subtitle { font-size:124%; padding-left:1em; background:url(/common/images/bg_header01.gif) top left no-repeat; } #chojo .m_inquiry_box .m_inquiry_boxarea p.m_etc_lbtn a { width:80%; padding:10px 8% 7px 3%; zoom:1; position:relative; } #chojo .m_inquiry_box .m_inquiry_boxarea .m_inquiry_left_boxsection { width:100%; } #chojo .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner { margin:0 2% 10px 2%; } #chojo .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner img { margin-top:15px; } #chojo .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell img { vertical-align:text-bottom; margin-top:0; } #chojo .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell { padding:10px 0;} #chojo .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell span { font-size:170%; color:#d60b17; font-weight:bold; margin-left:2%; } /* フッター */ #chojo .chojoFootLinkArea { text-align:right; margin:15px 0 0 0;} #chojo #footer #f_copyright_section { max-width:100%; border-top:1px #d60b17 solid; padding-top:5px; margin-top:25px; } #chojo .sitemap_unit { width:750px !important;} #chojo .sitemap_unit ul li {float:left; width:250px;} /* ポイント */ #chojo #main_area .m_point_box { margin:20px 0 0; position:relative;} #chojo #main_area .m_point_box:first-child { margin-top:0; } #chojo #main_area .m_point_box p.caption { font-size:154%; text-align:center; margin:20px 0 0 30px; font-weight:bold; line-height:1.5em; } #chojo #main_area .m_point_box p.m_easy_level { position:absolute; top:-5px; right:0; font-size:108%; } #chojo #main_area .m_point_box p.m_easy_level span { color:#dba000; font-size:154%; margin-left:5px; } #chojo #main_area .m_point_box p.m_point { background:left top no-repeat; padding:0.1em 0 0.3em 5em; font-size:147%; margin-top:1em; line-height: 1.2em; background-image: url(/common/images/bg_point.gif); } #chojo #main_area .m_point_box ul li { background:left top no-repeat; padding:0.3em 0 0.3em 5em; font-size:147%; margin-top:1em; line-height: 1.2em; } #chojo #main_area .m_point_box ul li.m_point01 { background-image: url(/common/images/bg_li_point01.gif); } #chojo #main_area .m_point_box ul li.m_point02 { background-image: url(/common/images/bg_li_point02.gif); } #chojo #main_area .m_point_box ul li.m_point03 { background-image: url(/common/images/bg_li_point03.gif); } #chojo #main_area .m_point_box p { margin-top:0; } #chojo #main_area .m_point_box p.m_point_sub_text { font-size:63%; margin-top:5px; font-weight:normal; line-height:1.6em; } #chojo #main_area .m_point_box p.m_plane_btn { font-size:68%; } #chojo #main_area .m_point_box th.m_point_sub_text, #chojo #main_area .m_point_box td.m_point_sub_text { font-size:68%; } #chojo #main_area .m_point_box p.m_plane_btn a:after { top:45%; } /* リスクマネジメント */ #chojo .riskmanaMainSection .riskmanaMainImgArea { float:left; width:130px; margin:20px;} #chojo .riskmanaMainSection .riskmanaMainTxtArea { float:left; width:50%; margin:50px 0 10px 10px;} /*------------------------------------ 扉 -------------------------------------*/ #main_area #m_contents_section #m_h1_inner .m_h1_exchange { border:none; background:url(../images/icon_exchange.gif) no-repeat left center; padding:15px 0 15px 60px; } #chojo #main_area .m_category_unit .m_category_list_box .m_category_title_boxarea p.m_title_event a { background-image:url(../images/icon_event.gif); } #chojo #main_area .m_category_unit .m_category_list_box .m_category_title_boxarea p.m_title_news a { background-image:url(../images/icon_news.gif); } #chojo #main_area .m_category_unit .m_category_list_box .m_category_title_boxarea p.m_title_riskmanagement a { background-image:url(../images/icon_riskmanagement.gif); } #chojo #main_area .m_category_unit .m_category_list_box .m_category_title_boxarea p.m_title_links a { background-image:url(../images/icon_links.gif); } #chojo #main_area .bx-wrapper { margin-top:15px !important; } /*------------------------------------ 中面共通 -------------------------------------*/ #chojo #topicsSection { width:100%; margin-top:20px;} #chojo #topicsSection #topicsArea { float:left; width:65%; } #chojo #topicsSection #topicsImgArea { float:right; width:33%; text-align:right; } /*------------------------------------ 貿易実績のツボ -------------------------------------*/ ul.m_jars_mostly_small_btn { margin:20px 0 0; width:100%; } ul.m_jars_mostly_small_btn li { width:30.5%; float:left; margin:1%; border-radius:5px; font-size:108%; font-weight:bold;border:1px #cfcfcf solid; background:url(/common/images/arrow03.gif) 97% 50% no-repeat #fafafa; text-decoration:none; color:#000000; text-align:left; } ul.m_jars_mostly_small_btn li a { display:table-cell; vertical-align:middle; padding:10px 25px 10px 10px;} ul.m_jars_mostly_small_btn li a span { display:table-cell; vertical-align:middle; /*background:url(/common/images/icon_pdf.gif) 0.8em 0em no-repeat;*/ padding-left:2.6em; } ul.m_jars_mostly_small_btn li:hover { opacity:0.7; filter:alpha(opacity=70); } ul.m_jars_mostly_small_btn li a:hover { color:#000000;}