@charset "utf-8"; /* common.css 幅固定推奨版（一応、リキッドレイアウト対応済み ※IEでの最小化時挙動不完全） */ /* 初期設定 */ html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, form, table, caption, tr, th, td, p { margin:0; padding:0; font-family:"ＭＳ Ｐゴシック", osaka, sans-serif;font-size:100%; line-height:150%; } html, body { background:#d3ecef url(../img/bg_site_header.gif) repeat-x center top } body { padding:0 0 20px 0 } div { width:auto } img { border:none } a { color:#1f8a9a } /* wrapper */ #wrapper { margin-left:auto; margin-right:auto; background:url(../img/bg_site_body.gif) repeat-y center top; font-size:75%; width:980px; } /* section_header */ #section_header { background:url(../img/bg_site_header_2.gif) repeat-x center top } #section_header .header_title { height: 55px; } #section_header h1 { font-family:"Times New Roman", serif; font-size:300% } #section_header .header_right { float:right; padding:15px 10px 0 0 } #section_header .header_right input, #section_header .header_right label { vertical-align:middle } /* #section_header .header_right ul { list-style-type:none } #section_header .header_right li { display:inline; padding:0 0.5em; border-right:solid 1px #ccc } #section_header .header_right li.last { padding:0 0 0 0.5em; border-right:none } */ #section_header .header_menu { padding:0 0 0 5px; } #section_header .header_menu ul { list-style-type:none } #section_header .header_menu li { display:block; float:left; height:36px } #section_header .header_menu li.last { border-right:none } #section_header .header_menu li a { display:block; height:36px; background-image:url(../img/menu_global.gif); width:980px } #section_header .header_menu #en_global li a { display:block; height:36px; background-image:url(../img/menu_global_en.gif); width:980px } /* global */ #section_header .header_menu li a.menu_home { background-position:0 0; width:92px } #section_header .header_menu li a.menu_about { background-position:-92px 0; width:161px } #section_header .header_menu li a.menu_paj_info { background-position:-253px 0; width:207px } #section_header .header_menu li a.menu_from_chairman { background-position:-460px 0; width:161px } #section_header .header_menu li a.menu_statis { background-position:-621px 0; width:103px } #section_header .header_menu li a.menu_eco { background-position:-724px 0; width:117px } #section_header .header_menu li a.menu_life { background-position:-841px 0; width:129px } #section_header .header_menu #en_global li a.menu_en_english_top { background-position:0 0; width:125px } #section_header .header_menu #en_global li a.menu_en_about_paj { background-position:-125px 0; width:121px } #section_header .header_menu #en_global li a.menu_en_industry { background-position:-246px 0; width:203px } #section_header .header_menu #en_global li a.menu_en_statis { background-position:-449px 0; width:141px } #section_header .header_menu #en_global li a.menu_en_members { background-position:-590px 0; width:168px } #section_header .header_menu #en_global li a.menu_en_link { background-position:-758px 0; width:107px } #section_header .header_menu #en_global li a.menu_en_location { background-position:-865px 0; width:105px } /* global:active */ #section_header .header_menu li a.menu_home_ac { background-position:0 -36px; width:92px } #section_header .header_menu li a.menu_about_ac { background-position:-92px -36px; width:161px } #section_header .header_menu li a.menu_paj_info_ac { background-position:-253px -36px; width:207px } #section_header .header_menu li a.menu_from_chairman_ac { background-position:-460px -36px; width:161px } #section_header .header_menu li a.menu_statis_ac { background-position:-621px -36px; width:103px } #section_header .header_menu li a.menu_eco_ac { background-position:-724px -36px; width:117px } #section_header .header_menu li a.menu_life_ac { background-position:-841px -36px; width:129px } #section_header .header_menu #en_global li a.menu_en_english_top_ac { background-position:0 -36px; width:125px } #section_header .header_menu #en_global li a.menu_en_about_paj_ac { background-position:-125px -36px; width:121px } #section_header .header_menu #en_global li a.menu_en_industry_ac { background-position:-246px -36px; width:203px } #section_header .header_menu #en_global li a.menu_en_statis_ac { background-position:-449px -36px; width:141px } #section_header .header_menu #en_global li a.menu_en_members_ac { background-position:-590px -36px; width:168px } #section_header .header_menu #en_global li a.menu_en_link_ac { background-position:-758px -36px; width:107px } #section_header .header_menu #en_global li a.menu_en_location_ac { background-position:-865px -36px; width:105px } /* global:hover */ #section_header .header_menu li a.menu_home:hover { background-position:0 -36px } #section_header .header_menu li a.menu_about:hover { background-position:-92px -36px } #section_header .header_menu li a.menu_paj_info:hover { background-position:-253px -36px } #section_header .header_menu li a.menu_from_chairman:hover { background-position:-460px -36px } #section_header .header_menu li a.menu_statis:hover { background-position:-621px -36px } #section_header .header_menu li a.menu_eco:hover { background-position:-724px -36px } #section_header .header_menu li a.menu_life:hover { background-position:-841px -36px } #section_header .header_menu #en_global li a.menu_en_english_top:hover { background-position:0 -36px } #section_header .header_menu #en_global li a.menu_en_about_paj:hover { background-position:-125px -36px } #section_header .header_menu #en_global li a.menu_en_industry:hover { background-position:-246px -36px } #section_header .header_menu #en_global li a.menu_en_statis:hover { background-position:-449px -36px } #section_header .header_menu #en_global li a.menu_en_members:hover { background-position:-590px -36px } #section_header .header_menu #en_global li a.menu_en_link:hover { background-position:-758px -36px } #section_header .header_menu #en_global li a.menu_en_location:hover { background-position:-865px -36px } #section_header .header_menu li span { display:none } /* section_body */ #section_body { margin-right:auto; margin-left:auto; width:970px } /* #### COLUMN SETTING #### */ /* column2 */ #section_right { padding:20px 0; width:160px; float:right } #section_right .btn_banner { padding:0 0 15px 0 } #section_right .btn_banner li { float:left; width:140px; height:72px } #section_right .btn_banner a { display:block; background-repeat:no-repeat; height:65px } /* btn_banner */ #section_right .btn_banner a.btn_banner_1 { background-image:url(../img/btn_banner_1.gif) } #section_right .btn_banner a.btn_banner_2 { background-image:url(../img/btn_banner_2.gif) } #section_right .btn_banner a.btn_banner_3 { background-image:url(../img/btn_banner_3.gif) } #section_right .btn_banner a.btn_banner_4 { background-image:url(../img/btn_banner_4.gif) } #section_right .btn_banner a.btn_banner_5 { background-image:url(../img/btn_banner_5.gif) } #section_right .btn_banner a.btn_banner_6 { background-image:url(../img/btn_banner_6.gif) } /* btn_banner:hover */ #section_right .btn_banner a.btn_banner_1:hover , #section_right .btn_banner a.btn_banner_2:hover , #section_right .btn_banner a.btn_banner_3:hover , #section_right .btn_banner a.btn_banner_4:hover , #section_right .btn_banner a.btn_banner_5:hover , #section_right .btn_banner a.btn_banner_6:hover { background-position:0 -65px } #section_right .btn_banner a span { display:none } #section_right .banner { padding:0 0 15px 0 } #section_right .banner li { float:left; width:140px; height:67px } #section_right .banner a { display:block; background-repeat:no-repeat; height:60px } /* banner */ a.banner_1 { background-image:url(../img/banner_1.gif?150619) } a.banner_2 { background-image:url(../img/banner_2.gif?150619) } a.banner_3 { background-image:url(../img/banner_3.gif?150619) } a.banner_4 { background-image:url(../img/banner_4.gif?150619) } a.banner_5 { background-image:url(../img/banner_5.gif?150619) } a.banner_6 { background-image:url(../img/banner_6.gif?150619) } a.banner_7 { background-image:url(../img/banner_7.gif?150619) } a.banner_8 { background-image:url(../img/banner_8.gif?150619) } a.banner_9 { background-image:url(../img/banner_9.gif?150619) } a.banner_10 { background-image:url(../img/banner_10.gif?150619) } a.banner_11 { background-image:url(../img/banner_11.gif?150619) } a.banner_12 { background-image:url(../img/banner_12.gif?150619) } a.banner_13 { background-image:url(../img/banner_13.gif?150619) } a.banner_15 { background-image:url(../img/banner_15.gif?150619) } a.banner_16 { background-image:url(../img/banner_16.gif) } a.banner_17 { background-image:url(../img/banner_17.gif?150619) } a.banner_18 { background-image:url(../img/banner_18.gif?150619) } a.banner_19 { background-image:url(../img/banner_19.gif?150619) } a.banner_20 { background-image:url(../img/banner_20.gif?150619) } a.banner_21 { background-image:url(../img/banner_21.gif?150619) } a.banner_23 { background-image:url(../img/banner_23.gif?150619) } a.banner_24 { background-image:url(../img/banner_24.gif?150619) } a.banner_25 { background-image:url(../img/banner_25.gif?150619) } a.banner_26 { background-image:url(../img/banner_26.gif?150619) } a.banner_27 { background-image:url(../img/banner_27.jpg?150619) } a.banner_28 { background-image:url(../img/banner_28.gif?150619) } a.banner_29 { background-image:url(../img/banner_29.gif?150619) } a.banner_30 { background-image:url(../img/banner_30.gif?150619) } a.banner_white { background-image:url(../img/banner_white.gif?150619) } a.banner_evss { background-image:url(../img/banner_evss.gif?150619) } a.banner_en_1 { background-image:url(../img/banner_en_1.gif?150619) } a.banner_en_2 { background-image:url(../img/banner_en_2.gif?150619) } /* banner:hover */ /* a.banner_1:hover , a.banner_2:hover , a.banner_3:hover , a.banner_4:hover , a.banner_5:hover , a.banner_6:hover , a.banner_7:hover , a.banner_8:hover , a.banner_9:hover , a.banner_10:hover , a.banner_11:hover , a.banner_12:hover , a.banner_13:hover , a.banner_15:hover , a.banner_16:hover , a.banner_17:hover , a.banner_18:hover , a.banner_19:hover , a.banner_20:hover , a.banner_21:hover , a.banner_23:hover , a.banner_24:hover , a.banner_25:hover , a.banner_26:hover , a.banner_27:hover , a.banner_28:hover , a.banner_29:hover , a.banner_30:hover , a.banner_white:hover , a.banner_evss:hover , a.banner_en_1:hover , a.banner_en_2:hover { background-position:0 -60px } */ .banner a span { display:none } #section_center { padding:20px 0; width:795px } #section_center_ins .main_block { margin:0 0 0 15px } #section_center .menuarea { float:left; width:180px } #section_center .menuarea ul { list-style-type:none } #section_center .menuarea li { float:left; width:165px; padding:0 0 3px 0 } #section_center .menuarea li.ac, #section_center .menuarea li.ac li { height:auto } #section_center .menuarea a { display:block; background-repeat:no-repeat; height:46px } /* menu */ #section_center .menuarea a.menu_about_structure { background-image:url(../img/btn_left_about_structure.gif) } #section_center .menuarea a.menu_about_publications { background-image:url(../img/btn_left_about_publications.gif) } #section_center .menuarea a.menu_about_members { background-image:url(../img/btn_left_about_members.gif) } #section_center .menuarea a.menu_about_location { background-image:url(../img/btn_left_about_location.gif) } #section_center .menuarea a.menu_about_link { background-image:url(../img/btn_left_about_link.gif) } #section_center .menuarea a.menu_paj_info_eco { background-image:url(../img/btn_left_paj_info_eco.gif) } #section_center .menuarea a.menu_paj_info_press { background-image:url(../img/btn_left_paj_info_press.gif) } #section_center .menuarea a.menu_paj_info_sulphurfree { background-image:url(../img/btn_left_paj_info_sulphurfree.gif) } #section_center .menuarea a.menu_paj_info_topics { background-image:url(../img/btn_left_paj_info_topics.gif) } /* #section_center .menuarea a.menu_from_chairman_data { background-image:url(../img/btn_left_from_chairman_data.gif) } */ #section_center .menuarea a.menu_eco_sulphur_free { background-image:url(../img/btn_left_eco_sulphur_free.gif) } #section_center .menuarea a.menu_eco_biogasoline { background-image:url(../img/btn_left_eco_biogasoline.gif) } #section_center .menuarea a.menu_eco_fuelcell { background-image:url(../img/btn_left_eco_fuelcell.gif) } #section_center .menuarea a.menu_eco_cogen { background-image:url(../img/btn_left_eco_cogen.gif) } #section_center .menuarea a.menu_eco_environment { background-image:url(../img/btn_left_eco_environment.gif) } #section_center .menuarea a.menu_life_download { background-image:url(../img/btn_left_life_download.gif) } #section_center .menuarea a.menu_life_bunshun { background-image:url(../img/btn_left_life_bunshun.gif) } #section_center .menuarea a.menu_life_gallery { background-image:url(../img/btn_left_life_gallery.gif) } #section_center .menuarea a.menu_life_enq { background-image:url(../img/btn_left_life_enq.gif) } #section_center .menuarea a.menu_life_kids { background-image:url(../img/btn_left_life_kids.gif) } #section_center .menuarea a.menu_statis_kansan { background-image:url(../img/btn_left_statis_kansan.gif) } #section_center .menuarea a.menu_statis_statistics { background-image:url(../img/btn_left_statis_statistics.gif) } #section_center .menuarea a.menu_statis_stats { background-image:url(../img/btn_left_statis_stats.gif) } #section_center .menuarea a.menu_statis_statis { background-image:url(../img/btn_left_statis_statis.gif) } #section_center .menuarea a.menu_statis_data { background-image:url(../img/btn_left_statis_data.gif) } #section_center .menuarea a.menu_statis_trade { background-image:url(../img/btn_left_statis_trade.gif) } #section_center .menuarea a.btn_left_mailmag { background-image:url(../img/btn_left_mailmag.gif) } #section_center .menuarea a.btn_left_inquiry { background-image:url(../img/btn_left_inquiry.gif) } #section_center .menuarea a.btn_left_sitemap { background-image:url(../img/btn_left_sitemap.gif) } #section_center .menuarea a.btn_left_privacy { background-image:url(../img/btn_left_privacy.gif) } #section_center .menuarea a.btn_left_rss { background-image:url(../img/btn_left_rss.gif) } #section_center .menuarea a.btn_left_inquiry_en { background-image:url(../img/btn_left_english_inquiry.gif) } #section_center .menuarea a.menu_english_about_paj { background-image:url(../img/btn_left_english_about_paj.gif) } #section_center .menuarea a.menu_english_industry { background-image:url(../img/btn_left_english_industry.gif) } #section_center .menuarea a.menu_english_link { background-image:url(../img/btn_left_english_links.gif) } #section_center .menuarea a.menu_english_location { background-image:url(../img/btn_left_english_location.gif) } #section_center .menuarea a.menu_english_members { background-image:url(../img/btn_left_english_members.gif) } #section_center .menuarea a.menu_english_statis { background-image:url(../img/btn_left_english_statis.gif) } /* menu:hover */ #section_center .menuarea a.menu_paj_info_eco:hover , #section_center .menuarea a.menu_paj_info_press:hover , #section_center .menuarea a.menu_paj_info_sulphurfree:hover , #section_center .menuarea a.menu_paj_info_topics:hover , #section_center .menuarea a.menu_about_structure:hover , #section_center .menuarea a.menu_about_publications:hover , #section_center .menuarea a.menu_about_members:hover , #section_center .menuarea a.menu_about_location:hover , #section_center .menuarea a.menu_about_link:hover /* , #section_center .menuarea a.menu_from_chairman_data:hover */ , #section_center .menuarea a.menu_eco_sulphur_free:hover , #section_center .menuarea a.menu_eco_biogasoline:hover , #section_center .menuarea a.menu_eco_fuelcell:hover , #section_center .menuarea a.menu_eco_cogen:hover , #section_center .menuarea a.menu_eco_environment:hover , #section_center .menuarea a.menu_life_download:hover , #section_center .menuarea a.menu_life_bunshun:hover , #section_center .menuarea a.menu_life_gallery:hover , #section_center .menuarea a.menu_life_enq:hover , #section_center .menuarea a.menu_life_kids:hover , #section_center .menuarea a.menu_statis_kansan:hover , #section_center .menuarea a.menu_statis_statistics:hover , #section_center .menuarea a.menu_statis_stats:hover , #section_center .menuarea a.menu_statis_statis:hover , #section_center .menuarea a.menu_statis_data:hover , #section_center .menuarea a.menu_statis_trade:hover , #section_center .menuarea a.btn_left_mailmag:hover , #section_center .menuarea a.btn_left_inquiry:hover , #section_center .menuarea a.btn_left_inquiry_en:hover , #section_center .menuarea a.btn_left_sitemap:hover , #section_center .menuarea a.btn_left_privacy:hover , #section_center .menuarea a.btn_left_rss:hover , #section_center .menuarea a.menu_english_about_paj:hover , #section_center .menuarea a.menu_english_industry:hover , #section_center .menuarea a.menu_english_link:hover , #section_center .menuarea a.menu_english_location:hover , #section_center .menuarea a.menu_english_members:hover , #section_center .menuarea a.menu_english_statis:hover { background-position:0 -46px } /* menu */ #section_center .menuarea .ac a.menu_about_structure { background-image:url(../img/btn_left_about_structure_ac.gif) } #section_center .menuarea .ac a.menu_about_publications { background-image:url(../img/btn_left_about_publications_ac.gif) } #section_center .menuarea .ac a.menu_about_members { background-image:url(../img/btn_left_about_members_ac.gif) } #section_center .menuarea .ac a.menu_about_location { background-image:url(../img/btn_left_about_location_ac.gif) } #section_center .menuarea .ac a.menu_about_link { background-image:url(../img/btn_left_about_link_ac.gif) } /* #section_center .menuarea .ac a.menu_paj_info_eco { background-image:url(../img/btn_left_paj_info_eco_ac.gif) } */ #section_center .menuarea .ac a.menu_paj_info_press { background-image:url(../img/btn_left_paj_info_press_ac.gif) } /* #section_center .menuarea .ac a.menu_paj_info_sulphurfree { background-image:url(../img/btn_left_paj_info_sulphurfree_ac.gif) } */ #section_center .menuarea .ac a.menu_paj_info_topics { background-image:url(../img/btn_left_paj_info_topics_ac.gif) } #section_center .menuarea .ac a.menu_from_chairman_data { background-image:url(../img/btn_left_from_chairman_data_ac.gif) } #section_center .menuarea .ac a.menu_eco_sulphur_free { background-image:url(../img/btn_left_eco_sulphur_free_ac.gif) } #section_center .menuarea .ac a.menu_eco_biogasoline { background-image:url(../img/btn_left_eco_biogasoline_ac.gif) } #section_center .menuarea .ac a.menu_eco_fuelcell { background-image:url(../img/btn_left_eco_fuelcell_ac.gif) } #section_center .menuarea .ac a.menu_eco_cogen { background-image:url(../img/btn_left_eco_cogen_ac.gif) } #section_center .menuarea .ac a.menu_eco_environment { background-image:url(../img/btn_left_eco_environment_ac.gif) } #section_center .menuarea .ac a.menu_life_download { background-image:url(../img/btn_left_life_download_ac.gif) } #section_center .menuarea .ac a.menu_life_bunshun { background-image:url(../img/btn_left_life_bunshun_ac.gif) } #section_center .menuarea .ac a.menu_life_gallery { background-image:url(../img/btn_left_life_gallery_ac.gif) } #section_center .menuarea .ac a.menu_life_enq { background-image:url(../img/btn_left_life_enq_ac.gif) } #section_center .menuarea .ac a.menu_life_kids { background-image:url(../img/btn_left_life_kids_ac.gif) } #section_center .menuarea .ac a.menu_statis_kansan { background-image:url(../img/btn_left_statis_kansan_ac.gif) } #section_center .menuarea .ac a.menu_statis_statistics { background-image:url(../img/btn_left_statis_statistics_ac.gif) } #section_center .menuarea .ac a.menu_statis_stats { background-image:url(../img/btn_left_statis_stats_ac.gif) } #section_center .menuarea .ac a.menu_statis_statis { background-image:url(../img/btn_left_statis_statis_ac.gif) } #section_center .menuarea .ac a.menu_statis_data { background-image:url(../img/btn_left_statis_data_ac.gif) } #section_center .menuarea .ac a.menu_statis_trade { background-image:url(../img/btn_left_statis_trade_ac.gif) } #section_center .menuarea .ac a.btn_left_mailmag { background-image:url(../img/btn_left_mailmag_ac.gif) } #section_center .menuarea .ac a.btn_left_inquiry { background-image:url(../img/btn_left_inquiry_ac.gif) } #section_center .menuarea .ac a.btn_left_sitemap { background-image:url(../img/btn_left_sitemap_ac.gif) } #section_center .menuarea .ac a.btn_left_privacy { background-image:url(../img/btn_left_privacy_ac.gif) } #section_center .menuarea .ac a.btn_left_rss { background-image:url(../img/btn_left_rss_ac.gif) } #section_center .menuarea .ac a.btn_left_inquiry_en { background-image:url(../img/btn_left_english_inquiry_ac.gif) } #section_center .menuarea .ac a.menu_english_about_paj { background-image:url(../img/btn_left_english_about_paj_ac.gif) } #section_center .menuarea .ac a.menu_english_industry { background-image:url(../img/btn_left_english_industry_ac.gif) } #section_center .menuarea .ac a.menu_english_link { background-image:url(../img/btn_left_english_links_ac.gif) } #section_center .menuarea .ac a.menu_english_location { background-image:url(../img/btn_left_english_location_ac.gif) } #section_center .menuarea .ac a.menu_english_members { background-image:url(../img/btn_left_english_members_ac.gif) } #section_center .menuarea .ac a.menu_english_statis { background-image:url(../img/btn_left_english_statis_ac.gif) } /* menu:hover */ #section_center .menuarea .ac a.menu_paj_info_eco:hover , #section_center .menuarea .ac a.menu_paj_info_press:hover , #section_center .menuarea .ac a.menu_paj_info_sulphurfree:hover , #section_center .menuarea .ac a.menu_paj_info_topics:hover , #section_center .menuarea .ac a.menu_about_structure:hover , #section_center .menuarea .ac a.menu_about_publications:hover , #section_center .menuarea .ac a.menu_about_members:hover , #section_center .menuarea .ac a.menu_about_location:hover , #section_center .menuarea .ac a.menu_about_link:hover , #section_center .menuarea .ac a.menu_from_chairman_data:hover , #section_center .menuarea .ac a.menu_eco_sulphur_free:hover , #section_center .menuarea .ac a.menu_eco_biogasoline:hover , #section_center .menuarea .ac a.menu_eco_fuelcell:hover , #section_center .menuarea .ac a.menu_eco_cogen:hover , #section_center .menuarea .ac a.menu_eco_environment:hover , #section_center .menuarea .ac a.menu_life_download:hover , #section_center .menuarea .ac a.menu_life_bunshun:hover , #section_center .menuarea .ac a.menu_life_gallery:hover , #section_center .menuarea .ac a.menu_life_enq:hover , #section_center .menuarea .ac a.menu_life_kids:hover , #section_center .menuarea .ac a.menu_statis_kansan:hover , #section_center .menuarea .ac a.menu_statis_statistics:hover , #section_center .menuarea .ac a.menu_statis_stats:hover , #section_center .menuarea .ac a.menu_statis_statis:hover , #section_center .menuarea .ac a.menu_statis_data:hover , #section_center .menuarea .ac a.menu_statis_trade:hover , #section_center .menuarea .ac a.btn_left_mailmag:hover , #section_center .menuarea .ac a.btn_left_inquiry:hover , #section_center .menuarea .ac a.btn_left_inquiry_en:hover , #section_center .menuarea .ac a.btn_left_sitemap:hover , #section_center .menuarea .ac a.btn_left_privacy:hover , #section_center .menuarea .ac a.btn_left_rss:hover , #section_center .menuarea .ac a.menu_english_about_paj:hover , #section_center .menuarea .ac a.menu_english_industry:hover , #section_center .menuarea .ac a.menu_english_link:hover , #section_center .menuarea .ac a.menu_english_location:hover , #section_center .menuarea .ac a.menu_english_members:hover , #section_center .menuarea .ac a.menu_english_statis:hover { background-position:0 -46px } #section_center .menuarea a span { display:none } #section_center .menuarea ul.submenu { padding:0 0 5px 0 } #section_center .menuarea li.ac li { background:url(../img/bg_left_smenu.gif) no-repeat left bottom } #section_center .menuarea .submenu a { display:block; height:auto } #section_center .menuarea .submenu li a { padding:12px 10px 10px 24px; background:url(../img/arrow.gif) no-repeat 10px center; text-decoration:none } #section_center .menuarea li.ac li a.ac { background:url(../img/arrow_ac.gif) no-repeat 10px center } #section_center .menuarea .submenu a span { display:block } #section_center .contents_area { width:600px; float:right } #section_center .row { padding:0 0 15px 0 } #section_center .contents_area_3column { width:780px } #section_center .contents_frame { border-bottom:solid 1px #ccc; background:url(../img/bg_contents_area.gif) repeat-y left bottom; width:600px } #section_center .contents_frame_3column_3 { background:url(../img/bg_contents_area_3column.gif) no-repeat left bottom; width:780px } #section_center .contents_frame_3column_2 { background:url(../img/bg_contents_area_3column.gif) no-repeat left bottom; width:515px } #section_center .contents_frame_3column_1 { background:url(../img/bg_contents_area_3column.gif) no-repeat left bottom; width:265px } #section_center .contents_frame_2column_1 { background:url(../img/bg_contents_area_2column.gif) no-repeat left bottom; width:382px } #section_center .contents_frame_2column_2 { background:url(../img/bg_contents_area_2column.gif) no-repeat left bottom; width:780px } .contents_area_3column .column { float:left; width:265px } .contents_area_3column .column_last { float:left; width:250px } .contents_area_2column .column { float:left; width:398px } .contents_area_2column .column_last { float:left; width:382px } #section_center .contents_body { padding:16px } #section_center .column .contents_body { padding:15px 16px; font-size:100% } #section_center .column .contents_body .sep { background:url(../img/line_3column_dashed.gif) repeat-x; line-height:0; font-size:0; height:11px } .contents_area_3column .column .sep { width:218px } .contents_area_2column .column .sep { width:350px } .body_text .row { margin:0 0 15px 0; background:url(../img/line_dashed.gif) repeat-x left bottom } #fromchairman .row_last { margin:0; background:none } .body_text .row .date { padding:0 0 5px 0 } .body_text .row { margin:0 0 15px 0; background:url(../img/line_dashed.gif) repeat-x left bottom } .body_text .row_last { margin:0; background:none } .body_text .row .date { padding:0 0 5px 0 } /* ######################## */ /* side_block */ .side_block { margin-right:auto; margin-left:auto; width:140px } .side_block h3 { height:25px } .side_block ul { padding:0 0 0.5em 0; list-style-type:none } /* main_block */ .main_block .hd_page { height:89px } /* section_footer */ #section_footer { /* none */ } #section_footer .footer_menu { background:url(../img/bg_site_footer.gif) no-repeat center bottom; text-align:center } #section_footer .footer_top_line { margin-right:auto; margin-left:auto; padding:15px 0 20px 0; border-top:solid 1px #ccc; width:970px } #section_footer .footer_menu ul { list-style-type:none } #section_footer .footer_menu li { display:inline; padding:0 15px; border-right:solid 1px #1f8a9a } #section_footer .footer_menu li.last { border-right:none } #section_footer .footer_menu li a { text-decoration:none; color:#1f8a9a } #section_footer .copyright { background:#d3ecef; text-align:center } /* #### CONTENTS PARTS #### */ /* common */ p { margin:0 0 1em 0 } /* lead */ .lead { text-indent:-1em; padding:0 1em 0 1em } /* btn_detail */ .btn_detail { padding:0 0 3px 0x; text-align:right } /* btn_old */ .btn_old { margin:0 0 15px 0; text-align:right } /* icon */ .icon_list li { list-style-type:none; text-indent:-20px; margin:0 0 10px 20px; line-height:120% } .icon_list .last { text-indent:-20px; margin:0 0 0 20px; line-height:120% } .icon_list li img { margin:0 5px 0 0; vertical-align:middle } .icon_list li span { font-size:85% } /* menu */ .menu_list { margin:0 10px 0 15px; list-style-type:none } .menu_list li { margin:0 0 5px 0; padding:0 0 0 9px; background:url(../img/arrow2.gif) no-repeat left 4px; line-height:120% } /* list */ .list_caption { margin:0 0 5px 0 } .list { padding:0 0 0 3em } /* btn_pagetop */ .btn_pagetop { padding:0 0 20px 0; text-align:right } .contents_area .btn_pagetop { padding:10px 0 20px 0; text-align:right } /* color */ .color_orange { color:#ed6d00 } .color_blue { color:#0f6db7 } /* home */ #home #center_wrapper { padding:0 0 0 20px; width:770px } #home #keyvisual { margin-bottom:20px; width:762px; height: 262px; } #information { margin:0 0 15px 0; background:url(../img/bg_index_latest.gif) no-repeat left bottom; width:770px } #information .left { float:left; width:570px } #information .latest { width:560px } #information .latest .heading { margin:0 0 0 0 } #information .latest .icon { margin-right:auto; margin-left:auto; padding:8px 0 0 0; width:530px; line-height:150% } #information .latest .icon img { margin-right:30px; vertical-align:middle } #information .latest ul { margin-right:auto; margin-left:auto; padding:0 0 0 35px; width:530px } #information .latest li { width:495px } #information .latest .sep { margin-right:auto; margin-left:auto; background:url(../img/line_dashed.gif) repeat-x left bottom; line-height:0; font-size:0; width:530px; height:6px } #information .latest a { color:#333 } #information .latest a:hover { color:#1f8a9a } #information .latest .rss { margin-right:auto; margin-left:auto; padding:0 0 2px 0; width:530px; font-size:80%; text-align:right } #information .latest .rss a { color:#1f8a9a; text-decoration:none } #information .latest .rss a:hover { color:#1f8a9a; text-decoration:underline } #information .right { float:left; width:200px } #information .right ul { padding:10px 5px } #information .right ul li { padding-bottom:5px } #information .right ul span { font-size:80% } #information_en { margin:0 0 15px 0; background:url(../img/bg_index_latest_en.gif) no-repeat left bottom; width:780px } #information_en .left { float:left; width:395px } #information_en .latest { padding:0 0 15px 0; width:375px } #information_en .latest .heading { margin:0 0 0 0 } #information_en .latest .icon { margin-right:auto; margin-left:auto; padding:8px 0 0 0; width:345px; line-height:150% } #information_en .latest .icon img { margin-right:30px; vertical-align:middle } #information_en .latest ul { margin-right:auto; margin-left:auto; padding:0 0 0 35px; width:345px } #information_en .latest li { width:310px } #information_en .latest .sep { margin-right:auto; margin-left:auto; background:url(../img/line_dashed.gif) repeat-x left bottom; line-height:0; font-size:0; width:345px; height:6px } #information_en .latest a { color:#333 } #information_en .latest a:hover { color:#1f8a9a } #information_en .latest .rss { margin-right:auto; margin-left:auto; padding:0 0 2px 0; width:530px; font-size:80%; text-align:right } #information_en .latest .rss a { color:#1f8a9a; text-decoration:none } #information_en .latest .rss a:hover { color:#1f8a9a; text-decoration:underline } #information_en .right { float:left; width:385px } #information_en .right ul { padding:10px 15px } #information_en .right ul li { padding-bottom:5px } #information_en .right ul span { font-size:80% } #information_en .right .petroleum_industry_in_japan { padding:10px 15px 15px 15px } #information_en .right .petroleum_industry_in_japan img { float:left } #information_en .right .petroleum_industry_in_japan p { padding:5px 0 0 0; color:#f00000 } #information_en .right .petroleum_industry_in_japan .petroleum_industry_in_japan_text { margin-left:80px } #home #contents { margin:0 0 15px 0; background:url(../img/bg_contents_area_1column.gif) repeat-y left bottom; border-bottom:solid 1px #c3c3c3; width:770px } #home #contents .contents_wrapper { padding:10px 0 14px 15px } #home #contents .left , #home #contents .center , #home #contents .right { float:left; width:250px } #home #contents .linebox { margin-top:5px; padding:10px 15px; width:208px } #home #contents .linebox a { color:#333 } #home #contents .left .linebox { background:#f7fdf5; border:solid 1px #9fdc8e } #home #contents .left .linebox a:hover { color:#309e13 } #home #contents .left .linebox .list_caption { color:#309e13 } #home #contents .left .linebox .menu_list li { background:url(../img/arrow2_green.gif) no-repeat left 4px } #home #contents .center .linebox { background:#fef5ec; border:solid 1px #fdd1ae } #home #contents .center .linebox a:hover { color:#f37105 } #home #contents .center .linebox .list_caption { color:#f37105 } #home #contents .center .linebox .menu_list li { background:url(../img/arrow2_orange.gif) no-repeat left 4px } #home #contents .right .linebox { background:#fff4f5; border:solid 1px #fdcbd0 } #home #contents .right .linebox a:hover { color:#ee1f2f } #home #contents .right .linebox .list_caption { color:#ee1f2f } #home #contents .right .linebox .menu_list li { background:url(../img/arrow2_pink.gif) no-repeat left 4px } #home #link { margin:0 0 15px 0; background:url(../img/bg_contents_area_1column.gif) repeat-y left bottom; border-bottom:solid 1px #c3c3c3; width:770px } #home #link .link_wrapper { padding:10px 0 14px 15px } #home #link .column { float:left; width:150px } #home #link .column_inside { width:140px } #home #link .column_inside a { display:block; width:140px; height:60px } #home #link .column_inside p { padding:3px 0 0 0; font-size:80% } /* press */ #press #section_center .contents_area_2column .contents_body { padding:4px 16px 16px 16px } #press .contents_body { font-size:120% } #press .contents_body .header_text { font-size:85% } #press .contents_body .header_text .date { text-align:right } #press .contents_body .header_text .auth { text-align:right } #press .contents_body .body_text { margin:0 15px } #press .contents_body .body_text td { vertical-align:top } #press .contents_body .footer_text .over { text-align:right } #press .contents_body .data_text { padding:1em 0; border-top:solid 1px #ccc } #press .contents_body .data_text td { vertical-align:top } #press .contents_body .data_text a { color:#1f8a9a } /* life */ #section_body #section_center #enq .image { float:left; width:196px } #section_body #section_center #enq .enq_now { padding:0 0 10px 0 } #section_body #section_center #enq .enq_now p { line-height:120% } #section_body #section_center #enq .enq_now ul { line-height:120% } #section_body #section_center #enq .contents_body { padding:16px } .enq_title { padding:0 1em 1em 1em; line-height:120% } .enq_btns { padding:0 1em } #section_center #enq .sep { height:21px } #section_center #enq .menu_list { padding:0 0 1em 0 } .hd_gray { margin:0 0 15px 0px; background:#e3e3e3; text-align:center; font-weight:bold; width:352px } #enq .btn_detail { width:auto } .result .entry-body ol { padding:1em 0 1em 3em } .result .entry-body ol li { padding:0 0 1em 0 } /* inquiry */ #mailform table th { text-align:left } #mailform table .submit { text-align:center } #mailform table .tx_center { text-align:center } #mailform table .tx_ess { color:#ff0000 } /* mailmag */ #mailmag1 table th { text-align:left } #mailmag1 table td img { vertical-align:middle } #mailmag1 table td ul { padding:0 0 0 2em } #mailmag2 table th { text-align:left } #magbanner { text-align:center } #magbanner img { vertical-align:middle } /* sitemap */ #sitemap ul ul { padding:1em 0 0 3em } #sitemap li { padding-bottom:0.2em } /* Petroleum Association of Japan */ #body_text_paoj .linebox { background:url(../img/tmb_petroleum2.gif?1309) no-repeat right top } /* contents_area_3column */ .contents_area_3column .menu_list { width:190px } .contents_area_3column .btn_detail { width:218px } /* contents_area_2column */ .contents_area_2column .sep { margin:15px 0 0 0 } .contents_area_2column .btn_detail { width:350px } .contents_area_2column .btn_old { width:350px } /* ######################## */ /* gallery */ #gallery .text{font-size:100%;} #gallery .f-right{float:right; } #gallery .f-left{float:left; height:125px;} #gallery .f-left-w{float:left; width:260px; margin-bottom:15px;} #gallery .f-right-w{float:right; width:260px; margin-bottom:15px;} #gallery .clear{clear:both; margin-bottom:15px; background:url(../img/line_dashed.gif) repeat-x; height:1px;} #gallery .text-right{float:right; padding-left:10px; width:125px; height:125px; position:relative; line-height:130%; font-size:85%;} #gallery .pdf{position:absolute; left:10px; bottom:0px;} #gallery .day{color:#448ecb; margin-bottom:2px;} #gallery .page{text-align:center; font-size:100%;} #section_center .life_text { text-indent:-1em; margin-left:198px; width:154px zoom:1; overflow:visible } #section_center .life_text .lead { padding:0 } /* 2011.03.23追加　東北地方太平洋沖地震バナー */ #section_right #banner_earthquake { padding:0 0 15px 0 } #section_right #banner_earthquake li { float:left; width:140px; height:67px } #section_right #banner_earthquake a:hover { background-position:0 -60px } #section_right #banner_earthquake a span { display:none } #section_right #banner_earthquake #earthquake a { display:block; height:60px; background-repeat:no-repeat; background-image:url(../img/banner_earthquake.gif); } #section_right #banner_earthquake #ss a { display:block; height:60px; background-repeat:no-repeat; background-image:url(../img/banner_ss.gif); } /* 2015.06追加 */ .clearFix:after { content: ""; display: block; clear: both; } .clearFix { zoom: 1; } #information .latest .rss { margin-top:10px; } #link a:hover, #section_right .banner a:hover { opacity: 0.7; } .hd_contents { line-height: 100%!important; } .btn_old { margin: 0!important; } /* .table11{ display: table-cell; vertical-align: top; width: 258px; margin: 0 10px 10px 0!important; border-left: 1px dotted #CCC; border-bottom: 1px dotted #CCC; } */ .box-col:nth-child(even){ margin-right: 0px!important; } .pc .bx-controls { display: none; } #keyvisual { border: 4px solid #257bbf; } #keyvisual .bx-wrapper { display: inline-block; width: 588px; position: inherit!important; padding: 5px; margin: 0 auto!important; border-left: 4px solid #257bbf; } #bx-pager-pc { display: inline-block; list-style: none; padding: 5px; vertical-align: top; } #bx-pager-pc li { line-height: 1px!important; margin-bottom: 4px; } #bx-pager-pc li:last-child { margin-bottom: 0px; } #bx-pager-pc a.active img { opacity: 0.6; } #insitesearch { margin: 0 2px; } #fs-result-items ul { list-style: decimal; margin-left: 40px; } #fs-result-items ul li { margin-bottom: 10px; } .fs-paginate { margin: 50px 0 50px 20px; } .fs-paginate ul { list-style: none; } .fs-paginate ul li { display: inline-block; margin-right: 5px; } .fs-paginate ul li a { display: block; border: 1px solid #666; padding: 5px 8px; text-decoration: none; color: #333; } .fs-paginate ul li a:hover, .fs-paginate ul li.fs-current { background-color: #26BFD8; color: #FFF; } .highlight { background-color:#FFCC33!important; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } @media print, screen and (min-width: 641px) { .sp { display: none!important; } #search-col{ display: inline-block!important; } }