/* CSS 共通設定 */

/***********************************************************/
/* ■初期設定                                              */
/***********************************************************/
body{
	color:#000000;/*通常のテキストカラー*/
	}
a{
	color:#0099FF;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:none;/*マウスが乗った時下線を表示（つけない場合は underne を none へ）*/
	}

/*■初期設定ここまで*/

*{ margin:0; padding:0;}
img{ border:0;}

table,div{
	margin:auto;
}

/***********************************************************/
/* ■フォントサイズ調整                                    */
/***********************************************************/
body {
	font-size: 15px; /* モダンブラウザ */
	*font-size: large; /* IE 7 (small)*/
	*font: midium; /* IE 6以下 (x-small)*/
	font-family:'ＭＳ Ｐゴシック', sans-serif;/*フォント種*/

}
p,th,td,li{
	font-size:15px;		/*14px*/
	*font-size:98%;		/* 95% */
	*font:80%;
}

body{
	text-align:center;
}


/***********************************************************/
/* ■レイアウトセレクタ                                    */
/***********************************************************/
.CNT{
	text-align:center;
	}
.L{
	text-align:left;
	}
.R{
	text-align:right;
	}

/*画像のマージン*/
img.i_margin{
	margin:10px;
}

/*強調表示*/
.strength1{
	font-weight:bold;
}

.strength2{
	font-weight:bolder;
	font-size:x-large;
}

.strength3{
	font-weight:bold;
	color: #ff0000;		/* red */
}

.strength4{
	font-weight:bold;
	color: #2078FF;		/* blue */
}

/* 弱め表示 */
.weaken1{
	font-size: 97%;
}

.weaken2{
	font-size: 87%;
}

.weaken3{
	font-size: 77%;
}

.weaken4{
	font-size: 67%;
}

/* 価格表示 */
/* 定価 */
.t_price{
	font-weight: bold;
	color: #000000;			/* black */
}

/* 販売単価 */
.h_price{
	font-size: large;
	font-weight: bold;
	color: #ff0000;		/* red */
}

/***********************************************************/
/* ■基本レイアウト(ヘッダ設定)                            */
/***********************************************************/
/* コンテンツの全体的な設定(一番大きいブロック) */
#container{
	width:796px;
	margin:auto;
	text-align:left;
	}

#head{}

/* 一番上の検索語表示：見出し設定 */
#head h1{
	height:16px;
	line-height:16px;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	text-indent:0;
	}

/* 一番上の会社名表示：見出し設定 */
#head h2{
	margin:0px 0 0 0px;
	font-weight:normal;
	}

div.logo{
	}

/* 一番上の会社名表示：見出し＋リンク設定 */
#head h2 a{
	font-size:35px;		/* 30px */
	text-decoration:none;
	color:#013364;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	
	}
/* 一番上の会社名表示：見出し＋リンク設定(カーソルON時) */
#head h2 a:hover{
	font-size:35px;		/* 30px */
	text-decoration:none;
	color:#013364;
	}
/********************/
/* メニューバー２   */
/********************/
#head_menu2 {
	width:796px;
	height:25px;
}

/* リスト設定(順序なし) */
#head_menu2 ul{
	list-style-type:none;
	}

/* メニューバー：リスト表示設定 */
#head_menu2 ul li{
	font-size:15px;		/* 13px */
	letter-spacing:1px;			/* 文字間隔の指定 */
	float:right;						/* 右側寄せ配置 */
	width:100px;
	height:25px;
	position:relative;			/* 配置方法:相対位置 */
	}

#head_menu2 ul li a{
	color:#316AC5;
	text-decoration:none;		/* ﾃｷｽﾄ装飾設定 */
	display:block;					/* 要素の表示形式:ﾌﾞﾛｯｸ */
	width:100px;
	height:25px;
	line-height:20px;				/* 行の高さ指定*/
	text-align:center;
	}

/********************/
/* メニューバー１   */
/********************/
/* メニューバー：画像設定 */
#head_menu{
	background:url(img/bg_head_menu.gif) no-repeat;
	width:796px;
	height:30px;
	}

/* メニューバー：リスト設定(順序なし) */
#head_menu ul{
	list-style-type:none;
	}

/* メニューバー：リスト表示設定 */
#head_menu ul li{
	font-size:14px;		/* 16px */
	letter-spacing:1px;
	float:left;						/* 左側寄せ配置 */
	width:159px;
	height:30px;
	position:relative;
	}

