p.text01 { font-size: 0.875em; line-height: 1.7; } h2.content01, h2.content02 { background: #6D95CD; color: white; padding: 5px 15px; box-sizing: border-box; margin: 40px 0 -20px; font-weight: 500; } #rightContent { padding-bottom: 110px !important; } .titleWrap01 { font-size: 22px; color: #4b89e1; font-weight: bold; } .sect_entrance .sect01 .btnWrap01 a.btn01 { width: 195px; } .sect_entrance .sect01 .btnWrap01 a.btn02 { width: 170px; } .sect_entrance .sect01 .btnWrap01 a.btn03 { width: 170px; background-image: url(images/common/ico_common3.png); background-position: 92% 50%; background-repeat: no-repeat; text-align: left; text-indent: 15px; } .sect_entrance .sect01 .btnWrap01 a.on { background-color: #646464; } .sect_entrance .detail01.spec, .sect_entrance .detail01.design { display: none; position: relative; } .sect_entrance .detail01 h3 { font-size: 0.8125em; margin-bottom: 10px; } .sect_entrance .detail01 p.text02 { font-size: 0.6875em; margin-top: 15px; } .sect_entrance .detail01 .inner01-inner01 { width: 525px; } .sect_entrance .detail01 .inner01-inner01 table.table01 { width: 100%; font-size: 0.75em; line-height: 1.9; } .sect_entrance .detail01 .inner01-inner01 table.table01 th, .sect_entrance .detail01 .inner01-inner01 table.table01 td { vertical-align: top; } .sect_entrance .detail01 .inner01-inner01 table.table01 th { border-top: dotted 1px #323232; border-right: solid 20px #EBEBE8; } .sect_entrance .detail01 .inner01-inner01 table.table01 td { border-bottom: dotted 1px #323232; } .sect_entrance .detail01 .inner01-inner01 table.table01 tr td.var01 { border-right: solid 20px #EBEBE8; } .sect_entrance .detail01 .inner01-inner02 { margin-top: 25px; } .sect_entrance .detail01 .inner01-inner02 img { margin-left: 0.75em; } .sect_reform .sect01 { padding-top: 21px; } .sect_reform .sect01 img { margin-bottom: 5px; } .sect_reform .sect02 { background: #e3edca; margin-top: 28px; position: relative; } .sect_reform .sect02 h2 { width: 550px; height: 30px; line-height: 30px; background: #169530; text-align: center; color: white; font-size: 1.0625em; margin: 0 auto 0; position: relative; top: -15px; } .sect_reform .sect02 p { padding: 0 0 15px; color: #00418C; font-size: 0.9375; padding-left: 180px; font-weight: bold; } .sect_reform .sect03 { margin-top: 25px; } .sect_reform .sect03 h3 { width: 100%; margin-bottom: 33px; padding: 0 0 4px; text-align: center; color: #169530; font-size: 1.25em; font-weight: bold; background: url(images/products/re_line.gif) bottom repeat-x; } .sect_reform .sect03 h3.gray { color: #58595B; } .sect_reform .sect03 .imgWrap01 { margin: 0 0 42px; } .sect_reform .sect03 .imgWrap01 p { padding: 0; margin: 0 auto 0; } .sect_reform .sect03 .imgWrap01 p img { margin: 0 30px 0; } .sect_reform .sect03 h4 { padding-bottom: 7px; padding-left: 35px; font-size: 1.1em; font-weight: bold; color: #169530; } /* .sect_reform .sect03 table { width: 801px; margin: 0 0 35px 38px; } .sect_reform .sect03 table tr { border: none; } .sect_reform .sect03 table th, .sect_reform .sect03 table td { vertical-align: top; } .sect_reform .sect03 table th { width: 7.5em; font-size: 0.9em; font-weight: bold; color: #169530; } .sect_reform .sect03 table td { font-size: 0.8125em; } .sect_reform .sect03 table td.td02 { width: 6.5em; } .sect_reform .sect03 table td.td03 { padding-right: 10px; } .sect_reform .sect03 table td.td04 { width: 151px; font-size: 0.8125em; padding-left: 10px; padding-right: 10px; vertical-align: middle; border-top: dotted 1px #323232; border-right: solid 10px white; border-collapse: collapse; } .sect_reform .sect03 table td.td12 { width: 151px; font-size: 0.8125em; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .sect_reform .sect03 table td.td05 { width: 3em; font-size: 0.8125em; padding-left: 2px; vertical-align: middle; border-top: dotted 1px #323232; border-bottom: dotted 1px #323232; border-right: solid 1px white; border-left: solid 1px white; border-collapse: collapse; } .sect_reform .sect03 table td.td09 { width: 3em; font-size: 0.8125em; vertical-align: middle; border-top: dotted 1px #323232; border-bottom: dotted 1px #323232; border-right: solid 10px white; border-left: solid 1px white; border-collapse: collapse; } .sect_reform .sect03 table td.td13 { width: 3em; font-size: 0.8125em; vertical-align: middle; border-left: solid 1px white; } .sect_reform .sect03 table td.td06 { width: 365px; font-size: 0.8125em; padding: 8px 0 8px 6px; vertical-align: middle; border-top: dotted 1px #323232; border-bottom: dotted 1px #323232; border-right: solid 10px white; border-collapse: collapse; } .sect_reform .sect03 table td.td07 { width: 235px; font-size: 0.8125em; padding-left: 10px; padding-right: 10px; vertical-align: middle; text-align: center; border-top: dotted 1px #323232; border-bottom: dotted 1px #323232; border-right: solid 10px white; border-collapse: collapse; } .sect_reform .sect03 table th.td08 { padding-top: 10px; font-size: 0.8125em; font-weight: bold; color: #169530; } .sect_reform .sect03 table th.td11 { font-size: 0.8125em; font-weight: bold; color: #169530; border-top: dotted 1px #323232; border-bottom: dotted 1px #323232; border-right: solid 10px white; padding-top: 10px; border-collapse: collapse; } .sect_reform .sect03 table td.td10 { width: 365px; font-size: 0.8125em; padding: 8px 0 8px 10px; vertical-align: middle; }*/ .sect_reform .sect03 p { font-size: 0.72em; text-align: center; padding-bottom: 10px; } .sect_reform .imgWrap01 p { text-align: center; } .sect_reform .imgWrap01 p img:last-of-type { margin: 33px auto 0; text-align: center; } .sect_reform .sect04 { width: 100%; margin-top: 36px; overflow: hidden; position: relative; } .sect_reform .sect04 h4 { padding-left: 35px; color: #169530; font-size: 1.1em; font-weight: bold; margin-bottom: 15px; } .sect_reform .sect04 img.slide { /*margin-left: 35px;*/ position: relative; left: 40px; } .sect_reform .sect04 .btn01 { position: absolute; top: 100px; cursor: pointer; } .sect_reform .sect04 .imgWrap01 { position: relative; height: 240px; } .sect_reform .sect04 .btn01.prev { left: 0; } .sect_reform .sect04 .btn01.next { right: 0; } .sect_reform .sect04 a.btn02 { background: #969696; width: 170px; height: 35px; line-height: 35px; text-align: center; color: white; font-size: 0.8125em; margin-top: 30px; } .sect_equipment .sect01 { margin-top: 40px; } .sect_equipment .sect01 .inner01 { width: 100%; padding-bottom: 25px; border: solid 1px #4674B6; position: relative; margin-bottom: 25px; } .sect_equipment .sect01 .inner01 h2 { margin: 15px; font-size: 1.4375em; } .sect_equipment .sect01 .inner01 img { margin-left: 40px; } .sect_equipment .sect01 .inner01 table { width: 300px; margin-left: 55px; } .sect_equipment .sect01 .inner01 table caption { font-size: 0.8125em; } .sect_equipment .sect01 .inner01 table th, .sect_equipment .sect01 .inner01 table td { font-size: 0.75em; border-top: dotted 1px #323232; border-bottom: dotted 1px #323232; border-right: solid 10px white; padding: 5px 0; } .sect_equipment .sect01 .inner01 table th { width: 7em; } .sect_equipment .sect01 .inner01 table tr:last-of-type th { border-bottom: none; } .sect_equipment .sect01 .inner01 a.btn01 { display: block; position: absolute; right: 25px; bottom: 0; width: 170px; height: 35px; line-height: 35px; text-indent: 15px; background: #969696 url(images/common/ico_common3.png) 95% 50% no-repeat; color: white; font-size: 0.8125em; } .sect_equipment .sect01 dt { width: 530px; height: 30px; line-height: 30px; background: #6D95CD; text-indent: 20px; color: white; font-size: 0.875em; } .sect_equipment .sect01 dd { padding: 20px 0 20px 50px; } .sect_equipment .sect01 dd p { font-size: 0.8125em; padding-bottom: 15px; } .sect_facility .sect01 { width: 100%; border: solid 1px #4674B6; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); position: relative; margin-top: 40px; padding-bottom: 40px; } .sect_facility .sect01 h2 { font-size: 23px; padding: 24px 32px; line-height: 1; font-weight: 500; } .sect_facility .sect01 h2 small { font-size: 18px; font-weight: 500; } .sect_facility .sect01 ul { list-style-type: disc; list-style-position: outside; padding-left: 1.5em; font-size: 0.875em; width: 310px; margin-right: 42px; font-weight: 500; } /*#door08 ul li:nth-of-type(4), #door08 ul li:nth-of-type(5), #door09 ul li:nth-of-type(4){ color: #000000; } #door08 ul li:nth-of-type(4), #door09 ul li:nth-of-type(4){ margin-top: 30px; }*/ #door08 .pull-right { margin-top: -35px; } #door09 .pull-right { margin-top: -60px; } #door09 span { display: block; margin-left: 15px; } .new-icon { position: absolute; top: -7px; right: 30px; } .sect_facility .sect01 .btnWrap01 { position: absolute; bottom: 0; right: 25px; } .sect_facility .sect01 .btnWrap01 a { display: block; float: left; background: #969696; height: 35px; line-height: 35px; color: white; font-size: 0.75em; margin-right: 10px; text-align: center; } .sect_facility .sect01 .btnWrap01 a.btn01 { width: 195px; } .sect_facility .sect01 .btnWrap01 a.btn03 { width: 170px; background-image: url(images/common/ico_common3.png); background-position: 92% 50%; background-repeat: no-repeat; text-align: left; text-indent: 15px; } .sect_facility .detail01 { background: #EBEBE8; padding: 25px 0 40px; } .sect_facility .detail01 table { margin-left: 40px; width: 420px; } .sect_facility .detail01 table th, .sect_facility .detail01 table td { font-size: 0.75em; padding: 5px 5px; vertical-align: top; border-top: dotted 1px #323232; border-bottom: dotted 1px #323232; } #door3 { margin-top: -100px; padding-top: 100px; } #door01 .sect01 img, #door02 .sect01 img, #door03 .sect01 img, #door06 .sect01 img, #door07 .sect01 img, #door08 .sect01 img, #door09 .sect01 img { margin-left: 30px; } #door04 .sect01 img { margin-left: 100px; } #door05 .sect01 h2+img { margin-left: 40px; } #door02 .detail01 table { width: 360px !important; } #door03 .sect01 ul li.var01 { padding-bottom: 1em; list-style-type: none; color: #00418C; font-size: 1.125em; } #door04 .sect01 ul { width: 465px; } #door04 .sect01 ul li.var02 { list-style-type: none; margin-left: -1.5em; white-space: nowrap; padding-bottom: 1.5em; } #door04_detail table { width: 355px; } #door04_detail table.pull-right { margin-right: 50px; } #door04_detail table th { border-right: solid 10px #EBEBE8; } #door06 .pull-right01, #door07 .pull-right01 { width: 340px; float: right; margin-top: 15px; } #door06 .pull-right01 table, #door07 .pull-right01 table { width: 300px; } #door06 .pull-right01 table caption, #door07 .pull-right01 table caption { font-size: 0.9em; } #door06 .pull-right01 table th, #door07 .pull-right01 table th { width: 100px; } #door06 .pull-right01 table th, #door07 .pull-right01 table th, #door06 .pull-right01 table td, #door07 .pull-right01 table td { font-size: 0.75em; border-top: dotted 1px #323232; border-bottom: dotted 1px #323232; border-right: solid 10px white; padding: 5px 0; } #door06 .pull-right01 table th:last-of-type, #door07 .pull-right01 table th:last-of-type { border-bottom: none; } #door07 .sect_products h2 { font-size: 1.5625em; line-height: 1; } #door08 p, #door09 p { margin: 0 15px; font-size: 14px; } #door08 p:last-of-type, #door09 p:last-of-type { margin: 0 20px 20px 0; font-size: 14px; } #door08 .textWrap01.pull-right .text01 { margin: 35px 20px 20px; font-size: 14px; } #door09 .textWrap01.pull-right .text01 { margin: 60px 20px 20px; font-size: 14px; } #door01 .sect01 img, .sect_facility #door06 .sect01 img { margin-left: 50px; } .sect_facility #door02 .sect01 img { margin-left: 41px; } .sect_facility #door03 .sect01 img { margin-left: 108px; } .sect_facility #door04 .sect01 img { margin-left: 174px; } .sect_facility #door05 .sect01 img { margin-left: 80px; } .sect_facility #door06 .sect01 img { margin-left: 100px; } .sect_facility #door07 .sect01 img { margin-left: 225px; } .sect_facility#door09 .sect01 img, .sect_facility #door08 .sect01 img { margin-left: 53px; } .sect_facility #door05 .sect01 h2+img { margin-left: 40px; } .sect_facility #door02 .detail01 table { width: 360px !important; } .sect_facility #door01 .sect01 ul li.var05 { margin-right: -2px; } .sect_facility.sect_facility #door01 .sect01 ul li span { letter-spacing: -1px; } .sect_facility #door03 .sect01 ul li.var03, .sect_facility #door09 .sect01 ul li.var03 { margin-top: 23px; color: #00418C; font-size: 0.98em; font-weight: 500; } .sect_facility #door08 .sect01 ul li.var03 { margin-top: 26px; color: #00418C; font-size: 0.95em; font-weight: 500; } .sect_facility #door08 .sect01 ul li.var04 { color: #00418C; font-size: 0.95em; font-weight: 500; } .sect_facility #door04 .sect01 ul { width: 46px; } .sect_facility #door04 .sect01 ul li.var02 { list-style-type: none; margin-left: -1.5em; white-space: nowrap; padding-bottom: 1.5em; } .sect_facility #door04_detail table { width: 355px; } .sect_facility #door04_detail table.pull-right { margin-right: 50px; } .sect_facility #door04_detail table th { border-right: solid 10px #EBEBE8; } .sect_facility #door06 .pull-right01, .sect_facility #door07 .pull-right01 { width: 340px; float: right; margin-top: 15px; } .sect_facility #door06 .pull-right01 table, .sect_facility #door07 .pull-right01 table { width: 290px; } .sect_facility#door06 .pull-right01 table caption, .sect_facility#door07 .pull-right01 table caption { font-size: 0.82em; } .sect_facility #door06 .pull-right01 table td, .sect_facility #door07 .pull-right01 table td { font-size: 0.75em; border-top: solid 1px #9B9B9B; border-bottom: solid 1px #9B9B9B; border-right: solid 10px white; padding: 2px 0 1px 10px; } .sect_facility #door06 .pull-right01 table th, .sect_facility #door07 .pull-right01 table th { font-size: 0.75em; border-top: solid 1px #9B9B9B; border-bottom: solid 1px #9B9B9B; border-right: solid 10px white; padding: 2px 0 1px 20px; } .sect_facility #door06 .pull-right01 table th, .sect_facility #door07 .pull-right01 table th { width: 60px; } #door07 .sect_products h2 { font-size: 1.5625em; line-height: 1; } #door08 p, #door09 p { margin: 0 40px 29px; font-size: 0.875em; } .sect_facility #door04 p, .sect_facility #door05 p { margin: 0 40px 15px; font-size: 0.875em; } .sect_facility #door08 p:last-of-type, .sect_facility #door09 p:last-of-type { margin: 0 40px 15px; font-size: 0.875em; } .sect_facility #door08 .textWrap01.pull-right .text01 { margin: 35px 20px 20px; font-size: 14px; } .sect_facility #door09 .textWrap01.pull-right .text01 { margin: 60px 20px 20px; font-size: 14px; } .sect_facility #door04 .sect01 ul { width: 290px; } .sect_facility #door05 .sect01 ul { list-style-type: disc; list-style-position: outside; padding-left: 1.5em; padding-bottom: 1.5em; font-size: 0.875em; margin-right: 40px; width: 290px; font-weight: 500; } .sect_facility #door05 .sect01 ul li.var04 { list-style-type: none; width: 290px; margin-top: 28px; font-size: 12px; text-align: right; letter-spacing: -0.03em; } .sect_facility #door06 .sect01 ul, .sect_facility #door07 .sect01 ul { list-style-type: none; padding-bottom: 0px; padding-left: 0em; font-size: 0.875em; width: 290px; margin-right: 50px; font-weight: 500; text-align: left; } .sect_facility #door06 .sect01 ul li.var01 { list-style-type: circle; font-size: 0.875em; font-weight: 500; } .sect_products h2 small { font-size: 20px; display: block; color: #333; margin: 10px 0 30px; } .sect_products .sect02 h3 { font-size: 1.5625em; width: 100%; border-bottom: solid 1px #969696; margin-bottom: 30px; } .sect_products .sect02 h4 { font-size: 1.5625em; line-height: 1; } .sect_products .sect02 h4 small { font-size: 0.6em; } .sect_products .sect02 ul { margin-top: 20px; } .sect_products .sect02 ul li { width: 390px; padding-bottom: 30px; } .sect_products .sect02 ul li .textWrap01 { width: 305px; } .sect_products .sect02 ul li .textWrap01 h5 { font-size: 0.9375em; } .sect_products .sect02 ul li .textWrap01 p { font-size: 0.8125em; } .sect_products .sect02 p.text01.var01 { padding: 15px 20px; } .section01, .section02 { display: flex; justify-content: space-between; box-sizing: border-box; padding: 0 10px; } .section01-left, .section02-left { width: 390px; } .section01 p, .section02 p { box-sizing: border-box; padding-left: 20px; } .section01-right, .section02-right { width: 380px; } .section01 p, .section02 p { font-size: 16px; margin-top: 18px; color: #333; line-height: 28px; letter-spacing: -0.6px; } .section01-left ul, .section02-left ul { margin-top: 20px; margin-bottom: 80px; box-sizing: border-box; padding-left: 20px; font-size: 16px; } .section01-left ul li, .section02-left ul li { line-height: 35px; } .section02-left ul li:last-of-type { padding-top: 8px; line-height: 1.5em; } .section01-left ul li::before { content: url(images/products/ul-button01.png); display: inline-block; width: 9px; height: 12px; margin: 0 6px; } .section01-left ul li:last-child::before { content: url(images/products/ul-button02.png); display: inline-block; width: 9px; height: 12px; margin: 0 6px; } .section02-left ul li::before { content: url(images/products/ul-button03.png); display: inline-block; width: 9px; height: 12px; margin: 0 6px; } .section01-left ul li:nth-child(3), .section01-left ul li:nth-child(4), .section01-left ul li:nth-child(5), .section01-left ul li:nth-child(6) { display: inline-block; } .section01-left ul li:nth-child(3), .section01-left ul li:nth-child(5) { width: 110px; } .section01-left ul li:nth-child(4), .section01-left ul li:nth-child(6) { width: 240px; } .section01-right02 { margin-top: 50px; } #footer { margin-top: 0; } /** 2016/10/27追記分 **/ #headerNav ul.list02 { padding-left: 0; } #headerNav ul.list02 li a { border-right: solid 1px white !important; } .sect_products .sect01 { background: #fff url(images/products/img_top1.png) 0 0 no-repeat; width: 800px; height: 704px; margin: 60px 0; margin-left: 0px; position: relative; } .sect_products .sect01 a { position: absolute; display: block; text-indent: -999px; overflow: hidden; } .sect_products .sect01 a:hover { background: rgba(255, 255, 255, 0.2); } .sect_products .sect01 a.btn01 { width: 246px; height: 50px; top: 1px; left: 16px; } .sect_products .sect01 a.btn02 { width: 190px; height: 50px; top: 1px; left: 332px; } .sect_products .sect01 a.btn03 { width: 190px; height: 50px; top: 32px; left: 610px; } .sect_products .sect01 a.btn04 { width: 190px; height: 67px; top: 442px; left: 0px; } .sect_products .sect01 a.btn05 { width: 200px; height: 50px; top: 423px; left: 542px; } .sect_entrance .sect01 { width: 100%; height: 160px; background: url(images/products/img_products1.jpg) 42px 0 no-repeat; border: solid 1px #4674B6; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); position: relative; margin-top: 40px; } .sect_entrance .sect01 .btnWrap01 { position: absolute; bottom: 0; right: 9px; } .sect_entrance .sect01 .btnWrap01 a { display: block; float: left; background: #646464; height: 35px; line-height: 35px; color: white; font-size: 0.75em; margin-right: 10px; text-align: center; } .sect_entrance .sect01 .textWrap01 { width: 545px; margin-right: 10px; padding-top: 20px; } .sect_entrance .detail01 { background: #EBEBE8; width: 851px; } .sect_entrance .detail01 .inner01 { padding: 30px 60px; } .sect_entrance .detail01 .sub_image li { float: left; margin-right: 49px; margin-bottom: 17px; } .sect_entrance .detail01 .sub_image li:nth-child(6n) { float: right; margin-right: 0; } .sect_entrance .detail01 .sub_image li:nth-child(6n+1) { clear: both; } .sect_entrance .detail01 .sub_image li img { margin-bottom: 5px; } .sect_entrance .detail01 .sub_image02 li { float: left; margin-right: 49px; margin-bottom: 17px; } .sect_entrance .detail01 .sub_image02 li:nth-child(6n) { float: left; /*float: right;*/ margin-right: 0; } .sect_entrance .detail01 .sub_image02 li:nth-child(6n+1) { clear: both; } .sect_entrance .detail01 .sub_image02 li img { margin-bottom: 5px; } .sect_entrance .detail01 .sub_image02 li li:nth-child(8n) { float: left; } .products_btn { text-align: center; margin: 35px 0 70px; } .products_btn01 { margin-top: 10px; } .sect_entrance .products_btn li { display: inline-block; } .sect_entrance .products_btn a.entrance_flex_pdf{ width: 370px; background-image: url(images/common/ico_common3.png); background-position: 95% 50%; background-repeat: no-repeat; text-align: left; padding-left: 20px; margin: 0 24px 0 0; } .sect_entrance .products_btn a.entrance_sape_pdf{ width: 390px; text-align: center; background: #969696; color: #fff; font-weight: bold; } .sect_entrance .products_btn a.entrance_pdf{ width: 470px; background-image: url(images/common/ico_common3.png); background-position: 95% 50%; background-repeat: no-repeat; text-align: left; padding-left: 30px; } .products_btn a { display: block; background: #E6E6E6; border: 1px solid #4674B6; width: 330px; height: 40px; font-size: 14px; /*color: #646464;*/ color: #333333; font-weight: 500; text-align: center; line-height: 40px; margin: 0 auto; } .products_btn a.pdf { background-image: url(images/common/ico_common3.png); background-position: 95% 50%; background-repeat: no-repeat; text-align: left; width: 250px; padding-left: 10px; } .products_btn a.pdf01 { background-image: url(images/common/ico_common3.png); background-position: 95% 50%; background-repeat: no-repeat; text-align: left; width: 300px; padding-left: 10px; } .sect_facility .products_btn a.facility_pdf { width: 470px; background-image: url(images/common/ico_common3.png); background-position: 95% 50%; background-repeat: no-repeat; text-align: left; padding-left: 30px; } .sect_entrance .sect01 h2 { margin: 15px 0 0 15px; font-size: 23px; line-height: 1; } .sect_entrance .sect01 h2 small { display: block; font-size: 18px; } .sect_entrance #door02 .sect01 { background-image: url(images/products/img_products2.jpg); } .sect_entrance #door03 .sect01 { background-image: url(images/products/img_products3.jpg); } .sect_entrance #door04 .sect01 { background-image: url(images/products/img_products4.jpg); } .sect_entrance #door05 .sect01 { background-image: url(images/products/img_products5.jpg); } .sect_entrance #door06 .sect01 { background-image: url(images/products/img_products6.jpg); } .sect_entrance #door07 .sect01 { background-image: url(images/products/img_products7.jpg); } .sect_entrance #door08 .sect01 { background-image: url(images/products/img_products8.jpg); } .sect_entrance #door09 .sect01 { background-image: url(images/products/img_products9.jpg); } .closeBtn { position: absolute; display: block; right: 10px; top: -36px; width: 195px; background-color: #646464; height: 35px; line-height: 35px; color: white; font-size: 0.75em; margin-right: 10px; text-align: center; } /* .mb30{ margin-bottom: 30px!important; } */ .mb30 { margin: 5px 0 10px !important; } section.spec01, section.spec02, section.spec03, section.spec04 { content: ""; display: block; clear: both; } section.spec01 h2, section.spec02 h2, section.spec03 h2, section.spec04 h2 { width: 829px; height: 50px; line-height: 50px; color: #FFF; background: #657FC2; font-size: 24px; padding-left: 21px; margin-bottom: 30px; } section.spec01 li { border-top: 1px solid #231815; padding: 14px; } section.spec01 ul:after, section.spec01 li:after { content: ""; display: block; clear: both; } section.spec01 li:nth-child(2), section.spec01 li:nth-child(4), section.spec01 li:nth-child(6) { float: left; width: 380px; } section.spec01 li:nth-child(3), section.spec01 li:nth-child(5), section.spec01 li:nth-child(7) { float: right; width: 380px; } section.spec01 li:nth-child(2), section.spec01 li:nth-child(4), section.spec01 li:nth-child(6) { clear: both; } section.spec01 li:nth-child(6), section.spec01 li:nth-child(7) { border-bottom: 1px solid #231815; min-height: 155px; } section.spec01 li img { float: left; margin-right: 9px; } section.spec01 li h3 { font-size: 18px; } section.spec01 li p { font-size: 14px; float: left; width: 290px; text-align: left; } section.spec01 li:nth-child(1) p { float: none; width: inherit; } section.spec01 .dl_btn { float: right; width: 408px; height: 50px; margin: 30px 0 70px 0; text-align: center; font-weight: bold; background-color: #969696; display: flex; align-items: center; justify-content: center; } section.spec01 .dl_btn a { display: block; width: 100%; height: 100%; line-height: 50px; font-size: 15px; color: #FFF; } section.spec02 h3 { color: #4C4948; font-size: 18px; } section.spec02 .left_box { float: left; width: 500px; } section.spec02 .right_box { float: right; width: 330px; } section.spec02 table { width: 100%; border: 1px solid #000000; } section.spec02 table th { border: 1px solid #000000; background: #CCDAEC; padding: 5px; font-size: 15px; text-align: center; } section.spec02 .left_box table th:nth-child(1) { width: 50px; } section.spec02 table td { border: 1px solid #000000; padding: 5px; font-size: 15px; } section.spec02 p { font-size: 12px; margin-top: 5px; text-align: right; } section.spec02 table span { font-size: 12px; margin-left: 5px; } section.spec02 table.katte td { text-align: center; padding: 10px; } section.spec03 h3 { color: #4C4948; font-size: 18px; border-bottom: 1px solid #4C4948; margin-bottom: 20px; } section.spec03 li { float: left; margin-right: 25px; margin-bottom: 18px; } section.spec03 li:nth-last-child(1) { float: left; margin-right: 0px; margin-bottom: 18px; /* appearance: auto; -moz-appearance: auto; -webkit-appearance: auto;*/ } section.spec03 ul.top li:nth-child(4n) { float: right; margin-right: 0; } section.spec03 ul.top li:nth-child(4n+1) { clear: both; } section.spec03 ul.bottom li:nth-child(4), section.spec03 ul.bottom li:nth-child(8), section.spec03 ul.bottom li:nth-child(12) { float: right; margin-right: 0; } section.spec03 li img { margin-bottom: 7px; } section.spec03 li p { font-size: 14px; } section.spec03 li p span { float: right; } section.spec03 li p.small span { float: none; display: block; font-size: 13px; text-align: right; } section.spec04 table { width: 849px; border-collapse: separate; border-spacing: 4px; border: 1px; font-size: 15px; margin-left: -4px !important; } section.spec04 table th.title { padding: 5px 4px 5px 5px; background: #9CCBDB; width: 15px; text-align: center; color: #FFF; } section.spec04 table th.sub_title { padding: 5px 4px 5px 4px; background: #DEEAF7; width: 15px; text-align: center; } section.spec04 table tr:first-of-type th.sub_title { background: none; } section.spec04 table th.company { border-top: 1px solid #595757; border-bottom: 1px solid #595757; text-align: center; } section.spec04 table td { width: 262px; padding: 10px 0; background: #EDF0F1; text-align: center; } section.spec04 table td.large { width: 821px; } section.spec04 table td.middle { width: 569px; } section.spec04 table td.small { width: 220px; } section.spec04 p { padding-left: 95px; font-size: 13px; } section.spec04 p span { float: right; } /* lightbox custmize */ .lb-nav a.lb-prev { left: -80px !important; position: absolute; } .lb-nav a.lb-next { right: -80px !important; position: absolute; }