@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */

.l-content .Assembling_ABfigure .step_L{
	float:left;
	width:463px;
	margin:0 24px 20px 0;
}

.l-content .Assembling_ABfigure .step_R{
	float:left;
	width:463px;
	margin:0 0 20px;
}

.l-content .ttl2_02 {
    padding: 5px 10px 5px 0;
    font-weight: bold;
	width: 160px;
	text-align: center;
	background: #f3f3f3 url("/special/alumiframe/assembling/assembly_method/figure/img/bg_01.png") right center no-repeat;
    box-sizing: border-box;
}
.l-content .ttl2_02 {
	background: #f3f3f3 url("/special/alumiframe/assembling/assembly_method/figure/img/bg_02.png") right center no-repeat;
}
.l-content .txt_head_001 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #204f9a;
}

/* ancNavi */
.l-content .ancNavi {
width: 950px;
margin: 0 auto 10px;
    padding: 0 0 5px 0;
    box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
.l-content .ancNavi ul {
	margin: 0 0 0 9px;
	letter-spacing: -.40em;
}
.l-content .ancNavi ul:first-child {
	margin-bottom: 10px;
}
.l-content .ancNavi li {
	display: inline-block;
	text-align: center;
	padding: 5px 0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAARCAIAAACToVFFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyOTIyMDdhZi0zNjAwLTE0NDgtYjI4My0yM2U3NTJjMzEwM2EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzZFMUQyNzJEMTUwMTFFNThGNEE5MTcwNzExREYyMUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzZFMUQyNzFEMTUwMTFFNThGNEE5MTcwNzExREYyMUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTkyNDc4ZTItNjAwOS0wMjRkLThkZjYtNWJjMTVlZDdjMTdiIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWFjZmVhOGQtZjdiMC0xMWU0LWI4MzAtYTMyNzA2MzQxZTJjIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bAPwYwAAABlJREFUeNpiOHPmDMP///+Zzp49Sy4NEGAADcYtlRDjEDgAAAAASUVORK5CYII=) right center no-repeat;
	letter-spacing: normal;
	vertical-align: middle;
}

.l-content .ancNavi li.end {
	display: inline-block;
	text-align: center;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAARCAIAAACToVFFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyOTIyMDdhZi0zNjAwLTE0NDgtYjI4My0yM2U3NTJjMzEwM2EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzZFMUQyNzJEMTUwMTFFNThGNEE5MTcwNzExREYyMUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzZFMUQyNzFEMTUwMTFFNThGNEE5MTcwNzExREYyMUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTkyNDc4ZTItNjAwOS0wMjRkLThkZjYtNWJjMTVlZDdjMTdiIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWFjZmVhOGQtZjdiMC0xMWU0LWI4MzAtYTMyNzA2MzQxZTJjIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bAPwYwAAABlJREFUeNpiOHPmDMP///+Zzp49Sy4NEGAADcYtlRDjEDgAAAAASUVORK5CYII=) right center no-repeat;
	letter-spacing: normal;
	vertical-align: middle;
}

.l-content .ancNavi li span {
	text-align: left;
	display: inline-block;
	padding-left: 12px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAABLsQqMrBsAAAABdFJOUwBA5thmAAAAFElEQVQI12NgAIImBhcGDQYBBgYAB3QA/zGyjSsAAAAASUVORK5CYII=") 0 0.5em no-repeat;
}
.l-content .ancNavi li a {
	display: block;
	padding: 0 8px;
}
.l-content .flex_wrap_01 , .l-content .flex_wrap_02 ,
.l-content .flex_wrap_03 , .l-content .flex_wrap_04 ,
.l-content .flex_wrap_06 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	margin: 20px 0;
	align-items: flex-start;
}
.l-content .flex_wrap_06{
align-items: flex-end;
justify-content: flex-start;
}
.l-content .flex_wrap_06 p{
margin-left: 20px;
}
.l-content .flex_wrap_06 table{
margin-bottom: 0;
}
.l-content .flex_wrap_04{
justify-content: flex-start
}
.l-content .flex_wrap_04 .m-table{
width: 49%;
margin-left: 1%;
}
.l-content .flex_wrap_01 .m-table{
width: 49%;
}
.l-content .flex_wrap_02 .m-table{
width: 465px;
}
.l-content .flex_wrap_02 .m-table_02{
width: 580px;
}
.l-content .flex_wrap_02 div.wrap{
width: 64%;
}
.l-content .flex_wrap_03 div.wrap{
width: 49%;
}
.l-content .flex_wrap_03 div.wrap .m-table , 
.l-content .flex_wrap_02 div.wrap .m-table{
width: 100%;
}
.l-content .block_c {
    margin: 20px auto;
    display: block;
}
.l-content .flex_wrap_05{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin: 20px 0;
}
.l-content .flex_wrap_05 a{
margin: 0 5px;
}
.l-content .txt_01{
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}
.l-content .txt_02{
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.l-content .m-table > tbody > tr > th ,
.l-content .m-table > tbody > tr > td {
    padding: 1px 5px;
	}
	
.l-content .box_01{
width: 370px;
}
.l-content .box_02{
width: 480px;
}
.l-content .ttl2_03{
border: none;
margin-bottom: 15px;
}
.l-content .ttl2_03 span{
border: 1px solid #0169c6;
color: #0169c6;
padding: 5px;
margin-right: 10px;
}