/* Stylesheet for the Yamada document */

/* ----------------------------------------- */
/* ＢＯＤＹ・ページ全般                      */
/* ----------------------------------------- */

body { /* ▼ページ・テーブル全般 */
  color: #2f4f4f; 
  background-color:#fff;
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 13px;
}

td { text-align:left;}

body { /* ページ全般 詳細設定 */
  margin-top:15px;  margin-bottom:15px;
}

#top {
  background:#ffffee url(material/back01.gif) repeat top left;
}

h1.logo { /* ロゴの位置 */
    margin:20px auto 0px auto; /* センタリング・マージン */ 
    text-align:center;
}
/* リンク設定 */
.logo A {text-decoration:none; background-color:transparent; }
.logo A:hover {text-decoration:none; background-color:transparent;}


div.header { /* ヘッダー（使用していない） */
    display:block;
    margin:0px auto 5px auto; /* センタリング・マージン */ 
    text-align:left;
}

div.footer { /* フッター（使用していない） */
    margin-left:30px;
}

span.top-navi { /* ＴＯＰナビ（全体で使用） */
  margin-left:20px;
  letter-spacing:2px;
}

div.contents { /* コンテンツ全体 */
    margin:0px auto 0px auto; /* センタリング・マージン */ 
    text-align:center;
}

