/***********************************************************************************/
/* 全体構成                                                                        */
/***********************************************************************************/
/* ページ全体 */
#page_whole{
  background-color: #0033cc;				/* 背景色 */
  background-image: url(./../images/grd_blue2.jpg);	/* 背景画像 */
  background-repeat: repeat-y;				/* 背景画像繰り返し方法 */
  border-right: #cccccc 1px solid;			/* ボーダースタイル(右) */
  padding-top: 10px;					/* 内部余白(上) */
  padding-left: 0px;					/* 内部余白(左) */
  padding-right: 1px;					/* 内部余白(右) */
  padding-bottom: 1px;					/* 内部余白(下) */
  margin: 0px auto;					/* 外部余白 */
  width: 800px;						/* 幅 */
}
/* ページトップ部 */
#page_top{
  color: #ffffff;			/* 文字色 */
  font-family: sans-serif;		/* フォント(種類) */
  font-weight: 900;			/* フォント(太さ) */
  font-size:x-large;			/* フォント(サイズ) */
}

/* ページ右寄せ */
#p_right{
  text-align: right;			/* 右寄せ */
  font-weight: normal;			/* フォント(太さ) */
  font-size:small;			/* フォント(サイズ) */
}
/* ページ左寄せ */
#p_left{
  text-align: left;			/* 左寄せ */
  font-weight: normal;			/* フォント(太さ) */
  font-size:small;			/* フォント(サイズ) */
}

/* メインメニュー部 */
#main_menu{
  color: #ffffff;			/* 文字色 */
  font-weight: bold;			/* フォント(太さ) */
  margin-top: 5px;			/* 外部余白(上) */
  padding-bottom: 20px;			/* 内部余白(下) */
  font-family: sans-serif;		/* フォント(種類) */
}

/* サブメニュー部 */
#sub_menu{
  background-color: #0033cc;				/* 背景色 */
  background-image: url(./../images/grd_blue2.jpg);	/* 背景画像 */
  padding-left: 10px;					/* 内部余白(左) */
  width: 140px;						/* 幅 */
  float:left;						/* 左寄せ */
  color: #ffffff;					/* 文字色 */
  font-family: sans-serif;				/* フォント(種類) */
}

/* コンテンツ部(全体) */
#cont_body{
  margin-top: 1px;			/* 外部余白(上) */
  margin-bottom: 1px;			/* 外部余白(下) */
  color: #000000;			/* 文字色 */
  background-color: #ffffff;		/* 背景色 */
  float:left;				/* 左寄せ */
  width:640px;				/* 幅 */
  padding-left: 10px;			/* 内部余白(左) */
}

/* ナビゲーション部 */
#pos_navi{
  width: 580px;				/* 幅 */
  padding-left: 10px;			/* 内部余白(左) */
  background-color: #ddddff;		/* 背景色 */
  font-size:small;			/* フォント(サイズ) */
  padding-top: 5px;			/* 内部余白(上) */
  padding-bottom:5px;			/* 内部余白(下) */
  margin: 5px;
}

/* ページフッター部 */
#page_foot{
  width: 800px;				/* 幅 */
  clear:both;				/* 回り込み解除 */
  color: #ffffff;			/* 文字色 */
  text-align: right;			/* 右寄せ */
  font-size: small;			/* フォント(サイズ) */
}

/* Flash */
#top_swf{
  width: 600px;				/* 幅 */
  background-color: #ffffff;		/* 背景色 */
  margin-top:5px;			/* 外部余白(上) */
  margin-left:5px;			/* 外部余白(左) */
  margin-bottom:5px;			/* 外部余白(下) */
  margin-right:5px;			/* 外部余白(右) */
}

/* メッセージ表示部 */
#cont_msg{
  color: #000000;			/* 文字色 */
  background-color: #dfefef;		/* 背景色 */
  float:right;				/* 左寄せ */
  width:628px;				/* 幅 */
  margin-left:0px;			/* 外部余白(左) */
  margin-bottom:5px;			/* 外部余白(下) */
  margin-right:0px;			/* 外部余白(右) */
  padding-top: 5px;			/* 内部余白(上) */
  padding-left: 5px;			/* 内部余白(左) */
  padding-bottom: 5px;			/* 内部余白(下) */
  padding-right: 5px;			/* 内部余白(右) */
  border-top: #7fafaf 1px solid;	/* ボーダースタイル(上) */
  border-left: #7fafaf 1px solid;	/* ボーダースタイル(左) */
  border-bottom: #dfffff 1px solid;	/* ボーダースタイル(下) */
  border-right: #dfffff 1px solid;	/* ボーダースタイル(右) */
}

