@charset "utf-8";

@import url('/css/style.css');


/* Common */

#nav li.gmenu02 {
 width: 132px;
 height: 44px;
 background:url(/img/gmenu.gif) no-repeat -136px -304px;
}

div#main_contents {
 padding-bottom: 6px;
}

div#ledTop h3, div#daylight h3, div#downlight h3, div#street_light h3, div#case h3 {
 display: block;
 overflow: hidden;
 width: 759px;
 height: 47px;
 margin: 0;
 padding: 0;
 background-position: 0 0;
 background-repeat: no-repeat;
 text-indent: -9999px;
}

body#popup {
 background: #ffffff;
}

div#popupBox01 {
 padding: 15px;
 text-align: center;
}

.btnclose {
 margin-top: 10px;
}

div#uBnrBox, div#uBnrBox02, div#uBnrBox03 {
 margin-top: 15px;
 padding: 10px 0 0 17px;
 border-top: 2px solid #bb343a;
}

div#uBnrBox02 {
 padding-left: 115px;
}

div#uBnrBox03 {
 padding-left: 27px;
}

div#uBnrBox ul, div#uBnrBox02 ul, div#uBnrBox03 ul {
 margin: 0;
 padding: 0;
}

div#uBnrBox li, div#uBnrBox02 li, div#uBnrBox03 li {
 margin: 0 2px 0 2px;
 padding: 0;
 list-style-type: none;
 float: left;
}


/* Led Top */

h2#led_top {
	background-image: url(/environment/led_top/img/h2tit_led_top.jpg);
}

h3#led-top01 {
 background-image: url(/environment/led_top/img/h3tit_led_top01.jpg);
}

h3#led-top02 {
 background-image: url(/environment/led_top/img/h3tit_led_top02.jpg);
}

h3#dairiten {
 background-image: url(/environment/led_top/img/h3tit_dairiten.jpg);
}

div.ledTopBox01, div.ledTopBox03 {
 margin: 0 10px 15px 10px;
 padding: 0 0 12px 0;
 border-bottom: 1px dotted #b5b5b5;
}

div.ledTopBox01-inner01 {
 width: 257px;
 float: left;
}

div.ledTopBox01-inner02 {
 width: 225px;
 float: left;
}

div.ledTopBox01-inner03 {
 width: 225px;
 float: right;
}

div#phBox01, div#phBox02, div#phBox03 {
 width: 225px;
 padding-top: 10px;
}

body div#phBox01 a, body div#phBox02 a, body div#phBox03 a {
 display: block;
 overflow: hidden;
 width: 225px;
 height: 143px;
 background: url(/environment/led_top/img/img01_01.jpg);
 text-indent: -9999px;
}

body div#phBox02 a {
 background: url(/environment/led_top/img/img01_02.jpg);
}

body div#phBox03 a {
 background: url(/environment/led_top/img/img01_03.jpg);
}

div#phBox01 a:hover {
 background: url(/environment/led_top/img/img01_01o.jpg);
}

div#phBox02 a:hover {
 background: url(/environment/led_top/img/img01_02o.jpg);
}

div#phBox03 a:hover {
 background: url(/environment/led_top/img/img01_03o.jpg);
}

div.ledTopBox02 {
 padding: 0 10px 30px 10px;
 text-align: right;
}

div.ledTopBox03 h4, div#daylight h4, div#downlight h4, div#street_light h4, div#case h4 {
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
 width: 739px;
 height: 32px;
 text-indent: -9999px;
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

h4#led-top02-01 {
background-image: url(/environment/led_top/img/h4tit_led_top02_01.gif);
}

h4#led-top02-02 {
background-image: url(/environment/led_top/img/h4tit_led_top02_02.gif);
}

div.ledTopBox03 p.txtType01 {
 padding: 0 10px 0 10px;
}

div.ledTopBox04-inner01 {
 width: 360px;
 float: left;
}

div.ledTopBox04-inner01 ul {
 margin-left: 10px;
 padding-left: 2.5em;
 list-style-type: lower-roman;
}