/* メニューバー：リストのリンク設定 */
#head_menu ul li a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	font:14px;
	width:159px;
	height:30px;
	line-height:30px;
	text-align:center;
	}

/* メニューバー：リストのリンク設定(カーソルON時) */
#head_menu ul li a:hover{
	color:#FFCC00;
	}

/* メニューバー：リスト通常時(非展開) */
#head_menu ul li.off{
	overflow:hidden;
	width:159px;
	}

/* メニューバー（サブメニュー用）：リスト通常時(非展開) */
#head_menu ul li.off ol.sub{
	left:0px;
	top:-999px;
	}

/* メニューバー（サブメニュー用）*/
#head_menu ul ol.sub{
	position:absolute;
	left:0px;
	top:30px;
	width:159px;
	border:1px solid #999999;
	text-align:center;
	list-style-type:none;
	}

/* メニューバー：リスト(展開時) */
#head_menu ul li.on{
	width:159px;
	}
#head_menu ul>li.on{
	overflow:visible;/*×*/
	}

/* メニューバー（サブメニュー用）*/
#head_menu ul ol.sub li{
	float:none;
	width:159px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #999999;
	text-align:center;
	float:none;
/*
	filter:alpha(opacity=82); /*IE*/		/*要素の透過度を指定*/
	-moz-opacity:0.82; /*FF*/
*/
	}

/* メニューバー（サブメニュー用）：リストのリンク設定*/
#head_menu ul ol.sub li a{
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
	vertical-align:middle;							/* ﾃｷｽﾄの縦方向の位置 */
	font-size:13px;		/* 12px */
	height:30px;
	line-height:30px;
	text-align:center;
	}
/* メニューバー（サブメニュー用）：リストのリンク設定(カーソルON時)*/
#head_menu ul ol.sub li a:hover{
	background-color:#FFCC00;
	color:#000000;
	}

.line{
	clear:left;
	margin:10px 0 0 0;
	}



/***********************************************************/
/* トップページ設定１                                      */
/***********************************************************/
/* トップページ：画像設定 */
/*
#main_image{
	float:left;
	background:url(img/top/main_pic.jpg) no-repeat;
	width:796px;
	height:300px;
	}
*/

#main_image{
/*	background:url(img/top/bg_main_pic.gif) no-repeat;
/*	width:740px;
	background:url(swfpic/01.jpg) no-repeat;
	height:194px;
	margin:16px 0 20px 0;
	padding:8px 7px 6px 7px;*/
	width:30%;
	height:30%;
	margin:8px 0 8px 0;
	padding:8px 7px 6px 7px;
	}

/* トップページ：段落設定 */
#main_image p{
	margin:20px;
	color:#FFFFFF;
	font-size:15px;		/* 12px */
	text-align:right;
	}

/***********************************************************/
/* ■基本レイアウト(コンテンツ設定)                        */
/***********************************************************/
#contents{
	margin:10px 0 0 0;
	clear:left;
	zoom:100%;
	}
#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	

#btm_pagetop{
	width:796px;
	height:20px;
	margin:0 0 0 0;
	text-align:right;
	vertical-align:bottom;					/* ﾃｷｽﾄの縦方向の位置 */
	}
<!--
#other_line{
	background:url(img/line01.gif) no-repeat bottom;
	clear:both;
	width:796px;
	height:3px;
	margin:0 0 0 0;
	}
-->
/***********************************************************/
/* ■基本レイアウト(フッタ設定)                            */
/***********************************************************/
/* フッタ：画像設定 */
#foot_up{
	background:url(img/line_02.gif) no-repeat bottom;
	clear:both;
	height:32px;
	margin:0 0 0 0;
	}

/* コピーライト */
#copy{
	height:20px;
	font-size:10px;
	text-align:right;
	color:#333333;
	padding:2px;
	margin:4px 0 0 0;
	text-decoration:none;
	}

/* コピーライト：リンク設定 */
#copy a{
	color:#333333;
	text-decoration:none;
	}

/* コピーライト：リンク設定(カーソルON時) */
#copy a:hover{
	color:#333333;
	}

/* pondt著作権表示： */
#p-copy{
	text-align:right;
	font-size:11px;
	color:#999999;
	width:780px;
	text-decoration:none;
	}

/* pondt著作権表示：リンク設定 */
#p-copy a{
	color:#999999;
	font-size:10px;
	text-decoration:none;
	}	