/* 新着入荷情報 最新リスト */
.news_blog {
  text-align:left;
  margin:15px 40px 5px 40px;
  
}
.news_blog ul { margin-left:25px; font-size:15px; }
.news_blog li { list-style-type:disc; }
.news_blog .topic_new_date { text-align:right; color:#ff5555; font-size:12px; }

.note { /* TOPのお知らせ */
  font-size:116%;
  width:470px;height:240px;
  padding-top:8px; padding-right:8px;
  margin:3px 0px 12px 12px;
  overflow:auto;
  border:none;
  scrollbar-face-color:#E0DDAF;
}

/* ----------------------------------------- */
/* テーブル・レイアウト                      */
/* ----------------------------------------- */

.head_img {
  vertical-align:top;
  background:url(material/parper1.gif) no-repeat top left;
  height:140px;
}

.cont_img {
  vertical-align:top;
  background:url(material/parper2.gif) repeat-y top left;
}

.footer_img {
  vertical-align:top;
  background:url(material/parper3.gif) no-repeat bottom left;
  height:157px;
}

@media print{ /* 印刷時にプリントしない処理 */

  .sidemenu {/* ナビゲーション・メニュー（左） */
    display:none;
  }
  .topmain { /* メインコンテンツ（右） */
    width:580px;
	margin-left:150px;
  }
  
}

@media screen{ /* ▼スクリーン用の処理 */

  .sidemenu { /* ナビゲーション・メニュー（左） */
    margin:0px;
    padding:0px 0px 0px 60px;
    width:180px;
    height:100%;
    float:left;
  }
}

.topmain { /* メインコンテンツ（右） */
  width:580px;
  float:left ;
}
/* ----------------------------------------- */
/* メニュー                                 */
/* ----------------------------------------- */

ul.menu2{ padding:0px; margin:10px auto 0px auto; width:790px; }
.menu2 li{
  float: left;
  display:inline;
  list-style-type:none;
  padding:0px;
  margin:0px 10px 0px 6px;
  font:normal 11px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
  background-color:#ee3333;
  border-top:2px solid #ff6633;
  color:#ffffff;
  width:140px;
  text-align:center;
  line-height: 160%;
  letter-spacing:1px;
}

/* 各ページのコンテンツメニュー用リンク設定 */
.menu2 A {display:block; color:#ffffff; text-decoration:none;
          background-color:#555555; }
.menu2 A:hover {color:#ffffff; text-decoration:none;
          background-color:#ee3333;}


/* ----------------------------------------- */
/* コンテンツ部（メイン）                    */
/* ----------------------------------------- */

td.main { /* メイン・コンテンツ（TD） */
  padding:12px;
  background-color: #fff;
  vertical-align:top;
}

/*ABOUT US*/
td.aboutus{
  line-height:140%;
  color:#663300;
  background-color:#ffffdd;
}

/*画像のマージン調整（IE6対応）*/
img.title-img {
  width:780px; height:150px;
  margin:0px; padding:0px;
}

/* ----------------------------------------- */
/* リスト（ul）の書式設定                    */
/* ----------------------------------------- */

/* ▼ リスト全般 */
ul { 
  margin:4px 5px 4px 12px;
  padding-left:5px;
  line-height:150%;
  font:normal 13px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";;
}

li {
  margin:5px 8px 5px 12px;
  padding-left:4px;
  letter-spacing:1px;
  line-height:135%;
  list-style-type: none;
}

/* ▼ リスト1 */
ul.cont1 { 
  margin-left:28px;  margin-bottom:5px;
  line-height:150%;
}

li.cont1 {
  font-size:16px;
  line-height:160%;
  letter-spacing:1px;
  list-style-type: disc;
}

/* ▼ リスト下線付き */
ul.line {padding:0px; margin:0px;}
li.line { 
  list-style-type:none;
  margin:5px; padding-bottom:5px;
  line-height:135%; 
  border-bottom:1px dotted #AEBEC9;
  width:96%;
}

/* ----------------------------------------- */
/*   製品およびサービスのリストボックス      */
/* ----------------------------------------- */

/* リストボックスの表示位置 */
div.select-menu {text-align:right;}

form.locate { /* リストの定義 */
   padding:3px 0px 0px 0px;
   margin:0px;
}

/* ----------------------------------------- */
/* 装飾（H1〜H6）の書式設定                  */
/* ----------------------------------------- */

h1 { 
 font: bold 24px 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3';
}

h2.subtitle { /* ページタイトル */
  font: bold 24px 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3';
  color:#555;
  padding:2px;
  margin:6px 6px 15px 6px;
  letter-spacing:2px;
  border:none;
}

h2 { /* ページタイトル */
  font: bold 24px 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3';
  color:#555;
  padding:2px;
  margin:6px 6px 15px 6px;
  letter-spacing:2px;
  /* border-bottom:2px solid #ff681f; */
}

h3 { /* サブタイトル用（項目の区切り） */
  font: bold 16px;
  color:#fff;
  padding:0px 0px 0px 10px;
  margin:8px 5px 8px 5px;
  line-height:150%;
  letter-spacing:2px;
  background: #4984BE;
  border-left: 8px solid #ff3333;
  /* #4984BE ←背景がうまく印刷されないときの背景色指定 */
}

h4 { /* タイトル（トピック）下線（点線あり） */
  font: bold 16px;
  color:#555;  /* color:#013601; */
  padding:0px 0px 0px 2px;
  margin:8px 5px 8px 5px;
  line-height:150%;
  letter-spacing:2px;
  border-bottom: 1px dotted #555;
}

/* ----------------------------------------- */
/* ページコンテンツ装飾（内容）              */
/* ----------------------------------------- */

div.main { /* メイン */
  line-height:150%;
  padding: 4px;
  margin-left: 15px;
  margin-right: 15px;
}

div.txt { /* テキスト一般 */
  line-height:160%;
  margin: 5px 15px 5px 20px;
}

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

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

span.date { /* 日付 */
  color:#ff0000;
  font-size: 11px;
  font-weight:normal;
}

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

.u_line { /* アンダーライン */
  border-bottom:1px solid red;
  padding-bottom:1px;
}

b { /* 太字 */
  font-size:1.06em;
}

u { /* 下線 */
  text-decoration: none;
  border-bottom:1px solid red;
  padding-bottom:1px;
  line-height:1.7;
}
i { /* 小文字 */
  /*font-style: normal;*/
  font-size:0.72em;
  line-height:1.4;
}

span.new {
  background-color:#ff0000;
  color:#fffffe;
  font-size:10px;
  line-height:150%;
  padding-left:2px;
  padding-right:2px;
}

em.txt_waku{ /* 注意表記（赤文字・赤枠つき） */
  color:#f00;
  border:1px dotted #ff0000;
  margin:3px; padding:4px;
  font-style:normal;
  line-height:135%;
}

div.products-float { /* テキスト回り込み */
  float:right;
  margin:12px 12px 0px 25px;
}

/* ----------------------------------------- */
/* 改行処理（P）の書式設定                   */
/* ----------------------------------------- */

p.print { /*印刷改行処理*/
  page-break-before: always; page-break-after: always;
}

/* ----------------------------------------- */
/* テーブル装飾                              */
/* ----------------------------------------- */

table.cont1 { /* ライン付きテーブルコンテンツ(table) */
  margin:8px;
  border: 1px solid #777; 
  border-collapse: collapse; 
}

td.cont1 { /* ライン付きテーブルコンテンツ (１) */
  font-size: 13px;
  border: 1px solid #AEBEC9; 
  color:#030;
  padding:5px;
  background-color:#f0faff;
  line-height:135%;
vertical-align:top;
}

td.cont2 { /* ライン付きテーブルコンテンツ (２) */
  font-size: 13px;
  border: 1px solid #AEBEC9; 
  color:#030;
  padding:5px;
  background-color:#f9fdff;
  line-height:135%;
}

td.cont3 { /* ライン付きテーブルコンテンツ (３) */
  font-size: 13px;
  border: 1px solid #AEBEC9; 
  color:#030;
  padding:5px;
  background-color:#f0faff;
  line-height:135%;
  vertical-align:top;
}

td.cont4 { /* 下線付きテーブル (４) */

  padding:5px; 
  padding-left:5px;
  vertical-align:top;
  line-height:135%; 
  border-bottom:1px dotted #AEBEC9;
  background-color:#f9fdff;
  color:#104e7b;
}


/* ▼ テーブル内の装飾  -------------------  */

div.td_txt1 { /* テーブル内のテキスト１ */
  line-height:150%;
  margin: 0px 5px 0px 10px;
  color:#104e7b;
  font:normal 15px;
  letter-spacing:2px;
}

div.td_txt2 { /* テーブル内のテキスト２ */
  line-height:150%;
  margin: 0px 5px 0px 10px;
  color:#104e8b;
}

/* ----------------------------------------- */
/* テーブル装飾  色違いのパターン(BLUE)      */
/*                                           */
/* (外枠)#AEBEC9 (項目)#DBE7F3 (内容)#F4F4F4 */
/* ----------------------------------------- */

table.cont1b { /* ライン付きテーブルコンテンツ(table) */
  margin:8px;
  border: 1px solid #AEBEC9;
  border-collapse: collapse; 
}

td.cont1b { /* ライン付きテーブルコンテンツ(td) */
  font-size: 13px;
  border: 1px solid #AEBEC9; 
  color:#030;
  padding:8px;
  background-color:#DBE7F3;
 line-height:135%;
}

td.cont2b { /* ライン付きテーブルコンテンツ(td) */
  font-size: 13px;
  border: 1px solid #AEBEC9; 
  color:#030;
  padding:8px;
  background-color:#F4F4F4;
 line-height:135%;
}

/* ----------------------------------------- */
/* フッタ情報                                */
/* ----------------------------------------- */

/* コピーライト */
address {
  color:#999;
  padding:5px;
  font:10px normal Verdana, Arial, Helvetica, sans-serif;
  line-height:150%;
  text-align: center;
}

/* リンク */
A {color: #0083B7; text-decoration:underline;}
A:hover {color:#ff3333; text-decoration:none; background-color:#EEEEFF;}


/* フォーム */
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;
}

IMG.gg { 
  border:1px solid #555;
}

A:link IMG.gg , A:visited IMG.gg{
    border:1px solid #555;
    z-index:10;
	margin:1px; padding:0;
    left:0px;
}

A:hover IMG.gg{ 
    border:1px solid red;
}