@charset "utf-8";
/* ------------------------------------------------------
contents
------------------------------------------------------ */

/* table */
.l-content .ADDTable {
	width: 100%;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
	margin: 0 0 50px 0;
}
.l-content .ADDTable th {
	padding: 7px 6px;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #e6e6e6;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.l-content .ADDTable td {
	padding: 7px 6px;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #fff;
	text-align: center;
}
.l-content .ADDTable td.sp {
	text-align: left;
	padding: 10px 15px 0;
	vertical-align: top;
}


/* 詳細 */
.l-content .adddetail .endface_area {
	width: 944px;
	height: 290px;
	border: 3px solid #dadada;
	margin: 25px 0;
}
.l-content .adddetail .endface_area .L_box {
	float: left;
	width: 232px;
}
.l-content .adddetail .endface_area .R_box {
	float: left;
	width: 712px;
}
.l-content .adddetail .endface_area .R_box ul.items li {
	float: left;
}
/* OrderとDelivery① */
.l-content .adddetail ul.od_endface {
	float: left;
	width: 385px;
	height: 25px;
	margin: 0 25px 0 0;
}
.l-content .adddetail ul.od_endface li {
	float: left;
}
/* OrderとDelivery② */
.l-content .adddetail ul.od_endface2 {
	float: left;
	width: 425px;
	height: 25px;
	margin: 0 25px 0 0;
}
.l-content .adddetail ul.od_endface2 li {
	float: left;
}
/* OrderとDelivery③ */
.l-content .adddetail ul.od_endface3 {
	float: left;
	width: 463px;
	height: 25px;
}
.l-content .adddetail ul.od_endface3 li {
	float: left;
}
/* OrderとDelivery④ */
.l-content .adddetail ul.od_endface4 {
	float: left;
	width: 505px;
	height: 25px;
	margin: 0 25px 0 0;
}
.l-content .adddetail ul.od_endface4 li {
	float: left;
}
/* フレームの置き方の基準と注意事項 */
.l-content .adddetail .P_standard {
	float: left;
	width: 463px;
	margin: 0 24px 0 0;
}
.l-content .adddetail .Att_area {
	float: left;
	width: 463px;
}
/* フレームの置き方の基準（例） */
.l-content .adddetail ul.flames {
	width: 463px;
	margin: 15px 0;
}
.l-content .adddetail ul.flames li {
	float: left;
}
.l-content .adddetail ul.flames2 {
	width: 530px;
	margin: 15px 0;
}
.l-content .adddetail ul.flames2 li {
	float: left;
}
.l-content .adddetail ul.Tcorner {
	width: 944px;
	height: 230px;
	border: 3px solid #dadada;
	margin: 0 0 10px 0;
}
.l-content .adddetail ul.Tcorner li {
	float: left;
}
/* 45度カット */
.l-content .adddetail ul.C_cut {
	width: 304px;
	padding: 10px 80px;
	border: 1px solid #c9c9c9;
	margin: 0 0 0 40px;
}
.l-content .adddetail ul.C_cut li {
	float: left;
}
/* 固定位置レンチ穴 */
.l-content .adddetail .wrench_hole {
	width: 944px;
	border: 3px solid #dadada;
	margin: 30px 0;
}
.l-content .adddetail ul.WH_items {
	width: 672px;
	float: right;
}
.l-content .adddetail ul.WH_items li {
	float: left;
}
.l-content .adddetail ul.WH_items2 {
	width: 642px;
	float: right;
}
.l-content .adddetail ul.WH_items2 li {
	float: left;
}
/* ジョイントご利用時の追加工 */
.l-content .adddetail ul.joint {
	width: 950px;
	height: 300px;
	margin: 0 0 30px 0;
}
.l-content .adddetail ul.joint img {
	text-align: center;
	margin: 0 0 10px 0;
}
.l-content .adddetail ul.joint .jttl {
	text-align: center;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.l-content .adddetail ul.joint li.hole1 {
	float: left;
	width: 267px;
	height: 258px;
	border: 1px solid #cccccc;
	margin: 0 26px 0 0;
	padding: 15px;
}
.l-content .adddetail ul.joint li.hole2 {
	float: left;
	width: 267px;
	height: 258px;
	border: 1px solid #cccccc;
	margin: 0 27px 0 0;
	padding: 15px;
}
.l-content .adddetail ul.joint li.hole3 {
	float: left;
	width: 267px;
	height: 258px;
	border: 1px solid #cccccc;
	padding: 15px;
}
/* 指定位置ザグリ穴 */
.l-content .adddetail .zaguri_area {
	width: 944px;
	height: 254px;
	border: 3px solid #dadada;
	margin: 30px 0;
}
.l-content .adddetail .zaguri_area .L_box {
	float: left;
	width: 302px;
}
.l-content .adddetail .zaguri_area .R_box {
	float: left;
	width: 642px;
}
.l-content .adddetail .zaguri_area .R_box ul.items li {
	float: left;
}
.l-content .adddetail .zaguri_area .R_box ul.zagu_txt {
	margin: 15px 0 30px 55px;
}
.l-content .adddetail .zaguri_area .R_box ul.zagu_txt li.txt01 {
	background: url(/special/alumiframe/additional_machining/detail/img/txt_zaguri01.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .adddetail .zaguri_area .R_box ul.zagu_txt li.txt02 {
	background: url(/special/alumiframe/additional_machining/detail/img/txt_zaguri02_20201223.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* D穴 */
.l-content .adddetail .Dhole_area {
	width: 944px;
	height: 254px;
	border: 3px solid #dadada;
	margin: 25px 0;
}
.l-content .adddetail .Dhole_area .L_box {
	float: left;
	width: 302px;
}
.l-content .adddetail .Dhole_area .L_box ul.items li {
	float: left;
}
.l-content .adddetail .Dhole_area .R_box {
	float: left;
	width: 642px;
	position: relative;
}
.l-content .adddetail .Dhole_area .R_box ul.items {
	width: 490px;
}
.l-content .adddetail .Dhole_area .R_box ul.items li {
	float: left;
}
.l-content .adddetail .Dhole_area .R_box ul.Dhole_txt li.txt01 {
	background: url(/special/alumiframe/additional_machining/detail/img/Dhole_txt_20201223.png) no-repeat 0 0;
	margin: 0 0 0 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .adddetail .Dhole_area .R_box .profile {
	position: absolute;
	right: 25px;
	top: 0;
}
/* S穴 */
.l-content .adddetail .Shole_area {
	width: 944px;
	height: 274px;
	border: 3px solid #dadada;
	margin: 25px 0;
}
.l-content .adddetail .Shole_area .L_box {
	float: left;
	width: 302px;
}
.l-content .adddetail .Shole_area .L_box ul.items li {
	float: left;
}
.l-content .adddetail .Shole_area .R_box {
	float: left;
	width: 642px;
	position: relative;
}
.l-content .adddetail .Shole_area .R_box ul.items {
	width: 441px;
}
.l-content .adddetail .Shole_area .R_box ul.items li {
	float: left;
}
.l-content .adddetail .Shole_area .R_box ul.Shole_txt li.txt01 {
	background: url(/special/alumiframe/additional_machining/detail/img/Shole_txt_20201223.png) no-repeat 0 0;
	margin: 5px 0 0 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .adddetail .Shole_area .R_box .profile_S {
	position: absolute;
	right: 15px;
	top: 0;
}
.l-content .adddetail .Block3_area01 {
	float: left;
	width: 299px;
	margin: 0 26px 0 0;
}
.l-content .adddetail .Block3_area02 {
	float: left;
	width: 299px;
	margin: 0 27px 0 0;
}
.l-content .adddetail .Block3_area03 {
	float: left;
	width: 299px;
}
/* M穴 */
.l-content .adddetail .Mhole_area {
	width: 944px;
	height: 280px;
	border: 3px solid #dadada;
	margin: 25px 0;
}
.l-content .adddetail .Mhole_area .L_box {
	float: left;
	width: 302px;
}
.l-content .adddetail .Mhole_area .L_box ul.items li {
	float: left;
}
.l-content .adddetail .Mhole_area .R_box {
	float: left;
	width: 642px;
	position: relative;
}
.l-content .adddetail .Mhole_area .R_box ul.items {
	width: 425px;
}
.l-content .adddetail .Mhole_area .R_box ul.items li {
	float: left;
}
.l-content .adddetail .Mhole_area .R_box ul.Mhole_txt li.txt01 {
	background: url(/special/alumiframe/additional_machining/detail/img/Mhole_txt_20201223.png) no-repeat 0 0;
	width: 425px;
	height: 34px;
	margin: 0 0 0 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .adddetail .Mhole_area .R_box .profile_M {
	position: absolute;
	right: 15px;
	top: 0;
}
/* M穴　穴の位置とサイズ */
.l-content .adddetail ul.hole_size {
	margin: 0 0 0 20px;
}
.l-content .adddetail ul.hole_size li {
	float: left;
}
/* L穴 */
.l-content .adddetail .Lhole_area {
	width: 944px;
	height: 364px;
	border: 3px solid #dadada;
	margin: 25px 0;
}
.l-content .adddetail .Lhole_area .L_box {
	float: left;
	width: 302px;
}
.l-content .adddetail .Lhole_area .L_box ul.items li {
	float: left;
}
.l-content .adddetail .Lhole_area .R_box {
	float: left;
	width: 595px;
	padding: 0 0 0 47px;
}
.l-content .adddetail .Lhole_area .R_box ul.items {
	width: 552px;
}
.l-content .adddetail .Lhole_area .R_box ul.items li {
	float: left;
}
.l-content .adddetail .Lhole_area .R_box ul.Lhole_txt li.txt01 {
	background: url(/special/alumiframe/additional_machining/detail/img/Lhole_txt.png) no-repeat 0 0;
	width: 357px;
	height: 10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .adddetail .L_order01 {
	float: left;
	width: 99px;
	height: 43px;
	vertical-align: middle;
}
.l-content .adddetail .L_order02 {
	float: left;
	width: 30px;
	height: 43px;
}
.l-content .adddetail .L_order03 {
	float: left;
	width: 312px;
	height: 43px;
}
/* 端面C面取り */
.l-content .adddetail .C_area {
	width: 451px;
	height: 208px;
	border: 3px solid #dadada;
}
.l-content .adddetail .C_area .L_box {
	float: left;
	width: 187px;
}
.l-content .adddetail .C_area .R_box {
	float: left;
	width: 264px;
}
/* 穴あけ指定方法について　穴の位置とサイズ */
.l-content .adddetail ul.HS_area {
	width: 778px;
	height: 215px;
	border: 1px solid #c2c2c2;
}
.l-content .adddetail ul.HS_area li {
	float: left;
	width: 221px;
	height: 185px;
	border-right: 1px solid #c2c2c2;
	padding: 15px;
}
.l-content .adddetail ul.HS_area li.end {
	float: left;
	height: 185px;
	padding: 15px;
	border: none;
}
.l-content .adddetail ul.HS_area2 {
	width: 778px;
	height: 215px;
	border-left: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
}
.l-content .adddetail ul.HS_area2 li {
	float: left;
	width: 221px;
	height: 185px;
	border-right: 1px solid #c2c2c2;
	padding: 15px;
}
.l-content .adddetail ul.HS_area2 li.end {
	float: left;
	height: 185px;
	padding: 15px;
	border: none;
}
/* 穴あけオプションと例（D穴・S穴・M穴・レンチ穴）*/
.l-content .adddetail ul.EXopt01 {
	float: left;
	width: 320px;
}
.l-content .adddetail ul.EXopt02 {
	float: left;
	width: 65px;
}
/* table */
.l-content .ADETable {
	width: 100%;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
}
.l-content .ADETable2 {
	width: 470px;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
	margin: 0 0 10px 0;
}
.l-content .ADETable3 {
	width: 100%;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
	margin: 0 0 30px 0;
}
.l-content .ADETable4 {
	width: 590px;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
}
.l-content .ADETable th, .l-content .ADETable2 th, .l-content .ADETable4 th {
	padding: 7px 6px;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #e6e6e6;
	text-align: center;
	color: #000;
}
.l-content .ADETable3 th {
	padding: 7px 6px;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #e6e6e6;
	text-align: center;
	font-weight: bold;
	color: #000;
}
.l-content .ADETable th.nor {
	padding: 7px 6px;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #e6e6e6;
	text-align: center;
	color: #000;
}
.l-content .ADETable td, .l-content .ADETable2 td, .l-content .ADETable4 td {
	padding: 7px 6px;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #fff;
	text-align: center;
}
.l-content .ADETable3 td {
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #fff;
	text-align: center;
}
.l-content .ADETable3 td.ttl {
	padding: 7px 6px;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #fff;
	text-align: center;
}
.l-content .ADETable td.sp, .l-content .ADETable2 td.sp {
	vertical-align: text-top;
	text-align: left;
}
.l-content .ADETable td.bg_b {
	background-color: #eef1f7;
}
/* other */
.l-content .adddetail .txt_bl {
	color: #1e90ff;
	font-weight: bold;
}
.l-content .adddetail .txt_rr {
	text-align: left;
	padding: 7px 0 7px 15px;
}
.l-content .section .anchorNavi3 li {
	width: 120px;
}
.l-content .section .anchorNavi3 li.wide {
	width: 206px;
}
.l-content .c-notes .c-notes__example {
	padding-left: 2.2em;
	text-indent: -2.2em;
}