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

/maker/isel/mech/product/machine_shutter/selection/shape/配下

------------------------------------------------------ */


/* ------------------------------------------------------
index.html

/maker/isel/mech/product/machine_shutter/selection/shape/vertical/index.html
/maker/isel/mech/product/machine_shutter/selection/shape/oblique/index.html
/maker/isel/mech/product/machine_shutter/selection/shape/horizontal/index.html
/maker/isel/mech/product/machine_shutter/selection/shape/flat/

------------------------------------------------------ */
.l-content .attTxt {
  color: #ff0022;
}
/* popularBox */
.l-content .popularBlock {
  letter-spacing: -0.4em;
  margin: 0 0 30px;
}
.l-content .popularBlock .popularBox {
  letter-spacing: normal;
  display: -moz-inline-box; /*for Firefox 2*/
  display: inline-block; /*for modern*/
 /display: inline; /*for ie5～7*/
 /zoom: 1; /*for ie5～7*/
  width: 294px;
  margin-left: 11px;
  vertical-align: top;
  border: 1px solid #c3c3c3;
  position: relative;
}
.l-content .popularBlock .popularBox:first-child {
  margin-left: 0;
}
.l-content .popularBlock .popularBox .u-top {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 296px;
}
.l-content .popularBlock .popularBox .top1 {
  border-top: 4px solid #c3351e;
}
.l-content .popularBlock .popularBox .top2 {
  border-top: 4px solid #2e6b98;
}
.l-content .popularBlock .popularBox .top3 {
  border-top: 4px solid #a2a3a3;
}
.l-content .popularBlock .popularBox .u-top img {
  padding: 7px 0 0 21px;
}
.l-content .popularBlock .popularBox .txt {
  margin-top: 245px;
  min-height: 70px;
  padding: 0 17px;
}
/* popularBox -flatStyle-
/maker/isel/mech/product/machine_shutter/selection/shape/flat/ only
 */
.l-content .popularBlock.flatStyle {
    margin: 0;
}
.l-content .popularBlock.flatStyle .popularBox {
    width: 446px;
    margin: 0 0 20px 14px;
}
.l-content .popularBlock.flatStyle .popularBox:first-child {
    margin-left: 0;
}
.l-content .popularBlock.flatStyle .popularBox .u-top {
  width: 448px;
}