div.ledTopBox04-inner01 li {
 padding-bottom: 3px;
}

div.ledTopBox04-inner02 {
 width: 360px;
 float: right;
}

div.ledTopBox04-inner02 li {
 width: 177px;
 list-style-type: none;
 float: left;
}

div.ledTopBox05 {
 padding: 0 20px 0 20px;
}

div.ledTopBox05 h5 {
 margin: 0 0 12px 0;
 padding: 5px 0 5px 5px;
 font-size: 14px;
 color: #454545;
 font-weight: bold;
 line-height: 1em;
 border-bottom: 1px solid #cccccc;
 border-left: 5px solid #a82127;
}

div.ledTopBox06 {
 padding: 0 0 10px 10px;
}

div.ledTopBox06-inner01 {
 width: 525px;
 float: left;
}

div.ledTopBox06-inner01 p.txtType01 {
 padding-bottom: 0.5em;
}

div.ledTopBox06-inner01 p.txtType02 {
 padding-left: 1em;
}

div.ledTopBox06-inner01 ul {
 margin: 0;
 padding: 0 0 0.5em 2.5em;
}

div.ledTopBox06-inner01 li {
 font-weight: bold;
}

div.ledTopBox06-inner02 {
 width: 172px;
 padding-top: 3px;
 float: right;
}

div.ledTopBox06-inner02 li {
 width: 172px;
 list-style-type: none;
 float: left;
}

div.ledTopBox07 {
 padding: 0 0 0 10px;
}

div.ledTopBox07 table {
 margin-bottom: 5px;
 width: 100%;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
}

div.ledTopBox07 th, div.ledTopBox07 td {
 padding: 3px 5px 3px 5px;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

div.ledTopBox07 th {
 font-weight: normal;
 background: #dddddd;
}

div.ledTopBox07 th.txtcol01 {
 color: #ff6633;
}

div.ledTopBox07 td.txtcol01 {
 color: #ff6633;
 text-align: right;
}

div.ledTopBox07 td {
 text-align: right;
}

div.ledTopBox07 p {
 padding-bottom: 10px;
 color: #ff6633;
 font-weight: bold;
 text-align: center;
}

div#ledTop div#uBnrBox {
 margin-top: 15px;
 padding: 10px 0 0 27px;
 border-top: 2px solid #bb343a;
}

div.ledTopBox08, div.ledTopBox09 {
 padding: 0 0 0 10px;
}

div.ledTopBox08 h6 {
 padding-bottom: 0.5em;
}

div.ledTopBox08 p {
 padding-bottom: 1em;
}

div.ledTopBox08-inner01 {
 padding-bottom: 20px;
 text-align: center;
}

div.ledTopBox09 p {
 padding-bottom: 12px;
}

div.ledTopBox09-inner01 {
 padding-bottom: 15px;
 text-align: center;
}

div.ledTopBox10 {
 padding: 0 0 0 10px;
}

div.ledTopBox10-inner01 {
 width: 438px;
 float: left;
}

div.ledTopBox10-inner02, div.ledTopBox10-inner03 {
 width: 261px;
 padding-bottom: 10px;
 float: right;
}

div.ledTopBox10-inner03 img {
 padding-bottom: 5px;
}

div.ledTopBox10-inner04 {
 width: 526px;
 padding: 1em 0 1em 0;
 float: left;
}

div.ledTopBox10-inner04 p {
 padding-top: 0.5em;
}

div.ledTopBox10-inner05 {
 width: 163px;
 padding: 1em 0 15px 0;
 float: right;
}

div.ledTopBox10 h6 {
 padding-bottom: 0.5em;
}

div.ledTopBox10-inner04 h6 {
 margin: 0;
 padding: 0;
}


/* Daylight */

h2#daylight {
	background-image: url(/environment/led_top/daylight/img/h2tit_daylight.jpg);
}

h3#daylight01 {
 background-image: url(/environment/led_top/daylight/img/h3tit_daylight01.gif);
}

