@charset "shift_jis";

*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}
a:visited{color:#0000ff;}
body {
	color: #333;
	text-align: center;
	line-height: 130%;
	}
/*全体*/
div#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
border:0px solid #000000;

	}
/*タイトルバー*/
#titleBar img {
	width: 800px;
	height: 80px;
	}
/*NETIS登録番号*/
#netisBox {
	text-align: center;
	font-size: 0.8em;
	border: 1px solid #333;
	padding: 1px;
	width: 250px;
	}

/*特許番号*/
#tokkyoBox {
	text-align: right;
	font-size: 0.8em;
	padding: 1px;
	width: 300px;
	}

/*メニュー*/
#menu {
	font-size: 0.8em;
	padding: 2px 0;
	}
/*概要*/

#txtArea {
	width:95%;
	margin-left:25px;
	margin-bottom: 50px;
	border:0px solid #000000;
	display:block;
	}

#txtArea p {
	font-size: 0.9em;
	}
#txtArea h2 {
	font-weight: 700;
	}
.aboutRS-panel {
	color: #4b6640;
	}

#txtArea li {
	padding-bottom: 0.5em;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 120%;

	}
#txtArea li span {
	font-size: 1em;
	font-weight: normal;
	color: #333;
	}





.titleBar-ehd {
	background-color: #97ca00;
	color: #fff;
	text-indent: 0.8em;
	margin: 15px 0;
	font-weight: 700;
	line-height: 22px;
	height: 22px;
	padding:4px 0;
	font-size:1.2em;
	}



.titleSub {
	color: #000;

	margin: 10px 0;
	font-weight: 700;
	line-height: 22px;
	height: 22px;
	padding:4px 0;
	font-size:1.0em;
	}

.titleSub span{
	color: #339900;
	font-weight: 700;
	font-size:1.3em;
	}


.titleBar {
	background-color: #f4fdea;
	color: #000;
	text-indent: 0.5em;
	margin: 15px 5px;
	font-weight: 700;
	line-height: 22px;
	height: 22px;
	border-left: 8px solid #97ca00;
	padding:2px 0;
	}

.titleBar-cad {
	font-weight: 700;
	font-size:1.2em;
	background-color: #f4fdea;
	color: #000;
	text-indent: 0.5em;
	margin: 15px 5px;
	padding:8px 5px;
	font-weight: 700;
	line-height: 22px;
	height: 22px;
	border-left: 8px solid #339900;
	position: relative;
	}

.titleBar-cad span{
	position: absolute;
	font-size:0.8em;
	top:8px;
	right:20px;

	}
.titleBar-tie {
	background-color: #AAC7E3;
	color: #333333;
	text-indent: 0.5em;
	margin: 10px 0;
	font-weight: 700;
	line-height: 22px;
	height: 22px;
	border-left: 8px solid #336699;
	}

.titleBar-rakkyo {
	background-color: #59BDFF;
	color: #333333;
	text-indent: 0.5em;
	margin: 10px 0;
	font-weight: 700;
	line-height: 22px;
	height: 22px;
	border-left: 8px solid #3B64FB;
	}


/*特長*/
ul.ul_cls {
        margin:0 0 0 10px; padding:0 0 0 10px;
         list-style-image:none;  
        }


/*規格表*/
table.kikaku {
	border-top:1px solid #663300;
	border-left:1px solid #663300;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin-bottom: 20px;
}
.kikaku th{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	color:#330000;
	background-color:#bddc78;
	background-image:url(images/rs-panel/table-back.gif);
	background-position:left top;
	padding:0.5em 1em;
	text-align:center;
}
.kikaku td{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	padding:0.5em 1em;
}
.kikaku th,
.kikaku td {
	}

.kikaku {
	}
.kikaku .auto-style10{
	font-size:0.8em;

}

/*float解除のためのclearfix*/
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	min-height: 1px;
	zoom: 1;
	}
/*その他*/
.float-l {
	float: left;
	}
.float-r {
	float: right;
	}
a:link { color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #0000ff; }
a:active { color: #0000ff; }

/* 備考 */
span.bikou{
font-size:0.8em;

	}
.bold {
	font-weight:bold;

}

.m-center{
	text-align:center;
border:0px solid #000000;
}



.mt-30{
	margin-top:30px;

}

.ml-30{
	margin-left:30px;

}
.mb-10{
	margin-bottom:10px;

}

.mb-30{
	margin-bottom:30px;

}


#box-type01{
	border:2px solid #f4dca9;
	padding:20px;
	}


#box-type01 .catch{
	font-weight: 700;
	color:#eb1521;
	padding:15px 0;

	}

#box-type01 p {
	font-size: 0.9em;
	}

/* 図面ダウンロード */


.DL-container {
	
}

.DL-category {
	display: flex;
	flex-wrap: wrap;
  	justify-content: space-around;
	padding: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.DL-category-title {
	padding: 6px 0px 0px 20px;
	margin: 20px 0px 0px 20px;
	color: #03C;
	font-weight: bolder;
	font-size: 170%;
	border-bottom: 3px solid;
	border-image: linear-gradient(to right, #FFA500 0%, #ffffff 50%);
border-image-slice: 1;
}

.DL-type {
	
}
.DL-type-title {
	font-size: 1.0em;
	padding: 5px 5px 5px 5px;
	 text-decoration: none;
	color: #339900;
	font-weight:bold;
}
.DL-type-note {
	
}



.t_layoutC {
	text-align: center;
}

.t_layoutC ul {
}

.t_layoutC li {
	font-size: 90%;
}

.t_layoutC th {
	background-color:#eeeeee;
	font-size:0.8em;
	border: 1px solid #CCCCCC;
	line-height: 150%;
	padding: 5px;
}

.t_layoutC th2 {
	background-color:#eeeeee;
	font-size: 95%;
	border: 1px solid #CCCCCC;
	line-height: 150%;
	padding: 5px;
}

.t_layoutC td  {
	border: 1px solid #CCCCCC;
	line-height: 140%;
	padding: 10px 10px 10px 20px;
	font-size:0.8em;
}

.t_layoutC dt  {
	padding: 3px;
	font-size: 110%;
	font-weight: bold;
}

.t_layoutC table {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	clear:both;
	margin-bottom:1em;
	width:100%;

	
	
}



.box-type02 {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.box-type02 p {
	width:50%;
	margin:15px 0px;
	text-align: left;
	padding-left:40px;
}

.box-type02 img {
	margin-bottom:5px;

}