/* pondt著作権表示：リンク設定(カーソルON時) */
#p-copy a:hover{
	color:#999999;
	text-decoration:none;
	}


/***********************************************************/
/* トップページ設定２                                      */
/***********************************************************/
#top{}
#top_btm{
	zoom:100%;
	}

/* 未使用 */
#top_btm:after{
	content: "";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
/********/
/* 左枠 */
/********/
#top div#left{
	float:left;						/* 左側寄せ配置 */
	width:440px;
	margin:20px 0 0 0;
	}

/* 左枠：見出し設定 */
#top div#left h3{
	font-size:21px;		/* 20px */
	background:url(img/top/st_info.gif) no-repeat;	/* add↓ */
	font-weight:bolder;
	color: #FFFFFF;			/* white */
	vertical-align:bottom;					/* ﾃｷｽﾄの縦方向の位置 */
	text-indent:5px;
	width:440px;
	height:30px;																		/* add↑ */
	margin: 0;
	}
	

/* 左枠の内容設定 */
#top div#left div#info{
	background:url(img/top/bg_info.gif) no-repeat;
	width:440px;
	height:201px;
	margin: 0 0 30px 0;
	}

/* 左枠の内容のメイン設定 */
#top div#left div#info div#main{
	overflow:auto;
	height:198px;
	margin:2px 1px 1px 0;
	}

/* 左枠の内容のメイン設定：見出し設定 */
#top div#left div#info div#main h4{
	margin:8px 10px 0px 10px;
	font-size:100%;
	color:#003366;
	}

/* 左枠の内容のメイン設定：段落設定 */
#top div#left div#info div#main p{
	margin:4px 10px 0 10px;
	}

/********/
/* 右枠 */
/********/
#top div#right{
	float:left;						/* 左側寄せ配置 */
	width:338px;
	margin:20px 0 0 18px;
	}
/* 右枠のバーナー */
#top div#right div#_sps{}

/* 右枠のバーナー：段落設定 */
#top div#right div#bnr_sps p{
	margin:0 0 6px 0;
	border:solid #000000;
	border-width:2px 1px 1px 1px;
	}

/* 右枠のバーナー：段落のリンク設定 */
#top div#right div#bnr_sps p a{
	background:url(img/top/bg_bnr_anc.gif) no-repeat center top;
	display:block;
	width:336px;
	height:108px;
/*
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.80; /*FF*/
*/
	vertical-align:bottom;					/* ﾃｷｽﾄの縦方向の位置 */
	font-size:15px;		/* 14px */
	line-height:30px;
	text-decoration:none;
	text-align:center;
	color:#000000;
	}

/* 右枠のバーナー：段落のリンク設定(リンクON時) */
#top div#right div#bnr_sps p a:hover{
/*
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
*/
	}
/* 右枠のバーナー１：段落の画像設定 */
#top div#right div#bnr_sps p.bnr01{
	background:url(img/top/bnr01.jpg) no-repeat center;
	}
/* 右枠のバーナー２：段落の画像設定 */
#top div#right div#bnr_sps p.bnr02{
	background:url(img/top/bnr02.jpg) no-repeat center;
	}
/* 右枠のバーナー３：段落の画像設定 */
#top div#right div#bnr_sps p.bnr03{
	background:url(img/top/bnr03.png) no-repeat center;
	}

/* 右枠のバーナー４：段落の画像設定 */
#top div#right div#bnr_sps p.bnr04{
	background:url(img/top/TRUSCO234x60.png) no-repeat center;
	}

/* 右枠のバーナー５：段落の画像設定 */
#top div#right div#bnr_sps p.bnr05{
	background:url(img/top/bnr05.jpg) no-repeat center;
	}

/***********************************************************/
/* その他のページ                                          */
/***********************************************************/
#other_page{
}

/* 見出し設定(h3) */
#other_page h3{
	background:url(img/sub_page/bg_h2_01.jpg) no-repeat;
	font-size:22px;		/* 22px */
	font-weight:bold;						/* フォントの太さ*/
	line-height:80px;					/* 行の高さ */
	height:60px;
	color:#000000;
	text-indent:20px;						/* 一行目のｲﾝﾃﾞﾝﾄ幅 */
	}