h4#daylight01-01 {
 background-image: url(/environment/led_top/daylight/img/h4tit_daylight01_01.gif);
}

h4#daylight01-02 {
 background-image: url(/environment/led_top/daylight/img/h4tit_daylight01_02.gif);
}

div.daylight01Box00, div.downlightBox00, div.sLightBox00, div.caseBox00 {
 padding: 0 10px 0 10px;
}

div.daylight01Box01 {
 padding:0  10px 15px 10px;
}

div.daylight01Box01-inner01 {
 width: 354px;
 text-align: center;
 float: left;
}

div.daylight01Box01-inner01 p.capPopup {
 padding-top: 5px;
 font-size: 10px;
 line-height: 1em;
}

div.daylight01Box01-inner02 {
 width: 355px;
 float: right;
}

div.daylight01Box01-inner02 ul {
 margin-left: 10px;
 padding-left: 1.5em;
}

div.daylight01Box01-inner02 li {
 padding-bottom: 3px;
}

div.daylight01Box01 table {
 width: 100%;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
}

div.daylight01Box01 th, div.daylight01Box01 td {
 padding: 3px 5px 3px 5px;
 text-align: center;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

div.daylight01Box01 th {
 font-weight: normal;
 background: #ededed;
}

span.txtC-Red {
 color: #cc0000;
}

div.daylight01Box02 {
 margin-bottom: 15px;
 padding: 0 9px 0 10px;
 border-bottom: 1px dotted #b5b5b5;
}

div.daylight01Box02-inner01 {
 width: 360px;
 padding-bottom: 11px;
 float: left;
}

div.daylight01Box02-inner01 p {
 padding-bottom: 4px;
}

div.daylight01Box02-inner02 {
 width: 354px;
 padding-bottom: 15px;
 float: right;
}

div.daylight01Box02-inner02 ul {
 margin: 0;
 padding: 0;
}

div.daylight01Box02-inner02 li {
 width: 177px;
 margin: 0;
 padding: 0;
 list-style-type: none;
 float: left;
}

div.daylight01Box02-inner02 li img {
 margin-left: 5px;
}

div.daylight01Box03 {
 padding: 5px 10px 0 10px;
}

div.daylight01Box03 img, div.daylight01Box03 p {
 padding-bottom: 1em;
}


/* Downlight */

h2#downlight {
	background-image: url(/environment/led_top/downlight/img/h2tit_downlight.jpg);
}

h3#downlight01 {
 background-image: url(/environment/led_top/downlight/img/h3tit_downlight01.gif);
}

h3#downlight02 {
 background-image: url(/environment/led_top/downlight/img/h3tit_downlight02.gif);
}

h4#downlight01-01 {
 background-image: url(/environment/led_top/downlight/img/h4tit_downlight01_01.gif);
}

h4#downlight01-02 {
 background-image: url(/environment/led_top/downlight/img/h4tit_downlight01_02.gif);
}

h4#downlight02-01 {
 background-image: url(/environment/led_top/downlight/img/h4tit_downlight02_01.gif);
}

h4#downlight02-02 {
 background-image: url(/environment/led_top/downlight/img/h4tit_downlight02_02.gif);
}

div.downlightBox01 {
 margin-bottom: 15px;
 padding: 0 9px 15px 10px;
 border-bottom: 1px dotted #b5b5b5;
}

div.downlightBox01-inner01 {
 width: 145px;
 text-align: center;
 float: left;
}

div.downlightBox01-inner01 img {
 margin-bottom: 5px;
}

div.downlightBox01-inner01 p.capPopup {
 font-size: 10px;
 line-height: 1em;
}

div.downlightBox01-inner02 {
 width: 559px;
 float: right;
}

div.downlightBox01-inner02 ul {
 padding: 0 1px 10px 1.5em;
}

div.downlightBox01-inner02 li {
 padding-bottom: 3px;
}

div.downlightBox01 table {
 margin: 0 1px 15px 0;
 width: 100%;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
}

