@charset "UTF-8"; /*############################################### Name: common.css Version: 1 Author: ECS URL: http://www.web-ecs.com/ Copyright (C) ECS All Rights Reserved. #################################################*/ /* レイアウト *******************/ body { text-align:center; background:#FFFFFF url("../images/header_bg.gif") 0 0 repeat-x;} #container { text-align:left; width:880px; margin:0 auto;} #logo { float:left; padding:18px 20px 7px;} #logo a { display:block; width:455px;} #logo_copy { margin-bottom:5px; background:url("../images/logo_copy.gif") 0 0 no-repeat;} #logo_copy a{ display:block; width:158px; height:17px;} #logo span, #logo_copy span { visibility:hidden;} #frame { background:url("../images/frame_mid_under.gif") 0 0 repeat-y;} #frame_catetop { background:url("../images/frame_mid_catetop.gif") 0 0 repeat-y;} #frame_white { background:url("../images/frame_mid_white.gif") 0 0 repeat-y;} #mainimg { background:url("../images/frame_top.gif") 0 0 no-repeat; padding:5px 10px 0; margin:0;} #product_mainimg{ padding:0 10px; margin:0;} #mainarea_under { padding:0 10px 10px;} #mainarea_right { float:right; width:650px; padding:10px 10px 10px 0;} * html #mainarea_right{ width:660px;} #header{} #footer { background:#FFFFFF url("../images/footer_bg.gif") 0 20px repeat-x; font-size:85%;} #footcontent{ background:url("../images/frame_btm.gif") 0 0 no-repeat; padding:40px 10px 30px; width:860px; margin:auto; text-align:left;} * html #footcontent{ width:880px;} #catetop_content { float:left; width:605px; padding:10px;} * html #catetop_content{ width:625px;} /*カタログページ用*/ #frame_white #mainarea_under { padding:15px 30px;} #frame_white #catetop_content { width:575px; padding:0 0 20px;} #frame_white #catetop_bnrarea { padding:0; width:222px; background-color:#FFFFFF;} .adobereader { border:1px solid #CCCCCC; text-align:center; padding:8px 10px 10px;} .bnrarea_box_out { padding:10px 0 5px; margin:0 0 10px; width:222px;background:url("../images/btn_rbox_inquiry_btm.gif") left bottom no-repeat;} .bnrarea_box_out #bnrarea_inquiry{ margin:0;} #frame_white #bnrarea_inquiry a{ background:url("../images/btn_rbox_inquiry_top.jpg") 0 0 no-repeat;} #frame_white #bnrarea_inquiry a:hover{ background-position:0 -70px;} #frame_white #catetop_bnrarea .bnrarea_box { background:url("../images/btn_rbox_inquiry_mid.gif") 0 0 repeat-y; margin-bottom:0; padding-bottom:0;} /*バナーエリア*/ #catetop_bnrarea { float:right; padding:10px 6px; background-color:#C5CED5;} #bnrarea_catalog a span, #bnrarea_inquiry a span{ visibility:hidden;} #bnrarea_catalog a { width:222px; height:40px; display:block; text-decoration:none;} #bnrarea_inquiry a { width:222px; height:50px; display:block; text-decoration:none;} #bnrarea_catalog a { background:url("../images/btn_rbox_catalog.gif") 0 0 no-repeat;} #bnrarea_inquiry a { background:url("../images/btn_rbox_inquiry.jpg") 0 0 no-repeat;} #bnrarea_catalog a:hover{ background-position:0 -60px;} #bnrarea_inquiry a:hover{ background-position:0 -70px;} .bnrarea_list { margin-bottom:5px;} .bnrarea_list li { margin:0; padding:0 0 5px; font-size:1px;} .bnrarea_list a img { border:1px solid #FFFFFF;} .bnrarea_list a:hover img { border:1px solid #33CCFF;} .bnrarea_box { background-color:#FFFFFF; margin-bottom:10px; padding:6px 6px 10px;} .bnrarea_box { width:222px\9;} .hbnr { font-weight:bold; padding:3px 7px; margin:5px 0 3px; background-color:#C5CED5;} .bnrarea_box ul.pdflist { padding:0; margin:0; font-size:85%;} .bnrarea_box ul.pdflist li { background:url("../images/icn_pdf.gif") no-repeat 5px 3px; border-bottom:dotted 1px #c1c1c1; padding:7px 2px 5px 28px; line-height:1;} .bnrarea_box ul.pdflist li a{ text-decoration:none; display:block; width:175px; line-height:1.15;} .bnrarea_box ul.pdflist li a:hover{ text-decoration:underline;} /* common *******************/ .w100 { width:99%;} .w80 { width:80%;} .w50 { width:50%;} .w30 { width:30%;} .w15 { width:15%;} .fL{ float:left;} .fR{ float:right;} .aC{ text-align:center;} .aL{ text-align:left;} .aR{ text-align:right;} .vM{ vertical-align:middle;}.vB{ vertical-align:bottom;} #copyright { margin-top:10px; color:#999999;} .icn_rss { position: absolute; top:-25px; right:10px;} * html .icn_rss { right:20px;} .pagetitle { font-size:136%; background:url("../images/h_news.gif") left bottom no-repeat; padding:7px;} .head_bar { font-size:129%; background:url("../images/bar1.gif") left bottom no-repeat; padding:20px 0 5px;} /* ナビ *******************/ /*言語ナビ*/ .lang-top { text-align:left; width:860px; margin:0 auto; background:url("../images/lang_bg1.gif") no-repeat;} .lang-top a { height:24px; text-decoration:none; display:block;} .lang-top a span{ visibility:hidden;} .home { height:24px; float:left; display:block; width:76px;} .home a{ width:76px;} .home a:hover{ background:url("../images/lang_bg2.gif") no-repeat 0 0;} #header .lang-top a:hover{ text-decoration:none;} .home.active a{ background:url("../images/lang_bg2.gif") no-repeat 0 0;} .langnav ul { height:24px; float:right; margin:0; padding:0;} .langnav li { height:24px; display:inline; margin:0; padding:0;} .langnav li a { float:left;} .lang_ja a{ width:86px; background:url("../images/lang_bg1.gif") no-repeat -621px 0;} .lang_en a{ width:74px; background:url("../images/lang_bg1.gif") no-repeat -707px 0;} .lang_ch a{ width:79px; background:url("../images/lang_bg1.gif") no-repeat -781px 0;} .lang_ja a:hover{ background:url("../images/lang_bg2.gif") no-repeat -621px 0;} .lang_en a:hover{ background:url("../images/lang_bg2.gif") no-repeat -707px 0;} .lang_ch a:hover{ background:url("../images/lang_bg2.gif") no-repeat -781px 0;} .lang_ja a.active,.lang_ja a.active:hover{ background:url("../images/lang_bg3.gif") no-repeat -621px 0;} .lang_en a.active,.lang_en a.active:hover{ background:url("../images/lang_bg3.gif") no-repeat -707px 0;} .lang_ch a.active,.lang_ch a.active:hover{ background:url("../images/lang_bg3.gif") no-repeat -781px 0;} /*ヘッダナビ*/ #funcnavi { float:right; padding-right:10px; margin-top:25px;} #funcnavi li { display:inline;} #funcnavi li a { padding:0 20px 0 13px; background:url("../images/arrow_1.gif") 0 1px no-repeat;} /*グローバルナビ*/ #gnavi { padding:10px;} #gnavi a { height:50px; text-decoration:none; display:block; float:left;} #gnavi a span { visibility:hidden;} #gnavi { margin:10px 0; height:50px; padding:0; list-style:none; background:url("../images/gnavi.gif") 0 0 no-repeat;} #gnavi ul { margin:0 10px; height:50px; padding:0; list-style:none;} #gnavi ul li { margin:0; padding:0; list-style:none; float:left;} a#gn_news { background:url("../images/gnavi.gif") -10px 0 no-repeat; width:121px;} a#gn_products{ background:url("../images/gnavi.gif") -131px 0 no-repeat; width:137px;} a#gn_company{ background:url("../images/gnavi.gif") -268px 0 no-repeat; width:121px;} a#gn_csr { background:url("../images/gnavi.gif") -389px 0 no-repeat; width:111px;} a#gn_ir { background:url("../images/gnavi.gif") -500px 0 no-repeat; width:148px;} a#gn_recruit{ background:url("../images/gnavi.gif") -648px 0 no-repeat; width:111px;} a#gn_inquiry{ background:url("../images/gnavi.gif") -759px 0 no-repeat; width:111px;} a:hover#gn_news { background-position:-10px -60px;} a:hover#gn_products { background-position:-131px -60px;} a:hover#gn_company { background-position:-268px -60px;} a:hover#gn_csr { background-position:-389px -60px;} a:hover#gn_ir { background-position:-500px -60px;} a:hover#gn_recruit { background-position:-648px -60px;} a:hover#gn_inquiry { background-position:-759px -60px;} .active a#gn_news { background-position:-10px -120px;} .active a#gn_products{ background-position:-131px -120px;} .active a#gn_company{ background-position:-268px -120px;} .active a#gn_csr { background-position:-389px -120px;} .active a#gn_ir { background-position:-500px -120px;} .active a#gn_recruit{ background-position:-648px -120px;} .active a#gn_inquiry{ background-position:-759px -120px;} /*製品タブ*/ #product_navi {} #product_navi a { height:35px; text-decoration:none; display:block; float:left;} #product_navi a span { visibility:hidden;} #product_navi { margin:0; height:35px; padding:0; list-style:none; background:url("../images/tabs_bg.jpg") 0 0 no-repeat;} #product_navi ul { margin:0 10px; height:35px; padding:0; list-style:none;} #product_navi ul li { margin:0; padding:0; list-style:none; float:left;} a#pn_top { background:url("../images/tabs_bg.jpg") -10px 0 no-repeat; width:107px;} a#pn_marine { background:url("../images/tabs_bg.jpg") -117px 0 no-repeat; width:115px;} a#pn_land { background:url("../images/tabs_bg.jpg") -232px 0 no-repeat; width:102px;} a#pn_co_gen { background:url("../images/tabs_bg.jpg") -334px 0 no-repeat; width:128px;} a#pn_other { background:url("../images/tabs_bg.jpg") -462px 0 no-repeat; width:105px;} a#pn_service { background:url("../images/tabs_bg.jpg") -567px 0 no-repeat; width:129px; margin-right:14px;} * html a#pn_service { background:url("../images/tabs_bg.jpg") -567px 0 no-repeat; width:129px; margin-right:7px;} a#pn_catalog { background:url("../images/tabs_bg.jpg") -710px 0 no-repeat; width:160px;} a:hover#pn_top, .active a#pn_top { background-position:-10px -50px;} a:hover#pn_marine, .active a#pn_marine { background-position:-117px -50px;} a:hover#pn_land, .active a#pn_land { background-position:-232px -50px;} a:hover#pn_co_gen, .active a#pn_co_gen { background-position:-334px -50px;} a:hover#pn_other, .active a#pn_other { background-position:-462px -50px;} a:hover#pn_service, .active a#pn_service{ background-position:-567px -50px;} a:hover#pn_catalog, .active a#pn_catalog{ background-position:-710px -50px;} /*サブナビ*/ #subnavi { float:left; width:180px; background-color:#E5E5E5;} #subnavi h4 { color:#808080; margin:0; padding:3px 8px; background:#FFFFFF url("../images/subnavi_h_bg.gif") 0 0 repeat-x;} #subnavi li { margin:0; padding:0; display: inline;} #subnavi li ul { display:none;} #subnavi li.parent ul{ display:block;} #subnavi li a { display:block; padding:3px 5px 3px 23px;background:url("../images/arrow_1.gif") 7px 7px no-repeat; border-bottom:1px solid #FFFFFF;} #subnavi li.active a { background-color:#C3E3FD;} #subnavi li li a { padding:3px 5px 3px 28px;background:#FFFFFF url("../images/arrow_2.gif") 12px 7px no-repeat; border-bottom:1px solid #E5E5E5;} #subnavi li li li a { padding:3px 5px 3px 33px;background:#FFFFFF url("../images/arrow_2.gif") 17px 7px no-repeat;} #subnavi li.active li a { background-color:#FFFFFF;} #subnavi li.active li.active a{ background-color:#C3E3FD;} #subnavi li a:hover, #subnavi li.active li a:hover { background-color:#C3E3FD;} /*フッタナビ*/ #footnavi { margin-bottom:10px} #footnavi li { display:inline; padding-right:7px; margin-right:7px; border-right:1px solid #006699;} #footnavi li.last{ border-right:none;} /* コンテンツ *******************/ ul.tabnavi { margin:0 !important; padding:0 !important; border-bottom:solid 1px #ccc;} ul.tabnavi li { margin:0 5px -1px 0 !important; padding:0 !important; list-style:none !important; border:solid 1px #ccc; float:left;} ul.tabnavi li a { padding:5px 16px 5px 26px !important; text-decoration:none; display:block; border:solid 1px #fff; background:#f2f2f2 url(../images/arrow_1.gif) no-repeat 10px 50%; line-height:1.2; text-decoration:none;} ul.tabnavi li a span { } ul.tabnavi li a:hover { background-color:#bfe4ff; text-decoration:none !important;} ul.tabnavi li.active a { background-color:#bfe4ff;} /* 他 *******************/ /*Ditto*/ .ditto_news_table { width:100%;} .ditto_news_table td { padding:3px 7px 3px 2px; border-bottom:1px dotted #BFBFBF;} .ditto_news_table td.icn{ padding:3px 2px; width:60px;} .ditto_news_top .ditto_news_table td.icn{ padding:3px 2px 3px 5px; width:65px;} .ditto_news_top .ditto_news_table td.date, .ditto_news_table td.date{ width:65px; font-size:85%; color:#4D4D4D;} .ditto_news_top .ditto_news_table td.pdf, .ditto_news_table td.pdf{ padding-left:22px; background:url("../images/icn_pdf.gif") left center no-repeat;} .ditto_news_top .ditto_news_table td.pdfnone, .ditto_news_table td.pdfnone{ padding-left:22px; background:none;} .ditto_news_table p, #edit_area .ditto_news_table p { margin:0;} #edit_area .reflect_archive_list p { margin-bottom:0;} .head_bar { font-size:129%; background:url("../images/bar1.gif") left bottom no-repeat; padding:20px 0 5px;} .reflect_archive_list .hthin { margin:20px 0 5px;} .reflect_archive_list { position: relative;} /*トップページ用*/ .ditto_news_top { background-color:#F2F2F2;} .ditto_news_top .arrow1 { padding-right:10px;} .ditto_news_top .ditto_news_table {} .ditto_news_top .ditto_news_table td { padding:4px 7px 4px 10px; border-bottom:1px dotted #B6B6B6;} .ditto_news_top{ position: relative;} .listpad{ padding:8px 0;} /* フォント ******************* font用 ******************* px percent ------------ 10 77 85 11 85 92 12 92 100 13 100 107 14 107 114 15 114 122 16 122 129 17 129 136 18 136 144 19 144 152 20 152 159 21 159 167 22 167 174 23 174 182 24 182 189 25 189 197 26 197 ********************/ body { font-size:12px; line-height:1.5; color:#333333; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック", sans-serif; } * html body { font-size:78%;} *+html body { font-size:78%;} * html table{ font-size:100%;} .english { font-family:Arial, Helvetica, sans-serif;} strong { font-weight:bold;} /* .Ltxt { font-size:107%;} .Stxt { font-size:85%;} */ #footer{ line-height:1.4;} /* アンカー */ a { color:#0055AA;} a:link { color:#0055AA;} a:visited {} a:hover { color:#0055AA; text-decoration:none;} a:active {} #header a, #footer a, #subnavi a { text-decoration:none;} #header a:hover, #footer a:hover { text-decoration: underline;} #breadcrumbs a {} #breadcrumbs a:hover{} /* Google map *******************/ #map { width:650px; height:380px; margin-bottom:20px; overflow:hidden; background-color:#FFFFFF;} .gmnoprint h3{ font-weight:bold; font-size:12px; margin-bottom:3px;} .gmnoprint p{ font-size:10px;} .gmapicon { width:20px; height:20px; vertical-align: text-bottom;} * html .gmapicon { vertical-align: text-bottom; margin-top:3px;} *+html .gmapicon { vertical-align: text-bottom; margin-bottom:1px;} /* Hack *******************/ .pkg:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;} * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ *+html .pkg { height:1%;} * html .iepngfix{ behavior: url("/assets/js/iepngfix.htc");} * html .gmapicon{behavior:url("/assets/js/iepngfix.htc");} * html .icn_rss img {behavior:url("/assets/js/iepngfix.htc");} * html { filter:expression(document.execCommand("BackgroundImageCache", false, true));} /* MODx *******************/ #QE_Toolbar { width:200px !important} #QE_Toolbar h1 { width:112px !important;} #QE_Toolbar ul { } #QE_Toolbar ul ul { width:200px !important;}