@charset "Shift_JIS";

/* 共通のスタイル */
/* タグ */

body {
    color:#000000;
    /* serif weight-400: style-normal: variant-normal */

 border-left:1px solid #333333;
 border-right:1px solid #333333;
 margin-top:5px;
 margin-bottom:0px;
 margin-left:10px;
 margin-right:5px;
 padding-left:5px;
 padding-right:5px;

}

ul{
    margin-top:0px;
    padding-left:0px;
    margin-left:3em;
    margin-bottom:0px;
}



h1 {

    letter-spacing: 5px;
    font-size: 120%;
    border: 1px solid #cccccc; 
    padding-left: 2px;

}

h2 {

    font-size: 110%;
    border-bottom:1px outset #cccccc;
    border-left: 5px solid #0000cc;
    padding-left:3px;
    

    /* border: 1px outset #ffffff; */
}

table {
    /* width:95%; */
    margin-left:15px; 

}

th {

    text-align: center;
}

img {

  border: none;
 
}

/* 白色背景の時のリンク */
/* a:hover {text-decoration:NONE; color:#0000cc; border: 1px solid #0000cc;} */ /* マウスが乗ったとき *//* マウスが乗ったときの背景色 */ /*  */
/* a:link {text-decoration:NONE; color:#0000cc; } */  /* 未訪問リンク */
/* a:visited {text-decoration:NONE; color:#0000cc;} */ /* 訪問済みリンク */ 
/* a:active {text-decoration:NONE; color:#0000cc; } */ /* クリックしたとき */

