@charset "utf-8";

/* --- 研究開発スタイル --- */

/* --- 見出しエリア --- */
#main div.normal div.heading {
margin: 0 10px 1em; /* 見出しエリアのマージン（上、左右、下） */
padding: 7px 11px; /* 見出しエリアのパディング（上下、左右） */
background: url(../image/heading_back.gif ) no-repeat right; /* 見出しエリアの背景 */
}
/* 見出し */
#main div.normal h2 {
margin: 0;
padding-left: 16px; /* 見出しの左パディング */
background: url(../image/heading_square11.gif) no-repeat 0 0.15em; /* 見出しの背景（マーク） */
font-size: 12pt; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
color: #ffffff;
}
/* 子見出し */
#main div.normal h3 {
margin: 0;
padding-left: 1px; /* 見出しの左パディング */
font-size: 10pt; /* 見出しの文字サイズ */
line-height: 2em; /* 行の高さ */
color: #000000;
background: #3a3a3a url(../image/heading_back2.gif ) repeat-y right; /* 見出しエリアの背景 */
}
/* 段落 */
#main div.normal p {
margin: 0 10px 0.5em; /* 段落のマージン（上、左右、下） */
line-height: 120%; /* 行の高さ */
text-align: left;
}
#main div.normal ul.nl {
margin: 0 10px 0; /* フッタメニューのマージン（上、左右、下） */
padding: 0 0 0 30px; /* メニューのパディング（上右下左） */
list-style-type: none;
}
/* --- メニュー項目 --- */
#main div.normal ul.nl li {
padding: 0 0 5px 0; /* 項目のパディング（上右下左） */
}

/* --- テーブル --- */
#main div.normal table {
width: 100%; /* テーブルの幅 */
margin: 15px 5px 20px; /* マージン（上、左右、下） */
border: 0px solid; /* テーブルの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* テーブルの境界線色（上右下左） */
}
#main div.normal table.pachinko {
width: 300px; /* テーブルの幅 */
margin: 1px 5px 20px; /* マージン（上、左右、下） */
border: 0px solid; /* テーブルの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* テーブルの境界線色（上右下左） */
}

#main div.normal table.lift {
width: 100%; /* テーブルの幅 */
margin: 1px 5px 20px; /* マージン（上、左右、下） */
border: 0px solid; /* テーブルの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* テーブルの境界線色（上右下左） */
}

/* --- 見出しセル（th） --- */
#main div.normal th {
width: 200px; /* 見出しセルの幅 */
padding: 10px 5px; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 0px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
line-height: 130%;
}
/* --- データセル（td） --- */
#main div.normal td {
width: 50%; /* 見出しセルの幅 */
padding: 1px 1px 1px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 0px #c0c0c0 dotted; /* データセルの下境界線 */
text-align: center;
}

/* --- サイトマップエリア --- */
#main div.site {
width: 100%; /* コンテナの幅 */
margin: 0 0 0; /* 見出しエリアのマージン（上、左右、下） */
padding: 1px 1px; /* 見出しエリアのパディング（上下、左右） */
}
#main div.site p {
margin: 0 0 0.5em; /* 段落のマージン（上、左右、下） */
font-size: 12pt; /* 見出しの文字サイズ */
line-height: 120%; /* 行の高さ */
}
#main div.site ul.nl {
width: 100%; /* コンテナの幅 */
margin: 0 0 10px 1px; /* ページタイトルのマージン（上右下左） */
padding: 5px 1px 5px 0; /* メニューのパディング（上右下左） */
list-style-type: none;
float: left;
border-top: 0px #c0c0c0 dotted; /* データセルの下境界線 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
}
#main div.site ul.nl li {
float: left;
padding: 5px 5px 8px 5px; /* 項目のパディング（上右下左） */
background: #ffffff url(../imagse/menu_triangle1.gif) no-repeat 0 0.1em; /* 項目の背景（マーカー） */
display: block;
}
#main div.site ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 5px 5px 5px; /* 項目のパディング（上右下左） */
background: #FFA500 url(../simage/hor_menu6_on2.gif) repeat-x top; /* ポイント時の背景 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: none; /* 文字の太さ（太字） */
color: #3a3a3a; /* 文字色 */
line-height: 100%; /* 行の高さ */
}
/* --- ポイント時の設定 --- */
#main div.site ul.nl li a:hover,
#main div.site ul.nl li.active a {
background: #FFA500 url(../simage/hor_menu6_on2.gif) repeat-x top; /* ポイント時の背景 */
border-top-color: #696969;  /* ポイント時（アクティブ時）の上境界線色 */
border-bottom-color: #ff0000; /* ポイント時（アクティブ時）の下境界線色 */
}

#main div.contents {
}
/* --- テーブル --- */
#main div.contents table {
width: 100%; /* テーブルの幅 */
margin: 15px 5px 20px; /* マージン（上、左右、下） */
border: 1px solid; /* テーブルの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* テーブルの境界線色（上右下左） */
}
/* --- 見出しセル（th） --- */
#main div.contents th {
width: 200px; /* 見出しセルの幅 */
padding: 10px 5px; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
line-height: 130%;
}
/* --- データセル（td） --- */
#main div.contents td {
width: 50%; /* 見出しセルの幅 */
padding: 1px 1px 1px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
text-align: center;
}

/* --- 製品情報スタイル --- */
#contents {
padding: 1px; /* 部品グループのパディング */
}



#contents ul {
margin: 0px;
padding: 0px;
font-size: 0;
list-style-type: none;
}

