@charset "utf-8";
/* CSS Document */

/* -------------------------------
common
------------------------------- */
.l-content .mainvisual {
	width: 950px;
	height: 200px;
	margin-bottom: 30px;
	background: url(/maker/mitsubishi-electric/el/products/sequencer/img_v2/main.png) no-repeat;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* .leadTxt */
.l-content .leadTxt {
	width: 950px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto 30px;
}

/*　anchorbtn　*/
.l-content .anchor ul {
    width: 950px;
	margin: 0 auto 0;
}
.l-content .anchor ul li {
    float: left;
    margin: 0 11px 10px 0;
}
.l-content .anchor ul li .m-btn--down {
    width: 229px;
    height: 54px;
    display: table-cell;
    vertical-align: middle;
}

.l-content .sectionInner_lineup,
.l-content .sectionInner_lineup2 {
    margin-left: 23px;
}
.l-content .sectionInner {
    margin: 0 10px 50px;
}
.l-content .sectionInner_lineup a,
.l-content .sectionInner_lineup2 .link a{
  text-decoration: none;
}
.l-content .m-h3 {
    margin-left: 10px;
    margin-right: 10px;
}
.l-content .fl_l {
	float: left;
}

/*　btn　*/
.l-content .m-btnLink--conversion {
	width: 170px;
	padding: 3px 2px;
	margin: 8px;
}
.l-content .m-btnLink--conversion:hover {
	padding: 3px 2px;
}
.l-content .itemsBox ul .item.box_hover {
	cursor: pointer;
}

.l-content .itemsBox ul .item.box_hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
.l-content .itemsBox ul .item.box_hover .name a {
  color: #ff730a;
  text-decoration: underline;
}


/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .itemsBox .cateName {
    font-size: 12px;
	font-weight: bold;
    text-align: center;
    color: #c11e1f;
    margin: 0 8px 8px 0;
    padding: 5px 0 4px;
    box-sizing: border-box;
    border-top: #c11e1f 2px solid;
    background: #f3d2d2;
}
.l-content .itemsBox ul {
    float: left;
}
.l-content .itemsBox ul .item {
    position: relative;
	width: 220px;
    border: 1px solid #de8989;
    padding: 10px 16px;
    box-sizing: border-box;
    margin: 0 8px 20px 0;
    float: left;
}
.l-content .itemsBox ul .item .notice {
    position: absolute;
    top: 10px;
    left: 16px;
    width: 186px;
    background-color: #c11e1f;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
}
.l-content .itemsBox ul .item .name,
.l-content .itemsBox ul .item .cap,
.l-content .itemsBox ul .item .btn,
.l-content .itemsBox ul .item .link {
	margin-top: 10px;
}
.l-content .itemsBox ul .item .name,
.l-content .itemsBox ul .item .link {
	font-weight: bold;
	font-size: 14px;
}
.l-content .itemsBox ul .item .pic {
    margin-top: 26px;
}
.l-content .sec01 .col_02 {
	background: #dcdcdc;
	color: #fff;
}
    
/* modelList01 */
.l-content .sec01 .modelList01 {
    width: 930px;
    margin: 20px auto 30px;
}
/* h3Ttl */
.l-content .sec01 .modelList01 .h3TtlWrap {
  border-bottom: 3px solid #ff3333;
  text-indent: 0;
  display: table;
  box-sizing: border-box;
  width: 100%;
}
.l-content .sec01 .modelList01 .h3Ttl {
  display: table-cell;
  font-size: 18px;
  font-weight: bold;
  vertical-align: bottom;
  line-height: 24px;
  padding-bottom: 5px;
}

.l-content .sec01 .modelList01 .modelBox01 {
  width: 300px;
  margin: 5px;
  float: left;
}

.l-content .sec01 .modelBox01 dl dt {
  float: left;
  clear: left;
  vertical-align: top;
  height: 150px;
  width: 170px;
}
.l-content .sec01 .modelBox01 dl dd {
  margin-left: 160px;
  vertical-align: top;
  width: 130px;
}
.l-content .sec01 .modelBox01 dl dd {
  margin-left: 160px;
  vertical-align: top;
  width: 130px;
  padding-top: 20px;
}
/*icon*/
.l-content .sec01 .modelList01 .iconModel{
	background: #ff3333;
	color: #fff;
	font-size: 11px;
	padding: 2px 10px;
	text-align: center;
}
.l-content .sec01 .modelList01 .col_02 {
	background: #dcdcdc;
	color: #fff;
}
.l-content .sec01 .modelList01 .long_icon {
	width: 90px;
}

.l-content .sec01 .modelList01 .color{
	color: #ff3333;
}
.l-content .sec01 .modelList01 {
    width: 930px;
    margin: 10px auto;
}
.l-content .sec01 .modelList01 .modelControl01 {
  width: 300px;
  margin: 5px;
  float: left;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
  border: 2px solid #ff3333;
}
.l-content .sec01 .modelList01 .modelControl02 {
  width: 600px;
  margin: 5px;
  float: left;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
  border: 2px solid #ff3333;
}

/* modelList02 */
.l-content .sec01 .modelList02 {
    width: 930px;
    margin: 10px auto 30px;
}

/*icon*/
.l-content .sec01 .modelList02 .iconModel{
	background: #3a76b4;
	color: #fff;
	font-size: 11px;
	padding: 2px 10px;
	text-align: center;
}
.l-content .sec01 .modelList02 .col_02 {
	background: #dcdcdc;
	color: #fff;
}
.l-content .sec01 .modelList02 .long_icon {
	width: 90px;
}
/* h3Ttl */
.l-content .sec01 .modelList02 .h3TtlWrap {
  border-bottom: 3px solid #3a76b4;
  text-indent: 0;
  display: table;
  box-sizing: border-box;
  width: 100%;
}
.l-content .sec01 .modelList02 .h3Ttl {
  display: table-cell;
  font-size: 18px;
  font-weight: bold;
  vertical-align: bottom;
  line-height: 24px;
  padding-bottom: 5px;
}
.l-content .sec01 .modelList02 .modelBoxWrap {
    width: 620px;
    margin: 5px auto 20px;
}
.l-content .sec01 .modelList02 .modelBox01 {
  width: 300px;
  margin: 5px;
  float: left;
}
.l-content .sec01 .modelList02 .modelBox02 {
  width: 300px;
  margin: 5px;
  float: left;
}
.l-content .sec01 .modelList02 .color{
	color: #3a76b4;
}
.l-content .sec01 .modelList02 {
    width: 930px;
    margin: 10px auto;
}
.l-content .sec01 .modelList02 .modelControl01 {
  width: 600px;
  margin: 5px;
  float: left;
  padding: 5px 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
  border: 2px solid #3a76b4;
}
.l-content .sec01 .modelList02 .modelControl02 {
  width: 300px;
  margin: 5px;
  float: left;
  padding: 5px 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
  border: 2px solid #3a76b4;
}

/* modelList03 */
.l-content .sec01 .modelList03 {
    width: 310px;
    margin: 10px 0 30px 0;
	float: left;
}
/*icon*/
.l-content .sec01 .modelList03 .iconModel{
	background: #ff9900;
	color: #fff;
	font-size: 11px;
	padding: 2px 10px;
	text-align: center;
}
.l-content .sec01 .modelList03 .col_02 {
	background: #dcdcdc;
	color: #fff;
}
.l-content .sec01 .modelList03 .long_icon {
	width: 90px;
}

/* h3Ttl */
.l-content .sec01 .modelList03 .h3TtlWrap {
  border-bottom: 3px solid #ff9900;
  text-indent: 0;
  display: table;
  box-sizing: border-box;
  width: 100%;
}
.l-content .sec01 .modelList03 .h3Ttl {
  display: table-cell;
  font-size: 18px;
  font-weight: bold;
  vertical-align: bottom;
  line-height: 24px;
  padding-bottom: 5px;
}

.l-content .sec01 .modelList03 .modelBox01 {
  width: 300px;
  margin: 5px 0;
}
.l-content .sec01 .modelList03 .color{
	color: #ff9900;
}
.l-content .sec01 .modelList03 .modelControl01 {
  width: 300px;
  margin: 10px 0;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
  border: 2px solid #ff9900;
}

/* modelList04 */
.l-content .sec01 .modelList04 {
    width: 610px;
    margin: 10px 0 30px 10px;
	float: left;
}
/*icon*/
.l-content .sec01 .modelList04 .iconModel{
	background: #006600;
	color: #fff;
	font-size: 11px;
	padding: 2px 10px;
	text-align: center;
}
.l-content .sec01 .modelList04 .col_02 {
	background: #dcdcdc;
	color: #fff;
}
.l-content .sec01 .modelList04 .long_icon {
	width: 90px;
}
/* h3Ttl */
.l-content .sec01 .modelList04 .h3TtlWrap {
  border-bottom: 3px solid #006600;
  text-indent: 0;
  display: table;
  box-sizing: border-box;
  width: 100%;
}
.l-content .sec01 .modelList04 .h3Ttl {
  display: table-cell;
  font-size: 18px;
  font-weight: bold;
  vertical-align: bottom;
  line-height: 24px;
  padding-bottom: 5px;
}
.l-content .sec01 .modelList04 .modelBox01 {
  width: 300px;
  margin: 5px 0;
  float: left;
}
.l-content .sec01 .modelList04 .color{
	color: #006600;
}
.l-content .sec01 .modelList04 .modelControl02 {
  width: 600px;
  margin: 5px 0;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
  border: 2px solid #006600;
  clear: both;
}

.l-content .sec01 .modelList .modelLink {
    position: absolute;
    height: 53px;
}
.l-content .sec01 .modelList .fx5u {
    width: 355px;
    top: 16px;
    left: 556px;
}
.l-content .sec01 .modelList .fx3u {
    width: 316px;
    top: 121px;
    left: 522px;
}
.l-content .sec01 .modelList .fx3g {
    width: 307px;
    top: 170px;
    left: 195px;
}
.l-content .sec01 .modelList .fx3s {
    width: 108px;
    top: 207px;
    left: 37px;
}

.l-content .case01 {
    position: relative;
    width: 930px;
    height: 245px;
    background: url(/maker/mitsubishi-electric/el/products/sequencer/img_v2/case01.png) no-repeat right;
    margin: 20px 0;
}
.l-content .case01 .m-link,
.l-content .case01 .caseLinkImg,
.l-content .case02 .m-link,
.l-content .case02 .caseLinkImg,
.l-content .case03 .m-link,
.l-content .case03 .caseLinkImg {
    position: absolute;
    font-size: 10px;
}
.l-content .case01 .link01 {
    top: 163px;
    left: 93px;
}
.l-content .case01 .link02 {
    top: 163px;
    left: 170px;
}
.l-content .case01 .link03 {
    top: 154px;
    left: 580px;
}
.l-content .case01 .link04 {
    top: 154px;
    left: 825px;
}
.l-content .case01 .link05 {
    top: 200px;
    left: 40px;
}
.l-content .case01 .link06 {
    top: 218px;
    left: 40px;
}
.l-content .case01 .linkImg01 {
    top: 94px;
    left: 91px;
}
.l-content .case01 .linkImg02 {
    top: 83px;
    left: 184px;
}
.l-content .case01 .linkImg03 {
    top: 85px;
    left: 563px;
}
.l-content .case01 .linkImg04 {
    top: 84px;
    left: 822px;
}

.l-content .case02 {
    position: relative;
    width: 930px;
    height: 310px;
    background: url(/maker/mitsubishi-electric/el/products/sequencer/img_v2/case02_200302.png) no-repeat right;
    margin: 20px 0;
}
.l-content .case02 .link01 {
    top: 30px;
    left: 175px;
}
.l-content .case02 .link02 {
    top: 108px;
    left: 45px;
}
.l-content .case02 .link03 {
    top: 145px;
    left: 175px;
}
.l-content .case02 .link04 {
    top: 145px;
    left: 390px;
}
.l-content .case02 .link05 {
    top: 108px;
    left: 668px;
}
.l-content .case02 .link06 {
    top: 244px;
    left: 45px;
}
.l-content .case02 .link07 {
    top: 244px;
    left: 321px;
}
.l-content .case02 .link08 {
    top: 222px;
    left: 490px;
}
.l-content .case02 .linkImg01 {
    top: 27px;
    left: 266px;
}
.l-content .case02 .linkImg02 {
    top: 78px;
    left: 77px;
}
.l-content .case02 .linkImg03 {
    top: 126px;
    left: 252px;
}
.l-content .case02 .linkImg04 {
    top: 130px;
    left: 339px;
}
.l-content .case02 .linkImg05 {
    top: 73px;
    left: 585px;
}
.l-content .case02 .linkImg06 {
    top: 213px;
    left: 126px;
}
.l-content .case02 .linkImg07 {
    top: 223px;
    left: 226px;
}
.l-content .case02 .linkImg08 {
    top: 195px;
    left: 406px;
}
.l-content .case03 {
    position: relative;
    width: 930px;
    height: 264px;
    background: url(/maker/mitsubishi-electric/el/products/sequencer/img_v2/case03.png) no-repeat right;
    margin: 20px 0;
}
.l-content .case03 .link01 {
    top: 37px;
    left: 205px;
}
.l-content .case03 .link02 {
    top: 37px;
    left: 418px;
}
.l-content .case03 .link03 {
    top: 205px;
    left: 50px;
}
.l-content .case03 .link04 {
    top: 205px;
    left: 190px;
}
.l-content .case03 .link05 {
    top: 205px;
    left: 375px;
}
.l-content .case03 .link06 {
    top: 205px;
    left: 642px;
}
.l-content .case03 .linkImg01 {
    top: 15px;
    left: 280px;
}
.l-content .case03 .linkImg02 {
    top: 15px;
    left: 366px;
}
.l-content .case03 .linkImg05 {
    top: 181px;
    left: 296px;
}
.l-content .case03 .linkImg06 {
    top: 119px;
    left: 528px;
}

.l-content .h3notice {
    background-color: #c11e1f;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 5px 12px 4px;
    margin-left: 10px;
}

.l-content .m-table > thead > tr > th {
    font-size: 12px;
    color: #555;
    background-color: #f5f5f5;
}
.l-content .m-table > thead > tr > th {
    padding: 12px 5px;
}

.l-content .banner {
    margin-bottom: 50px;
}
.l-content .banner li {
	float: left;
	padding-bottom: 10px;
}