/* レイアウト崩れ対応(paddingなどの解釈違い) */
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}
* { -webkit-box-sizing : border-box}
* { -ms-box-sizing : border-box}

body{
	text-align:center;
	background-color:whitesmoke;
	background-image:url("img/bg_body.gif");
	background-repeat: repeat-y;	/* y方向に繰り返す(左右の余白を埋める) */
	background-attachment: fixed;
	background-position: center top; /* サイズ変更時にセンターに合わせる */
	font-size:13px;
	width:800px; /* センター合わせ */
	margin:auto; /* センター合わせ */
	}

a{
	color:black;
	text-decoration:none;
}
a:hover{
	color:salmon;
}
img	{ vertical-align:bottom }	/* tableの下にスペースを作らない為 */

/* === navi menu ===*/
.nm1{
	width:160px;
	height:26px;
	font-size:13px;
	background-image:url("img/bg_nm.gif");
	background-repeat: repeat-x;	/* x方向に繰り返す */
	text-align:center;
	}
.nm1 a{
	width:160px;
	height:26px;
	font-size:13px;
	color:black;
	text-decoration:none;
	background-image:url("img/btn01.gif");
	padding:8px 0 0 0;
	float:left;
}
.nm1 a:hover{
	width:160px;
	height:26px;
	font-size:13px;
	color:black;
	text-decoration:none;
	background-image:url("img/btn02.gif");
	padding:8px 0 0 0;
	float:left;
	}
.nm2{
	font-size:15px;
	width:800px;
	height:28px;
	color:red;
	background-image:url("img/bg_nm.gif");
	background-repeat: repeat-x;	/* x方向に繰り返す */
	text-align:center;
	padding:5px;
	}
.nm3{
	height:5px;
	font-size:5px;
	background-color:steelblue;
	}
/* === ヘッダー部分のスタイル === */

.head{
	width:800px;
	/*border-left: 1px solid black;*/
	}
.head1{
	width:800px;
	/*background-color:whitesmoke;*/
	background-color:white;
	/*border-bottom: 1px solid black;*/
	}
.head2{
	font-size:16px;
	padding:4px;
	color:orange;
	text-align:right;
	background-color:slategray;
	/*background-image:url("img/logo02.jpg");*/
	}
.head3{
	width:100px;
	height:20px;
	font-size:12px;
	padding:2px;
	color:orange;
	text-align:center;
	/*background-image:url("img/btn03_on.gif");*/
	}
.head3 a{
	border-left: 10px solid cadetblue;
	border-bottom: 1px solid gray;
	padding:1px 5px;
	color:black;
	text-decoration:none;
}
.head3 a:hover{
	border-left: 10px solid indianred;
	border-bottom: 1px solid gray;
	padding:1px 5px;
	color:indianred;
	}
/*
.head4{
	width:600px;
	height:20px;
	font-size:12px;
	padding:2px;
	color:orange;
	text-align:left;
	}
.head4 a{
	border-left: 10px solid cadetblue;
	border-bottom: 1px solid gray;
	padding:1px 5px;
	color:black;
	text-decoration:none;
}
.head4 a:hover{
	border-left: 10px solid indianred;
	border-bottom: 1px solid gray;
	padding:1px 5px;
	color:indianred;
	}
*/ 
/* === Topメニュー部分のスタイル === */
.menu{
	width:800px;
	background-color:steelblue;
	/*background-color:#765C5C;*/
	font-size:13px;
	/*font-weight:bold;*/
	color:white;
	}

.menu div{
	padding-top:5px;
	padding-bottom:4px;
	}

.menu1{
	text-align:right;
	width:640px;
	}

.menu1 div{
	float:left;
	width:120px;
	border-right:solid 1px orange;
	text-align:center;
	}

.menu1 a{
	color:white;
	text-decoration:none;
}
.menu1 a:hover{
	color:salmon;
	/*text-decoration:underline;*/
	}

/* === コンテンツ部分(大枠)のスタイル === */

.main_body{
	width:800px;
	font-size:13px;
	margin:0 auto;
	text-align:left;
	/*border:solid 1px green;*/
	}
.main_body_margin{
	margin:10px 0px 10px 0px;
	}
.c-both{
	clear:both;
	}