#contents ul li {
width: 49%; /* 項目の幅 */
display: -moz-inline-box; /*for Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5～7*/
/zoom: 1; /*for ie5～7*/
vertical-align:top;
border-left: 0px solid #9A9A9A;
border-right: 0px solid #9A9A9A;
border-bottom: 0px solid #9A9A9A;
font-size: 12px;
}
/* --- リンク --- */
#contents ul.nl li a {
display: block; /*for modern*/
position: relative; /* IE6用 */
padding: 5px 5px 5px; /* リンクエリアのパディング（上、左右、下） */
border-top: 0px #3a3a3a solid; /* 上境界線 */
border-left: 0px #CCD0D5 solid; /* リンクエリアの左境界線 */
border-right: 0px #CCD0D5 solid; /* リンクエリアの右境界線 */
border-bottom: 0px #3a3a3a solid; /* 下境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: none; /* 文字の太さ（太字） */
color: #3a3a3a; /* 文字色 */
line-height: 100%; /* 行の高さ */
}
/* --- ポイント時の設定 --- */
#contents ul.nl li a:hover,
#contents ul.nl li.active a {
background: #eeeeee url(../simage/hor_menu6_on2.gif) repeat-x top; /* ポイント時の背景 */
border-top-color: #696969;  /* ポイント時（アクティブ時）の上境界線色 */
border-bottom-color: #ff0000; /* ポイント時（アクティブ時）の下境界線色 */
}
#contents ul.nl li:first-child  a {
border-left: 0px #737373 solid; /* リンクエリアの左境界線 */
border-right: 0px #737373 solid; /* リンクエリアの右境界線 */
}
#contents ul.nl li:last-child  a {
border-left: 0px #737373 solid; /* リンクエリアの左境界線 */
border-right: 0px #737373 solid; /* リンクエリアの右境界線 */
}
/* --- トップエリア --- */
#contents div.product {
width: 100%; /* 項目の幅 */
margin-bottom: 10px; /* トップエリアの下マージン */
padding: 0 0 0; /* トップエリアのパディング（上、左右、下） */
background: #ffffff url(../image/top_backA.gif) repeat-x top; /* トップエリアの背景 */
border-bottom: 0px #e0e0e0 solid; /* トップエリアの下境界線 */
text-align: center;
}
/* --- トップエリア --- */
#contents div.product img {
padding: 10px; /* トップエリアのパディング（上、左右、下） */
background: #f5f5f5
}
#contents div.product h3 {
margin-top: 1em;
margin-bottom: 1em;
background: #f5f5f5;
}
#contents div.product p {
margin-top: 2em;
}

#main div.box {
width: 100%; /* 項目の幅 */
padding: 0 10px 20px; /* エリアのパディング（上、左右、下） */
border-bottom: 0px #e0e0e0 solid; /* トップエリアの下境界線 */
}
#main div.box p{
padding: 10px 30px 20px; /* エリアのパディング（上、左右、下） */
font-size: 160%; /* 文字サイズ */
line-height: 160%; /* 行の高さ */
color: #ffffff;
}
#main div.box p.box_title {
padding: 50px 15px 5px; /* エリアのパディング（上、左右、下） */
font-size: 180%; /* 文字サイズ */
line-height: 100%; /* 行の高さ */
text-align: center;
color: #ffffff;
}
#main div.box h2.box_title{
padding: 50px 15px 5px; /* エリアのパディング（上、左右、下） */
background: none;
color: #ffffff;
}
#main div.box a{
display: block;
position: relative; /* IE6用 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: none; /* 文字の太さ（太字） */
color: #3a3a3a; /* 文字色 */
line-height: 100%; /* 行の高さ */
width: 100%;
height: 100%;
}

#main div.box_1 {
position: relative;
width: 300px; /* エリアの幅 */
height: 300px; /* エリアの最小高さ */
float: left;
background: #00a3fe; /* ポイント時の背景 */
border: 4px #ffffff solid; /* エリアの境界線 */
}
/* --- ポイント時の設定 --- */
#main div.box_1:hover {
background: #00a3fe; /* ポイント時の背景 */
border: 4px #FF6860 solid; /* エリアの境界線 */
}

#main div.box_2 {
position: relative;
width: 300px; /* エリアの幅 */
height: 300px; /* エリアの最小高さ */
float: left;
background: #ff3333;
border: 4px #ffffff solid; /* エリアの境界線 */
}
/* --- ポイント時の設定 --- */
#main div.box_2:hover {
background: #ff3333; /* ポイント時の背景 */
border: 4px #FF6860 solid; /* エリアの境界線 */
}

#main div.box_3 {
width: 300px; /* エリアの幅 */
height: 300px; /* エリアの最小高さ */
float: left;
background: #ffa500;
border: 4px #ffffff solid; /* エリアの境界線 */
}
/* --- ポイント時の設定 --- */
#main div.box_3:hover {
background: #ffa500; /* ポイント時の背景 */
border: 4px #FF6860 solid; /* エリアの境界線 */
}
#main div.box_4 {
width: 300px; /* エリアの幅 */
height: 300px; /* エリアの最小高さ */
float: left;
background: #33cc33;
border: 4px #ffffff solid; /* エリアの境界線 */
}
/* --- ポイント時の設定 --- */
#main div.box_4:hover {
background: #33cc33; /* ポイント時の背景 */
border: 4px #FF6860 solid; /* エリアの境界線 */
}