/* 見出し設定(h4) */
#other_page h4{
	background:url(img/bg_h3_01.gif) no-repeat center left;
	text-indent:15px;
	font-size:122%;		/* 120% */
	line-height:1.0em;
	vertical-align:top;					/* ﾃｷｽﾄの縦方向の位置 */
	color:#003366;
	margin:36px 0px 20px 0;				/* 上右下左 */
	}

/* 見出し設定(h5) */
#other_page h5{
	font-size:100%;
	line-height:1.0em;
	vertical-align:top;					/* ﾃｷｽﾄの縦方向の位置 */
	margin:14px 0 10px 10px;
	color:#003366;
	}	

/*****************/
/* タイプAの内容 */
/*****************/
#other_page div.typeA{
	text-indent:15px;						/* 一行目のｲﾝﾃﾞﾝﾄ幅 */
}

/* 段落設定 */
#other_page div.typeA p{
	margin:8px 0 16px 0;
	line-height:110%;						/* 行の高さ */
	}

/* リスト設定(順序なし) */
#other_page div.typeA ul{
	list-style-type:square;			/* ﾘｽﾄのﾀｲﾌﾟ■ */
	text-indent:40px;						/* 一行目のｲﾝﾃﾞﾝﾄ幅 */
	}

/* リスト表示設定 */
#other_page div.typeA ul li{
}

/* リストのリンク設定 */
#other_page div.typeA ul li a{
	color:#316AC5;
	text-decoration:none;
	text-align:left;
	}


/*****************/
/* タイプBの内容 */
/*****************/
#other_page div.typeB{
	zoom:100%;
	text-indent:15px;						/* 一行目のｲﾝﾃﾞﾝﾄ幅 */
	}

/* タイプBの内容：未使用*/
#other_page div.typeB:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}

/* タイプBの内容：段落設定 */
#other_page div.typeB p{
	margin:8px 0 10px 0;
	line-height:110%;			/* 行の高さ */
	}	

/*** 50:50 ***/

/* タイプBの内容（左枠） */
#other_page div.typeB div.left{
	float:left;						/* 左側寄せ配置 */
	width:370px;
	}

/* タイプBの内容（右枠） */
#other_page div.typeB div.right{
	float:right;						/* 右側寄せ配置 */
	width:370px;
	margin:0 0 0 20px;
	}

/*** 60:40 ***/


/* タイプBの内容（左枠） */
#other_page div.typeB div.left1{
	float:left;						/* 左側寄せ配置 */
	width:450px;		/*R+L+margin=740*/
	}

/* タイプBの内容（右枠） */
#other_page div.typeB div.right1{
	float:right;						/* 右側寄せ配置 */
	width:290px;
	margin:0 0 0 10px;
	}

/*** 30:70 ***/

/* タイプBの内容（左枠） */
#other_page div.typeB div.left2{
	float:left;						/* 左側寄せ配置 */
	width:190px;		/*R+L+margin=750*/
	}

/* タイプBの内容（右枠） */
#other_page div.typeB div.right2{
	float:right;						/* 右側寄せ配置 */
	width:550px;
	margin:0 0 0 10px;
	}


/* リスト設定(順序なし) */
#other_page div.typeB ul{
	list-style-type:square;					/* ﾘｽﾄのﾀｲﾌﾟ■ */
	text-indent:40px;								/* 一行目のｲﾝﾃﾞﾝﾄ幅 */
	list-style-position: outside;		/* ﾘｽﾄﾏｰｸの位置:ﾎﾞｯｸｽの外側 */
	}

/* リスト表示設定 */
#other_page div.typeB ul li{
}

/* リストのリンク設定 */
#other_page div.typeB ul li a{
	color:#316AC5;
	text-decoration:none;
	text-align:left;
	}

/* 見出し３ライン設定：画像設定 */
#other_line{
	background:url(img/line01.gif) no-repeat bottom;
	clear:both;
	width:796px;
	height:3px;
	margin:0 0 0 0;
	}

/* 段落 */
#other_page p{
	margin:6px 0 0 0;						/* 上右下左 */
	text-indent:15px;						/* 一行目のｲﾝﾃﾞﾝﾄ幅 */
	}

/*********************************************************************************/
/* テーブルセットA :表の表示方法：固定、見出しセルに画像設定、border種類：outset */
/*********************************************************************************/
#tbl_setA{
	border-collapse:collapse;				/* 隣接するセルのボーダーを重ねて表示 */
	margin:6px 0 20px 15px;					/* 上右下左 */
	border:3px outset #7A96DF;		  /* 幅(細)･種類･色 */
	table-layout: fixed;					  /* 表の表示方法:固定 */
	}