div.downlightBox01 th, div.downlightBox01 td {
 padding: 3px 5px 3px 5px;
 text-align: center;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

div.downlightBox01 th {
 font-weight: normal;
 background: #ededed;
}

div.downlightBox01-inner04 {
 width: 377px;
 padding-bottom: 11px;
 float: left;
}

div.downlightBox01-inner04 p, div.downlightBox01-inner06 p {
 padding-bottom: 4px;
}

div.downlightBox01-inner05 {
 width: 172px;
 float: right;
}

div.downlightBox01-inner05 ul {
 margin: 0;
 padding: 0;
}

div.downlightBox01-inner05 li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

div.downlightBox01-inner06 {
}

div.downlightBox02 {
 padding: 0 10px 1em 10px;
}

div.downlightBox02-inner01 {
 width: 321px;
 float: left;
}

div.downlightBox02-inner02 {
 width: 363px;
 float: right;
}

div.downlightBox02-inner02 img {
 padding-bottom: 10px;
}

div.downlightBox02-inner02 table {
}

div.downlightBox02-inner02 th, div.downlightBox02-inner02 td {
 padding: 5px 10px 5px 15px;
 font-weight: normal;
 border-bottom: 1px solid #ffffff;
}

div.downlightBox02-inner02 th {
 background: #ededed;
}


/* Street Light */

h2#street_light {
	background-image: url(/environment/led_top/street_light/img/h2tit_street_light.jpg);
}

h3#street_light01 {
 background-image: url(/environment/led_top/street_light/img/h3tit_s_light01.gif);
}

h3#street_light02 {
 background-image: url(/environment/led_top/street_light/img/h3tit_s_light02.gif);
}

h3#street_light03 {
 background-image: url(/environment/led_top/street_light/img/h3tit_s_light03.gif);
}

h4#sLight01-01 {
 background-image: url(/environment/led_top/street_light/img/h4tit_s_light01_01.gif);
}

h4#sLight02-01 {
 background-image: url(/environment/led_top/street_light/img/h4tit_s_light02_01.gif);
}

h4#sLight03-01 {
 background-image: url(/environment/led_top/street_light/img/h4tit_s_light03_01.gif);
}

div.sLightBox01, div.sLightBox02 {
 padding: 0 9px 15px 10px;
}

div.sLightBox01-inner01 {
 width: 145px;
 text-align: center;
 float: left;
}

div.sLightBox01-inner01 img {
 margin-bottom: 5px;
}

div.sLightBox01-inner01 p.capPopup {
 font-size: 10px;
 line-height: 1em;
}

div.sLightBox01-inner02 {
 width: 559px;
 float: right;
}

div.sLightBox01-inner02 ul {
 padding: 0 1px 10px 1.5em;
}

div.sLightBox01-inner02 li {
 padding-bottom: 3px;
}

div.sLightBox01 table {
 margin: 0 1px 15px 0;
 width: 100%;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
}