a:hover {text-decoration:NONE; color:#0000cc; border-bottom: 1px solid #ff33ff;} /* マウスが乗ったとき *//* マウスが乗ったときの背景色 */ /*  */
a:link {text-decoration:NONE; color:#0000cc; }   /* 未訪問リンク */
a:visited {text-decoration:NONE; color:#0000cc;} /* 訪問済みリンク */ 
a:active {text-decoration:NONE; color:#0000cc; } /* クリックしたとき */

/* クラスとID定義 */

/* 全体 */

/* 色 */

.clr_red {
    color:#FF0000;
}

/* 色差41不足 */
.clr_doran {
    color:#ff8c00;
}

.clr_choco {
    color:#993300;
}

.clr_grn {
    color:#00CC00;
}

.clr_dblu {
    color:#3300CC;
}

.clr_vio {
    color:#660099;
}

/* 文字色黒−背景色薄桃 */
.clrcmb_blk_pnk {
	color:#000000;
	background:#ffccff;
}

/* 文字色赤−背景色薄桃 */
.clrcmb_red_pnk {
	color:#cc0000;
	background:#ffccff;
}

/* 文字色青−背景色薄桃 */
.clrcmb_blu_pnk {
	color:#0000cc;
	background:#ffccff;
}

.clrcmb_blue_org {
    color: #ffcc66;
    background: #3300CC;
}

/* 文字色紫−背景色薄桃 */
.clrcmb_dvio_pnk {
	color:#660099;
	background:#ffccff;
}

.clrcmb_blk_dgry {
	color:#000000;
	background:#A9A9A9;
}

/* 文字配置 */

.center  {
    text-align: center; 
}

.left  {
    text-align: left; 
}

.right  {
    text-align: right; 
}

/* ヘッダー */

/* 会社名 */
#table_top_comp {
	
    border: none;

}

/* sitemap */
.a_top_sitemap {
    
    font-size: 80%;
    color: #00CC00;
    font-weight: bold;

}

/* サイトマップのリンク */
/* a.a_top_sitemap:hover {text-decoration:none;border: 1px solid #00cc00; color:#00cc00;} */ /* マウスが乗ったとき *//* マウスが乗ったときの背景色 #ff69b4 #FFEFD5;*/
a.a_top_sitemap:hover {color:#00cc00; border-bottom: 1px solid #ff33ff;}  /* マウスが乗ったとき *//* マウスが乗ったときの背景色 #ff69b4 #FFEFD5;*/
a.a_top_sitemap:link {color:#00cc00;}   /* 未訪問リンク */
a.a_top_sitemap:visited {color:#00cc00;} /* 訪問済みリンク */
a.a_top_sitemap:active {color:#00cc00; } /* クリックしたとき */

/* トップメニュー選択分類のリンク */
/* a.a_topmenu_selected:hover {color:#ffffff; border: 1px solid #ffffff;} */ /* マウスが乗ったとき *//* マウスが乗ったときの背景色 */ /*  */
a.a_topmenu_selected:hover {color:#ffffff; border-bottom: 1px solid #ff33ff;} /* マウスが乗ったとき *//* マウスが乗ったときの背景色 */ /*  */
a.a_topmenu_selected:link {color:#ffffff; }  /* 未訪問リンク */
a.a_topmenu_selected:visited {color:#ffffff;} /* 訪問済みリンク */ 
a.a_topmenu_selected:active {color:#cc3399; } /* クリックしたとき */


/* トップメニューの表設定 */
.table_topmenu {
	
    /* table-layout: fixed; */
 /* border-collapse: separate; */

    border-style: none;
    border-collapse: collapse;

    border-spacing: 0px;

}


/* トップメニューのうち、現在表示されているページの項目のセル */
.td_topmenu_selected {
	
    text-align: center;
    font-size: 90%;

    width: 110px;

    border: 1px outset #666666;
    border-top: 1px outset #666666;
    border-left: 1px outset #666666;
    border-right: 3px outset #666666;

    border-bottom: 0px none;

    /* background: #6600ff; */

    background: #0000cc;

    color: #FFFFFF; 

}

/* 現在表示されていない項目のセル */
.td_topmenu_hidden {
	
    text-align: center;
    font-size: 80%;
    width: 100px;

    color: #000000;
    /* background: #dddddd; */
    background: #FFFFFF;
    border: 1px solid #666666;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 2px solid #666666;
    border-bottom:  0px none;

}


/* 項目間の隙間 */
.td_topmenu_separate {
	
    background: #ffffff;
    width: 1px;
    empty-cells: show;
}

/* 上部メニュー下の色付き帯(上の選択色と同じ背景色) */
.td_topmenu_underselected {
	
    empty-cells: show;
    /* height: 1pt; */ /* 帯の高さを決定する →　トップからのリンクを記述することにしたのでやめる*/
    /* font-size: 1pt; */ /* 帯の高さを決定する →　トップからのリンクを記述することにしたのでやめる*/
    font-size: 80%;
    border-left: 1px solid #666666;
    /* border-top: 3px solid #6600ff; 
    border-top: 3px solid #0000ff;
    border-top: 3px solid #6600cc;*/
    border-top: 3px solid #0000cc;

    background: #ccccff;

    color: #333333;

}

/* ヘッダーにあるトップからのリンク */
/* a.a_top_tlink:hover {text-decoration:underline; border: 0px none; color:#ffffcc;} *//* マウスが乗ったとき *//* マウスが乗ったときの背景色 #ff69b4 #FFEFD5;*/
/* a.a_top_tlink:link {text-decoration:none; color:#ffffcc;} */   /* 未訪問リンク */
/* a.a_top_tlink:visited {text-decoration:none; color:#ffffcc;} */ /* 訪問済みリンク */
/* a.a_top_tlink:active {text-decoration:none; color:#ff0000; } */ /* クリックしたとき */

a.a_top_tlink:hover {text-decoration:underline; border: 0px none; color:#0000cc;} /* マウスが乗ったとき *//* マウスが乗ったときの背景色 #ff69b4 #FFEFD5;*/
a.a_top_tlink:link {text-decoration:none; color:#0000cc;}   /* 未訪問リンク */
a.a_top_tlink:visited {text-decoration:none; color:#0000cc;} /* 訪問済みリンク */
a.a_top_tlink:active {text-decoration:none; color:#ff0000; } /* クリックしたとき */


/* 本文 */

/* 外枠(非表示)の表 */
.table_contents {
    border-spacing: 0px;
    padding: 0px;
    border: 0px none;
    border-style: none;
    border-collapse: collapse;

}


/* 外枠の右部 */
.td_contents_right {

    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;

    border: 0px none #ffffff; 
    /* background: #ffffcc; */ /* 背景色は各項目のスタイルシートへ */
}

/* コンテンツ */
.td_contents {

    padding: 0px;
    border: 0px none #ffffff; 
    /* background: #ffffcc; */ /* 背景色は各項目のスタイルシートへ */
}

/* 左部メニュー */
.table_leftmenu {

    width: 100%;
    border: 1px outset #cccccc;
    
}

/* 左部メニュー 分類トップへのリンク */
/* a.a_leftmenu_th:hover {color:#000099; border: 1px solid #000099;} */ /* マウスが乗ったとき *//* マウスが乗ったときの背景色 */ /*  */
/* a.a_leftmenu_th:link {color:#000099; } */   /* 未訪問リンク */
/* a.a_leftmenu_th:visited {color:#000099;}*/ /* 訪問済みリンク */ 
/* a.a_leftmenu_th:active {color:#cc3399; } *//* クリックしたとき */

a.a_leftmenu_th:hover {color:#000099; border-bottom: 1px solid #ff33ff;}  /* マウスが乗ったとき *//* マウスが乗ったときの背景色 */ /*  */
a.a_leftmenu_th:link {color:#000099; }    /* 未訪問リンク */
a.a_leftmenu_th:visited {color:#000099;}/* 訪問済みリンク */ 
a.a_leftmenu_th:active {color:#cc3399; }/* クリックしたとき */

/* 左部メニューの分類トップ名 */
.th_leftmenu {
    
    text-align: left;
    font-size: 80%;
    
    /* 黒・白 */
    /* background: #333333;
    color: #ffffff; */

    /* 灰・黒 */
    /* background: #eeeeee;
    color: #000000; */

    /* 水・紺 */
    background: #ccccff;
    color: #000099; 

    padding: 3px;
    /* height: 25px; */

    border: 1px solid #cccccc;
}

/* 左部メニューで選択されているページの項目 */
.td_leftmenu_selected {

    background: #ffff99;

    text-align: left;
    font-size: 80%;
 
    padding: 3px; 
    /* height: 70px; */
}

/* 左部メニューで選択されていないページ */
.td_leftmenu_hidden {
    
    background: #ffffff;

    text-align: left;
    font-size: 80%;

    padding: 3px; 
    /* height: 70px; */
}


/* イメージのリンク */
a.a_img:hover {border: 0px none #ffffff;} /* マウスが乗ったとき *//* マウスが乗ったときの背景色 */ /*  */
a.a_img:link {border: 0px none #ffffff; }   /* 未訪問リンク */
a.a_img:visited {border: 0px none #ffffff;} /* 訪問済みリンク */ 
a.a_img:active {border: 0px none #ffffff; } /* クリックしたとき */


/* 製品リストの各項目の色 */
/* トップページと製品トップで使用 */
.th_products_hot {
    background: #ffccff;
    color: #000000;
    border: 1px solid #cccccc;
    width:auto;
    /* padding: 3px; */
}
.th_products_cool {
    background: #ccffff;
    color: #000000;
    border: 1px solid #cccccc;
    /* padding: 3px; */
}

.th_products_adms {
    background: #CCCCFF;
    color: #000000;
    border: 1px solid #cccccc;
    /* padding: 3px; */
}

.td_products {
    background: #ffffff;
    color: #000000;
    border: 1px solid #cccccc;
}

.table_history {

   border: 1px solid #000000;
}


.td_history_date {
/* 表中の日付の記載 */
   padding-right: 3px; 
   width: 100px;
   text-align: left;
}

/* TABLEを使わないレイアウト*/

/* 上部のヘッダー */
#harea {
/* position: absolute;
top:0px;
left:0px; */
width:100%;
}

#headright {

    /* float: right; */
    text-align: right;
    background-color: #ffffff;
    
}


/* ヘッダーの多言語へのリンク、サイトマップへのリンク */
#headlink {

    /* clear: both; */
    text-align: right;
    /* background-color: #ddddff; */
    margin-bottom: 1px;
}

/* サイトマップのリンク */
/* a.a_top_sitemap:hover {text-decoration:none;border: 1px solid #00cc00; color:#00cc00;} */ /* マウスが乗ったとき *//* マウスが乗ったときの背景色 #ff69b4 #FFEFD5;*/
a.a_top_sitemap:hover {text-decoration:none;border-bottom: 1px solid #ff33ff; color:#00cc00;} /* マウスが乗ったとき *//* マウスが乗ったときの背景色 #ff69b4 #FFEFD5;*/
a.a_top_sitemap:link {text-decoration:none; color:#00cc00;}   /* 未訪問リンク */
a.a_top_sitemap:visited {text-decoration:none; color:#00cc00;} /* 訪問済みリンク */
a.a_top_sitemap:active {text-decoration:none; color:#ff0000; } /* クリックしたとき */

.googlearea {

    text-align: right;
    font-size: 70%;
    background-color: #ffffff;
    
}

img.google {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

/* ヘッダーのトップメニュー */
#headmenu {

 /* clear: both; */

 /* background-color: #ccccff; */
 background-color: #ffffff;
 
 /* background-color: #9999ff;  */
 /* background-image: url(images/menu_left.gif); */
 
 /* background-color: #9999ff; */

 /* line-height: 110%; */
 margin-top: 3px;
 padding-top:2px;
 padding-right: 2px;
 


}

/* ヘッダーのガイドリンク */
#headguide {
    background-color: #ccccff;
 
    border-top: 1px solid #3333cc;
    /* border-left: 1px solid #3333cc; */
    border-bottom: 1px solid #3333cc;
    /* border-right: 1px solid #3333cc; */
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    margin-top:2px;
    margin-right:0px;
    padding-right:0px;

    /* border-bottom: 1px solid #9999ff; */
}

/* ヘッダーのトップメニューのリンク */
a.a_headmenu_hidden { /* リンクの各項目 */
    letter-spacing: 3px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0px;
    text-align:center;

}

a.a_headmenu_selected {
    letter-spacing: 3px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0px;
    text-align:center;

}

a.a_headmenu_hidden:link {    /* 表示されている項目のリンクが未訪問のとき */
    
    background-color: #ffffff;
    color: #000099;
    border: 1px solid #3333cc;
    border-right:1px solid #333333;

}

a.a_headmenu_hidden:visited {   /* 表示されている項目のリンクが訪問済みのとき */

    /* text-decoration:NONE; */
    

    background-color: #ffffff;
    color: #000099;
    border: 1px solid #3333cc;
    border-right:1px solid #333333;

}

a.a_headmenu_hidden:active {      /* 表示されている項目のリンクをクリックしたとき */

    /* text-decoration:NONE; */

    background-color: #ffffff;
    color: #000099;
    border: 1px solid #3333cc;
    border-right:1px solid #333333;
}

a.a_headmenu_hidden:hover {  /* 表示されている項目のリンクにマウスが乗ったとき */

    /* text-decoration:NONE; */

    background-color: #00cc00;
    color: #ffffff;
    /* border: 1px solid #00cc00; */
    border: 1px solid #3333cc;
    border-bottom:1px solid #3333cc; 
    border-right:1px solid #333333;
}

a.a_headmenu_selected:link {
    
    /* text-decoration: NONE;  */

    background-color: #0033ff;
    color: #ffffff;
    /* border: 1px solid #0033ff; */
    border: 1px solid #3333cc;
    border-right:1px solid #333333; 

}

a.a_headmenu_selected:visited {

    /* text-decoration: NONE;  */

    background-color: #0033ff;
    color: #ffffff;
    /* border: 1px solid #0033ff;     */
    border: 1px solid #3333cc;
    border-right:1px solid #333333;
}

a.a_headmenu_selected:active {

    /* text-decoration: NONE;  */

    background-color: #00cc00;
    /* border: 1px solid #00cc00; */
    border: 1px solid #3333cc;
    color: #000099;
    border-right:1px solid #333333;
}

a.a_headmenu_selected:hover {
    
    /* border: 2px solid #cccccc; */
        
    background-color: #00cc00;
    color: #ffffff;
    /* border: 1px solid #00cc00; */
    border: 1px solid #3333cc;
    border-right:1px solid #333333;
}

#maincont{
/* メインコンテンツ 左寄せ */

  background: #ffffff;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;

 /* postion: absolute;
 left:0px;
 top:80px; */
 width:80%;
 padding:5px;

}

#rightarea {
/* 右サブメニュー範囲 */
 position:absolute;
 /* margin-left:70%; */
 top:85px;
 right:11px;
 width:18%;

}

.rightmenu {
/* サブメニューの箱の範囲 */

 border:1px solid #9999ff;
 padding-left:2px;
 margin-top:5px;
 background-color: #ffffff;

 /* white-space:nowrap; */
}

.h_rightmenu {
/* サブメニューのタイトル行 */
    margin:0px;

    font-size: 90%;
    border-left: none;
    border-bottom: 1px solid #cccccc; 
    background: #ccccff;
    padding: 0.5em;
    
}

.p_menu_selected {
/* サブメニューで選択されている項目 */
    background: #ffff99;
    font-size: 90%;
    text-align:left;
    margin-top: 0.5em;
    margin-bottom: 0.5em;

}

.p_menu_hidden {
/* サブメニューで選択されていない項目 */
    background: #ffffff;
    font-size: 90%;
    text-align:left;    
    margin-top: 0.5em;
    margin-bottom: 0.5em;

}

/* 製品情報中のデータ：右に並べていく */
.div_products_data {
/* データ表の範囲 */
float:left;
width:50;
}

.div_products_data_hb {
/* データ表のタイトル 線あり */
border:1px solid #999999;
background-color:#ffffcc;

}

.div_products_data_db {
/* データ表のデータ 線あり */
border:1px solid #999999;
padding:5px;
}

.div_products_data_h {
/* データ表のタイトル 下線のみ */
border-bottom:1px solid #999999;
background-color:#ffffcc;
padding:5px;
}

.div_products_data_d {
/* データ表のデータ 線なし */
margin:10px;
width: 150px;
text-align:center;
}

.div_products_data_end{
/* データ表の範囲解除 */
clear: left;

}

.div_qtoiawase {
/* 問い合わせ先 */

margin: 10px;
position: relative;
top: 0px;
}

/* 問合せ先会社名　*/
.span_qcomp {

    font-size:120%;
    /* text-decoration:underline; */

}

/* 問合せ先担当者名　*/
.span_qname {

    font-weight:normal;

}

.span_qtelfax {

padding-left:25px;

}

.span_qmail { 
/* メールでのお問い合わせの行 */

background-image: url(question/images/img_mail.gif);  /* 先頭にメールのイメージ */
background-repeat: no-repeat;
padding-left:25px;
height: 21px;
}

.p_plink_h {
/* productsのリンク1 */
margin-left:5px;
padding-left:15px;
background-image: url(products/images/link_prod_h1.gif);  /* 先頭にリンクイメージ */
background-repeat: no-repeat;
height:17px;
}

.PrintNewpageBF {
/* 改ページ */

page-break-before:always;	/* 直前で改ページ */
page-break-after:avoid;		/* 直後での改ページを禁止 */

}

.PrintNewpageAF {
/* 改ページ */

page-break-before:avoid;	/* 直前での改ページを禁止 */
page-break-after:always;	/* 直後で改ページ */

}