/* Stylesheet for the uchitomi document */

/* ▼ページ全般 ------------------------- */
body,td { 
  color: #333366; 
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 13px;
}

body { /* ページ背景 */
  background:#ffffff url(material/back.jpg) no-repeat top left;
}

/* ▼メインコンテンツ・テーブル ------------ */

td.cont-left { /* 左テーブル */
  padding:10px;
  vertical-align:top;
}

td.cont-right { /* 右(赤枠)テーブル */
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  border-right:2px solid #a52a2a;
  border-bottom:2px solid #a52a2a;
  background-color:#D70000;
  vertical-align:top;
}

table.cont-center { /* 中央テーブル(table) */
  border-top:2px solid #a52a2a;
  border-left:2px solid #a52a2a;
  border-right:1px solid #a52a2a;
  border-bottom:1px solid #a52a2a;
  background-color:#ffffff;
  border-collapse: collapse; 
  margin-left:7px;
  margin-right:6px;
  margin-bottom:0px;
}

td.cont-center { /* 中央テーブル(td) */
  border: 1px dotted #9a9; 
  vertical-align:top;
  padding:5px;
  line-height:150%;
}


div.cont-main { /* コンテンツ・メイン */
  margin:10px;
  padding:10px;
  color:333;
}

/* -------------------------------------------- */

/* ▼見出し（h1〜h6）の書式設定 */
h1 {
  margin-left:10px;
  margin-bottom:0px;
}
h1.title { /* タイトル */
  font:bold 20px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
  color:#333366;
  padding:2px;
  margin:0px;
  margin-left:13px;
  letter-spacing:2px;
}

h2{
  font:normal 17px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
  color:#fff;
  padding:2px 2px 2px 10px;
  margin:5px;
  line-height:135%;
  letter-spacing:1px;
  background-color:#d70000;
/*   border-bottom:2px dotted #d70000;
  border-top:2px dotted #d70000; */
}

h3.item {
  font-size:14px;
  color:#fff;
  padding:3px 3px 3px 12px;
  margin:5px 5px 15px 5px;
  line-height:135%;
  letter-spacing:2px;
  background-color:#d70000;
}

h3.subtitle {
  font:normal 18px 'ヒラギノ明朝 Pro W6','平成明朝','ＭＳ Ｐ明朝';
  padding:4px 2px 2px 20px;
  margin:5px;
  letter-spacing:3px;
  color:#eee;
  line-height:100%;
}

h4 { }

h5 {
  color:#555555;
  margin:10px auto 8px auto;
}

/* ▼段落（p）の書式設定 */
p {
  margin:8px;
}

/* -------------------------------------------- */

/* ▼リスト（ul）の書式設定 */
ul {
margin-left:28px;
line-height:150%;
}

/* ▼各ページのコンテンツメニュー */
ul.cont2{ padding:0px 0px 0px 5px; margin: 8px 5px 0px 5px; width:600px;}
.cont2 li{
  float: left;
  display:inline;
  list-style-type:none;
  padding:0px;
  margin-right:8px;
  font:bold 13px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
  background-color:#ffffff;
  border-right:1px solid #555;
  border-bottom:1px solid #555;
  background:#666 url(material/cont-back.gif) no-repeat top left;
  color:#333;
  /*width:90px;*/
  text-align:center;
  line-height: 300%;
  letter-spacing:1px;
}

/* 各ページのコンテンツメニュー用リンク設定 */
.cont2 A {display:inline; color:#ffffff; text-decoration:none;
            padding:12px 8px 12px 8px;;
            background:#666 url(material/cont-back.gif) no-repeat top left;}
.cont2 A:hover {color:#ffffff; text-decoration:none;
            background:#666 url(material/cont-back2.gif) no-repeat top left; }

/* 数字リスト用設定 */
ol {
  margin-left:18px;
  margin-bottom:0px;
  padding-left:12px;
}

/* -------------------------------------------- */

/* ▼上部コンテンツメニュー（製品紹介） */
table.cont3 { /* テーブル(table) */
  border-top:2px solid #a52a2a;
  border-left:2px solid #a52a2a;
  border-right:1px solid #a52a2a;
  border-bottom:1px solid #a52a2a;
  background-color:#ffffff;
  border-collapse: collapse; 
  margin-left:2px;
  margin-right:2px;
  margin-bottom:0px;
}

td.cont3 { /* テーブル(td) */
  vertical-align:bottom;
  border-left:1px dotted #333;
}

div.cont3 { /* 上部コンテンツ（製品紹介） */
  display:block;
  background:#333;
  font:bold 9px verdana, Helvetica;
  color:#fff;
  padding:0px;
  margin:0px;
  text-align:center;
  line-height: 150%;letter-spacing:1px;
}
/* 上部コンテンツ（製品紹介）用リンク設定 */
.cont3 A {display:block; color:#fff; text-decoration:none;height:30px;
          background:#555;}
.cont3 A:hover {display:block; color:#fff; text-decoration:none;
                background:#B03B3B;}

.stihl3 { padding:12px 0px 12px 0px; }

#onpage { background:#B03B3B; }

/* -------------------------------------------- */

div.contents { /* コンテンツ・スペース */
  margin:18px;
  margin-left:16px;
}


div.line-dot { /* ライン（点線）*/
  margin-top:12px;
  border-bottom:1px dotted #333;
}

/* -------------------------------------------- */

div.main { /* ページコンテンツ（内容）メイン */
  line-height:150%;
  padding: 4px;
  margin-left: 15px;
  margin-right: 15px;
}

div.txt { /* テキスト一般 */
  line-height:150%;
  margin-left: 8px;
  margin-right: 6px;
  font-size:12px;
  color:#555;
}

div.txt_s { /* テキスト（小） */
  line-height:135%;
  font-size: 10px;
}

div.txt_t{ /* テキスト（等幅） */
  line-height: 150%;
  font-family:ＭＳ ゴシック, Osaka−等幅;
}

div.txt_w { /* テキスト（白字） */
  line-height:150%;
  margin-top: 20px;
  margin-left: 6px;
  margin-right: 6px;
  font:normal 10px "ＭＳ ゴシック, Osaka−等幅";
  color:#FFF;
}

.red { /* 赤文字 */
  color:red;
}

/* HOME */
div.gohome {
  text-align:center;
  margin:8px;
}
.gohome A {color: #104e8b;}
.gohome A:hover {color:#ff0000; text-decoration:underline;}

/* -------------------------------------------- */

div.copyright { /* コピーライト */
  font-family: Georgia, Times New Roman;
  color:#bbbbbb;
  padding:3px;
  font-size:10px;
  text-align: center;
}

/* リンク */
A {color: #553366;}
A:hover {color:#ff0000; text-decoration:underline;}


/* フォーム */
INPUT,TEXTAREA,SELECT {
  border:1px solid #555555;
  background-color :#fff;
  color:#555555;
  font:0.95em/1.45em 'MS UI Gothic','Osaka','san-serif';
}

input.btn{ /* フォーム・ボタン */
  width:18px;
  background-color:#ffffff;
  border-color:#ffffcc;
}