div.sLightBox01 th, div.sLightBox01 td, div.sLightBox02 th, div.sLightBox02 td, div.sLightBox03 th, div.sLightBox03 td, div.sLightBox05 th, div.sLightBox05 td {
 padding: 3px 5px 3px 5px;
 text-align: center;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

div.sLightBox01 th, div.sLightBox02 th, div.sLightBox03 th, div.sLightBox05 th {
 font-weight: normal;
 background: #ededed;
}

div.sLightBox01-inner04 {
 width: 372px;
 padding-bottom: 11px;
 float: left;
}

div.sLightBox01-inner04 table {
 margin: 1px 0 15px 0;
}

div.sLightBox01-inner04 p, div.sLightBox02-inner01 p {
 padding-bottom: 4px;
}

div.sLightBox01-inner05 {
 width: 172px;
 float: right;
}

div.sLightBox01-inner05 ul {
 margin: 0;
 padding: 0;
}

div.sLightBox01-inner05 li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

div.sLightBox02-inner01 li, div.sLightBox02-inner02 li {
 margin: 0 0 0 1.5em;
}

div.sLightBox02 p.capPopup02 {
 padding-top: 5px;
 font-size: 10px;
 line-height: 1em;
 text-align: center;
}

div.sLightBox02 table {
 margin: 15px 1px 15px 0;
 width: 100%;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
}

div.sLightBox03 table, div.sLightBox05 table {
 margin: 0 1px 10px 0;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
}

div.sLightBox02-inner01 {
 width: 352px;
 float: left;
}

div.sLightBox02-inner02 {
 width: 352px;
 float: right;
}

div.sLightBox02-inner03 {
 width: 535px;
 padding-bottom: 11px;
 float: left;
}

div.sLightBox03 {
 padding: 0 10px 15px 10px;
}

div.sLightBox03-inner01 {
 width: 244px;
 float: left;
}

div.sLightBox03-inner02 {
 width: 229px;
 float: left;
}

div.sLightBox03-inner03 {
 width: 229px;
 float: right;
}

div.sLightBox03-inner01 h5, div.sLightBox03-inner02 h5, div.sLightBox03-inner03 h5 {
 margin: 0 0 10px 0;
 padding: 5px 0 5px 5px;
 color: #454545;
 font-weight: bold;
 line-height: 1em;
 border-bottom: 1px solid #cccccc;
 border-left: 5px solid #a82127;
}

div.sLightBox03-inner01 h5 {
 margin: 0 15px 10px 0;
}

div.sLightBox03-inner01 table {
 margin: 0 15px 0 10px;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
}

div.sLightBox03-inner02 table, div.sLightBox03-inner03 table {
 margin: 0 0 0 10px;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
}

div.sLightBox03-inner01 th, div.sLightBox03-inner01 td, div.sLightBox03-inner02 th, div.sLightBox03-inner02 td, div.sLightBox03-inner03 th, div.sLightBox03-inner03 td {
 padding: 3px 10px 3px 10px;
 text-align: center;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

div.sLightBox03-inner01 th, div.sLightBox03-inner02 th, div.sLightBox03-inner03 th {
 font-weight: normal;
 background: #ededed;
}

div.sLightBox03-inner01 p {
 padding: 0.5em 15px 0 10px;
}

div.sLightBox04 {
 text-align: center;
}

div.sLightBox05 {
 padding-left: 10px;
 padding-bottom: 10px;
}

div.sLightBox05 table {
 width: 100%;
}


/* Caset */

h2#case {
	background-image: url(/environment/led_top/case/img/h2tit_case.jpg);
}

h3#case01 {
 background-image: url(/environment/led_top/case/img/h3tit_case01.gif);
}

h3#case02 {
 background-image: url(/environment/case/img/h3tit_case02.gif);
}

h3#case03 {
 background-image: url(/environment/case/img/h3tit_case03.gif);
}

h4#case01-01 {
 background-image: url(/environment/led_top/case/img/h4tit_case01_01.gif);
}

h4#case01-02 {
 background-image: url(/environment/led_top/case/img/h4tit_case01_02.gif);
}

h4#case01-03 {
 background-image: url(/environment/led_top/case/img/h4tit_case01_03.gif);
}

div#case h5 {
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
 width: 154px;
 height: 22px;
 text-indent: -9999px;
 background-repeat: no-repeat;
 background-position: 0px 0px;
 float: left;
}

h5#case01-01-01 {
 background-image: url(/environment/led_top/case/img/h5tit_case01_01_01.gif);
}

h5#case01-01-02 {
 background-image: url(/environment/led_top/case/img/h5tit_case01_01_02.gif);
}

h5#case01-01-03 {
 background-image: url(/environment/led_top/case/img/h5tit_case01_01_03.gif);
}

h5#case01-02-01 {
 background-image: url(/environment/led_top/case/img/h5tit_case01_02_01.gif);
}

h5#case01-03-01 {
 background-image: url(/environment/led_top/case/img/h5tit_case01_03_01.gif);
}

h5#case01-03-02 {
 background-image: url(/environment/led_top/case/img/h5tit_case01_03_02.gif);
}