/* differenceBox */
.l-content .differenceBlock {
  letter-spacing: -0.4em;
  margin: 0 0 30px;
}
.l-content .differenceBlock .differenceBox {
  letter-spacing: normal;
  display: -moz-inline-box; /*for Firefox 2*/
  display: inline-block; /*for modern*/
 /display: inline; /*for ie5～7*/
 /zoom: 1; /*for ie5～7*/
  width: 409px;
  margin-left: 14px;
  vertical-align: top;
  border: 1px solid #c3c3c3;
  padding: 19px 18px 24px 19px;
}
.l-content .differenceBlock .differenceBox:first-child {
  margin-left: 0;
}
.l-content .differenceBlock .differenceBox .ttl {
  margin-bottom: 24px;
}
/* selectBox */
.l-content .selectBlock {
  letter-spacing: -0.4em;
  margin: 0 0 20px;
}
.l-content .selectBlock .selectBox {
  letter-spacing: normal;
  display: -moz-inline-box; /*for Firefox 2*/
  display: inline-block; /*for modern*/
 /display: inline; /*for ie5～7*/
 /zoom: 1; /*for ie5～7*/
  padding: 14px 18px 12px 18px;
  width: 408px;
  margin-left: 14px;
  vertical-align: top;
  border: 2px solid #c3c3c3;
}
.l-content .selectBlock .selectBox:first-child {
  margin-left: 0;
}
.l-content .selectBlock .selectBox .ttl {
  margin-bottom: 8px;
}
.l-content .selectBlock .selectBox .list {
  margin-bottom: 10px;
}
.l-content .selectBlock .selectBox .modal .name {
  margin-bottom: 10px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  width: 59px;
  height: 12px;
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/ttl_model.png) no-repeat 0 0;
}
.l-content .selectBlock .selectBox .modal .pic {
  margin-bottom: 16px;
}
.l-content .selectBlock .selectBox .modal .pic img {
  float: left;
  margin-left: 10px;
}
.l-content .selectBlock .selectBox .modal .pic img:first-child {
  margin-left: 0;
}
.l-content .selectBlock .selectBox .btn {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  width: 215px;
  margin: 0 auto;
}
.l-content .selectBlock .selectBox .btn a {
  width: 215px;
  height: 37px;
  display: block;
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/btn_typelist_s.png) no-repeat 0 0;
}
/* typeListBtn */
.l-content .typeListBtn{
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  width: 265px;
  margin:0 auto 120px;
}
.l-content .typeListBtn a {
  width: 265px;
  height: 47px;
  display: block;
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/btn_typelist_b.png) no-repeat 0 0;
}
/* howotoBox */
.l-content .howotoBox {
  margin-bottom: 28px;
}
.l-content .howotoBox .pic img {
  float: left;
}
.l-content .howotoBox .pic:first-child img {
  padding: 19px 28px 0 0;
}
/* ------------------------------------------------------
list.html


/maker/isel/mech/product/machine_shutter/selection/shape/vertical/list.html
/maker/isel/mech/product/machine_shutter/selection/shape/oblique/list.html
/maker/isel/mech/product/machine_shutter/selection/shape/horizontal/list.html
/maker/isel/mech/product/machine_shutter/selection/shape/flat/

------------------------------------------------------ */
/* h2Block */
.l-content .h2Block {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #333;
  line-height: 1.3;
}
.l-content .h2Block .h2Box {
  padding: 0 0 8px 0;
}
.l-content .h2Block .h2Box .h2Txt {
  float: left;
  padding: 0 10px;
}
.l-content .h2Block .h2Box .h2Txt img {
  margin-right: 10px;
}
.l-content .h2Block .h2Box .h2Txt strong {
  line-height: 1.1;
  font-size: 20px;
}
/* iconBox */
.l-content .iconBox {
  margin-bottom: 20px;
}
.l-content .iconBox li {
  float: right;
  margin-left: 18px;
}
/* typeBlock */
.l-content .typeBlock {
  letter-spacing: -0.4em;
  margin: 0 -14px 10px 0;
}
.l-content .typeBlock .typeList {
  letter-spacing: normal;
  display: -moz-inline-box; /*for Firefox 2*/
  display: inline-block; /*for modern*/
 /display: inline; /*for ie5～7*/
 /zoom: 1; /*for ie5～7*/
  width: 215px;
  margin-right: 14px;
  margin-bottom: 20px;
  vertical-align: top;
  border: 1px solid #b8b8b8;
  height: 216px;
  position: relative;
}
.l-content .typeBlock .typeList .typeBox {
  width: 195px;
  margin: 0 auto;
  padding: 12px 0 0;
}
.l-content .typeBlock .typeList .typeBox .name {
  padding: 0 8px 10px;
  border-bottom: 1px dotted #b8b8b8;
  font-size: 14px;
  font-weight: bold;
}
.l-content .typeBlock .typeList .typeBox .name span {
  padding-left: 15px;
}
.l-content .typeBlock .typeList .typeBox .pic {
  text-align: center;
}
.l-content .typeBlock .typeList .typeBox .icon {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.l-content .typeBlock .typeList .typeBox .icon span {
  margin-top: 5px;
  display: block;
  width: 33px;
  height: 33px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .typeBlock .typeList .typeBox .icon .iconL {
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/icon_l.gif) no-repeat 0 0;
}
.l-content .typeBlock .typeList .typeBox .icon .iconO {
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/icon_o.gif) no-repeat 0 0;
}
.l-content .typeBlock .typeList .typeBox .icon .iconK {
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/icon_k.gif) no-repeat 0 0;
}
.l-content .typeBlock .typeList .typeBox .icon .iconM {
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/icon_m.gif) no-repeat 0 0;
}
.l-content .typeBlock .typeList .typeBox .icon .iconR {
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/icon_r.gif) no-repeat 0 0;
}
.l-content .typeBlock .typeList .typeBox .icon .iconZ {
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/icon_z.png) no-repeat 0 0;
  height: 44px;
}
.l-content .typeBlock .typeList .typeBox .icon .iconFlat01 {
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/icon_flat01.gif) no-repeat 0 0;
}
.l-content .typeBlock .typeList .typeBox .icon .iconFlat02 {
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/icon_flat02.gif) no-repeat 0 0;
}
.l-content .typeBlock .typeList .typeBox .icon .iconFlat2_01 {
  background: url(/maker/isel/mech/product/machine_shutter/selection/shape/images/icon_flat2_01.png) no-repeat 0 0;
  height: 45px;
}
.l-content a.ulink:link {
	text-decoration: underline;
}