/*デフォルトスタイルをリセット =============================================================================*/ html,body,address,div,p,h1,h2,h3,h4,h5,h6{ margin: 0px; padding: 0px; border: 0; font-size:13px; color:#333; /* font-family: Verdana,Arial,Times New Roman,serif ;*/} body { /* フォントの種類 */ font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /* フォントのサイズ font-size: 14px; */ /* フォントの色 */ color: #333; /* 文字間隔の調整の設定 letter-spacing: 1.5px;*/ /* 行間の設定*/ line-height: 1.7; } a img { border: none; text-align:center;} .overwhite a:hover{opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";} /*ヘッダー =============================================================================*/ header { /*width:960px;*/ margin:auto; text-align: right;padding:0 20px;} header form{padding-top:10px;} .katologo{ position: absolute; top: 20px; /*left: 19px;*/} nav ul li {display: inline-block; margin-right: 25px; padding:0px; font-size:12px;} #fade-in li ul{ visibility: hidden; opacity: 0; transition: 0s;} #fade-in li:hover ul{ visibility: visible; opacity: 0.8;} #fade-in li ul li a{ visibility: hidden; opacity: 0; transition: .5s;} #fade-in li:hover ul li a{ visibility: visible; opacity: 1;} .topnavmenu{ /*height:60px; */ background:url(../img/topnavbk.gif) repeat-x bottom;margin:0; font-size:14px;/* background:#F3F3F3;*/} .topnavmenu:before, .topnavmenu:after{ content: ""; display: table;} .topnavmenu:after{ clear: both;} .topnavmenu ul{ list-style:none; display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap; box-sizing:border-box; -webkit-justify-content: space-between; justify-content: space-between; width:90%; margin:10px auto 0px; } .topnavmenu ul > li{display: block; width: -webkit-calc(100% / 4 - 1px); width: -moz-calc(100% / 4 - 1px); width: calc(100% / 4 - 1px); text-align:center; -webkit-flex-grow:1;flex-grow:1;} .topnavmenu a.largemenu{padding:10px 0;display: block;} .topnavmenu li:hover > a.largemenu{ background: #053d6e; color:#FFF; text-decoration:none;} .topnavmenu ul > li > ul{ display: -webkit-flex;display: flex; -webkit-flex-direction: column; flex-direction: column; position: absolute; font-size:12px; padding:0px 20px 0; margin:2px; } .topnavmenu ul > li:hover > ul{ z-index:3; width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4);width:calc(100% / 4 ); margin:0 ;padding-left:0px; padding-right:5px; /* padding:5px 10px 5px 30px; text-align:left;*/} .topnavmenu ul > li > ul > li{ text-align:left; overflow: hidden; height: 0;/* transition: .4s;*/ } .topnavmenu ul > li:hover > ul li{ overflow: visible; width:auto; opacity:0.94; /*height: 24px;*/ height:auto; } .topnavmenu ul > li > ul > li > a{display:block; background:#FFF; padding:6px 12px 4px 12px;border-bottom:1px solid #ccc; } .topnavmenu ul > li > ul > li:hover > a:hover{ /*color:#c23616;*/ text-decoration:none; display:block; background: #053d6e; color:#FFF; } /*フッター =============================================================================*/ #pageTop { position: fixed; bottom: 30px; right: 30px; left:90%;} #pageTop a { display: block; z-index: 999; padding: 8px 0 0 8px; width: 60px; height: 60px; background:url(../img/top_e.png) no-repeat;} #pageTop a:hover { text-decoration: none; opacity: 0.7;} footer { background:#F3F3F3;/*#dcdde1;#7ebfc3 url(../img/footer_bk.gif) bottom repeat-x ;height:320px; border-top:#718093 solid 1px; */padding:4px 0 4px; margin:0;} footer .logo{ text-align:center; color:#FFF; padding:10px 0; background:#7ebfc3/*#718093*/; position:absolute; bottom:5; width:100%; display:block; font-size:12px; height:12px;} .list_flex{width: 98%; font-size:11px; } .list_flex li.title{border-bottom:1px solid #2f3640; font-size:12px; margin-bottom:4px; color:#2f3640; padding-bottom:2px;} .list_flex li.title span{/*border-bottom:1px solid #2f3640;*/ background:url(../img/ul06.png) left no-repeat; padding-left:12px; } .list_flex ul{ display: flex; flex-wrap: wrap; list-style:none;} .list_flex li {width: 25%; /* ％指定で列を自由に設定可能 */ box-sizing: border-box; } .list_flex li.4col{width:25%;} .list_flex li:before { content: ""; /* 空の要素作成 */ width: 7px; /* 幅指定 */ height: 7px; /* 高さ指定 */ display: inline-block; /* インラインブロックにする */ position: relative; /* アイコンの位置を調整 */ top: 8px; /* アイコンの位置を調整 */ margin-right: 5px; /* 余白指定 */ vertical-align: top; } .list_flex a{text-decoration:none;} .list_flex_5col li{width:25%;} /* 4列にする　*/ /*フッターのテーブル*/ table#fotmenu {/*グレイの外枠とtd線,width80%,thあり*/ border: 0; border-collapse: collapse; border-spacing: 0; font-size:11px; width:100%; margin-left:0px;padding-bottom:10px; margin-bottom:0px;} table#fotmenu th { margin:0;font-size:13px;padding: 6px 5px 4px 14px;font-weight: bold; text-align: left;color: #1B8996; border-bottom:#1B8996 1px dotted; background:url(../img/ul05.png) left no-repeat;} table#fotmenu td {margin:0; padding:2px;} /*全体レイアウト =============================================================================*/ /*.main_bk_top{ background:url(../img/html_bk.gif) repeat-x; margin:auto;}*/ .main_bk_top{ background:#dcdde1 url(../img/topbktest01.jpg) center center; background-size:contain;} .main_bk{ /*background:url(../img/html_bk.gif) repeat-x;*/ margin:auto; min-height: 670px; height: auto !important; height: 670px;} .in{width:1060px; margin:auto;} .intop{width:960px; margin:auto;} #container { margin:auto; width:1060px; padding-top:10px; height:auto;overflow: hidden; adding-bottom: 10px;} #main_r { float:left; width:826px; padding:0 0 0 10px; font-size:12px; line-height:1.7em; text-align:left; padding-bottom: 32768px; margin-bottom: -32768px;} #main_r p { text-indent:1.0em; margin:0.5em auto; text-justify:inter-ideograph; text-align:justify; width:95%;} .engtxt { text-indent:1.0em; line-height:1.5em; margin:0.8em auto; text-justify:inter-ideograph; width:95%;} #main_pop { margin:0 auto;/* width:900px;*/ background:transparent; overflow:hidden; font-size:12px; line-height:1.7em; text-align:left; padding:0 15px;} #main_pop p { text-indent:1.0em; line-height:1.7em; margin:0.5em auto; text-justify:inter-ideograph; /*text-align: justify;*/ width:96%;} /*サイトマップ用*/ .main_rl { float:left; width:380px; padding:0px !important; border-right:#CCC 1px solid;} .main_rl h3{letter-spacing:0.05em; font-size:14px; border-bottom:none; margin:0; padding:6px 0 2px 10px; } .main_rl ul.list03{font-size:12px; padding:0 0 0 60px; line-height:18px; } .main_rr { float:right; width:380px; padding:0px !important;border-right:#CCC 1px solid;} .main_rr h3{letter-spacing:0; font-size:13px; border-bottom:none; margin:0; padding:4px 0 2px 10px;} .main_rr ul.list03{font-size:12px; padding:0 0 0 60px; line-height:18px;} /* .main_rl { float:left; width:340px; padding:0px !important;} .main_rr { float:right; width:320px; padding:0px !important;} */ /*トップページ =============================================================================*/ .tptitle{ border-left:#7bbdc7 12px solid;display:block; width:1060px; padding:2px 0 0px 0; margin:6px 0 0 0; font-size:14px; font-weight:bold; color:#333;} .tptitle span{border-bottom:#e7e7e7 2px solid; padding:3px 0 5px 8px; display:block; letter-spacing:0.05em;} #navi_top ul{margin:0 auto;list-style:none; display:inline-block;} #navi_topnavi li {display: inline-block; width: 210px; padding:10px 5px 5px 5px;} #navi_topnavi a{ display:block; height:80px; width:200PX; padding:0px 0px; background:url('../eng/img/top_sitenav_en.jpg') no-repeat; text-indent: -9999px; border-bottom:none;} #navi_topnavi a:hover{opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";} #navi_topnavi #tpleft01 a { background-position: 0px 0px; } #navi_topnavi #tpleft02 a { background-position: 0px -80px; } #navi_topnavi #tpleft03 a { background-position: 0px -160px; } #navi_topnavi #tpleft04 a { background-position: 0px -240px; } #navi_topnavi #tpleft05 a { background-position: 0px -320px; } #navi_topnavi #tpleft06 a { background-position: 0px -400px; } #navi_topnavi #tpleft07 a { background-position: 0px -480px; } #navi_topnavi #tpleft08 a { background-position: 0px -560px; } #navi_topnavi #tpleft09 a { background-position: 0px -640px; } #navi_topnavi #tpleft10 a { background-position: 0px -720px; } #navi_topnavi #tpleft11 a { background-position: 0px -800px; } #navi_topnavi #tpleft12 a { background-position: 0px -880px; } .balloon { list-style:none; margin:10px 5px 10px 10px; padding:10px;} .balloon li{ display:inline-block; /*border:1px #CCCCCC solid;*/ width:106px; height:120px; margin:0px 5px; padding:0px 0px 0px 0px;} /* 製品トップ */ .balloon a { width: 96px; height: 112px; display: block; overflow: hidden; text-indent: -9999px; background: url('../eng/img/balloons.png') no-repeat;} /* 製品ページのバルーンでも使用しています。 */ .balloon .ka a, .ka .proballoon{ background-position: 0px 0px; } .balloon .kr a, .kr .proballoon{ background-position: -96px 0px; } .balloon .nk a, .nk .proballoon{ background-position: -192px 0px; } .balloon .ks a, .ks .proballoon{ background-position: -288px 0px; } .balloon .hd a, .hd .proballoon{ background-position: -384px 0px; } .balloon .ed a, .ed .proballoon{ background-position: -480px 0px; } .balloon .mv a, .mv .proballoon{ background-position: -576px 0px; } .balloon .hs a, .hs .proballoon{ background-position: -672px 0px; } .balloon .sw a, .sw .proballoon{ background-position: -768px 0px; } .balloon .cr a, .cr .proballoon{ background-position: -864px 0px; } .balloon .mnhd a, .mnhd .proballoon{ background-position: -960px 0px; } .balloon .crca a, .crca .proballoon{ background-position: -1056px 0px; } .balloon .crcr a, .crcr .proballoon{ background-position: -1152px 0px; } .balloon .insta a, .insta .proballoon{ background-position: -1248px 0px; } .balloon .youtube a, .youtube .proballoon{ background-position: -1344px 0px; } .balloon .ka a:hover {background-position: 0px -112px;} .balloon .kr a:hover {background-position: -96px -112px;} .balloon .nk a:hover {background-position: -192px -112px;} .balloon .ks a:hover {background-position: -288px -112px;} .balloon .hd a:hover {background-position: -384px -112px;} .balloon .ed a:hover {background-position: -480px -112px;} .balloon .mv a:hover {background-position: -576px -112px;} .balloon .hs a:hover {background-position: -672px -112px;} .balloon .sw a:hover {background-position: -768px -112px;} .balloon .cr a:hover { background-position: -864px -112px; } .balloon .mnhd a:hover {background-position: -960px -112px;} .balloon .crca a:hover{ background-position: -1056px -112px; } .balloon .crcr a:hover{ background-position: -1152px -112px; } .balloon .insta a:hover{ background-position: -1248px -112px; } .balloon .youtube a:hover{ background-position: -1344px -112px; } /* トピックスのiframeは排除した */ #topic { padding:0px; margin:0px; line-height:1.2em;} /*============================================================================== サイドナビゲーション ==============================================================================*/ #sidenavi { /* div */ margin: 0;width:220px; background:#fff; border:#e6f3f1 1px solid; float:left; padding:0;padding-bottom: 32768px; margin-bottom: -32768px;} #sidenavi div{ background:#7bbdc7;/* background:#187290; */color:#FFF; /*font-weight:bold;*/font-size:14px; padding:14px 10px;} #sidenavi ul { margin:2px 0px 14px 0px; padding:0px; list-style:none;} #sidenavi ul li { margin:3px 0px 3px 5px; padding:0px;} #sidenavi li a { display:block; padding: 7px 2px;/* font-weight:bold;*/ width: 200px; height: 17px; font-size: 13px; line-height: 16px; text-decoration: none; color: #333333; border-bottom: solid 1px #a6cac8; display: block;} #sidenavi a:hover, #sidenavi a.now { color:#1B8996;} #sidenavi a span{line-height: 10px; font-size:11px; height:20px;} /*サイトトップページのサイドナビゲーションのさらに深い階層の項目*/ #sidenavi li ul { margin:5px 0px 0px 0px; padding:0px;} #sidenavi li ul li{ margin-left: 15px; width: 190px; height: 16px; padding: 0px; list-style: none url('../img/ul01.gif') outside ; display: list-item; overflow: visible;} #sidenavi li ul a { margin: 0px; padding: 0px; width: 190px; height: 17px; font-size: 12px; font-weight: normal; line-height: 14px; color: #003333; border: none; text-decoration: none; background: transparent;} #sidenavi li ul a:hover { color:#1B8996; background:transparent;} #sidenavi li ul a.now { color:#1B8996; text-decoration:underline;} /*============================================================================== テーブルや囲い関連の基本設定 ==============================================================================*/ table.full { width:95%; margin:10px auto 10px;} /*どうしても収まらない時の最終手段*/ table.fullfull { width:100%; margin:10px -2px 10px auto;} table.border { border-collapse:collapse; border-spacing:0px;} table.border td , table.border th { border: 1px solid #222; border-collapse: collapse; border-spacing: 0px; padding: 4px;} table.nonborder td{border:none; padding:0px;} .border td.heading , .border tr.heading , .border th.heading { background: #777777; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle;} .border tr.headingb , .border th.headingb { background: #777777; color: #FFFFFF; font-size: 11px; font-weight: normal; text-align: center; vertical-align: middle;} .border tr.odd { background: #FFFFFF;} .border tr.even { background: #E6E6E6;} /* 破線区切りのテーブル */ .dot { border-collapse:collapse; border-spacing:0px;} /* 項目行の基本形 */ .dot tr.heading , .dot th.heading { background:#dddddd; color:#333333; font-size:12px; font-weight:bold; text-align:center; vertical-align:middle;} .dot tr { background:url('../img/borderDot.gif') repeat-x 0% 100%;} .dot td , .dot th{ padding:2px 5px; border-left:none; border-right:none;} /* サブ項目テックデータ英語版で使ってる */ caption.left { font-size:16px; line-height:26px;} caption { font-size:14px; line-height:20px; margin-top:4px; font-weight:bold;} caption.right { font-size:10px; line-height:14px; margin-top:0px;} /*profile/003.htmlで使ってる・・・*/ table#waku {border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; font-size:12px;} table#waku td {padding: 5px;} table#waku img {text-align:center;} table#box_a {/*グレイの外枠tr線あり、td線なし,width設定100％,背景なし*/ border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; font-size:12px; width:80%; font-weight:normal; margin:auto;} table#box_a tr { border: 1px #E3E3E3 solid;} table#box_a td { padding:5px; vertical-align:top;border-right: 1px #E3E3E3 solid;} table#box_a th {padding:5px;font-weight:bold; text-align:center;border-right: 1px #fff solid; background:#E3E3E3;} table#box_c {/*グレイの外枠とtd線,width100%,thあり*/ border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; font-size:12px; width:100%;background:#FFF;} table#box_c th { padding: 5px 2px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #cdcdcd; font-weight: bold; /* line-height: 120%;*/ text-align: center; color: #333;} table#box_c td { padding:5px 2px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; text-align:left; font-weight:normal;} .pctborder{border:1px /*#69a296*/ #ccc solid; text-align:center; padding:0px; margin:15px 10px 10px 10px;} .smallbox{width:90%; margin:0 auto; line-height:20px;} .kakoi{background:none; border: solid #999 1px; font-weight:normal; padding:10px; margin-left:10px;} div .pctleft{float:left; padding:0 3px;} .in_kakoi{border:#E3E3E3 solid 1px; margin-right:10px; padding:8px 12px;}/*KATO規程用*/ .in_whitebk{border:#CCC solid 1px; background: #FFF; padding:10px; margin:10px auto;} .in_graybk{border:#CCC solid 1px; background:#EEE; padding:10px; margin:10px auto;} .kakoi{border:1px #ccc solid; padding:3px 3px 3px 20px;; margin:10px 10px 10px 10px;} .space{padding:5px 10px 0 30px;} /*============================================================================= floatを解除するためのクラス 内部にfloatする要素を持つボックス要素に指定する =============================================================================*/ .cbox { zoom: 100%;} .cbox:after { content:" "; clear:both; height:0; display:block; visibility:hidden;} .clearfloat{clear:both;} /*============================================================================== 見出し要素 ==============================================================================*/ /*h1 { margin:5px 0 15px 0; padding:0; padding-left:15px; overflow:visible; height:30px; background-position: left 15px; font-size:16px; font-weight: normal; color:#333;} h1 span { letter-spacing:2px; padding:5px 120px 4px 10px; border-left:15px solid #CCC; border-bottom:2px solid #CCC; background-color:#F0F0F0; text-align:left; line-height:28px;} h1 .long{ padding: 5px 30px 5px 10px; letter-spacing:0.5px;} */ h1{ position:relative; margin:0 10px 10px; padding:0 10px 0 55px; font:18px/40px Arial, Helvetica, sans-serif; color:#222; background:#f3f3f3; z-index:1;} h1:before{ content:" "; position:absolute; top:0; left:0; width:40px; height:40px; border-right:#fff solid 2px; background:#7bbdc7; background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(255, 255, 255, 0.0)), color-stop(0.20, rgba(255, 255, 255, 0.0)), color-stop(0.20, rgba(255, 255, 255, 0.1)), color-stop(0.40, rgba(255, 255, 255, 0.1)), color-stop(0.40, rgba(255, 255, 255, 0.3)), color-stop(0.60, rgba(255, 255, 255, 0.3)), color-stop(0.60, rgba(255, 255, 255, 0.5)), color-stop(0.80, rgba(255, 255, 255, 0.5)), color-stop(0.80, rgba(255, 255, 255, 0.6)), to( rgba(255, 255, 255, 0.6)) ); background-image: -webkit-linear-gradient(top, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100% ); background-image: -moz-linear-gradient(top, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100% ); background-image: -o-linear-gradient(top, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100% ); background-image: linear-gradient(to bottom, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100% ); z-index:-1; } h1:after{ content:" "; position:absolute; top:0; left:0; width:40px; height:40px; background-image: -webkit-gradient(linear, left top, right top, from( rgba(255, 255, 255, 0.0)), color-stop(0.20, rgba(255, 255, 255, 0.0)), color-stop(0.20, rgba(255, 255, 255, 0.1)), color-stop(0.40, rgba(255, 255, 255, 0.1)), color-stop(0.40, rgba(255, 255, 255, 0.3)), color-stop(0.60, rgba(255, 255, 255, 0.3)), color-stop(0.60, rgba(255, 255, 255, 0.5)), color-stop(0.80, rgba(255, 255, 255, 0.5)), color-stop(0.80, rgba(255, 255, 255, 0.6)), to( rgba(255, 255, 255, 0.6)) ); background-image: -webkit-linear-gradient(left, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100% ); background-image: -moz-linear-gradient(left, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100% ); background-image: -o-linear-gradient(left, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100% ); background-image: linear-gradient(to right, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100% ); z-index:-1;} /*h2 { font-size:13px; margin:15px 5px; color:#555555; border-bottom:1px solid #CCCCCC; padding:3px 3px 0px 5px;border-left:12px solid #CCCCCC;}*/ h2 {position: relative; color: #333; font-size: 16px; line-height: 32px; font-weight:normal; margin:20px 0px 5px;padding:0px 3px 2px 40px;border-bottom:#718093 2px solid; } h2:before { position: absolute; top: 12px; left: 12px; width: 12px; height: 12px; border: 3px solid #718093; content: ""; } h2:after { position: absolute; top: 2px; left: 2px; width: 15px; height: 15px; border: 3px solid #ff9900; content: ""; } h3 { padding:0px 3px; letter-spacing:0.02em; margin:20px 5px 10px 5px; line-height:20px; font-size:14px; color:#08407D; border-left:0px solid #08407D; border-bottom:2px groove #A2C9C6; } h3 .bigger{font-size:20px; margin-top:40px; } h4 {position: relative; padding: .3em 0 .3em .75em; border-left: 6px solid #ccc; background:#f4f4f4; font-size:14px; margin:20px 0 1px; font-weight:normal; width: 50%; } h4 span{ } h4::before { position: absolute; left: -6px; bottom: 0; content: ''; width: 6px; height: 60%; background-color:/* #073f7d*/#ff9900;} h4::after { position: absolute; left: 0; bottom: 0; content: ''; height: 0; border-bottom: 1px solid #ccc;width: 100%;} /* h4 {color:#555;font-size:15px; padding:5px 0; margin:0;} h4 span {background: linear-gradient(transparent 60%, #fcdd70 60%);} h4:first-letter{ float:left; font-size:180%; padding-left:5px;background: linear-gradient(transparent 60%, #fcdd70 60%);} */ h4 a{background: linear-gradient(transparent 60%, #fcdd70 60%);} h4 a:hover{background: linear-gradient(transparent 60%, #ffff66 60%); border-bottom:#ffff66 2px solid; text-decoration:none;} h5 { position: relative; color: #444; font-size: 13px; line-height: 1; margin: 10px 0 10px 0; padding: 12px 5px 6px 28px; border-bottom:1px dotted #999; background:url(../img/h2.png) left no-repeat;} /* メールフォームの警告メッセージ　*/ h6 { margin: 5px 0px 5px 25px;} .titlelarge{font-size: 26px; text-align: center;} /*============================================================================== 基本のフォント指定 ==============================================================================*/ span.supText {font-size: 75.5%;vertical-align: top;position: relative;top: -0.1em;} span.subText {font-size: 75.5%;vertical-align: bottom;position: relative;top: 0.1em;} hr { border: 1px #dddddd; background-color: #dddddd; height: 1px; margin: 15px 0; } .orng { padding: 5px 7px 2px 5px; border-left: 15px solid #f9a500; border-bottom: 2px solid #f9a500; font-size: 12px; margin-bottom:5px;} .grey {color:#666;} .red{color:#FF3300; font-weight:bold; font-size:16px; text-decoration:underline; padding-top:5px;} .blue{color:#0070c0;} .orenge{color:#F30;} .ex { text-indent: 0;margin-left:40px;} .small{font-size:10px;} .smaller{font-size:11px;} .larger{font-size:14px;} .noline{text-decoration:none;} .underline{ text-decoration:underline; padding-bottom:3px;} .strong{font-weight:bold; letter-spacing:0.1em;} #forlongmenu {font-size:12px; color:#333; padding-left:15px;} .mng_orenge{background:#edb355; padding:5px; margin:5px;} .mng_red{background:#ef7871; padding:5px; margin:5px;} .mng_green{background:#7dc156; padding:5px; margin:5px;} .mng_purple{background:#b087b8; padding:5px; margin:5px;} .mng_blue{background:#3faddf; padding:5px; margin:5px;} /*============================================================================== その他ページ内の細々した共通要素 ==============================================================================*/ #topic_path { margin:0px 0px 0px 0px; text-align:right; width:100%;} .top_jump { margin:5px 0px 10px 0px; text-align:right; width:100%;/* clear:both;*/} #topic_path a , .top_jump a{ text-decoration: none;} /*============================================================================== 基本のリンク関連配色等 ==============================================================================*/ a:link { color: #003366; text-decoration:none; font-weight: normal; } a:visited { color: #003366; text-decoration:none; } a:hover { color: #333333; text-decoration:underline; } a:active { color: #FDE56A; text-decoration:none; } .normallink{} a.normallink{ color:#003366; text-decoration:underline;} a:hover.normallink{ text-decoration:none; color:#666;} .popup a{ font-weight:bold; text-decoration:underline; color:#930;} .popup a:hover {color:#FF6600;} /*============================================================================== 要素の　右　左　中央　寄せ ==============================================================================*/ .center { text-align: center !important;} .left { text-align: left !important;} .right { text-align: right !important;} .up , .up *{ vertical-align: top !important;} .down , .down * { vertical-align: bottom !important;} /*============================================================================== リスト関連 ==============================================================================*/ /*techdataでも使用、項目短め*/ ol.w80 , ul.w80 { list-style-position:outside; width:90%; margin:0px 0 20px 10px; padding-left:10px;} .w80 li , .w80 li { margin-left:15px;} /*項目短めアンダーライン*/ dl.w80 { width:90%; margin:15px auto; color:#333333; line-height:18px;} dl.w80 dt { font-size:12px; display:inline; padding:2px; text-decoration:underline;} dl.w80 dd { margin:-21px 0 5px 80px; padding:2px; text-align:justify;} /*項目長め*/ dl.reguration { width:95%; margin:15px auto; color:#333333; line-height:20px;} dl.reguration dt { font-size:12px; display:inline; padding:2px; border-bottom:1px solid #333333;} dl.reguration dd { margin:-20px 0 5px 140px; padding:2px; text-align:justify;} /*項目かなり長め*/ dl.dllong { width:100%; margin:5px auto; color:#444; line-height:16px;} dl.dllong dt { font-size:12px; display:inline; padding:2px; border-bottom:1px solid #333333; background:none;} dl.dllong dd { margin:-20px 0 5px 190px; padding:2px; background:none;} .list01{list-style:url('../img/leftnavi_bit.gif') outside; line-height:18px; margin:0; padding:0; } .normal{font-weight:normal!important;} .list03{list-style:url('../img/ul06.gif') outside; margin:0;} /*.list03{list-style:url('../img/ul03.png') outside; margin:0;}*/ /*項目短めアンダーライン*/ .date dt{text-indent:20px; height:30px; width:90px; padding:5px 0 0 0; background:url('../img/borderDot_2.gif') repeat-x 0% 100%;} .date dd{ margin:-30px 0px 0px 90px; padding:0;background:url('../img/borderDot.gif') repeat-x 0% 100%;} .date dt.nonboder{text-indent:20px; height:30px; width:90px; padding:5px 0 0 0; background:none;} .date dd.nonboder{ margin:-30px 0px 0px 90px; padding:0; background:none;} .date .dotline{background:url('../img/borderDot.gif') repeat-x 0% 100%; height:4px; display:block;} /*項目長めアンダーライン*/ .dlmiddle dt{ text-indent:5px;height:30px; width:186px; padding:5px 0 0 0; background:url('../img/borderDot_2.gif') repeat-x 0% 100%; font-weight:bold;} .dlmiddle dd{ margin:-29px 0px 0px 186px; padding:0;background:url('../img/borderDot.gif') repeat-x 0% 100%;} .dlmiddle dt.nonboder{height:30px; width:186px; padding:5px 0 0 0; background:none;} .dlmiddle dd.nonboder{ margin:-29px 0px 0px 186px; padding:0; background:none;} .dlmiddle .dotline{background:url('../img/borderDot.gif') repeat-x 0% 100%; height:4px; display:block;} /*============================================================================== 製品情報 ==============================================================================*/ .proballoon { background: url('../eng/img/balloons.png') no-repeat; width: 96px; height: 80px; float: left; text-indent: -9999px; display: block; overflow: hidden; /* z-index: 10;*/} /*.protitle {color:#555555; font-size:15px; margin-top:3px; font-weight:bold; margin-left:100px; padding:0.4em 0.5em 0.2em 0.2em; color:#F90;letter-spacing:0.05em;}*/ .protitle { font-size:16px; margin-top:3px; font-weight:bold; margin-left:100px; padding:0.4em 0.5em 0.2em 0.2em; color:#718093/*#F90*/;letter-spacing:0.05em;} .protitle h2{padding-top:2px; margin-top:8px;} /*タブメニュー .tab { position: relative; min-height: 200px;} .tab .tab-list {position: relative; margin-bottom: 0px; display: table; border-collapse: separate; border-spacing: 2px 0px; letter-spacing: -0.3em; padding-left: 2px; z-index: 2;margin-top: -1px;} .tab .tab-list-item { position: relative; display: table-cell; padding: 0.5em 0.6em; border: solid 1px #999; background: #ffffff; letter-spacing: normal; z-index: 0;} .tab .tab-list-item.active { background-color: #f7f5de; border-bottom: solid 1px #f7f5de; z-index: 1;} .tab .tab-contents { position: relative; border-top: solid 1px #999; margin-top: -1px; padding: 0.5em 0.5em; z-index: 1;} .tab .tab-contents-item { display: none;} .tab .tab-contents-item.active { display: block;} .tab .tab-list:after { content: "."; display: block; visibility: hidden; clear: both; height: 0;}*/ .tab{ display: inline-block; cursor: pointer; text-align:center; border-bottom: 1px solid #dcdde1; font-size:12px; font-weight: normal; width: -webkit-calc(100% / 4 - 1px); width: -moz-calc(100% / 4 - 1px); width: calc(100% / 4 - 1px); padding: 7px 0px; margin-bottom:20px; float: left; color: #999; } .smalltab{ display: inline-block; cursor: pointer; text-align:center; border-bottom: 1px solid #dcdde1; font-size:11px; font-weight: normal; width: -webkit-calc(100% / 9 - 1px); width: -moz-calc(100% / 9 - 1px); width: calc(100% / 9 - 1px); padding: 1px 0px; /*margin-bottom:20px;*/ float: left; color: #999; line-height:16px;} .smalltabshort{width:8%;} .smalltabwide{width:12%;} .active{ background:#fff; color:#333; font-weight:bold; border:1px solid #dcdde1; border-bottom:none;} /*機種仕様テーブルの装飾 ==============================================================================*/ .kishupic{background:url(../eng/products/img/icon_eng.gif); width:100px; height:100px;} .kishupic span{padding-left: 100px; line-height:15px; display:block; width:214px;} span .grayback{background-color:#888; color:#FFF; font-size:12px; margin:0; padding:3px 5px; width:204px; text-align:left;} ul.icon { padding:0px 30px; list-style-type:none;} ul.icon li { border: solid 1px #ccc; width: 314px; height: 100px; display: block; float: left; margin: 5px 5px; background: #fff;} ul.icon li .graybk{background-color:#888; color:#FFF; font-size:12px; margin:0; padding:2px 5px; } ul.icon li .graybks{background-color:#888; color:#FFF; font-size:10px; margin:0; padding:2px 5px;line-height:10px;} ul.icon li .exnum { padding-left: 100px; line-height:14px; } .i_ex {font-size:10px;} /*これなんだっけ？ ul.icon_compact{ margin:0px -15px; padding:0px; list-style-type:none; width:100%; font-size:10px; background:#fff;} ul.icon_compact li { border: none; width: 200px; height: 60px; float: left; margin: -1px -1px -1px -1px;} ul.icon_compact li div { height: 60px; padding: 0px 0px 0px 80px; overflow: hidden; vertical-align: middle; display: table-cell;} */ /*　配置自体は共通　*/ .icon .ic1_1,.icon_compact .ic1_1{background-position: 0px 0px;} .icon .ic1_2,.icon_compact .ic1_2{background-position: -100px 0;} .icon .ic1_3,.icon_compact .ic1_3{background-position: -200px 0;} .icon .ic1_4,.icon_compact .ic1_4{background-position: -300px 0;} .icon .ic1_5,.icon_compact .ic1_5{background-position: -400px 0;} .icon .ic1_6,.icon_compact .ic1_6{background-position: -500px 0;} .icon .ic2_1,.icon_compact .ic2_1{background-position: 0px -100px;} .icon .ic2_2,.icon_compact .ic2_2{background-position: -100px -100px;} .icon .ic2_3,.icon_compact .ic2_3{background-position: -200px -100px;} .icon .ic2_4,.icon_compact .ic2_4{background-position: -300px -100px;} .icon .ic2_5,.icon_compact .ic2_5{background-position: -400px -100px;} .icon .ic2_6,.icon_compact .ic2_6{background-position: -500px -100px;} .icon .ic3_1,.icon_compact .ic3_1{background-position: 0px -200px;} .icon .ic3_2,.icon_compact .ic3_2{background-position: -100px -200px;} .icon .ic3_3,.icon_compact .ic3_3{background-position: -200px -200px;} .icon .ic3_4,.icon_compact .ic3_4{background-position: -300px -200px;} .icon .ic3_5,.icon_compact .ic3_5{background-position: -400px -200px;} .icon .ic3_6,.icon_compact .ic3_6{background-position: -500px -200px;} .icon .ic4_1,.icon_compact .ic4_1{background-position: 0px -300px;} .icon .ic4_2,.icon_compact .ic4_2{background-position: -100px -300px;} .icon .ic4_3,.icon_compact .ic4_3{background-position: -200px -300px;} .icon .ic4_4,.icon_compact .ic4_4{background-position: -300px -300px;} .icon .ic4_5,.icon_compact .ic4_5{background-position: -400px -300px;} .icon .ic4_6,.icon_compact .ic4_6{background-position: -500px -300px;} .icon .ic5_1,.icon_compact .ic5_1{background-position: 0px -400px;} .icon .ic5_2,.icon_compact .ic5_2{background-position: -100px -400px;} .icon .ic5_3,.icon_compact .ic5_3{background-position: -200px -400px;} .icon .ic5_4,.icon_compact .ic5_4{background-position: -300px -400px;} .icon .ic5_5,.icon_compact .ic5_5{background-position: -400px -400px;} .icon .ic5_6,.icon_compact .ic5_6{background-position: -500px -400px;} .icon .ic6_1,.icon_compact .ic6_1{background-position: 0px -500px;} .icon .ic6_2,.icon_compact .ic6_2{background-position: -100px -500px;} .icon .ic6_3,.icon_compact .ic6_3{background-position: -200px -500px;} .icon .ic6_4,.icon_compact .ic6_4{background-position: -300px -500px;} .icon .ic6_5,.icon_compact .ic6_5{background-position: -400px -500px;} .icon .ic6_6,.icon_compact .ic6_6{background-position: -500px -500px;} .icon .ic7_1,.icon_compact .ic7_1{background-position: 0px -600px;} .icon .ic7_2,.icon_compact .ic7_2{background-position: -100px -600px;} .icon .ic7_3,.icon_compact .ic7_3{background-position: -200px -600px;} .icon .ic7_4,.icon_compact .ic7_4{background-position: -300px -600px;} .icon .ic7_5,.icon_compact .ic7_5{background-position: -400px -600px;} .icon .ic7_6,.icon_compact .ic7_6{background-position: -500px -600px;} .icon .ic8_1,.icon_compact .ic8_1{background-position: 0px -700px;} .icon .ic8_2,.icon_compact .ic8_2{background-position: -100px -700px;} .icon .ic8_3,.icon_compact .ic8_3{background-position: -200px -700px;} .icon .ic8_4,.icon_compact .ic8_4{background-position: -300px -700px;} .icon .ic8_5,.icon_compact .ic8_5{background-position: -400px -700px;} .icon .ic8_6,.icon_compact .ic8_6{background-position: -500px -700px;} .icon .ic9_1,.icon_compact .ic9_1{background-position: 0px -800px;} .icon .ic9_2,.icon_compact .ic9_2{background-position: -100px -800px;} .icon .ic9_3,.icon_compact .ic9_3{background-position: -200px -800px;} .icon .ic9_4,.icon_compact .ic9_4{background-position: -300px -800px;} .icon .ic9_5,.icon_compact .ic9_5{background-position: -400px -800px;} .icon .ic9_6,.icon_compact .ic9_6{background-position: -500px -800px;} .icon .ic10_1,.icon_compact .ic10_1{background-position: 0px -900px;} .doc li{display:inline; margin:0; padding:0;} .doc li a:hover { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); margin:0; padding:0;} /*機種関連データのリスト装飾 techdataのsearchフォルダ内で使用？ ==============================================================================*/ ul.detail { width:540px; height:auto; padding:0px;} ul.detail li { display:block; height:28px;/*width:120px;*/ float:left; background-position:top; margin:2px 8px 2px 0; text-align:center; font-size:12px; font-weight:bold; line-height:28px; white-space:nowrap;} ul.detail li a ,ul.detail li a:visited { background-image:url('../products/img/ico_bk.gif'); padding:8px; color:#FFF; font-weight: normal;/* margin:0px 10px 0px 30px;*/} ul.detail li a:hover{ background-image:url('../products/img/ico_bk.gif'); background-position:0 -28px; padding:8px;} /*============================================================================== 会社 ==============================================================================*/ .history th { vertical-align:top;} .history th div{ overflow:hidden; color:#fff; font-size:18px; font-weight:bold; width:77px; height:45px; background:url('../profile/img/yearbk.gif') no-repeat; line-height:20px; text-align:left; padding-top:10px; padding-left:3px;} .history th div:first-letter{ float:left; font-size:200%; color:#fff; padding-top:5px; padding-left:2px;} /*KATONEWSのところ ==============================================================================*/ .newshead{height:100px; background:url(../eng/profile/news/img/newsbk.jpg) 0 0 repeat-x; margin:0 0 15px 0; padding:0;} .newshead div{padding:10px;} .newshead h6{font-size:50px; font-weight:bold; padding:0px 0 0 60px;} .newstitle { background:#eee; border-bottom:7px solid #ccc; margin-top:15px; padding: 5px; margin: 0px; font-size: 16px; color: #444; font-weight: bold;text-align:center;} ul.katonews { margin:3px 20px 6px 20px; padding:0; list-style:outside url(../img/ul01.gif);} .katonews li { padding:0px; margin:10px 5px; font-weight:bold; color:#333;} .katonews dl{background:none; border: solid #999 1px; font-weight:normal; margin:5px 0px 10px 10px; padding:5px;} dl.noborder{border:none!important; margin:0; padding:0;} .katonews dt{ text-indent: 20px; height: 31px; width:200px; padding:5px 0 0 0; background:url('../img/borderDot_2.gif') repeat-x 0% 100%;} .katonews dd{ margin:-30px 0px 0px 200px; padding:0; background:url('../img/borderDot.gif') repeat-x 0% 100%;} /*============================================================================== サブウィンドウ用 ============================================================================== body.map , body.iconbk { background-color: #FFFFFF; padding: 15px;} body.map p { margin: 10px;}*/ /*============================================================================== PDFリンク、地図リンクの画像置換 ここにnewも組み込みたい--------------------------これもなぞ ==============================================================================*/ a.pdf , a.map , a.html ,a.new { display: block; height: 24px; width: 50px; overflow: hidden; text-indent: -9999px; margin: 0px auto; background: url('../img/table_icon.gif') no-repeat;} a.map { background-position: 0px 0px; } a.pdf { background-position: -50px 0px; } a.html{ background-position: -100px 0px; } a.new { background-position: -150px 0px; } .even a.map { background-position: 0px -24px; } .even a.pdf { background-position: -50px -24px; } .even a.html{ background-position: -100px -24px; } .even a.new { background-position: -150px -24px; } a.pdfs{ display: block; height: 24px; width: 50px; overflow: hidden; text-indent: -9999px; float:right; /* margin: 0 0 0 540px;*/ background: url('../img/table_icon.gif') no-repeat; background-position:-50px 0px;} .newmark{background:#c23616; padding:1px 4px 0; color:#FFF; font-size:11px; margin:1px 0 0 5px; letter-spacing:0.2px;} .pdfmark{} .pdfmark a{ display:inline-block; background:#f1a91c; padding:1px 8px 0; color:#fff; font-size:11px; margin:2px 0 2px 5px; letter-spacing:0.2px; font-weight:bold; } .pdfmark a:hover{ background:#FC0;color:#333; text-decoration:none;} .exemark a{ display:inline-block; background:#053d6e; padding:1px 8px 0; color:#fff; font-size:11px; margin:2px 0 2px 5px; letter-spacing:0.4px; font-weight:bold;} .exemark a:hover{ background:#124d81;color:#888; text-decoration:none;} /*============================================================================== サイトマップ ==============================================================================*/ /* .sitemap {list-style:none; margin-left:0px;} .sitemap li { margin:5px 0px 10px 0px;list-style-image:none; } .sitemap li a { text-decoration:none;padding-left:4px; border-left:15px solid #7bbdc7; color:#333; font-size:102%; } .sitemap li ul li { margin:0; list-style-image: url('../img/ul.gif'); padding-top:3px; line-height:14px} .sitemap li ul li a{padding-left:0; border-left:none; font-size:93%; color:#666;} */ /*=============================================================================== このサイトについて ===============================================================================*/ /*トピックス ==============================================================================*/ dl.topic { width: 95%; margin: 0px auto; padding: 5px 0px 7px; background: url('../img/borderDot.gif') repeat-x 0% 100%;} dl.topic dt{ height: 20px; line-height: 20px; width: 70px; overflow: visible; background-image: none; text-indent: 0; vertical-align: baseline; font-size: 11px; padding: 5px;} dl.topic dd{ margin:-30px 0px 0px 110px; padding:0px; background-image:none;} dl.topic dd div{ margin:0px 0px 0px 0px; padding:5px 0px; background-image:none;} dl.topic dd div div { margin: 0px 0px -20px -30px; padding: 0px; overflow: hidden; width: 20px; height: 20px; background: url('../img/topic_icon.gif') no-repeat; text-indent: -9999px;} dl.topic dd div.cr { background-position: 0px 0px; } dl.topic dd div.hd { background-position: 0px -20px; } dl.topic dd div.mv { background-position: 0px -40px; } dl.topic dd div.ed { background-position: 0px -60px; } dl.topic dd div.ir { background-position: 0px -80px; } dl.topic dd div.if { background-position: 0px -100px; } dl.topic dd div.rq { background-position: 0px -120px; } dl.topic dd div.se { background-position: 0px -140px; } dl.topic dd div.hp { background-position: 0px -160px; } /*エラーページ ==============================================================================*/ .error { text-align:center; font-size:16px;} .error img { margin:60px auto;} .error div { padding:0px 30px 200px 80px; font-size:12px; text-align:left; line-height:24px;} /*============================================================================== fc2.cssから移植 ==============================================================================*/ #fc_form { text-align:center; margin:auto auto;} #fc_form table{ width:500px; border-collapse:collapse; margin:10px auto; font-size: 14px;/* border: solid 1px #ddd;*/} #fc_form tr {/* border-bottom: solid 1px #CCC;*/} #fc_form tr.odd { background-color:#FFFCC8;} #fc_form tr.even { background-color:#FFFFFF;} #fc_form th, #fc_form td { text-align:left; line-height: 1.25em; padding:2px;} #fc_form tr.largefont td { text-align:left; line-height: 1.75em; font-size: 1.5em; padding:2px;} #fc_form table caption{ font-size:14px; padding-bottom:10px; padding-top:20px; color:#333;} #fc_form th { width:140px; text-align:right;} #fc_form tr.must th{ background-image:url('../eng/img/must.gif'); background-repeat:no-repeat;} #fc_form tr td{ background-repeat:no-repeat;} #fc_form label{ background-repeat:no-repeat;} /*#fc_form.modify tr.e_ok { display:none; }*/ #fc_form td{background-repeat : no-repeat;} #fc_form tr.e_late td{ padding-top:24px; background-image:url('/eng/img/e_date.gif');} #fc_form tr.e_early td{ padding-top:24px; background-image:url('/eng/img/e_date.gif');} #fc_form tr.e_short td{ padding-top:24px; background-image:url('/eng/img/e_short.gif');} #fc_form tr.e_long td{ padding-top:24px; background-image:url('/eng/img/e_long.gif');} #fc_form tr.e_wrong td{ padding-top:24px; background-image:url('/eng/img/e_wrong.gif');} #fc_form tr.e_empty td{ padding-top:24px; background-image:url('/eng/img/e_empty.gif');} #fc_form tr.e_agree td{ padding-top:24px; background-image:url('/eng/img/e_agree.gif');} #fc_form tr.e_less td{ padding-top:24px; background-image:url('/eng/img/e_less.gif');} #fc_form tr.e_much td{ padding-top:24px; background-image:url('/eng/img/e_much.gif');} #fc_form tr.w_f_oncemore td{ padding-top:24px; background-image:url('/eng/img/e_f_oncemore.gif');} #fc_form tr.w_f_oncemore td{ padding-top:24px; background-image:url('/eng/img/e_f_empty.gif');} #fc_form tr.e_f_empty td{ padding-top:24px; background-image:url('/eng/img/e_f_empty.gif');} #fc_form tr.e_f_system td{ padding-top:24px; background-image:url('/eng/img/e_f_system.gif');} #fc_form tr label.e_f_toolarge { padding-top:24px; background-image:url('/eng/img/e_f_toolarge.gif');} #fc_form tr label.e_f_invalid { padding-top:24px; background-image:url('/eng/img/e_f_invalid.gif');} #fc_form tr label.e_f_faild { padding-top:24px; background-image:url('/eng/img/e_f_faild.gif');} #fc_form.readonly tr.must th{ background-image:none;} /* 以下、input要素のサイズ定義 */ /* 特に指定の無い全てのinput要素 */ #fc_form label { display:inline-block; width:250px;} #fc_form label input, #fc_form label textarea { align:left; width:320px;} #fc_form label input.zip_box{ align:left; width:120px;} /* CheckBox/RadioButtonでラベルと一体化したいもの */ #fc_form table td label.noWrap{ white-space:nowarp;} /* こいつらは要素サイズを拡大しない */ #fc_form table td label.noWrap input{ width:auto !important;} /* ここは、個別にクラス定義をした要素 */ #fc_form tr.largefont td input { font-size:1.4em; height: 1.6em;} #fc_form tr.work_area label { width:105px !important;} #fc_form tr.job_type label{ width:180px !important;} #fc_form input.z2a { width: 80px !important;} dl.kl1300list { width:90%; margin-top: 20px; color:#333333; padding-left:100px;} dl.kl1300list dt {display:inline; padding-left:18px;background:url(../img/ul03.gif) left no-repeat; margin:0; } dl.kl1300list dd {margin:-28px 0 2px 400px; padding:2px; border:none;} dl.kl1300list a{border:none;}