h5#case01-03-03 {
 background-image: url(/environment/led_top/case/img/h5tit_case01_03_03.gif);
}

h5#case01-03-04 {
 background-image: url(/environment/led_top/case/img/h5tit_case01_03_04.gif);
}

h5#case01-03-05 {
 background-image: url(/environment/led_top/case/img/h5tit_case01_03_05.gif);
}

h5#case01-03-06 {
 background-image: url(/environment/led_top/case/img/h5tit_case01_03_06.gif);
}

div.caseBox01 {
 padding: 6px 10px 1em 10px;
}

div.caseBox02 {
 margin-bottom: 15px;
 padding: 6px 10px 15px 10px;
 border-bottom: 1px dotted #b5b5b5;
}

div.caseBox01-inner01 {
 width: 244px;
 float: left;
}

div.caseBox01-inner02 {
 width: 229px;
 float: left;
}

div.caseBox01-inner03 {
 width: 229px;
 float: right;
}

div.caseh5Box {
 width: 229px;
 padding-bottom: 12px;
}

div.caseh5Box img {
 float: right;
}


/* Simulation */

h2#simulation {
	background-image: url(/environment/led_top/simulation/img/h2tit_simulation.jpg);
}

div#simuBox {
 padding: 0 11px 0 11px;
}

div.mainTxtBox {
 margin: 0 0 15px 0;
 padding: 0 0 15px 0;
 border-bottom: 1px dotted #b5b5b5;
}

div#simuBox div.mainTxtBox ul {
 margin: 0;
 padding: 1em 11px 0 1.5em;
}

div#simuBox h3 {
 margin: 0 0 10px 0;
 padding: 5px 0 5px 5px;
 color: #454545;
 font-weight: bold;
 line-height: 1em;
 border-bottom: 1px solid #cccccc;
 border-left: 5px solid #a82127;
}

div#simuBox table#calculateBox {
 margin: 5px auto 15px auto;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
}

table#calculateBox th, table#calculateBox td {
 padding: 5px 10px 5px 10px;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

table#calculateBox th {
 background: #ededed;
}

table#calculateBox td.itemName {
 text-align: center;
 font-weight: bold;
 background: #fff7f4;
}

div#simuBox div#btnBox {
 margin-bottom: 15px;
 padding-bottom: 15px;
 text-align: center;
 border-bottom: 1px dotted #b5b5b5;
}

div#simuBox div#btnBox input {
 margin: 0 10px 0 10px;
 padding: 2px 5px 2px 5px;
 font-weight: bold;
}

div#simuBox table#resultList, div#simuBox table#resultList02 {
 width: 100%;
 margin: 5px 10px 10px 10px;
 font-size: 12px;
 border-top: 1px solid #d5555b;
 border-bottom: 1px solid #d5555b;
}

table#resultList th, table#resultList td, table#resultList02 th, table#resultList02 td {
 border-bottom: 1px solid #d5555b;
}

table#resultList th.firstBox, table#resultList td.firstBox, table#resultList02 th.firstBox, table#resultList02 td.firstBox {
 border-top: 1px solid #d5555b;
}

table#resultList th, table#resultList02 th {
 padding: 5px 8px 5px 3px;
 text-align: left;
 border-right: 1px dotted #cccccc;
}

table#resultList td, table#resultList02 td {
 padding: 5px 3px 5px 8px;
}

table#resultList td.unitBox, table#resultList02 td.unitBox {
 padding: 5px 3px 5px 0;
}

div#simucalculateBox {
 padding-bottom: 10px;
}

div.simucalculateBoxL01 {
 width: 462px;
 float: left;
}

div.simucalculateBoxR01 {
 width: 255px;
 float: right;
}

div#simuBox table#calculateBox {
 margin: 5px 0 15px 10px;
}

div#simuBox div#btnBox {
 margin: 0;
 padding: 0;
 text-align: center;
 border: none;
}

input.w2m {
 width: 4em;
}