.main_title{
	width:800px;
	/*border-left: 10px solid rosybrown;*/
	border-bottom: 1px solid gray;
	font-size:18px;
	font-weight:bold;
	margin:10px 0;
	padding:4px 10px;
	text-align:left;
	}

/* === パンくずリストのスタイル === */
.topic_path{
	border-left: 10px solid rosybrown;
	width:800px;
	font-size:12px;
	padding:4px;
	text-align:left;
	background-color:whitesmoke;
	}
.topic_path a{
	padding:1px 5px;
	color:black;
	/*text-decoration:none;*/
}
.topic_path a:hover{
	padding:1px 5px;
	color:indianred;
	}


/* === コンテンツ部分のスタイル === */

.t_info{
	width:800px;
	font-size:13px;
	text-align:left;
	border:solid 1px gray;
	padding:10px 50px 10px 50px;
	margin:1px 0 5px 0;
	}

.t_info2{
	width:800px;
	background-color:white;
	border-left: 10px solid yellowgreen;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	font-size:13px;
	color:black;
	padding:5px 6px 3px 6px;
	font-weight: normal;
	}
.t_info3{
	width:800px;
	background-color:whitesmoke;
	/*border-left: 10px solid yellowgreen;*/
	/*border-top: 1px solid gray;*/
	/*border-right: 1px solid gray;*/
	font-size:15px;
	color:red;
	padding:5px 6px 3px 6px;
	font-weight: normal;
	}
.t_main_body_l{
	width:530;
	border:none;
	float:left;
	}
.t_main_body_ll_i{
	width:260px;
	background-color:white;
	border-left: 10px solid slateblue;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	font-size:13px;
	color:black;
	padding:5px 6px 3px 6px;
	margin:10px 0 1px 0;
	font-weight: normal;
	float:left;
	}
.t_main_body_ll_i2{
	width:260px;
	background-color:white;
	border-left: 10px solid darkgreen;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	font-size:13px;
	color:black;
	padding:5px 6px 3px;
	margin:20px 0 1px;
	font-weight: normal;
	float:left;
	}
.t_main_body_ll{
	width:260;
	border:solid 1px gray;
	float:left;
	}
.t_main_body_ll img{
	border:none;
	}
.t_main_body_lr_i{
	width:260px;
	background-color:white;
	border-left: 10px solid slateblue;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	font-size:13px;
	color:black;
	padding:5px 6px 3px 6px;
	margin:10px 0 1px 0;
	font-weight: normal;
	float:right;
	}
.t_main_body_lr_i2{
	width:260px;
	background-color:white;
	border-left: 10px solid darkgreen;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	font-size:13px;
	color:black;
	padding:5px 6px 3px;
	margin:20px 0 1px;
	font-weight: normal;
	float:right;
	}
.t_main_body_lr{
	width:260;
	border:solid 1px gray;
	float:right;
	}
.t_main_body_lr img{
	border:none;
	}
	
.t_main_body_r_i{
	width:260px;
	background-color:white;
	border-left: 10px solid slateblue;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	font-size:13px;
	color:black;
	padding:5px 6px 3px 6px;
	margin:10px 0 1px 0;
	font-weight: normal;
	float:right;
	}
.t_main_body_r{
	width:260;
	border:solid 1px gray;
	float:right;
	}
.t_main_body_r img{
	border:none;
	}
.t_main_body_r2{
	width:260;
	float:right;
	}
.t_main_body_r2 img{
	border:none;
	}

/* === フッター部分のスタイル === */

.foot{
	font-size:12px;
	width:800px;
	}
.foot h1{
	font-weight:normal;
	/*background-color:#765C5C;*/
	background-color:steelblue;
	font-size:12px;
	color:white;
	padding:5px 6px 3px;
	text-align:center;
	}

/* === メッセージ部分のスタイル === */
.message{
	/*background-color:#e9e7e7;*/	/*薄いgray*/
	width:630px;
	/*border:solid 1px gray;*/
	margin-top:5px;
	margin-bottom:5px;
	margin-left:50px;
	margin-right:50px;
	text-align:left;
	font-size:13px;
	}

.message_in{
	width:550px;
	/*border:solid 1px gray;*/
	margin-top:0px;
	margin-bottom:10px;
	margin-left:40px;
	margin-right:40px;
	text-align:left;
	font-size:13px;
	}