/* 更新履歴 */
#update_history{
  color: #ffffff;			/* 文字色 */
  background-color: #ffffff;		/* 背景色 */
  width:350px;				/* 幅 */
  margin-left: 10px;			/* 内部余白(左) */
  margin-right:10px;			/* 外部余白(右) */
  padding-top: 5px;			/* 内部余白(上) */
  padding-bottom: 5px;			/* 内部余白(下) */
  position:relative;
  float:both;				/* 左寄せ */

}

#item_body{
  width:620;
}

/***********************************************************************************/
/* 構成パーツ                                                                      */
/***********************************************************************************/
/* body 部*/
body{
  color: #000000;			/* 文字色 */
  background-color: #ffffff;		/* 背景色 */
}

/* コンテンツ部 */
div.cont_itm1{
  width: 300px;				/* 幅 */
  margin: 1px;				/* 外部余白 */
  border-top: #cccccc 2px solid;	/* ボーダースタイル(上) */
  border-left: #cccccc 2px solid;	/* ボーダースタイル(左) */
  border-bottom: #cccccc 2px solid;	/* ボーダースタイル(下) */
  border-right: #cccccc 2px solid;	/* ボーダースタイル(右) */
  float:left;				/* 左寄せ */
}

/* コンテンツ部(詳細) */
div.cont_itm_spec{
  width: 630px;				/* 幅 */
  margin: 0px;				/* 外部余白 */
  border-top: #cccccc 1px solid;	/* ボーダースタイル(上) */
  border-left: #cccccc 1px solid;	/* ボーダースタイル(左) */
  border-bottom: #cccccc 1px solid;	/* ボーダースタイル(下) */
  border-right: #cccccc 1px solid;	/* ボーダースタイル(右) */
  float:left;				/* 左寄せ */
}


/* サブメニュー(カレント)部 */
div.smnu_box_cur{
  color: #000000;			/* 文字色 */
  background-color: #ffffff;		/* 背景色 */
  font-weight: bold;			/* フォント(太さ) */
  height:32px;				/* 高さ */
  margin-bottom: 5px;				/* 外部余白 */

}
/* サブメニュー部 */
div.smnu_box{
  color: #ffffff;			/* 文字色 */
  font-size:medium;			/* フォント(サイズ) */
  font-weight: bold;			/* フォント(太さ) */
  width: 135px;				/* 幅 */
  height:30px;				/* 高さ */
  margin-top: 1px;			/* 外部余白(上) */
  margin-bottom: 2px;			/* 外部余白(下) */

}
/* サブメニュー部(2階層) */
div.smnu_box2{
  color: #ffffff;			/* 文字色 */
  margin-top: 1px;			/* 外部余白(上) */
  margin-bottom: 2px;			/* 外部余白(下) */
  margin-left: 15px;			/* 外部余白(左) */
  width: 118px;				/* 幅 */
  height:32px;				/* 高さ */
  border-style:none;
}

/* サブメニュー部(3階層) */
div.smnu_box3{
  background-color: #dfdfff;		/* 背景色 */
  margin-top: 1px;			/* 外部余白(上) */
  margin-bottom: 2px;			/* 外部余白(下) */
  margin-left: 20px;			/* 外部余白(左) */
  width: 113px;				/* 幅 */
  padding-top: 2px;			/* 内部余白(上) */
  padding-bottom: 2px;			/* 内部余白(下) */
  padding-left: 2px;			/* 内部余白(左) */
  padding-right: 2px;			/* 内部余白(右) */
}

/* サブメニュー部(3階層) カレント */
div.smnu_box3_cur{
  background-color: #ffffff;		/* 背景色 */
  margin-top: 1px;			/* 外部余白(上) */
  margin-bottom: 2px;			/* 外部余白(下) */
  margin-left: 30px;			/* 外部余白(左) */
  width: 118px;				/* 幅 */
  padding-top: 2px;			/* 内部余白(上) */
  padding-bottom: 2px;			/* 内部余白(下) */
  padding-left: 2px;			/* 内部余白(左) */
  padding-right: 2px;			/* 内部余白(右) */
}

/* 社長コメント */
div.pres_cmt{
  float:none;				/* 左寄せ */
  font-size: small;			/* フォント(サイズ) */
  margin-top:1em;			/* 外部余白(上) */
  margin-left:1em;			/* 外部余白(左) */
  margin-bottom:1em;			/* 外部余白(下) */
  margin-right:1em;			/* 外部余白(右) */
}

