@charset "Shift_JIS";

/* --- 生産・品質スタイル --- */

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

#profile {
width: 600px; /* フォームエリアの幅 */
font-size: 10pt;
padding: 20px; /* 部品グループのパディング */
}
/* --- フォームエリア内の見出し --- */
#profile h3 {
padding: 10px 0 7px; /* データセルのパディング（上、左右、下） */
line-height: 160%;
}
/* --- フォームエリア内の段落 --- */
#profile p {
line-height: 120%;
}
/* --- 段落内の「必須」画像 --- */
#profile p.attention img {
vertical-align: middle;
}
/* --- テーブル --- */
#profile table {
width: 100%; /* テーブルの幅 */
border: 1px solid; /* テーブルの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* テーブルの境界線色（上右下左） */
}
/* --- 見出しセル（th） --- */
#profile th {
width: 100px; /* 見出しセルの幅 */
padding: 10px 8px; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
vertical-align: middle;
line-height: 120%;
}
/* --- データセル（td） --- */
#profile td {
padding: 10px 5px 7px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
}

#profile ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#profile ul li {
margin: 0px;
padding: 2px;
display: block;
border-left: 0px solid #9A9A9A;
}