.message h2{
	background-color:white;
	border-left: 10px solid cadetblue;
	border-bottom: 1px solid gray;
	/*border:solid 1px gray;*/
	font-size:13px;
	color:black;
	padding:5px 6px 3px;
	font-weight: normal;
	}

.message_title{
	width:550px;
	text-align:left;
	font-size:13px;
	}

.message_font{
	background-color:whitesmoke;	/*#ffffcc*/
	font-color:black;
	}
.message_font_m{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:10px;
	}
/* === テーブル部分のスタイル === */
.t_table{
	width:630px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:50px;
	margin-right:50px;
	text-align:left;
	font-size:13px;
	}
.t_table_in{
	width:550px;
	/*border:solid 1px gray;*/
	margin-top:0px;
	margin-bottom:10px;
	margin-left:40px;
	margin-right:40px;
	text-align:left;
	font-size:13px;
	}
.t_table h2{
	background-color:white;
	border-left: 10px solid cadetblue;
	border-bottom: 1px solid gray;
	/*border:solid 1px gray;*/
	font-size:13px;
	color:black;
	padding:5px 6px 3px;
	font-weight: normal;
	}
.t_table_title{
	background-color:#CCCCCC;
	width:550px;
	text-align:left;
	font-size:13px;
	}
.t_table_sel_l{
	/*border:solid 1px gray;*/
	width:100px;
	background-color:whitesmoke;
	font-color:black;
	}
.t_table_sel_r{
	/*border:solid 1px gray;*/
	width:450px;
	background-color:white;
	font-color:black;
	}
.t_table_sel_r a{
	border-left: 10px solid cadetblue;
	padding:1px 5px;
	color:black;
	text-decoration:none;
	float:right;
	}
.t_table_sel_r a:hover{
	border-left: 10px solid indianred;
	padding:1px 5px;
	color:indianred;
	float:right;
	}
.t_table_title_font{
	margin:10px;
	}
	
.t_table2{
	background-color:#CCCCCC;
	width:600px;
	text-align:left;
	font-size:13px;
	}
.t_table2_sel_a{
	/*border:solid 1px gray;*/
	/*width:100px;*/
	background-color:honeydew;
	font-color:black;
	}
.t_table2_sel_b{
	/*border:solid 1px gray;*/
	/*width:100px;*/
	background-color:whitesmoke;
	font-color:black;
	}
.t_table2_sel_c{
	/*border:solid 1px gray;*/
	/*width:100px;*/
	background-color:oldlace;
	font-color:black;
	}
.t_table2_font{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:5px;
	margin-right:5px;
	}
.t_table3{
	background-color:white;
	text-align:left;
	font-size:13px;
	}
.t_table3_in{
	margin-top:5px;
	margin-bottom:2px;
	margin-left:20px;
	margin-right:10px;
	}
.t_table4{
	text-align:center;
	font-size:13px;
	}
.t_table4_in{
	margin-top:2px;
	margin-bottom:2px;
	}
.t_table5{
	background-color:lavender;
	text-align:left;
	font-size:13px;
	}
.t_table5_in{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:5px;
	margin-right:5px;
	}
.t_table_return{
	width:530px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:50px;
	margin-right:50px;
	text-align:center;
	font-size:13px;
	}

/* === 製品情報部分のスタイル === */
.products{
	/*border:solid 1px gray;*/
	width:720px;
	margin:10px 40px;
	font-size:13px;
	text-align:left;
	}
.products h2{
	width:720px;
	background-color:whitesmoke;
	border-left: 10px solid slateblue;
	border-bottom: 1px solid gray;
	font-size:15px;
	font-weight:normal;
	margin:10px 0;
	padding:4px 10px;
	text-align:left;
	}
.products h3{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	}
.products h4{
	background-color:whitesmoke;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding:2px 5px;
	}
.products_sub{
	/*border:solid 1px gray;*/
	width:700px;
	margin:10px 0 10px 20px;
	font-size:13px;
	text-align:left;
	}
.products_font{
	font-size:13px;
	text-align:left;
	}
	
.page_to_top{
	background-color:white;
	border-bottom: 1px solid gray;
	font-size:12px;
	font-weight:normal;
	float:right;
	padding:2px 5px;
	}