/*  */
div.com_info{
  float:none;				/* 左寄せ */
  margin-top:15px;			/* 外部余白(上) */
  margin-left:15px;			/* 外部余白(左) */
  margin-bottom:15px;			/* 外部余白(下) */
  margin-right:15px;			/* 外部余白(右) */

}

/* ボックス1 */
div.box_1{
  float:left;					/* 左寄せ */
  background-image: url(./../images/box1.jpg);	/* 背景画像 */
  text-align: center;				/* 中央揃え */
  font-size: large;				/* フォント(サイズ) */
  color: #ffffff;				/* 文字色 */
  background-color: #006699;			/* 背景色 */
  width: 120px;					/* 幅 */
  padding-top: 5px;				/* 内部余白(上) */
  padding-bottom: 5px;				/* 内部余白(下) */
}

/* ボックス2 */
div.box_2{
  text-align: center;			/* 中央揃え */
  font-size: medium;			/* フォント(サイズ) */
  color: #ffffff;			/* 文字色 */
  background-color: #006699;		/* 背景色 */
  width: 70px;				/* 幅 */
  padding-top: 2px;			/* 内部余白(上) */
  padding-bottom: 2px;			/* 内部余白(下) */

}

/* ボックス(長) */
div.btn_box_L{
  width: 550px;				/* 幅 */
  display: block;
  margin-top:10px;			/* 外部余白(上) */
  margin-left:10px;			/* 外部余白(左) */
  margin-bottom:10px;			/* 外部余白(下) */
  margin-right:10px;			/* 外部余白(右) */
  padding-top: 10px;			/* 内部余白(上) */
  padding-left: 0.5em;			/* 内部余白(左) */
  padding-bottom: 5px;			/* 内部余白(下) */
  padding-right: 0.5em;			/* 内部余白(右) */
  border-top: #ccccff 5px solid;	/* ボーダースタイル(上) */
  border-left: #ccccff 5px solid;	/* ボーダースタイル(左) */
  border-bottom: #666699 5px solid;	/* ボーダースタイル(下) */
  border-right: #666699 5px solid;	/* ボーダースタイル(右) */
  font-weight: bold;			/* フォント(太さ) */
  font-size: 1em;			/* フォント(サイズ) */
  text-align: center;			/* 中央揃え */
  color: #ffffff;			/* 文字色 */
  background-color: #8484ee		/* 背景色 */
}

/* 文字列(超強調) */
div.emphatic {
  font-size:xx-large;			/* フォント(サイズ) */
  font-weight: bold;			/* フォント(太さ) */
}

/* 文字列(強調) */
div.strong{
  font-size:large;			/* フォント(サイズ) */
  font-weight: bold;			/* フォント(太さ) */
  float:none;
}

/* 文字列(通常) */
div.middle{
  font-size:medium;			/* フォント(サイズ) */
  font-weight: normal;			/* フォント(太さ) */
}

/* 文字列(弱調) */
div.soft{
  font-size:small;			/* フォント(サイズ) */
  font-weight: normal;			/* フォント(太さ) */
}

/* リスト */
li{
  list-style:square url(./../images/screw.gif) inside;
}

/* 段落 */
p{
  font-size:medium;			/* フォント(サイズ) */
  text-indent:1em;
}

/* 段落(強調) */
p.strong{
  font-size:large;			/* フォント(サイズ) */
  text-indent:1em;
}


/***********************************************************************************/
/* 見出し                                                                          */
/***********************************************************************************/
/* 見出し1 */
h1{
  margin: 2px;				/* 外部余白 */
  padding-top: 2px;			/* 内部余白(上) */
  padding-left: 0.5em;			/* 内部余白(左) */
  padding-bottom: 2px;			/* 内部余白(下) */
  padding-right: 2px;			/* 内部余白(右) */
  font-size: large;			/* フォント(サイズ) */
  background-color: #cccccc;		/* 背景色 */
  width: 280px;				/* 幅 */
}

/* 見出し2 */
h2{
  margin: 2px;				/* 外部余白 */
  padding-top: 2px;			/* 内部余白(上) */
  padding-left: 0.5em;			/* 内部余白(左) */
  padding-bottom: 2px;			/* 内部余白(下) */
  padding-right: 2px;			/* 内部余白(右) */
  font-size: medium;			/* フォント(サイズ) */
  background-color: #cccccc;		/* 背景色 */
  width: 610px;				/* 幅 */

}

/* 見出し3 */
h3{
  margin: 2px;				/* 外部余白 */
  font-size: 1em;			/* フォント(サイズ) */
  color: #000000;			/* 文字色 */
  
}