/* テーブルセットA：キャプション設定 */
#tbl_setA caption{
	caption-side: top;
	font-weight: bolder;
}

/* テーブルセットA：見出しセル設定 */
#tbl_setA th{
	border:#003366 solid 1px;
	background:url(img/bg_th_a.gif);
	padding:6px;
	color:#003366;
	text-align:center;
	text-indent:0px;							/* 2009.8.25 add */
	}

/* テーブルセットA：データセル設定 */
#tbl_setA td{
/*	border:#003366 solid 1px;*/
	border:1px outset #7A96DF;		/* 幅(細)･種類･色 */
	padding:6px;
	text-indent:0px;							/* 2009.8.25 add */
	}

/* テーブルセットA：データセル設定２ */
#tbl_setA td.type2{
	border:1px outset #7A96DF;		/* 幅(細)･種類･色 */
	padding:6px;
	background:url(img/bg_th_a.gif);
	color:#003366;
	}

/*********************************************************************************/
/* テーブルセットB :表の表示方法：自動、見出しセルに画像なし、border種類：solid */
/*********************************************************************************/
#tbl_setB{
	border:#003366 solid 1px;			/* 幅(細)･種類･色 */
	border-collapse:collapse;			/* 隣接するセルのボーダーを重ねて表示 */
	margin:6px 0 20px 15px;				/* 上右下左 */
	table-layout: auto;						/* 表の表示方法:自動 */
	text-align: left;							/*ﾌﾞﾛｯｸﾚﾍﾞﾙで行揃え：左側 */
	}

/* テーブルセットB：キャプション設定 */
#tbl_setB caption{
	caption-side: top;
	font-weight: bolder;
}

/* テーブルセットB：見出しセル設定 */
#tbl_setB th{
	border:#003366 solid 1px;
	padding:6px;
	color:#003366;
	text-align:center;
	}

/* テーブルセットB：データセル設定 */
#tbl_setB td{
	border:#003366 solid 1px;
	padding:6px;
	}


/*****************************************************************/
/* テーブルセットC :                                             */
/*   表の表示方法：自動、見出しセルに画像あり、border種類：solid */
/*   表の表示方法：ブロックレベルで行揃え：左側 */
/*****************************************************************/
#tbl_setC{
	border:#003366 solid 1px;			/* 幅(細)･種類･色 */
	border-collapse:collapse;			/* 隣接するセルのボーダーを重ねて表示 */
	margin:6px 0 20px 15px;				/* 上右下左 */
	table-layout: auto;						/* 表の表示方法:自動 */
	text-align: left;							/*ﾌﾞﾛｯｸﾚﾍﾞﾙで行揃え：左側 */
	}

/* テーブルセットB：キャプション設定 */
#tbl_setC caption{
	caption-side: top;
	font-weight: bolder;
}

/* テーブルセットB：見出しセル設定 */
#tbl_setC th{
	border:#003366 solid 1px;
	padding:6px;
	color:#003366;
	background:url(img/bg_th_a.gif);
	text-align:center;
	}

/* テーブルセットB：データセル設定 */
#tbl_setC td{
	border:#003366 solid 1px;
	padding:6px;
	}


/* テキスト１:長文,1行目インデント */
#text-type1 {
	text-align: left;
	margin: 0 0 0 15px;
}

/* テキスト２:署名(右揃え) */
#text-type2 {
	text-align: right;
}


/*************************/
/* map                   */
/*************************/
.map{
		border:thick outset #7A96DF;			/* 幅(細)･種類･色 */
		width:256px;
		height:256px;
	}

/*************************/
/* メーカー種別          */
/*************************/
#maker_kind{
  width:600px;
  height:200px;
	border:thick outset #7A96DF;
	font-size:16px;		/* 15px */
  text-align:center;
}

#maker_kind p a{
  color:#000060;
  text-decoration:none;
  text-align:center;
}


.margin_line01{
	background:url(img/line01.gif) no-repeat bottom;
	clear:both;
	width:796px;
	height:3px;
	margin:50px 0 50px 0;		/*上・右・下・左*/
	}

/*************************/
/* 戻る                  */
/*************************/
/* HOMEへ戻る */
#back_home{
}
/* ページの先頭へ戻る */
#back_head{
}