@charset "UTF-8"; /*############################################### Name: common.css Version: 1 Author: ECS URL: http://www.web-ecs.com/ Copyright (C) ECS All Rights Reserved. #################################################*/ html { filter: expression(document.execCommand("BackgroundImageCache", false, true));margin:0; padding:0;} body { margin:0; padding:10px 0 0; text-align:center; background:#FFFFFF url("../images/bg.gif") repeat-x 0 0;} #header { width:800px; margin:0 auto; text-align:right; height:60px;} #top_flasharea { width:800px; height:330px; padding:0; margin:0 auto; text-align:left; clear:both; } #top_maincontent{ width:800px; padding:0; margin:0 auto; text-align:left;} #maincontent { width:800px; padding:0; margin:13px auto 0; background:url("../images/left_mid.gif") repeat-y 0 0;} #side_area { float:left; width:184px;} #edit_area { float:right; width:600px; padding:2px 0 0; text-align:left;} /* #pagetop { clear:both; width:100%; padding:3px 0 0; margin:0 0; background-color:#FFFFFF; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:85%;} #pagetop a { padding:0 10px 0 17px; background:url("../images/icn_arrow_pagetop.gif") no-repeat 0 -2px; list-style:none; text-decoration:none; color:#999999;} #pagetop a:hover{ background-position:0px -52px; text-decoration: underline; color:#AA0033;} .linkback { padding-left:17px; background:url("../images/icn_arrow.gif") no-repeat 0 0px; margin-top:20px;} .pagetop { font-size:85%; text-align:right;} */ /* common *******************/ .w90 { width:95%;} .w50 { width:50%;} .w30 { width:30%;} .w50 { width:50%;} .cboth { clear:both;} .bgnone { background-image:none !important;} .link{ background:url("../images/arrow.gif") no-repeat 0 4px; padding-left:12px; font-size:100%;} .imgline { border:1px solid #CCCCCC; padding:1px;} .imgR { float:right; margin-left:7px; padding:1px; background-color:#FFFFFF;} .imgL { float:left; margin-right:7px; padding:1px; background-color:#FFFFFF;} .top10 { margin-top:10px;} .top20 { margin-top:20px;} .fRight { float:right; margin-left:7px;} .center { text-align:center;} .clear { clear:both;} .point { display:inline; color:#FFFFFF; background-color:#DF0041; padding:2px 4px 0px; margin:0 3px;} .point2 { display:inline; color:#FFFFFF; background-color:#666666; padding:2px 4px 0px; margin:0 3px;} /* header *******************/ #header h1 { padding-left:10px; float:left; width:170px; text-align:left} #header h1 a { width:170px; background:url("../images/logo.gif") no-repeat 0 0; overflow:hidden; display:block; height:40px; padding:40px 0 0 0; height:0px !important; height /**/:40px; /* for IE5/Win only */ } #headcontent { float: right; width:520px;} #telephone { font-weight:bold; color:#666666; clear:both; padding-top:6px;} #telno { color:#DF0041; font-size:174%; font-family:'arial black',Arial, Helvetica, sans-serif; padding-left:8px; font-weight:normal;} /* footer *******************/ #footer { width:800px; margin:0 auto; padding:40px 0 20px; text-align:left; font-size:85%; line-height:1.6; background:url("../images/left_btm.gif") no-repeat left top;} #copyright { float:left; width:550px; color:#666666; padding:10px;} #copyright strong { font-weight:normal;} #getadobereader { float:right; padding:10px 5px;} /* コンテンツエリア *******************/ h2 {font-size:152%; font-weight:bold; margin-bottom:15px;} h2.title_common, h2.title_product, h2.title_company{ position:relative; width:600px; height:60px;} h2.title_common { background:url("../images/common_subimg.jpg") no-repeat left bottom;} h2.title_product{ background:url("/assets/images/product/product_subimg.jpg") no-repeat left bottom;} h2.title_company{ background:url("/assets/images/company/company_subimg.jpg") no-repeat left bottom;} h2.title_common span, h2.title_product span, h2.title_company span{ position:absolute;bottom:0; color:#FFFFFF; background-color:#000000; padding:3px 25px 0 15px; line-height:1.5;} h2#pagetitle { margin-top:0;} #edit_area h3 { margin:30px 0 10px; clear:both; border-bottom:1px solid #CCCCCC; padding:0 0 2px 12px; background:url("../images/bar_heading.gif") repeat-y 0 0; font-weight:bold; font-size:182%; line-height:1.2;} #edit_area h3.titlecopy { font-size:144%; line-height:1.4; border:none; background:none; padding:0; margin:20px 0 10px;} #edit_area h4, #edit_area caption { font-size:136%; color:#DF0041; border-left:3px double #DF0041; margin:15px 0 3px; padding:0 0 0 5px;} * html #edit_area caption { margin-bottom:3px; padding:3px 0 3px 5px;} *+html #edit_area caption { margin-bottom:3px; padding:3px 0 3px 5px;} * html #edit_area table.specTable { margin:15px 0 10px; padding-top:5px;} *+html #edit_area table.specTable { margin:15px 0 10px; padding-top:5px;} * html #edit_area table.specTable2 { margin:15px 0 10px; padding-top:5px;} *+html #edit_area table.specTable2 { margin:15px 0 10px; padding-top:5px;} #edit_area p#mainimg { margin:0 0 20px;} #edit_area p { margin:0 2px 10px;} /* リスト *******************/ ol li { list-style:decimal;} #edit_area ul { margin:3px 0 10px 3px;} #edit_area ul li { background:url("../images/icn_list.gif") no-repeat 0 4px; margin:2px 0 0 0; padding:0 0 0 14px;} #edit_area ol { margin:5px 0 0 20px;} #edit_area ol li { margin:12px 0 2px;} #edit_area ol li p { margin:5px 0 0;} #edit_area dt { margin-top:10px; font-weight:bold;} #edit_area dd { margin:2px 0 0 6px; padding-left:10px; border-left:3px double #DF0041;} #edit_area .saleslist { margin-bottom:10px;} #edit_area .saleslist li{ float:left; width:135px;} #edit_area .productlist { padding-top:10px; clear:left;} #edit_area .productlist li{ float:left; width:280px;} .linklist {} #edit_area .linklist li { background:url("../images/arrow.gif") no-repeat 0 7px; margin:5px 0; padding-top:5px; border-top:1px dotted #CCCCCC;} #edit_area .linklist li a { color:#333333; text-decoration:none;} #edit_area .linklist li a:hover{ color:#0066CC; text-decoration:underline;} .linklist li span{ font-size:85%;} #edit_area .linklist li li{ background:url("../images/icn_list.gif") no-repeat 0 7px; border-top:1px dotted #CCCCCC;} #edit_area .linklist li ul { margin-bottom:20px;} /* ナビ *******************/ li a { } /** function navi **/ #headcontent ul { width:250px; float:right; height:17px; margin:0; padding:0; font-size:85%; line-height:1.85;} #headcontent ul li { margin:0 0 0 0; padding:0; display:inline; background:url("../images/btn_hlink_off_r.gif") no-repeat top right;} #headcontent ul li a { float:right; height:17px; margin:0 0 0 7px; padding:0 13px 0 0; display:block; background:url("../images/btn_hlink_off_r.gif") no-repeat top right; color:#FFFFFF; text-decoration:none;} #headcontent ul li a span{ float:left; height:17px; margin:0; padding:0 0 0 20px; display:block; background:url("../images/btn_hlink_off_l.gif") no-repeat 0 0; text-decoration:none;} #headcontent ul li a:hover { background:url("../images/btn_hlink_on_r.gif") no-repeat top right;} #headcontent ul li a:hover span { background:url("../images/btn_hlink_on_l.gif") no-repeat 0 0;} #headcontent #area_global { width:220px; float:left; padding-right:15px; display:inline; margin-left:20px;} * html #headcontent #area_global { width:230px;} *+html #headcontent #area_global {} #headcontent #area_global p { width:65px; float:left; text-align:right; font-size:85%; padding:2px 0 0 10px;} #headcontent #area_global ul { width:auto; float:left; height:17px; margin:0; padding:0; font-size:85%; line-height:1.85;} #headcontent #area_global ul li { margin:0 0 0 0; padding:0; display:inline; background:url("../images/btn_hlink_on_r.gif") no-repeat top right;} #headcontent #area_global ul li a { float:right; height:17px; margin:0 0 0 7px; padding:0 13px 0 0; display:block; background:url("../images/btn_hlink_on_r.gif") no-repeat top right; color:#FFFFFF; text-decoration:none;} #headcontent #area_global ul li a span { float:left; height:17px; margin:0; padding:0 0 0 20px; display:block; background:url("../images/btn_hlink_on_l.gif") no-repeat 0 0; text-decoration:none;} #headcontent #area_global ul li a:hover { background:url("../images/btn_hlink_off_r.gif") no-repeat top right;} #headcontent #area_global ul li a:hover span{ background:url("../images/btn_hlink_off_l.gif") no-repeat 0 0;} /** global navi **/ #gnavi { width:800px; margin:0 auto;} #gnavi li { height:40px; float:left; width:100px;} #gnavi li a { height:40px; display:block; overflow:hidden; width:100px; padding:40px 0 0 0; height:0px !important; height /**/:40px; /* for IE5/Win only */ } #gn_no1, #gn_no1 a { background:url("../images/gnavi.gif") no-repeat 0 0;} #gn_no2, #gn_no2 a { background:url("../images/gnavi.gif") no-repeat -100px 0;} #gn_no3, #gn_no3 a { background:url("../images/gnavi.gif") no-repeat -200px 0;} #gn_no4, #gn_no4 a { background:url("../images/gnavi.gif") no-repeat -300px 0;} #gn_no5, #gn_no5 a { background:url("../images/gnavi.gif") no-repeat -400px 0;} #gn_no6, #gn_no6 a { background:url("../images/gnavi.gif") no-repeat -500px 0;} #gn_no7, #gn_no7 a { background:url("../images/gnavi.gif") no-repeat -600px 0;} #gn_no8, #gn_no8 a { background:url("../images/gnavi.gif") no-repeat -700px 0;} #gn_no1 a:hover { background-position:0 -40px;} #gn_no2 a:hover { background-position:-100px -40px;} #gn_no3 a:hover { background-position:-200px -40px;} #gn_no4 a:hover { background-position:-300px -40px;} #gn_no5 a:hover { background-position:-400px -40px;} #gn_no6 a:hover { background-position:-500px -40px;} #gn_no7 a:hover { background-position:-600px -40px;} #gn_no8 a:hover { background-position:-700px -40px;} #gn_no1 a.active, #gn_no1 a:hover.active { background-position:0 -80px;} #gn_no2 a.active, #gn_no2 a:hover.active { background-position:-100px -80px;} #gn_no3 a.active, #gn_no3 a:hover.active { background-position:-200px -80px;} #gn_no4 a.active, #gn_no4 a:hover.active { background-position:-300px -80px;} #gn_no5 a.active, #gn_no5 a:hover.active { background-position:-400px -80px;} #gn_no6 a.active, #gn_no6 a:hover.active { background-position:-500px -80px;} #gn_no7 a.active, #gn_no7 a:hover.active { background-position:-600px -80px;} #gn_no8 a.active, #gn_no8 a:hover.active { background-position:-700px -80px;} /** footer navi **/ #footer ul { border:1px solid #E4E4E4; border-width:1px 0; width:800px; padding:8px 0 6px;} #footer ul li { display:inline;} * html #footer ul li {} #footer ul a { text-decoration:none; border-right:1px solid #0066cc; padding:1px 9px 1px 6px; white-space:nowrap;} #footer ul .first a { padding:1px 9px 1px 10px;} #footer ul .last a { border:none;} #footer ul a:hover { text-decoration: underline; } /** sub navi **/ #side_area { text-align:left; width:184px;} #category { width:184px; overflow:hidden; display:block; height:62px; padding:62px 0 0 0; height:0px !important; height /**/:62px; /* for IE5/Win only */ } #side_bg { background:url("../images/left_top.gif") no-repeat 0 0; min-height:300px; height:auto !important; height:300px;} .cate_news { background:url("../images/category.gif") no-repeat 0 0px;} .cate_product { background:url("../images/category.gif") no-repeat -190px 0px;} .cate_casestudy { background:url("../images/category.gif") no-repeat -380px 0px;} .cate_sales { background:url("../images/category.gif") no-repeat 0px -70px;} .cate_company { background:url("../images/category.gif") no-repeat -190px -70px;} .cate_office { background:url("../images/category.gif") no-repeat -380px -70px;} .cate_recruitment{ background:url("../images/category.gif") no-repeat 0 -140px;} .cate_contact { background:url("../images/category.gif") no-repeat 0 -210px;} .cate_privacy { background:url("../images/category.gif") no-repeat -190px -140px;} .cate_sitemap { background:url("../images/category.gif") no-repeat -380px -140px;} #side_area ul { margin:0; padding:0 0 10px; font-size:85%;} #side_area ul li { margin:0 2px 0; padding:0; list-style:none; border-bottom:1px solid #FFFFFF; line-height:1.2;} #side_area ul li a { display:block; padding:9px 5px 8px 20px; text-decoration:none; background:url("../images/arrow.gif") no-repeat 7px 9px;} #side_area ul li a:hover, #side_area ul li.active a{ background:url("../images/arrow.gif") no-repeat 7px 9px; background-color:#D3DFE6;} #side_area #spnavi ul {padding:0 0 0;} #side_area #spnavi ul li { background-color:#F6E3EB;} #side_area #spnavi ul li a { } #side_area #spnavi ul li a:hover, #side_area #spnavi ul li.active a{ background-color:#F1D3DB;} /* 編集領域 *******************/ .dotline { border-top:1px dotted #CCCCCC; padding-top:8px;} hr { border-top:1px solid #CCCCCC; border-width:1px 0 0;} table hr { border-top:1px solid #CCCCCC; border-width:1px 0 0;} /* テーブル *******************/ #edit_area table { margin-top:10px; border-collapse:separate; border-bottom:1px solid #E4E4E4; width:100%;} #edit_area table th, #edit_area table td { vertical-align:top; border-top:1px solid #E4E4E4; border-bottom:1px solid #FFFFFF;} #edit_area table th { padding:10px 10px 8px 10px; width:120px; background:url("../images/table_line_black.gif") repeat-y right top; color:#000000;} #edit_area table th.alert { background:url("../images/table_line_red.gif") repeat-y right top;} #edit_area table td { padding:10px 0px 8px 20px;} #edit_area table td.bgnone { border:none;} #edit_area table ul { margin-top:0;} #edit_area table.specTable { margin-top:0; border-collapse:separate; border-left:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; width:100%; font-size:85%;} #edit_area table.specTable th, #edit_area table.specTable td { padding:5px 2px 3px 2px; vertical-align:middle; text-align:center; border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4; border-bottom:1px solid #FFFFFF;} #edit_area table.specTable th { background:#FAF5F8; border-right:1px solid #E4E4E4; font-weight:bold; width:auto;} #edit_area table.specTable td { background:#FFFFFF;} #edit_area table.specTable ul { margin-top:0;} #edit_area table.specTable thead th { background:#F2F2F2;} #edit_area table.specTable strong { color:#DF0041;} #edit_area table.specTable2 { margin-top:0; border-collapse:separate; border-left:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; width:100%; font-size:85%;} #edit_area table.specTable2 th, #edit_area table.specTable2 td { padding:5px 8px 3px 8px; vertical-align:top; text-align:left; border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4; border-bottom:1px solid #FFFFFF;} #edit_area table.specTable2 th { background:#F2F2F2; border-right:1px solid #E4E4E4; font-weight:bold; width:auto;} #edit_area table.specTable2 td { background:#FFFFFF;} #edit_area table.specTable2 ul { margin-top:0;} #edit_area table.specTable2 thead th { background:#FAF5F8;} #edit_area table.specTable2 th.bg_normal { background:#F2F2F2;} #edit_area table.specTable2 strong { color:#DF0041;} /* フォーム *******************/ form { margin-top:20px;} #edit_area form p { margin:0 0 5px; line-height:1.2;} form table { margin-bottom:10px;} .atte { color:#FFFFFF; background-color:#DF0041; padding:2px 2px 0px 2px; margin:0 3px; font-size:85%;} .errors { color:#DF0041; border:3px double #DF0041; background-color:#FFF6F7; padding:5px 10px; margin-bottom:10px } /* トップページ *******************/ #top_maincontent { background:url("../../images/top_bnr_btm.gif") no-repeat left bottom; padding-bottom:10px;} #top_maincontent a { text-decoration:none;} #top_maincontent a:hover{ text-decoration:underline;} #top_maincontent h3 {} .top_bar_heading { height:25px; background:#F6F6F6 url("../../images/top_bar_heading.gif") no-repeat 0 0;} .top_bar_heading h3 { float:left; padding:1px 0 1px 20px} .top_bar_heading p { float:right; padding:5px 10px 0 0;} .top_bar_heading a { background:url("../images/arrow.gif") no-repeat 0 0px; padding:0 0 0 12px; font-size:85%;} #top_area_case { margin:20px 0 0;} #top_area_case_thumb { border:5px solid #EAEAEA; padding:15px 0 15px 15px;} #top_area_case_thumb .thumb_box { float:left; width:238px; margin-right:15px; } #top_area_case_thumb .thumb_box img { float:left; margin-right:10px; border:1px solid #CCCCCC;} #top_area_case_thumb .thumb_box dl {} #top_area_case_thumb .thumb_box dt { line-height:1.2; margin-bottom:3px;} #top_area_case_thumb .thumb_box dd { font-size:85%; line-height:1.3;} #top_area_news { margin:0 0 0;} #top_area_news li { border-bottom:1px solid #E4E4E4; padding:6px 8px 1px; font-size:85%;} #top_area_news li a { display:block;} #top_area_bnr { background:#EFF3E0 url("../../images/top_bnr_top.gif") no-repeat 0 0; margin:30px 0 0; padding:0 0 0 25px;} #top_area_bnr h3 { padding-top:3px;} #top_area_bnr p { font-size:85%; margin-bottom:3px;} #top_area_tel { float:left; width:285px; margin-right:35px;} #top_area_web { float:left; width:200px; margin-right:35px;} #top_area_flow { float:left; width:205px;} #top_area_bnr .bnr_contentbox { margin:15px 0 10px;} .bnr_contentbox p{} .telno { color:#DF0041; font-size:159%; padding-right:10px;} .faxno { color:#808080; font-size:114%;} #top_area_bnr p.link{ background:url("../images/arrow.gif") no-repeat 0 4px; padding-left:12px; font-size:100%; font-weight:bold;} /*お問い合わせ *******************/ #contact_area_bnr { background:#EFF3E0 url("../../images/contact/contact_bnr_top.gif") no-repeat 0 0; margin:30px 0 0; padding:0 0 0 25px;} .contact_area_bnrbtm { background:url("../../images/contact/contact_bnr_btm.gif") no-repeat left bottom; height:10px; margin-bottom:10px; font-size:1px;} #contact_area_bnr h3 { font-size:122%; color:#333333; padding-top:3px; margin:0; padding-left:0; background:none; border:none;} #contact_area_bnr p { font-size:85%; margin-bottom:3px;} #contact_area_tel { float:left; width:295px; margin-right:35px;} #contact_area_flow { float:left; width:230px;} #contact_area_bnr .bnr_contentbox { margin:15px 0 10px;} #contact_area_bnr p.link{ background:url("../images/arrow.gif") no-repeat 0 4px; padding-left:12px; font-size:100%; font-weight:bold;} #contact_area_bnr a { text-decoration:none;} #contact_area_bnr a:hover { text-decoration:underline;} /*会社概要 *******************/ .sign { text-align:right; padding-top:3px;} .president { font-size:85%;} /*製品情報 *******************/ #edit_area .product_thumbsp_list { margin-top:20px; padding:8px; background-color:#F3F3F3;} #edit_area .product_thumb_list { margin-top:10px;} #edit_area .product_thumbsp_list ul { margin:0; padding:0; text-align:center;} #edit_area .product_thumb_list ul { margin:0 0 10px; padding:0;} #edit_area .product_thumbsp_list ul li { background:none; float:left; margin:0 7px 0 0; padding:0; line-height:0.1;} #edit_area .product_thumbsp_list ul li.last { margin:0;} #edit_area .product_thumb_list ul li { background:none; float:left; margin:0 10px 0 0; padding:0;} * html #edit_area .product_thumb_list ul li { margin:0 5px 0 0;} #edit_area .product_thumbsp_list ul li { width:190px;} #edit_area .product_thumb_list ul li { width:140px;} #edit_area .product_thumb_list ul li p{ margin-bottom:3px; line-height:1.3;} #edit_area .product_thumbsp_list {} #edit_area .product_thumb_list {} /*事例 *******************/ #edit_area .case_list .thumb_box { float:left; background:#FFFFFF; width:274px; padding:7px; margin:0 10px 10px 0; border:1px solid #EAEAEA; } #edit_area .case_list .thumb_box img { float:left; margin-right:10px; border:1px solid #CCCCCC;} #edit_area .case_list .thumb_box dl { display:table-cell;} #edit_area .case_list .thumb_box dt { line-height:1.2; margin:0 0 5px;} #edit_area .case_list .thumb_box dd { border:none; font-size:85%; line-height:1.3; margin:0; padding: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%; font-family:"ＭＳ Ｐゴシック",'メイリオ',Meiryo, sans-serif;} *+html body { font-size:78%; font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka, sans-serif;} * html table{ font-size:100%;} strong { font-weight:bold;} legend,caption {} h2 { line-height:1.2;} h3 { font-size:122%;} #funcnav { font-size:85%;} .Ltxt { font-size:107%;} .Stxt { font-size:85%;} .clrRed { color:#DF0041;} .clrGray { color:#666666;} .boxRed { color:#FFFFFF; padding:2px 4px; margin:0 2px 0; background-color:#AA0033;} .sup { vertical-align:super;} /* アンカー */ a { color:#0066CC;} a:link { color:#0066CC;} a:visited { color:#0066CC;} a:hover { color:#0066CC; text-decoration:none;} a:active { color:#0066CC;} /*****************/ /*map*/ .MapBox { border:1px solid #CCCCCC; background-color:#FFFFFF; padding:3px; margin-top:20px;} #map { height: 350px;} /*****************/ /* Hack *******************/ * html .iepngfix { behavior: url("/assets/js/iepngfix.htc");} .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%;}