/***********************************************************************************/
/* テーブル                                                                        */
/***********************************************************************************/
/* テーブル */
table{
  table-layout: auto;			/* テーブル表示方法 */
  border-collapse: separate;		/* 間隔をあけて表示 */
  color: #000000;			/* 文字色 */
  background-color: #ffffff;		/* 背景色 */
  font-size: medium;			/* フォント(サイズ) */
  width: 580px;				/* 幅 */
}
/* テーブルヘッダー */
th{
  color: #000099;			/* 文字色 */
  background-color: #ffffff;		/* 背景色 */
  font-size: medium;			/* フォント(サイズ) */
}

/* テーブル項目(偶数) */
td.even{
  padding-top: 5px;			/* 内部余白(上) */
  padding-bottom: 5px;			/* 内部余白(下) */
  padding-left: 5px;			/* 内部余白(左) */
  color: #000000;			/* 文字色 */
  background-color: #ccffff;		/* 背景色 */
  font-size: small;			/* フォント(サイズ) */
}
/* テーブル項目(奇数) */
td.odd{
  padding-top: 5px;			/* 内部余白(上) */
  padding-bottom: 5px;			/* 内部余白(下) */
  padding-left: 5px;			/* 内部余白(左) */
  color: #000000;			/* 文字色 */
  background-color: #ccffcc;		/* 背景色 */
  font-size: small;			/* フォント(サイズ) */
}


/* テーブル(部門) */
table.sector{
  table-layout: auto;			/* テーブル表示方法 */
  border-collapse: collapse;		/* 間隔をあけて表示 */
  color: #000000;			/* 文字色 */
  background-color: #ffffff;		/* 背景色 */
  font-size: medium;			/* フォント(サイズ) */
  width: 290px;				/* 幅 */
  float:right;				/* 右寄せ */
}

/* テーブル(部門) */
table.picture{
  table-layout: auto;			/* テーブル表示方法 */
  border-collapse: collapse;		/* 間隔をあけて表示 */
  color: #000000;			/* 文字色 */
  background-color: #ffffff;		/* 背景色 */
  font-size: medium;			/* フォント(サイズ) */
  width: 150px;				/* 幅 */
  float:left;				/* 右寄せ */
}

/* テーブル(商品) */
table.products{
  table-layout: auto;			/* テーブル表示方法 */
  border-collapse: collapse;		/* 間隔をあけて表示 */
  color: #000000;			/* 文字色 */
  background-color: #ffffff;		/* 背景色 */
  font-size: medium;			/* フォント(サイズ) */
  width: 430px;				/* 幅 */
  float:left;				/* 左寄せ */
}

/* テーブル(主な加工内容) */
table.MainMake{
  width: 600px;				/* 幅 */
  table-layout: auto;			/* テーブル表示方法 */
  color: #000000;			/* 文字色 */
  font-size: medium;			/* フォント(サイズ) */
  background-color: #ffffff;		/* 背景色 */
  border-collapse: collapse;		/* 間隔をあけて表示 */
  float:left;				/* 左寄せ */
}

teble.itemspec{
  width: 580px;				/* 幅 */
  table-layout: auto;			/* テーブル表示方法 */
  border-collapse: collapse;		/* 間隔をあけて表示 */
  color: #000000;			/* 文字色 */
  background-color: #ffffff;		/* 背景色 */
  font-size: medium;			/* フォント(サイズ) */
  float:both;				/* 左寄せ */

}

/***********************************************************************************/
/* アンカー                                                                        */
/***********************************************************************************/
/* アンカー */
a{
  color: #ffffff;			/* 文字色 */
  text-decoration: underline;		/* 下線 */
}
/* アクセス済み */
a:visited{
  color: #000000;			/* 文字色 */
  text-decoration: underline;		/* 下線 */
}
/* マウスポインタON */
a:hover{
  font-weight: bold;
  color: #ffff00;			/* 文字色 */
  text-decoration: underline;		/* 下線 */
}
/* クリック状態 */
a:active{
  background-color: #99ccff;		/* 背景色 */
  color: #000000;			/* 文字色 */
  text-decoration: none;		/* 下線無し */
}

/* サブメニュー(2階層目) */
a.s_menu2{
  color: #ffffff;			/* 文字色 */
  text-decoration: none;		/* 下線無し */
}

/* サブメニュー(2階層目)(マウスポインタON) */
a.s_menu2:hover{
  color: #ff0000;			/* 文字色 */
  font-weight: bold;
  text-decoration: none;		/* 下線無し */
}

