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

/* subNavi */
.l-content .ASbracket_BLmethod ul.subnavi {
	width: 950px;
	height: 40px;
	background: url(/special/alumiframe/selection/lineup/size/img/subpagenavi_bg.png) no-repeat 0 0;
	margin: 0 0 40px 0;
}
.l-content .ASbracket_BLmethod ul.subnavi li a {
	float: left;
	width: 236px;
	padding: 11px 0 0 0;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
.l-content .ASbracket_BLmethod ul.subnavi li.ton {
	float: left;
	width: 236px;
	padding: 11px 0 0 0;
	text-align: center;
	font-weight: bold;
	color: #999a9d;
}
.l-content .ASbracket_BLmethod ul.subnavi li a:hover {
	text-decoration: underline;
	color: #ff730a;
}
.l-content .ASbracket_BLmethod .ttl_bjmethod {
	width: 433px;
	height: 26px;
	margin: 0 0 30px 0;
	background: url(/special/alumiframe/selection/lineup/size/img/ttl_bjover.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .ASbracket_BLmethod .ttl2 {
	border-bottom: 1px dotted #989898;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
	font-weight: bold;
}
.l-content ul.point_menu {
	width: 500px;
	margin: 20px 0 15px;
}
.l-content ul.point_menu li {
	width: 235px;
	display: inline-block;
}
.l-content ul.point_menu li.s568 {
	width: 217px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.l-content ul.point_menu li.s545 {
	width: 247px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.l-content ul.point_menu li.s645 {
	width: 228px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.l-content ul.point_menu li.s6 {
	width: 167px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.l-content ul.point_menu li:first-child {
	height: 23px;
}
/* table_scroll */
.l-content .m-table > thead > tr > th, .l-content .m-table--sale > thead > tr > th {
	padding: 6px 9px;
	text-align: center;
	font-weight: bold;
	color: #333;
	background-color: #e6e6e6;
  }
  .l-content .m-table > tbody > tr > th, .l-content .m-table--sale > tbody > tr > th, .l-content .m-table > tbody > tr > td, .l-content .m-table--sale > tbody > tr > td {
    padding: 6px 9px;
    text-align: center;
}

/* table */
.l-content .BJTable {
	width: 100%;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
	margin: 0 0 20px 0;
}
.l-content .BJTable00 {
	width: 100%;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
}
.l-content .BJTable th, .l-content .BJTable00 th {
	padding: 10px 0;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.l-content .BJTable td, .l-content .BJTable00 td {
	padding: 10px 0;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #fff;
	text-align: center;
}
.l-content .BJTable td.sp, .l-content .BJTable00 td.sp {
	text-align: left;
	padding: 10px 30px;
	vertical-align: top;
}
.l-content .BJTable td.sp_c {
	text-align: left;
	padding: 10px 30px;
	vertical-align: center;
}

/* table02 */
.l-content .BJTable2 {
	width: 100%;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
	margin: 0 0 20px 0;
}
.l-content .BJTable2 th {
	padding: 7px 6px;
	border-right: none;
	border-bottom: solid 1px #bfbfbf;
	background-color: #fff;
	text-align: center;
}
.l-content .BJTable2 th.nomal {
	padding: 7px 6px;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #fff;
	text-align: center;
}
.l-content .BJTable2 td {
	padding: 7px 6px;
	border-right: none;
	border-bottom: solid 1px #bfbfbf;
	background-color: #fff;
	text-align: center;
}
.l-content .BJTable2 td.gene {
	padding: 7px 6px;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #fff;
	text-align: center;
}
.l-content .BJTable2 td.sp {
	text-align: left;
	padding: 7px 30px;
	vertical-align: top;
}

/* table03 */
.l-content .BJTable3 {
	width: 100%;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
}
.l-content .BJTable3 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 .BJTable3 td {
	padding: 7px 6px;
	border-right: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background-color: #fff;
	text-align: center;
}

/* text */
.l-content .ASbracket_BLmethod .txt_o {
	color: #ff730a;
	font-weight: bold;
}
.l-content .ASbracket_BLmethod .txt_i {
	background: url(/special/alumiframe/selection/lineup/size/img/icon_att.png) no-repeat 0 50%;
	padding: 0 0 0 17px;
}
.l-content .ASbracket_BLmethod ul.typeto_l1 {
	float: left;
	width: 401px;
	height: 160px;
	border: 1px solid #c8c8c8;
	padding: 5px 0;
	margin: 0 21px 10px 19px;
	position: relative;
}
.l-content .ASbracket_BLmethod ul.typeto_l2 {
	float: left;
	width: 401px;
	height: 187px;
	border: 1px solid #c8c8c8;
	padding: 5px 0;
	margin: 0 21px 10px 19px;
	position: relative;
}
.l-content .ASbracket_BLmethod ul.typeto_r1 {
	float: left;
	width: 484px;
	height: 160px;
	border: 1px solid #c8c8c8;
	padding: 5px 0;
	margin: 0 21px 10px 0;
	position: relative;
}
.l-content .ASbracket_BLmethod ul.typeto_r2 {
	float: left;
	width: 484px;
	height: 187px;
	border: 1px solid #c8c8c8;
	padding: 5px 0;
	margin: 0 21px 10px 0;
	position: relative;
}
.l-content .ASbracket_BLmethod ul.typeto_l1 li, .l-content .ASbracket_BLmethod ul.typeto_r1 li, .l-content .ASbracket_BLmethod ul.typeto_l2 li, .l-content .ASbracket_BLmethod ul.typeto_r2 li {
	float: left;
}
.l-content .ASbracket_BLmethod ul.typeto_r1 li.ft1 {
	position: absolute;
	top: 120px;
	left: 0;
}
.l-content .ASbracket_BLmethod ul.typeto_l1 li.ft2 {
	position: absolute;
	top: 105px;
	left: 0;
}
.l-content .ASbracket_BLmethod ul.typeto_r1 li.ft3 {
	position: absolute;
	top: 135px;
	left: 0;
}
.l-content .ASbracket_BLmethod ul.typeto_l2 li.ft4 {
	position: absolute;
	top: 160px;
	left: 0;
}
.l-content .ASbracket_BLmethod ul.typeto_r2 li.ft5 {
	position: absolute;
	top: 125px;
	left: 0;
}

/*Element*/
.l-content .ASbracket_BLmethod dl.lbox {
	float: left;
	width: 475px;
}
.l-content .ASbracket_BLmethod dl.rbox {
	float: right;
	width: 475px;
}
.l-content .ASbracket_BLmethod dl.lbox dt, .l-content .ASbracket_BLmethod dl.rbox dt {
	font-weight: bold;
}
.l-content .ASbracket_BLmethod dl.lbox dd, .l-content .ASbracket_BLmethod dl.rbox dd {
	margin: 5px 0 10px 9px;
}
.l-content .ASbracket_BLmethod dl.rbox img{
	margin:0 0 0 145px;
}
.l-content .ASbracket_BLmethod .ml09{
	margin-left:9px;
}
.l-content .navi_01 li span {
    text-align: left;
    display: inline-block;
    padding-left: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAABLsQqMrBsAAAABdFJOUwBA5thmAAAAFElEQVQI12NgAIImBhcGDQYBBgYAB3QA/zGyjSsAAAAASUVORK5CYII=") 0 0.5em no-repeat;
}

.l-content .fr {
    float: right;
}
.l-content .m-table_width_ex{
width: auto;
}
.l-content .accessories{
display: flex;
justify-content: center;
}
.l-content .accessories div{
border: 1px solid #666666;
    width: 184px;
    height: 184px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    margin: 10px;
}