@charset "utf-8";
/*
-----------------------------------------------
Name: standard style
Designer: Koichi Kawasaki
URL: www.ikemoto.co.jp
Date: 12 Jul 2007
for future...
13 Sep 2007 ISO_attestationのクラス追加 #attestationを追加 h2#other_productを追加
11 Sep 2007 sub #rightBanner調整
25 Aug 2007 table#spec td/thでvertical-align=middle"追加による明示的な位置指定
勝手に上揃えになる問題の対処
24 Aug 2007 id="corporateMenu" class="distributer"追加によるボタン追加
23 Aug 2007 download->資料請求変更に伴うボタン追加
22 Aug 2007 table.request追加（資料請求のレイアウト用）
21 Aug 2007 第一階層のアンカーの処理調整（メール検索スパム対策箇所の表示調整）
17 Aug 2007 製品ページのh2両端補正関係
15 Aug 2007 企業概要ページのtable#history追加／ボタンのカレント表示対応
14 Aug 2007 企業理念ページのクラス追加
12 Aug 2007 製品ページリストのスタイル変更などその他
11 Aug 2007 製品ページリストのスタイル変更ul liのインデントコントロール問題でtable形式に変更
11 Aug 2007 会社案内メニューでfとeでマージンとパディングの扱い違いを吸収
08 Aug 2007 製品ページリストの破線の削除
07 Aug 2007 製品ページリストの5columnを追加と会社案内<=メニュー追加と#InformationArea増設
06 Aug 2007 製品ページリストの3columnを追加
05 Aug 2007 製品ページ印刷時のロゴ表示を追加
03 Aug 2007 ヘッダーや壁紙などデザイン差し替えSITEMAP用ID追加
----------------------------------------------- */
/*
=========================================
［USAGE］
id="zone"の編集エリア内の常用タグ使用説明
●全てのタグ使用を許しています。
●TEBLEとLIおあよびHタグにおいて特に便利な機能を付与します。
○製品ページのタグはカテゴリー用--12px
○製品ページのタグは製品名用--18px
○製品ページのタグは製品説明の項目見出し--12px
○製品ページのタグはカテゴリー色の見出し用
○製品ページのタグはサービス
○製品ページの
タグはid="feature"で特徴用
○製品ページのタグはid="spec"でスペック表用--9px
仕様
・サンプルのように１段目にはが必要
・太字はにする
・左右の線を使用する場合はそれぞれclass="ll",class="rl"
を該当箇所に記述
○上記タグに追加出来る拡張クラス
［フォント太さクラス］
.ftwBld［bold］
.ftwNml［normal］
［文字揃えクラス］
.txaLft［left］
.txaRgt［right］
.txaCtr［center］
［色クラス］
.baseColorTx［使用ページの基調色（文字）］
.baseColorBg［使用ページの基調色（背景）］
［BOXの幅（文字数指定など）］
.wdt25［幅25文字分］
.wdt30［幅30文字分］
.wdt35［幅35文字分］
.wdt40［幅40文字分］
［BOXのマージン］
.mgnLft［左側1em］
.mgnRgt［右側1em］
.mgnLft2［左側2em］
.mgnRgt2［右側2em］
.mgnLft3［左側3em］
.mgnRgt3［右側3em］
［BOXの揃え（画像等で）］
.alnLft［left］
.alnRgt［right］
[07/07/18に無効化]
テーブルでtd thに適用可能
［左側の線］
.ll
［右側の線］
.rl
※classは複数併用すると便利
=========================================
*/
/* default setting */
/*
@import "./reset.css";
@import "./fonts.css";
@import "./default.css";
*/
/* other media setting */
/*
@import "./media.css";
*/
/*-----------------------------------------------
__default style clear
-----------------------------------------------*/
* {
margin:0;padding:0;
}
body {
background:#fcf9ea;
/*background:url(../images/wall.jpg) repeat-x;*//*★★★070802削除*/
overflow:hidden;
font-size:75.5%;
font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:white;
line-height:1.5;
}
html {
overflow-y:scroll;
}
p {
margin:0 0 1em;
}
li {
list-style:none;
line-height:1.3;
}
img,
fieldset {
border:0;
}
/*★★★追加070911*/
sub{font-size:70%;vertical-align:text-bottom;}
.clear {
clear:both !important;
}
/*-----------------------------------------------
__Base Link Color Setting
-----------------------------------------------*/
a {
color:#8986FF;
}
a:link {color:#0000FF;
}
a:visited {color:#CC0099;
}
a:hover {
}
a:active {
}
/*-----------------------------------------------
__header
-----------------------------------------------*/
#header {
height:58px;
width:768px;/*★★★070802追加*/
margin:0 auto;/*★★★070802追加*/
/*margin-bottom:0px;*//*★★★070802削除*/
background:url(../images/wall_header.jpg) left top no-repeat;/*★★★070802追加*/
}
#header div{
width:758px;
margin:0 auto;
}
#header h1 {
width:728px;/*758px*/
margin:0 auto;
padding:10px 15px 0px;
/*background:url(../images/walllogo.jpg) no-repeat;*//*★★★070802削除*/
overflow:hidden;
}
#header p#siteDescription {
width:758px;
margin:0 auto;
padding:0 15px 10px 30px;
}
/*-----------------------------------------------
__footer
-----------------------------------------------*/
#footer {
clear:both;
width:738px;
height:20px;
margin:0px auto 0px;
padding:0px 10px;
background:#E1291F;
}
#footer ul {
margin:0 auto 5px;
text-align:center;
}
#footer ul li {
display:inline;
margin-right:5px;
padding-left:10px;
line-height:1.1;
border-left:1px solid white;
}
#footer ul li.utilityHome {
border-left:0;
}
#footer p#copyright {
text-align:left;
margin:2px 0 0 5px;
}
#footer p#copyright a {color:#fff;text-decoration: none;}
/*-----------------------------------------------
__Containers
-----------------------------------------------*/
#Containers {
width:768px;
margin:-5px auto 10px;
background: url(../images/wall_L2Containers.gif) repeat-y;/*★★★070802差し替えwallContainers.gif*/
overflow:hidden;
}
#L1 #Containers {
width:768px;
margin:-5px auto 10px;
background: url(../images/wall_L1Containers.gif) repeat-y;/*★★★070802差し替えwall_topPage.jpg*/
overflow:hidden;
}
#whitebord #Containers {
width:768px;
margin:-5px auto 10px;
background: url(../images/wall_L0Containers.gif) repeat-y;/*★★★070808追加*/
overflow:hidden;
}
/*-----------------------------------------------
__siteNavigation
-----------------------------------------------*/
#siteNavigation {
height:44px;
width:758px;
margin:0px auto 0px;
background:url(../images/wallTopNav.jpg) repeat-x;
overflow:hidden;
}
/*-----------------------------------------------
__mainRange
-----------------------------------------------*/
#mainRange {
width:758px;
margin:0 auto 10px;
/*background:url(../images/bg.gif) repeat-y;*/
overflow:hidden;
}
/* __msgbord
------------------------------------------*//*★★★070808追加*/
#msgbord {
float:left;
width:758px;/*★★★*/
margin:0px auto 0px;
padding:0px;
background:#fff;
color:black;
}
/* __infomation
------------------------------------------*/
#infomation {
float:left;
width:586px;
padding:0px;
background:#fff;
color:black;
}
/* __HandlingCommodity
------------------------------------------*/
#HandlingCommodity {
width:548px;/*w568*/
margin:0px 10px 0px 10px;
padding:10px;
background:white;
color:black;
}
#HandlingCommodity ul{
margin:0;
padding:7px;
border-top:1px solid #F26C4F;
background-color:#eee;
}
#HandlingCommodity ul li{
display:inline;
list-style-type:none;
}
#HandlingCommodity h2{
margin:0;
padding:0;
background:url(../images/tag_HandlingCommodity.jpg) bottom left no-repeat;
}
#HandlingCommodity h2 i{
display:none;
}
/* __NEWSandTOPICS
------------------------------------------*/
#NEWSandTOPICS {
width:548px;/*w568-m20px*/
margin:0px 10px 0px 10px;
padding:0px 10px 10px 10px;
text-align:left;
line-height:26px;
color:black;
}
#NEWSandTOPICS dl{
margin:0;
padding:5px 5px 5px 10px;
border:1px solid #9ACDCE;
background:url(../images/notelineL26p.gif) top left repeat-y;
background-position: 8px 0px;
overflow: hidden;/*★★★*/
}
#NEWSandTOPICS dl:after {/*★★★モダンブラウザ対策 f,o,s,e7*/
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*¥*/
* html #NEWSandTOPICS dl {/*★★★WinIE5.0 6.0対策*/
height: 1em;
overflow: visible;
}
/**/
#NEWSandTOPICS dl dt{
padding-left:15px;
padding-right:12px;
font-size:12px;/*級数固定*/
font-weight:bold;
background: url(../images/icon_4dot.jpg) center left no-repeat;
/*letter-spacing:-0.1em;*/
clear:both;
float:left;
width:112px;/*★★★100*/
}
#NEWSandTOPICS dl dd{
font-size:11px;/*級数固定*/
font-weight:normal;
color:#0072BC;
margin-left:139px;/*★★★127*/
}
#NEWSandTOPICS h2{
margin:0;
padding:0;
background:url(../images/tag_NEWSandTOPICS.jpg) bottom left no-repeat;
}
#NEWSandTOPICS a{
text-decoration: none;
color:#0072BC;
}
#NEWSandTOPICS a:hover{
text-decoration: underline;
}
/* __attestation
------------------------------------------*/
#attestation{margin:0;padding:5px 15px 5px 20px;}
#attestation img{vertical-align:middle;margin-left:5px;}
/* __contents
------------------------------------------*/
#contents {
float:right;
width:600px;
padding:0px;
background:#fff;
color:black;
}
#contents a {
color:blue;
}
/* __contents#zone
------------------------------------------*/
#zone {
width:558px;
margin:-10px 10px 0px 10px;
padding:10px;
background:white;
border:1px solid #3EBA7E;/*body#idcolor*/
color:black;
}
#zone h1 a{float:right;}/*戻るボタン用*/
body#culture #Containers #contents #zone{border-color:#3EBA7E;}
body#environment #Containers #contents #zone{border-color:#F19562;}
body#general #Containers #contents #zone{border-color:#D9362D;}
body#experiment #Containers #contents #zone{border-color:#A03F9E;}
body#equipment #Containers #contents #zone{border-color:#2E84BD;}
body#other_product #Containers #contents #zone{border-color:#CFB082;}
body#CorporateInfo #Containers #contents #zone,
body#TheFirstHierarchy #Containers #contents #zone{border-color:gray;}
#zone * img#photo {border:2px solid black;}
/* __infomation#zone
------------------------------------------*/
/*★★★*/
#infomation #zone {
width:542px;
margin:10px 10px 0px 10px;
padding:10px;
border:1px solid #eee;/*body#idcolor*/
}
#infomation #zone h1{
border-left:8px solid #E1291F;
padding-left:10px;
}
/* __msgbord#zone
------------------------------------------*/
/*★★★*/
#msgbord #zone{ /*★★★070808追加*/
width:auto;
margin:10px 10px 0px 10px;
padding:10px;
border:1px solid gray;
}
/*===== 拡張クラス =======*/
/*幅（文字数指定）*/
.wdt25{width:25em;}
.wdt30{width:30em;}
.wdt35{width:35em;}
.wdt40{width:40em;}
/*マージン*/
.mgnLft{margin-left:1em;}
.mgnRgt{margin-right:1em;}
.mgnLft2{margin-left:2em;}
.mgnRgt2{margin-right:2em;}
.mgnLft3{margin-left:3em;}
.mgnRgt3{margin-right:3em;}
/*揃え*/
.alnLft{float:left;}
.alnRgt{float:right;}
/*-----------------------------------------------
__Navigations
-----------------------------------------------*/
/* __leftNavigation
------------------------------------------*/
#leftNavigation {
float:left;
width:155px;/*158px*/
margin:0px;
padding:0px;
background:#CCCCCC;
/*background:url(../images/wallLeftNav.jpg) repeat-y;*/
}
#leftNavigation h3 {
margin-bottom:5px;
font-size:100%;
letter-spacing:1px;
}
#leftNavigation ul {
margin:0 0 20px;
padding:5px;
background:#333;
border:1px solid #EFEFEF;
}
#leftNavigation ul li {
padding:5px 10px;
}
/* __rightBanner
------------------------------------------*/
#rightBanner {
float:right;
width:159px;/*w172px*/
margin-top:20px;
padding:0px 6px 0px 7px;
background:#E6E6E6;
}
#rightBanner img{
margin-bottom:5px;
}
/*★★★追加070911*/
div#rightBanner ul li a:hover{
position:relative;
top:1px;
left:1px;
}
/*テーブル
------------------------------------------*/
table#spec {
border: none;
border-collapse: collapse;
margin: 1em 0 0.5em 0;
font-size: 9px;
background:#fff;
}
#spec thead {
/*background: #ffcc99;*/
}
#spec th, #spec td{
text-align:center;
padding: 0.1em 0.8em 0.2em 0.8em;
border: 1px solid #333;
/*border-bottom: 1px solid #333;
border-top: none;border-left: none;border-right: none;*/
empty-cells: show;
vertical-align:middle;/*★★★★070825追加*/
}
/*最上部の線*/
#spec thead th, #spec thead td {/*border-top: 1px solid #333;*/}
/*左側の線*/
#spec * th.ll, #spec * td.ll {/*border-left: 1px solid #333;*/}
/*右側の線*/
#spec * th.rl, #spec * td.rl {/*border-right: 1px solid #333;*/}
/*★★★★070815追加*/
table#history {
font-size:96%;
border: none;
background:#fff;
border-collapse: collapse;
}
#history th,td{padding-right:1em;padding-bottom:0.5em;vertical-align:top;}
#history th{text-align:right;width:10em;}
/*★★★★070822追加*/
table.request {
width:537px;
font-size:96%;
line-height:1.2;
border: solid 1px #333;
background:#fff;
border-collapse: collapse;
margin:10px 0 10px 0;
}
table.request td{
border: solid 1px #333;
padding:0.5em;
}
/*
テキストフィールド,select要素
------------------------------ *//*★★★★070822追加*/
.txt-field{
font-size:96%;
}
input.txt-field:focus,
select.txt-field:focus,
textarea.txt-field:focus {
color: #333;
background-color: #ffffcc;
}
.Attention{
color:red;
}
.grayBox{
background-color:#e6e6e6;
padding:1em;
}
.requestLabel{
/*background-color:#f1f8ff;*/
background-color:#ffe4bf;
text-align:left;
width:174px;
}
.requestButton{
text-align:center;
}
/*===== 拡張クラス =======*/
/*色クラス（背景）*/
.bgcCulture{background: #3EBA7E;}
.bgcEnvironment{background: #F19562;}
.bgcGeneral{background: #D9362D;}
.bgcExperiment{background: #A03F9E;}
.bgcEquipment{background: #2E84BD;}
.bgcOther_product{background: #CFB082;}
.bgcGry{background: #e9e9e9;}
.bgcOrg{background: #ffcc99;}
.bgcPnk{background: #f1cfce;}
.bgcBlu{background: #adf4fc;}
/*色クラス（文字）*/
.txtCulture{color: #3EBA7E;}
.txtEnvironment{color: #F19562;}
.txtGeneral{color: #D9362D;}
.txtExperiment{color: #A03F9E;}
.txtEquipment{color: #2E84BD;}
.txtOther_product{color: #CFB082;}
.txtGry{color: #e9e9e9;}
.txtOrg{color: #ffcc99;}
.txtPnk{color: #f1cfce;}
.txtBlu{color: #adf4fc;}
/*フォント太さクラス*/
.ftwBld{font-weight:bold;}
.ftwNml{font-weight:normal;}
/*文字揃えクラス*/
.txaLft{text-align:left;}
.txaRgt{text-align:right;}
.txaCtr{text-align:center;}
/*タイトル
------------------------------------------*/
/*製品ページ h1 帯[ width="558" height="18"]
------------------------------------------*/
#contents h1{
height:18px;
font-size:12px;/*級数固定*/
color:white;
padding: 0px 0px 0px 12px;
margin:0.5em 0em 0.5em 0em;
background: url(../images/wallh1_culture.jpg) top left no-repeat;/*ダミー用*/
font-family:verdana,"ヒラギノ丸ゴ Pro W3","Hiragino Maru Gothic Pro","HGMaruGothicMPRO","平成丸ゴシック体W4",Osaka,Meiryo,"ＭＳ Ｐゴシック",Sans-Serif;
}
body#culture #Containers #contents h1{background: url(../images/wallh1_culture.jpg) top left no-repeat;}
body#environment #Containers #contents h1{background: url(../images/wallh1_environment.jpg) top left no-repeat;}
body#general #Containers #contents h1{background: url(../images/wallh1_general.jpg) top left no-repeat;}
body#experiment #Containers #contents h1{background: url(../images/wallh1_experiment.jpg) top left no-repeat;}
body#equipment #Containers #contents h1{background: url(../images/wallh1_equipment.jpg) top left no-repeat;}
body#other_product #Containers #contents h1{background: url(../images/wallh1_other_product.jpg) top left no-repeat;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/*戻るボタン＞ btn_back.jpg width="58" height="18" */
#contents h1 a,
#contents h1 img{
margin:0;padding:0;line-height:1;
}
/*☆*/
/*製品扉 h1 帯[ width="558" height="28"]
------------------------------------------*/
#categoryOutline h1{
height:28px;
font-size:22px;/*級数固定*/
line-height:1.2;
color:white;
padding: 0px 0px 0px 18px;
margin:0em 0em 0em 0em;
background:#3EBA7E url(../images/wallh1_culture.jpg) top left no-repeat;/*ダミー用*/
background-color:#3EBA7E;
font-family:verdana,"ヒラギノ丸ゴ Pro W3","Hiragino Maru Gothic Pro","HGMaruGothicMPRO","平成丸ゴシック体W4",Osaka,Meiryo,"ＭＳ Ｐゴシック",Sans-Serif;
}
body#culture #Containers #contents * #categoryOutline h1{background: url(../images/wallh1_culture.jpg) top left repeat-y;}
body#environment #Containers #contents * #categoryOutline h1{background: url(../images/wallh1_environment.jpg) top left repeat-y;}
body#general #Containers #contents * #categoryOutline h1{background: url(../images/wallh1_general.jpg) top left repeat-y;}
body#experiment #Containers #contents * #categoryOutline h1{background: url(../images/wallh1_experiment.jpg) top left repeat-y;}
body#equipment #Containers #contents * #categoryOutline h1{background: url(../images/wallh1_equipment.jpg) top left repeat-y;}
body#other_product #Containers #contents * #categoryOutline h1{background: url(../images/wallh1_other_product.jpg) top left repeat-y;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/*☆*/
#categoryOutline p{
height:160px;/*bg h182px*/
font-size:10pt;
line-height:1.6;
padding: 1em 1em 1em 1em;
background:#fff url(../images/wall_l2idx_culture.jpg) top left repeat-x;/*ダミー用*/
background-position:0% 10%;
}
body#culture #Containers #contents * #categoryOutline p{background: url(../images/wall_l2idx_culture.jpg) top left repeat-x;}
body#environment #Containers #contents * #categoryOutline p{background: url(../images/wall_l2idx_environment.jpg) top left repeat-x;}
body#general #Containers #contents * #categoryOutline p{background: url(../images/wall_l2idx_general.jpg) top left repeat-x;}
body#experiment #Containers #contents * #categoryOutline p{background: url(../images/wall_l2idx_experiment.jpg) top left repeat-x;}
body#equipment #Containers #contents * #categoryOutline p{background: url(../images/wall_l2idx_equipment.jpg) top left repeat-x;}
body#other_product #Containers #contents * #categoryOutline p{background: url(../images/wall_l2idx_other.jpg) top left repeat-x;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/*製品ページ h2 帯[ width="558" height="28"]
------------------------------------------*/
#contents h2{
font-size:18px;/*級数固定*/
height:26px;
padding: 2px 0px 1px 18px;
margin:0.5em 0em 0.5em 0em;
background: #3EBA7E url(../images/wallh2.gif) top left no-repeat;
font-family:verdana,"ヒラギノ丸ゴ Pro W3","Hiragino Maru Gothic Pro","HGMaruGothicMPRO","平成丸ゴシック体W4",Osaka,Meiryo,"ＭＳ Ｐゴシック",Sans-Serif;
}
body#culture #Containers #contents h2{background-color:#3EBA7E;}
body#environment #Containers #contents h2{background-color:#F19562;}
body#general #Containers #contents h2{background-color:#D9362D;}
body#experiment #Containers #contents h2{background-color:#A03F9E;}
body#equipment #Containers #contents h2{background-color:#2E84BD;}
body#other_product #Containers #contents h2{background-color:#CFB082;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/*製品扉 h2 帯[ width="558" height="20"]
------------------------------------------*/
/*★★★★070913*/
h2#other_product,
#sitemap div h2,
#sitemap dl dt,
#productList h2{
height:21px;/*アンダーライン分大きめ*/
font-size:12px;/*級数固定*/
line-height:1.5;
color:white;
padding: 0px 0px 0px 24px;
margin:2em 0em 0.5em 0em;
background:#3EBA7E url(../images/wall_l2h2_culture.jpg) top left no-repeat;/*ダミー用*/
font-family:verdana,"ヒラギノ丸ゴ Pro W3","Hiragino Maru Gothic Pro","HGMaruGothicMPRO","平成丸ゴシック体W4",Osaka,Meiryo,"ＭＳ Ｐゴシック",Sans-Serif;
}
/*★★★*//*★★★★table仕様用にh2を追加色のみ必要070811*/
#sitemap div#culture h2,
#sitemap dl#culture dt,
body#culture #Containers #contents * #productList h2{background:#3EBA7E url(../images/wall_l2h2_culture.jpg) top left no-repeat;}
#sitemap div#environment h2,
#sitemap dl#environment dt,
body#environment #Containers #contents * #productList h2{background:#F19562 url(../images/wall_l2h2_environment.jpg) top left no-repeat;}
#sitemap div#general h2,
#sitemap dl#general dt,
body#general #Containers #contents * #productList h2{background:#D9362D url(../images/wall_l2h2_general.jpg) top left no-repeat;}
#sitemap div#experiment h2,
#sitemap dl#experiment dt,
body#experiment #Containers #contents * #productList h2{background:#A03F9E url(../images/wall_l2h2_experiment.jpg) top left no-repeat;}
#sitemap div#equipment h2,
#sitemap dl#equipment dt,
body#equipment #Containers #contents * #productList h2{background:#2E84BD url(../images/wall_l2h2_equipment.jpg) top left no-repeat;}
/*★★★★070913*/
h2#other_product,
#sitemap div#other_product h2,
#sitemap dl#other_product dt,
body#other_product #Containers #contents * #productList h2{background:#CFB082 url(../images/wall_l2h2_other.jpg) top left no-repeat;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/*★★★★070913*/
h2#other_product{text-align:left;}
#sitemap.barNoImg div#culture h2,
#sitemap.barNoImg div#environment h2,
#sitemap.barNoImg div#general h2,
#sitemap.barNoImg div#experiment h2,
#sitemap.barNoImg div#equipment h2,
#sitemap.barNoImg div#other_product h2,
#sitemap.barNoImg dl#culture dt,
#sitemap.barNoImg dl#environment dt,
#sitemap.barNoImg dl#general dt,
#sitemap.barNoImg dl#experiment dt,
#sitemap.barNoImg dl#equipment dt,
#sitemap.barNoImg dl#other_product dt{background-image:url(../images/wall_l1dt_Chameleon.gif);border-bottom:1px solid #fff;}
/*★★★*//*★★★★table仕様用にh2を追加070811*/
#sitemap h2{
padding: 0px 0px 0px 10px;
margin:1em 0em 0em 0em;
border-left:8px solid #aaa;border-bottom:1px solid #aaa;
border-right:1px solid #aaa;border-bottom:1px solid #aaa;
background-color: #eee;
}
#sitemap div h2 a,
#sitemap dl dt a{text-decoration:none;color:white;}
#sitemap div h2,
#sitemap dl dt{margin-top:1em;}
#sitemap div,
#sitemap dl{margin-bottom:3em;}
#sitemap div h2{border:none;}
/*★★★*//*★★★★table仕様用にh2を追加070811*/
#sitemap.barNoImg div h2{margin-left:8px;margin-right:8px;width:518px;}/*width:542px;*//*★★★★両端の補正070817*/
/*★★★★070824#sitemap-wide追加*/
#sitemap-wide h2{
font-size:16px;/*級数固定*/
color:#DA251B;
}
/*★★★★Corp用に追加070814*/
.corpPostIt{
width:520px;
padding: 0px 0px 2px 10px;
margin:1em 0em 0em 0em;
border-left:7px solid #EC928D;border-bottom:1px solid #EC928D;
background:url(../images/3pxGray.jpg) repeat-y left top;
background-color: #fff;
}
/*★★★*/
#sitemap #JumpInPage{
text-align:center;
}
#sitemap #JumpInPage li {
display:inline;
/*float:left;*/
list-style-type:none;
margin-right:10px;
padding-left:15px;
border-left:1px solid #999;
/*background:url(../images/Partition_JumpInPage.gif) no-repeat left center;*/
}
#sitemap #JumpInPage li.f {
border-left:0;
/*background-image:none;*/
padding-left:0;
}
#JumpPageTop{
float:right;
margin-top:0.5em;
padding-right:15px;
background:#fff url(../images/bt_JumpPageTop.gif) no-repeat right center;
}
#sitemap.barNoImg div #JumpPageTop{margin-right:8px;}/*★★★★右端の補正+8px 070817*/
#contents h3{
font-size:12px;/*級数固定*/
color: black;
height:20px;
padding: 0px 0px 2px 10px;
margin:0.5em 0em 0.5em 0em;
background: url(../images/wallh3.jpg) top left no-repeat;
overflow:hidden;
}
body#culture * h4{color:#3EBA7E;}
body#environment * h4{color:#F19562;}
body#general * h4{color:#D9362D;}
body#experiment * h4{color:#A03F9E;}
body#equipment * h4{color:#2E84BD;}
body#other_product * h4{color:#CFB082;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
#contents h5{
border-left:8px solid #666;
border-bottom:2px solid #666;
padding: 0px 0px 2px 8px;
margin:0.5em 0em 0.5em 0em;
background-color: #fff;
}
body#culture * h5{border-left:8px solid #3EBA7E;border-bottom:2px solid #3EBA7E;}
body#environment * h5{border-left:8px solid #F19562;border-bottom:2px solid #F19562;}
body#general * h5{border-left:8px solid #D9362D;border-bottom:2px solid #D9362D;}
body#experiment * h5{border-left:8px solid #A03F9E;border-bottom:2px solid #A03F9E;}
body#equipment * h5{border-left:8px solid #2E84BD;border-bottom:2px solid #2E84BD;}
body#other_product * h5{border-left:8px solid #CFB082;border-bottom:2px solid #CFB082;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/*リスト
------------------------------------------*/
#contents ul {
padding: 0 0 0 2em;
margin-bottom:2em;
}
#contents ul#line li {
font-size: 100%;
width:500px;/*表示幅固定50em*/
list-style-image: url(../images/icon_arrow.gif);/*s1×*/
margin:0em 0em 0.25em 0em;
}
#contents ul#feature li {
display:block;
font-size: 100%;
background:url(../images/icon_arrow.gif) no-repeat 0em 0.5em;
padding-left: 1em;
margin:0em 0em 0.25em 0em;
width:500px;/*表示幅固定50em*/
}
/*ライン
------------------------------------------*/
.line {
background:url(../images/line.gif) repeat-x;
height:1px;
margin:10px 0;
}
/*トピックスパス
------------------------------------------*/
#topicPath {
font-size:12px;/*級数固定*/
margin:10px 10px 0px 10px;
padding: 0px;
text-align:right;
}
#topicPath li {
display:inline;
line-height:1.1;
list-style-type:none;
}
#topicPath li a {
color:#333;
padding-right:16px;
background:url(../images/arrow.gif) no-repeat right center;
}
body#culture * li.presentPlace{color:#3EBA7E;font-weight:bold;}
body#environment * li.presentPlace{color:#F19562;font-weight:bold;}
body#general * li.presentPlace{color:#D9362D;font-weight:bold;}
body#experiment * li.presentPlace{color:#A03F9E;font-weight:bold;}
body#equipment * li.presentPlace{color:#2E84BD;font-weight:bold;}
body#other_product * li.presentPlace{color:#CFB082;font-weight:bold;}
body#TheFirstHierarchy * li.presentPlace{color:gray;font-weight:bold;}
body#CorporateInfo * li.presentPlace{color:gray;font-weight:bold;}
/*★*/
/*扉の目次部分
------------------------------------------*/
#ContentsOfDoor {
font-size:12px;/*級数固定*/
margin:10px 10px 0px 0px;
padding: 0px;
text-align:left;
background:url(../images/noteline.gif) repeat-y 10px top;
}
#ContentsOfDoor.wide {
background:url(../images/noteline2.gif) repeat-y 10px top;
}
#ContentsOfDoor li {
display:inline;
line-height:26px;
list-style-type:none;
}
#ContentsOfDoor li a {
color:#333;
padding-left:10px;
margin-right:8px;
background:url(../images/icon_arrow.gif) no-repeat left center;
}
/*★★★★*/
#DestinationList,
#ContentsOfDoor-column {
font-size:12px;/*級数固定*/
margin:10px 5px 10px 0px;
text-align:left;
/*background:url(../images/noteline.gif) repeat-y 10px top;*//*★★★★削除-070808*/
float:left;
width:13em;
}
#DestinationList li,
#ContentsOfDoor-column li {
line-height:26px;
list-style-type:none;
background:url(../images/icon_arrow.gif) no-repeat left 10px;
padding-left:12px;
}
#ContentsOfDoor-column li a {
color:#333;
margin-right:8px;
}
/*★★★★*/
#DestinationList,
#ContentsOfDoor-column.mini {
font-size:10px;/*★★★★12px級数固定-070810*/
margin:10px 0px 10px 0px;/*margin:10px 5px 10px 0px;*//*★★★★右空調整-070810*/
width:16em;/*★★★★13em級数固定-070810*/
padding-left: 0px;/*★★★★sfインデント対策-070810ほぼ無効*/
}
#DestinationList li,
#ContentsOfDoor-column.mini li {
margin-left:0;/*list-style-position:outside;*//*★★★★ieインデント対策-070810ほぼ無効*/
line-height:26px;/*★★★★26px-070810*/
background:url(../images/icon_arrow.gif) no-repeat left 10px;/*★★★★ダミー-070810*/
}
#ContentsOfDoor-column.mini li a {
margin-right:0px;/*★★★★8px-070810*/
}
#DestinationList{
font-size:95%;/*級数固定*/
width:13em;/*★★★★13em級数固定-070810*/
}
/*★★★sitemap追加*/
#sitemap dl#culture #ContentsOfDoor li a,
body#culture * #ContentsOfDoor li a{background:url(../images/icon_arrow_culture.gif) no-repeat left center;}
#sitemap dl#environment #ContentsOfDoor li a,
body#environment * #ContentsOfDoor li a{background:url(../images/icon_arrow_environment.gif) no-repeat left center;}
#sitemap dl#general #ContentsOfDoor li a,
body#general * #ContentsOfDoor li a{background:url(../images/icon_arrow_general.gif) no-repeat left center;}
#sitemap dl#experiment #ContentsOfDoor li a,
body#experiment * #ContentsOfDoor li a{background:url(../images/icon_arrow_experiment.gif) no-repeat left center;}
#sitemap dl#equipment #ContentsOfDoor li a,
body#equipment * #ContentsOfDoor li a{background:url(../images/icon_arrow_equipment.gif) no-repeat left center;}
#sitemap dl#other_product #ContentsOfDoor li a,
body#other_product * #ContentsOfDoor li a{background:url(../images/icon_arrow_other.gif) no-repeat left center;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/*★★★★column仕様に修正*/
/*★★★★sitemap070806追加*/
#sitemap dl#culture #ContentsOfDoor-column li,
body#culture * #ContentsOfDoor-column li{background:url(../images/icon_arrow_culture.gif) no-repeat left 10px;}
#sitemap dl#environment #ContentsOfDoor-column li,
body#environment * #ContentsOfDoor-column li{background:url(../images/icon_arrow_environment.gif) no-repeat left 10px;}
#sitemap dl#general #ContentsOfDoor-column li,
body#general * #ContentsOfDoor-column li{background:url(../images/icon_arrow_general.gif) no-repeat left 10px;}
#sitemap dl#experiment #ContentsOfDoor-column li,
body#experiment * #ContentsOfDoor-column li{background:url(../images/icon_arrow_experiment.gif) no-repeat left 10px;}
#sitemap dl#equipment #ContentsOfDoor-column li,
body#equipment * #ContentsOfDoor-column li{background:url(../images/icon_arrow_equipment.gif) no-repeat left 10px;}
#sitemap dl#other_product #ContentsOfDoor-column li,
body#other_product * #ContentsOfDoor-column li{background:url(../images/icon_arrow_other.gif) no-repeat left 10px;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/*★★★★070806修正SiteMapの為の調整*/
.column_1for3{
clear:both;
}
.column_1for3 #ContentsOfDoor-column li{
margin-left:12px;
}
.column_4rows{
float:left;
width:132px;
}
.column_4rows #ContentsOfDoor-column{
float:none;
}
.column_5rows{
float:left;
width:105px;
margin-right:1px;/*max3px*/
}
.column_5rows li{
font-size:10px;
width:100px;
}
.column_5rows #ContentsOfDoor-column{
float:none;
width:100px;
}
/*★★★★追加-0708110*//*★★★★DestinationList2追加-0708117*/
table#DestinationList2,
table#productChooseList{
border: none;
border-collapse: collapse;
font-size: 11px;
line-height:1.2;/*★★★★*/
background:#fff;
margin-top:10px;
}
#DestinationList2 tr,
#productChooseList tr{
vertical-align:top;
}
#DestinationList2 td,
#productChooseList td{
text-align:left;
width:16em;/*★★★★*/
padding:0 0 0 8px;
empty-cells: show;
/*background:url(../images/noteline.gif) repeat-y left top;*//*これだと送りサイズが合わない*/
}
#DestinationList2 td p,
#productChooseList td p{
padding-left:1em;
/*background: url(../images/line.gif) no-repeat left bottom;*//*ここは矢印の指定席*/
}
#productChooseList.dashed td p{
padding-bottom:6px;
border-bottom:1px dashed gray;
}
#productChooseList td p sub{
font-size:8px;
vertical-align:-2px;
}
#productChooseList td a{
color:#333;
text-decoration:underline;
}
/*★★★★table仕様に修正070811*//*★★★★table仕様に修正070824#sitemap-wide追加*/
#sitemap-wide #culture #productChooseList td p,
#sitemap #culture #productChooseList td p,
body#culture * #productChooseList td p{background:url(../images/icon_arrow_culture.gif) no-repeat left 5px;}
#sitemap-wide #environment #productChooseList td p,
#sitemap #environment #productChooseList td p,
body#environment * #productChooseList td p{background:url(../images/icon_arrow_environment.gif) no-repeat left 5px;}
#sitemap-wide #general #productChooseList td p,
#sitemap #general #productChooseList td p,
body#general * #productChooseList td p{background:url(../images/icon_arrow_general.gif) no-repeat left 5px;}
#sitemap-wide #experiment #productChooseList td p,
#sitemap #experiment #productChooseList td p,
body#experiment * #productChooseList td p{background:url(../images/icon_arrow_experiment.gif) no-repeat left 5px;}
#sitemap-wide #equipment #productChooseList td p,
#sitemap #equipment #productChooseList td p,
body#equipment * #productChooseList td p{background:url(../images/icon_arrow_equipment.gif) no-repeat left 5px;}
#sitemap-wide #other_product #productChooseList td p,
#sitemap #other_product #productChooseList td p,
body#other_product * #productChooseList td p{background:url(../images/icon_arrow_other.gif) no-repeat left 5px;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/*★★★★#DestinationList2を追加070817*/
#DestinationList2 td p{font-size:98%;background:url(../images/icon_arrow.gif) no-repeat left 4px;}
/*インフォメニュー現在画像で未使用[width="" height=""]
------------------------------------------*/
#infoMenu a{
display: block;
color: #333;
font-size: 12px;
text-align: left;
/*background: url(../images/mouseover.gif) top left no-repeat;*/
/*margin:0;*/
padding: 9px 0px 0px 38px;
width: 150px;height: 32px;/*WinIE 4-5.x用*/
voice-family: "¥"}"¥"";
voice-family: inherit;
width: 112px;height: 23px;/*Opera以外のモダンブラウザ用*/
}
html>body #infoMenu a{
width: 112px;height: 23px;/*Opera対策：WinIE 6以外のモダンブラウザ用*/
}
#infoMenu a:hover {
background-position: 0 -38px;/*画像の送高*/
}
#infoMenu a:active {
background-position: 0 -77px;
}
#infoMenu a.sitemap{background: url(../images/go_sitemap.jpg) no-repeat;}
#infoMenu a.privacy{background: url(../images/go_privacy.jpg) no-repeat;}
#infoMenu a.condition{background: url(../images/go_condition.jpg) no-repeat;}
/*サイトメニュー[width="147" height="26"]
------------------------------------------*/
#siteMenu a.company{background: url(../images/go_company.jpg) no-repeat;}
#siteMenu a.product{background: url(../images/go_product.jpg) no-repeat;}
#siteMenu a.other{background: url(../images/go_nursing.jpg) no-repeat;}/*sidemenu で名称が重複するため名前は据え置き*/
#siteMenu a.nursing{background: url(../images/go_nursing.jpg) no-repeat;}/*★★★テンプレート更新後不使用*/
#siteMenu a.download{background: url(../images/go_download.jpg) no-repeat;}/*★★★070823テンプレート更新後不使用*/
#siteMenu a.materialRequest{background: url(../images/go_materialRequest.jpg) no-repeat;}/*★★★070823新設*/
#siteMenu a.contact{background: url(../images/go_contact.jpg) no-repeat;}
#siteMenu a{
display: block;
float:left;
text-decoration: none;
color: #333;
font-size: 12px;
text-align: left;
margin:0px 1px 0px 2px;
padding: 2px 0px 0px 0px;
width: 147px;height: 26px;/*WinIE 4-5.x用*/
voice-family: "¥"}"¥"";
voice-family: inherit;
width: 143px;height: 24px;/*Opera以外のモダンブラウザ用*/
}
html>body #siteMenu a{
width: 143px;height: 24px;/*Opera対策：WinIE 6以外のモダンブラウザ用*/
}
#siteMenu a:hover {
background-position: 0 -26px;/*画像の送高*/
}
#siteMenu a:active {
background-position: 0 -26px;/*-52px*/
}
#siteMenu{width:758px;padding:0px;margin:8px 0px 0px 3px;}
/*カテゴリーメニュー[width="141" height="40"]
------------------------------------------*/
#categoryMenu a.culture{background: url(../images/go_culture.jpg) no-repeat;}
#categoryMenu a.environment{background: url(../images/go_environment.jpg) no-repeat;}
#categoryMenu a.general{background: url(../images/go_general.jpg) no-repeat;}
#categoryMenu a.experiment{background: url(../images/go_experiment.jpg) no-repeat;}
#categoryMenu a.equipment{background: url(../images/go_equipment.jpg) no-repeat;}
#categoryMenu a.other_product{background: url(../images/go_other.jpg) no-repeat;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
#categoryMenu a{
display: block;
text-decoration: none;
color: #333;
font-size: 10px;
text-align: left;
margin:0px;
padding:2px auto 0px;
width: 141px;height: 40px;/*WinIE 4-5.x用*/
voice-family: "¥"}"¥"";
voice-family: inherit;
width: 141px;height: 38px;/*Opera以外のモダンブラウザ用*/
}
html>body #categoryMenu a{
width: 141px;height: 38px;/*Opera対策：WinIE 6以外のモダンブラウザ用*/
}
#categoryMenu a:hover {
background-position: 0 -40px;/*画像の送高*/
}
#categoryMenu a:active {
background-position: 0 -80px;
}
body#culture #Containers #leftNavigation #categoryMenu a.culture,
body#environment #Containers #leftNavigation #categoryMenu a.environment,
body#general #Containers #leftNavigation #categoryMenu a.general,
body#experiment #Containers #leftNavigation #categoryMenu a.experiment,
body#equipment #Containers #leftNavigation #categoryMenu a.equipment,
body#other_product #Containers #leftNavigation #categoryMenu a.other_product{
background-position: 0 -80px;
}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
#categoryMenu{margin:35px 0px 0px 7px}
/*コーポレートメニュー[width="139" height="24"]
------------------------------------------*//*★★★070807追加*/
#corporateMenu{margin:35px 0px 0px 7px}
/*★★★070811修正 ボタン間隔が開く場合の対処*/
/*★★★070824修正 distributer追加*/
/*★★★070913 ISO_attestation追加*/
#corporateMenu a.philosophy{background: url(../images/to_philosophy.gif) no-repeat;}
#corporateMenu a.overview{background: url(../images/to_overview.gif) no-repeat;}
#corporateMenu a.destination{background: url(../images/to_destination.gif) no-repeat;}
#corporateMenu a.distributer{background: url(../images/to_distributer.gif) no-repeat;}
#corporateMenu a.organization{background: url(../images/to_organization.gif) no-repeat;}
#corporateMenu a.ISO_attestation{background: url(../images/to_ISO_attestation.gif) no-repeat;}
/*カレントポジション★★★070815*/
#corporateMenu.philosophy a.philosophy,
#corporateMenu.overview a.overview,
#corporateMenu.destination a.destination,
#corporateMenu.distributer a.distributer,
#corporateMenu.organization a.organization,
#corporateMenu.ISO_attestation a.ISO_attestation{background-position: 0 -30px;cursor:wait;}
/*aに画像を設定している為か下記方法だと反応しなくなる★★★070815*/
/*-----------
#corporateMenu a#philosophy{background: url(../images/to_philosophy.gif) no-repeat;}
#corporateMenu a#overview{background: url(../images/to_overview.gif) no-repeat;}
#corporateMenu a#destination{background: url(../images/to_destination.gif) no-repeat;}
#corporateMenu a#organization{background: url(../images/to_organization.gif) no-repeat;}
#corporateMenu a#philosophy.Currently,
#corporateMenu a#overview.Currently,
#corporateMenu a#destination.Currently,
#corporateMenu a#organization.Currently{background-position: 0 -30px;}
-----------*/
/*
#corporateMenu a.philosophy{background: url(../images/to_philosophy.jpg) no-repeat;}
#corporateMenu a.overview{background: url(../images/to_overview.jpg) no-repeat;}
#corporateMenu a.destination{background: url(../images/to_destination.jpg) no-repeat;}
#corporateMenu a.organization{background: url(../images/to_organization.jpg) no-repeat;}
*/
#corporateMenu a{
display: block;
text-decoration: none;
margin-bottom:6px;
width: 139px;height: 24px;/*WinIE 4-5.x用*/
voice-family: "¥"}"¥"";
voice-family: inherit;
width: 139px;height: 24px;/*Opera以外のモダンブラウザ用*/
}
html>body #categoryMenu a{
width: 139px;height: 24px;/*Opera対策：WinIE 6以外のモダンブラウザ用*/
}
#corporateMenu a:hover{
/*background-position: 0 -24px;*/
background-position: 0 -30px;/*★★★070811修正 ボタン間隔が開く場合の対処*/
}
/*ブランクメニュー[]
------------------------------------------*//*★★★070811追加*/
#sameMenu{margin:35px 0px 0px 7px}
/*タイトルイメージの扱い[width="542" height="105"]
------------------------------------------*//*★★★070807追加*/
#InformationArea{
width:100%;
text-align:center;
margin:0 auto;
/*padding:0 auto;*/
}
#InformationArea img#titleImage{margin-bottom:10px;}
/*タイトルイメージの直下のリード文*/
#InformationArea #titleImageRead{
font-size:12px;
text-align:left;
line-height:1.3;
padding:0;
margin:0 auto;
width:45em;/*542px;*/
}
/*★★★★070820追加#msgbord*/
#msgbord dt,
#msgbord dd,
#InformationArea dt,
#InformationArea dd{
font-size:12px;
text-align:left;
line-height:1.5;
padding:0 10px;
width:45em;/*542px;*/
}
#msgbord dt,
#InformationArea dt{
font-size:16px;
font-weight:bold;
color:#E1291F;
margin-bottom:16px;
}
#msgbord dt{
color:#DA251B;
margin-top:16px;
margin-bottom:10px;
}
#msgbord dd{
/*text-indent:10px;*/
text-align:justify;
padding:10px 8px 0 8px;
margin-left:10px;
width:56em;/*678px;*/
border-top:solid 1px gray;
}
/*★★★★070824*/
#msgbord #sitemap-wide dd{
padding:5px 8px 0 8px;
border:none;
}
#msgbord p{
font-size:12px;
text-align:justify;
padding:10px;
margin:8px;
background-color:#eee;
}
/*★★★★★070821拡張*/
#msgbord a,
#InformationArea a{
text-decoration: none;
color:#0000FF;
}
#msgbord a:hover,
#InformationArea a:hover{
text-decoration: underline;
}
#msgbord img{
margin-right:5px;
margin-bottom:5px;
vertical-align:middle;
}
#msgbord img#title{/*w702px*/
margin:8px;
}
/*★★★★070824*/
/*ワイドサイズのサイトマップ
----------------------------------------------*/
#sitemap-wide{width:702px;margin:0 auto;}
#msgbord #sitemap-wide h2{
padding: 0px 0px 2px 10px;
margin:1em 0em 0em 0em;
border-left:7px solid #EC928D;border-bottom:1px solid #EC928D;
background:url(../images/3pxGray.jpg) repeat-y left top;
background-color: #fff;
}
#tabnav{
padding: 3px 0;
margin: 10px 0 0 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
#tabnav li{
display: inline;
/*float:left;*/
margin: 0;
}
#tabnav li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 0px;
border: 1px solid gray;
border-bottom: none;
background-color: white;
text-decoration:none;
color: gray;
}
#tabnav li a:visited{
color: gray;
}
#tabnav li a:hover{
background-color: #fefecc;
color: black;
}
#tabnav li a:active{
color: black;
}
#tabnav li.on a{ /*selected tab effect*/
position: relative;
top: 2px;
padding-top: 5px;
background-color: #eee;
color: black;
}
#tabnav li.off a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: white;
color: gray;
}
#msgbord #sitemap-wide table td p{padding-top:0;padding-bottom:0;}
#msgbord #sitemap-wide dl dt{
width:678px;
height:21px;/*アンダーライン分大きめ*/
font-size:12px;/*級数固定*/
line-height:1.5;
padding: 0px 0px 0px 24px;
margin:0.5em 0em 0em 0em;
font-family:verdana,"ヒラギノ丸ゴ Pro W3","Hiragino Maru Gothic Pro","HGMaruGothicMPRO","平成丸ゴシック体W4",Osaka,Meiryo,"ＭＳ Ｐゴシック",Sans-Serif;
}
#msgbord #sitemap-wide dl dt a{color:#fff;}
#msgbord #sitemap-wide dl#culture dt{background-color:#3EBA7E;}
#msgbord #sitemap-wide dl#environment dt{background-color:#F19562;}
#msgbord #sitemap-wide dl#general dt{background-color:#D9362D;}
#msgbord #sitemap-wide dl#experiment dt{background-color:#A03F9E;}
#msgbord #sitemap-wide dl#equipment dt{background-color:#2E84BD;}
#msgbord #sitemap-wide dl#other_product dt{background-color:#CFB082;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
#msgbord #sitemap-wide dl#culture dt,
#msgbord #sitemap-wide dl#environment dt,
#msgbord #sitemap-wide dl#general dt,
#msgbord #sitemap-wide dl#experiment dt,
#msgbord #sitemap-wide dl#equipment dt,
#msgbord #sitemap-wide dl#other_product dt{background-image:url(../images/wall_l1dt_Chameleon2.gif);border-bottom:1px solid #fff;}
/*#msgbord #sitemap-wide #culture,*/
#msgbord #sitemap-wide #experiment,
#msgbord #sitemap-wide #general,
#msgbord #sitemap-wide #environment,
#msgbord #sitemap-wide #equipment,
#msgbord #sitemap-wide #other_product{display:none;}
/*テーブル形式に変更使用しない*/
#msgbord #sitemap-wide dl#culture #ContentsOfDoor-column li{background:url(../images/icon_arrow_culture.gif) no-repeat left 10px;}
#msgbord #sitemap-wide dl#environment #ContentsOfDoor-column li{background:url(../images/icon_arrow_environment.gif) no-repeat left 10px;}
#msgbord #sitemap-wide dl#general #ContentsOfDoor-column li{background:url(../images/icon_arrow_general.gif) no-repeat left 10px;}
#msgbord #sitemap-wide dl#experiment #ContentsOfDoor-column li{background:url(../images/icon_arrow_experiment.gif) no-repeat left 10px;}
#msgbord #sitemap-wide dl#equipment #ContentsOfDoor-column li{background:url(../images/icon_arrow_equipment.gif) no-repeat left 10px;}
#msgbord #sitemap-wide dl#other_product #ContentsOfDoor-column li{background:url(../images/icon_arrow_other.gif) no-repeat left 10px;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/*★★★★070815追加ie6でコントロール出来ず破棄*/
/*----------
#InformationArea dd dl dt{
font-size:12px;
color:black;
margin-bottom:6px;
margin-top:12px;
}
#InformationArea dd dl dd{
text-indent:0;
}
-----------*/
/*★★★★070815追加 上記に伴い下記新設*/
#InformationArea h3{
font-size:12px;
color:black;
background:none;
padding: 0px 0px 0px 0px;
margin:0.5em 0em 0em 0em;
}
#InformationArea p{font-size:95%;}
/*プリントボタン[width="101" height="35"]
------------------------------------------*/
#print a{
display: block;
font-size: 12px;
text-align: center;
background: url(../images/print.jpg) top left no-repeat;
margin:0 0 0 auto;
padding: 2px 0px 0px 0px;
width: 101px;height:33px;/*WinIE 4-5.x用*/
voice-family: "¥"}"¥"";
voice-family: inherit;
width: 101px;height: 33px;/*Opera以外のモダンブラウザ用*/
}
html>body #print a{
width: 101px;height: 33px;/*Opera対策：WinIE 6以外のモダンブラウザ用*/
}
#print a:hover {
background-position: 0 -35px;/*画像の送高*/
}
#print a:active {
background-position: 0 -70px;
}
#print{margin:10px 0 10px 0;}
/* 警告（最終的には直接該当箇所に）
------------------------------------------*/
#Warning, #Attention, #PrintMode{
color:red;display:none;/*o6×*/
}
.ImpossibilityCSS {}
/* カラー
------------------------------------------*/
body#culture * .baseColorTx{color:#3EBA7E;}
body#environment * .baseColorTx{color:#F19562;}
body#general * .baseColorTx{color:#D9362D;}
body#experiment * .baseColorTx{color:#A03F9E;}
body#equipment * .baseColorTx{color:#2E84BD;}
body#other_product * .baseColorTx{color:#CFB082;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
body#culture * .baseColorBg{background-color:#3EBA7E;}
body#environment * .baseColorBg{color:#F19562;}
body#general * .baseColorBg{color:#D9362D;}
body#experiment * .baseColorBg{color:#A03F9E;}
body#equipment * .baseColorBg{color:#2E84BD;}
body#other_product * .baseColorBg{color:#CFB082;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
/* 角アールの窓
------------------------------------------*/
div#UnderConstruction{ margin:10%;background: #D9362D}
#UnderConstruction p,#UnderConstruction h1,#UnderConstruction h2{padding:0 10px;color:#fff;}
b.rtop, b.rbottom{display:block;background: #fff}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #D9362D}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
/* 印刷用の調整★★★
------------------------------------------*/
@media print {
h1,h2,h3,h4{page-break-after:avoid;}
#JumpPageTop{page-break-before: always;}
#header,#footer,#print,
h1 a,
#siteNavigation,
#topicPath,
#leftNavigation {
display: none;
}
#JumpPageTop{
visibility: hidden;
}
#PrintMode{
display: block;
}
#contents h1{
border:1px solid #666;
}
body#culture #Containers #contents h1{color:#3EBA7E;}
body#environment #Containers #contents h1{color:#F19562;}
body#general #Containers #contents h1{color:#D9362D;}
body#experiment #Containers #contents h1{color:#A03F9E;}
body#equipment #Containers #contents h1{color:#2E84BD;}
body#other_product #Containers #contents h1{color:#CFB082;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
#contents h2{
border-left:10px solid #666;
border-bottom:1px solid #666;
border-right:3px solid #666;
border-top:0px solid #666;
padding: 0px 0px 2px 10px;
margin:0.5em 0em 0.5em 0em;
background-color: #fff;
}
body#culture #Containers #contents h1,
body#culture #Containers #contents h2{border-color:#3EBA7E;}
body#environment #Containers #contents h1,
body#environment #Containers #contents h2{border-color:#F19562;}
body#general #Containers #contents h1,
body#general #Containers #contents h2{border-color:#D9362D;}
body#experiment #Containers #contents h1,
body#experiment #Containers #contents h2{border-color:#A03F9E;}
body#equipment #Containers #contents h1,
body#equipment #Containers #contents h2{border-color:#2E84BD;}
body#other_product #Containers #contents h1,
body#other_product #Containers #contents h2{border-color:#CFB082;}
/*#TheFirstHierarchy*/
/*#CorporateInfo*/
#contents h3{
border-left:3px solid #666;
border-bottom:1px solid #666;
padding: 0px 0px 2px 5px;
margin:0.5em 0em 0.5em 0em;
background-color: #fff;
}
#contents ul#feature li {
display: list-item;
list-style-image: url(../images/icon_arrow.gif);
list-style-position: outside;
}
#contents {
float: none !important;
width: auto !important;
}
table,th,td {
border-collapse: collapse;
border-spacing: 0;
}
#spec td,#spec th{
border: 1px solid #333;
page-break-inside:avoid;
}
}
/* fukutoku
------------------------------------------*/
.ft10{font-size:85%;}
#contents ul#feature.w350 li{
padding:0 0 0 1em;
width:355px;
}
#contents ul#feature.w330 li{
padding:0 0 0 1em;
width:330px;
}
#contents ul#feature.w300 li{
padding:0 0 0 1em;
width:300px;
}
#contents ul#feature.w280 li{
padding:0 0 0 1em;
width:280px;
}
#contents ul#feature.w250 li{
padding:0 0 0 1em;
width:250px;
}
#contents ul#feature.w220 li{
padding:0 0 0 1em;
width:220px;
}
#contents ul#feature.w150 li{
padding:0 0 0 1em;
width:150px;
}
#contents ul#feature.none {
padding: 0 0 0 1.5em;
margin-bottom:0em;
}
#contents ul#feature.none li{
background-image: none;
}
#contents ul#feature.none li a{
color: #000000;
}
.mgnbtm1 {
margin-bottom:1em;
}
.bgcGre{background: #CEEDDE;}
.ftSubtitle{
font-size: large;
padding:0 0 0 0.5em;
}
/* yamamoto
------------------------------------------*/
.mgnLft10p {
margin-left:10px;
}
.boxline {
border:1px solid black;
padding:1em 1em 0 1em;
}
.w270 {
width:270px;
}
.boxline2 {
border:1px solid #2E84BD;
}
.mgnbtm03 {
margin-bottom:0.3em;
}
.ft9 {
font-size:9px;
}
#contents ul#feature.w200 li{
padding:0 0 0 1em;
width:200px;
}
#contents h2.long {
margin:0em 0em 0.5em 0em;
}
.cet { margin-left:auto; margin-right:auto;}
.caW30 { width:30px;}
.caW40 { width:40px;}
.caW50 { width:50px;}
.caW60 { width:60px;}
.caW100 { width:100px;}
.caW200 { width:200px;}
.padLft{ padding-left: 2em;}
/* kawasaki
------------------------------------------*/
/*
痩身クラス：weight reduction
使い方は広がりすぎたテーブルに
とクラスを追加してください。
*/
#spec.wgtRdctn1 th, #spec.wgtRdctn1 td{
padding: 0.1em 0.3em 0.2em 0.3em;
}
.valnMdl{
vertical-align:middle;
}
#categoryOutline p.tsumeCase1{
line-height:1.3;
}
#categoryOutline p.tsumeCase2{
font-size:12px;
line-height:1.2;
}
|