/* サブメニュー(2階層目)(アクセス済み) */
a.s_menu2:visited{
  text-decoration: none;		/* 下線無し */
  color: #ffffff;			/* 文字色 */
}

/* アイテムタイトル(アンカー) */
a.item_title{
  color: #000000;			/* 文字色 */
  text-decoration: underline;		/* 下線無し */
/*  text-stretch:expanded;*/		/* 幅広設定 */
}
/* アイテムタイトル(アンカー) マウスポインタON */
a.item_title:hover{
  font-weight: bold;
  text-decoration: underline;		/* 下線 */
}
/* アイテムタイトル(アンカー) クリック状態 */
a.item_title:active{
  color: #000000;			/* 文字色 */
  text-decoration: none;		/* 下線無し */
}

/* アイテムタイトル詳細(アンカー) */
a.item_spec{
  color : #80ffff;
  text-decoration : none;
  border-width : 3px;
  border-style : outset;  
  background-color : #0000ff;
  border-color : #0000ff;
  font-weight : bold;
  padding-top: 2px;			/* 内部余白(上) */
  padding-left: 1em;			/* 内部余白(左) */
  padding-right: 1em;			/* 内部余白(右) */
  padding-bottom: 2px;			/* 内部余白(下) */
  margin-left: 20%;
}
/* アイテムタイトル詳細(アンカー) マウスポインタON */
a.item_spec:hover{
  color : #0000ff;
  text-decoration : none;
  border-top-width : 3px;
  border-style : outset;
  background-color : #00ffff;
  border-color : #00ffff;
  border-width : 3px;
}

/* メインメニュー */
a.m_menu{
  padding-left: 5px;			/* 内部余白(左) */
  padding-right: 5px;			/* 内部余白(右) */
  padding-top: 2px;			/* 内部余白(左) */
  padding-bottom: 2px;			/* 内部余白(右) */
  text-decoration: underline;		/* 下線 */
}

/* メインメニュー(アクセス済み ) */
a.m_menu:visited{
  color: #ffffff;			/* 文字色 */
  text-decoration: underline;		/* 下線 */
}

/* メインメニュー(マウスポインタON) */
a.m_menu:hover{
  font-weight: bold;
  color: #ffff00;			/* 文字色 */
  text-decoration: underline;		/* 下線 */
}

/* メインメニュー(カレント) */
a.m_menu_cur{
  background-color: #ffff00;		/* 背景色 */
  color: #000033;			/* 文字色 */
  text-decoration: none;		/* 下線無し */
  padding-left: 5px;			/* 内部余白(左) */
  padding-right: 5px;			/* 内部余白(右) */
  padding-top: 5px;			/* 内部余白(上) */
  padding-bottom: 2px;			/* 内部余白(下) */
}

/* メインメニュー(カレント)(マウスポインタON) */
a.m_menu_cur:hover{
  color: #000000;			/* 文字色 */
  background-color: #ffff00;		/* 背景色 */
  text-decoration: none;		/* 下線無し */
  padding-left: 5px;			/* 内部余白(左) */
  padding-right: 5px;			/* 内部余白(右) */
  padding-top: 5px;			/* 内部余白(上) */
  padding-bottom: 2px;			/* 内部余白(下) */
}

/* サブメニュー(カレント) */
a.s_menu_cur{
  background-color: #000000;		/* 背景色 */
  color: #ffff3f;			/* 文字色 */
  text-decoration: none;		/* 下線無し */
}
/* サブメニュー */
a.s_menu{
  color: #00003f;			/* 文字色 */
  text-decoration: none;		/* 下線無し */
}

/* ナビゲーションリンク */
a.navi_url{
  color: #000000;			/* 文字色 */
  text-decoration: underline;		/* 下線 */
}

/* ノーマルリンク */
a.normal_lnk{
  color : #000000;
  text-decoration : none;
  font-weight : normal;
  text-decoration: underline;		/* 下線 */
}

/* ノーマルリンク(マウスポインタON) */
a.normal_lnk:hover{
  color : #000000;
  font-weight: bold;
  text-decoration: underline;		/* 下線 */
}

/* ページトップリンク */
a.page_top{
  color : #000000;			/* 文字色 */
  font-size: small;			/* フォント(サイズ) */
  text-decoration: underline;		/* 下線 */
  float:right;
}
/* ページトップリンク(マウスポインタON) */
a.page_top:hover{
  color : #000000;			/* 文字色 */
  font-size: small;			/* フォント(サイズ) */
  text-decoration: underline;		/* 下線 */
  font-weight: bold;			/* フォント(太さ) */
  float:right;

}