@charset "utf-8";

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

/* 角数とは */
.l-content .frame_g {
	width:900px;
	border:5px solid #eeeeee;
	margin:0 0 30px 0;
  padding: 20px;
}
.l-content .frame_g .lbox {
  float: left;
  width: 400px;
}
.l-content .frame_g .rbox{
	float:right;
	width:400px;
	padding:0 0 0 24px;
}

/* フレームの形式 */
.l-content .type_area {
	width: 950px;
	height: 132px;
	background: url(/special/alumiframe/selection/select/img/frame_type.png) no-repeat;
	position: relative;
	margin: 40px 0 0 0;
}
.l-content .type_area .txt00 {
	width: 78px;
	height: 25px;
	position: absolute;
	top: 47px;
	left: 80px;
	background: url(/special/alumiframe/selection/select/img/txt_type00.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .type_area .txt01 {
	width: 233px;
	height: 14px;
	position: absolute;
	top: 102px;
	left: 186px;
	background: url(/special/alumiframe/selection/select/img/txt_type01.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .type_area .txt02 {
	width: 180px;
	height: 14px;
	position: absolute;
	top: 58px;
	left: 251px;
	background: url(/special/alumiframe/selection/select/img/txt_type02.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .type_area .txt03 {
	width: 154px;
	height: 14px;
	position: absolute;
	top: 0;
	left: 392px;
	background: url(/special/alumiframe/selection/select/img/txt_type03.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* table */
.l-content .TYTable {
  width: 100%;
  border-top: solid 1px #bfbfbf;
  border-left: solid 1px #bfbfbf;
  margin:30px 0;
}

.l-content .TYTable2 {
  width: 100%;
  border-top: solid 1px #bfbfbf;
  border-left: solid 1px #bfbfbf;
  margin:0 0 10px 0;
}

.l-content .TYTable th , .l-content .TYTable2 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 .TYTable td , .l-content .TYTable2 td {
  padding: 7px 6px;
  border-right: solid 1px #bfbfbf;
  border-bottom: solid 1px #bfbfbf;
  background-color: #fff;
  text-align: center;
}
.l-content .TYTable td.sp , .l-content .TYTable2 td.sp {
  vertical-align:text-top;
  text-align:left;
}

/* 周辺部品 */
.l-content .select ul.parts{
	width:900px;
	padding:0 25px;
	margin:20px 0;
}

.l-content .select ul.parts li.se01{
	float:left;
	width:86px;
	height:83px;
	background:url(/special/alumiframe/selection/select/img/parts_bracket.png) no-repeat;
	margin-right:5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .select ul.parts li.se02{
	float:left;
	width:157px;
	height:83px;
	background:url(/special/alumiframe/selection/select/img/parts_blind.png) no-repeat;
	margin-right:5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .select ul.parts li.se03{
	float:left;
	width:157px;
	height:83px;
	background:url(/special/alumiframe/selection/select/img/parts_nat.png) no-repeat;
	margin-right:5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .select ul.parts li.se04{
	float:left;
	width:122px;
	height:83px;
	background:url(/special/alumiframe/selection/select/img/parts_frame.png) no-repeat;
	margin-right:5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .select ul.parts li.se05{
	float:left;
	width:116px;
	height:83px;
	background:url(/special/alumiframe/selection/select/img/parts_sus.png) no-repeat;
	margin-right:5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .select ul.parts li.se06{
	float:left;
	width:96px;
	height:83px;
	background:url(/special/alumiframe/selection/select/img/parts_door.png) no-repeat;
	margin-right:5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .select ul.parts li.se07{
	float:left;
	width:135px;
	height:83px;
	background:url(/special/alumiframe/selection/select/img/parts_acc.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .select .parts2{
	width:900px;
	padding:20px 25px;
}

.l-content .select .parts2 .lbox{
	float:left;
	width:434px;
	height:52px;
	border:3px solid #e3e3e3;
	margin:0 20px 0 0;
	position:relative;
}

.l-content .select .parts2 .rbox{
	float:left;
	width:434px;
	height:52px;
	border:3px solid #e3e3e3;
	position:relative;
}

.l-content .select .parts2 .lbox .ttl{
	width:136px;
	height:34px;
	background:url(/special/alumiframe/selection/select/img/HNTT8-8.png) no-repeat 0 0;
	position:absolute;
	top:9px;
	left:25px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .select .parts2 .lbox .arrow01{
	width:19px;
	height:34px;
	position:absolute;
	top:9px;
	left:187px;
}

.l-content .select .parts2 .lbox .txt01{
	width:157px;
	height:17px;
	background:url(/special/alumiframe/selection/select/img/HFS8.png) no-repeat 0 0;
	position:absolute;
	top:9px;
	left:224px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .select .parts2 .lbox .txt02{
	width:178px;
	height:17px;
	background:url(/special/alumiframe/selection/select/img/HFS8-45.png) no-repeat 0 0;
	position:absolute;
	top:26px;
	left:224px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .select .parts2 .rbox .ttl{
	width:114px;
	height:34px;
	background:url(/special/alumiframe/selection/select/img/HSCA8-S.png) no-repeat 0 0;
	position:absolute;
	top:9px;
	left:35px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .select .parts2 .rbox .arrow02{
	width:19px;
	height:34px;
	position:absolute;
	top:9px;
	left:185px;
}


.l-content .select .parts2 .rbox .txt01{
	width:157px;
	height:17px;
	background:url(/special/alumiframe/selection/select/img/HFS8.png) no-repeat 0 0;
	position:absolute;
	top:9px;
	left:236px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .select .parts2 .rbox .txt02{
	width:178px;
	height:17px;
	background:url(/special/alumiframe/selection/select/img/HFS8-45.png) no-repeat 0 0;
	position:absolute;
	top:26px;
	left:236px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* flame */
.l-content .select .box03b {
	width: 745px;
	padding: 0 103px 0 102px;
	background: url(/special/alumiframe/selection/select/img/frame_03b_mdl.png) repeat-y;
	margin: 20px 0 20px 0;
}
.l-content .select .frame03b {
	width: 745px;
	padding: 0 0 35px 0;
	margin: 0 0 20px 0;
	background: url(/special/alumiframe/selection/select/img/frame_03b_btm.png) no-repeat left bottom;
}
.l-content .select .box03b .frame03b dl.lb {
	width: 428px;
	float: left;
	background: url(/special/alumiframe/selection/select/img/frame_03_top_l.png) no-repeat;
}
.l-content .select .box03b .frame03b dl.rb {
	width: 317px;
	float: left;
	background: url(/special/alumiframe/selection/select/img/frame_03_top_r.png) no-repeat;
}
.l-content .select .box03b .frame03b dt {
	padding: 210px 0 0 40px;
}
.l-content .select .box03b .frame03b dd {
	padding: 0 40px 0 40px;
}