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

.radius { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.shadow { -moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0px 0px 8px #aaa; }

#NI-main-visual01-01 { height:296px; }
#NI-main-visual01-02 { position:relative; background:none; }
#NI-main-visual01-02 h1 img { height:260px; }
#NI-main-visual01-02 a#banNGP2022 { position:absolute; top:29px; right:15px; width: 372px; height:240px; display:block; }
#NI-main-visual01-02 a#banNGP2022 img { width: 372px!important; height:240px!important; }

.NI-frame-work04 { background:none; }
div#NewsTopics { background:url(../IMAGES/bg_hot_topics_news.gif) repeat-y 50% 50%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 964px;margin: 0 auto 30px; }
div#NewsTopics dl { width:100%; overflow:hidden; margin:0; padding:0; background:url(../IMAGES/NI_h2_title01.gif) no-repeat 40px 50%; }
div#NewsTopics dl dt { clear: left; float: left; width: 314px; min-height:230px; text-indent:-9999px; }
div#NewsTopics dl dd { margin-left: 314px; overflow:hidden; margin-bottom:0; }
div#NewsTopics dl dd ul { padding:0 0 0 30px; margin:-1px 0 0; }
div#NewsTopics dl dd ul li { margin:0; padding:15px 0; border-top:1px solid #eee; }
div#NewsTopics dl dd ul li p { margin:0; padding:0 57px 0 0; background:url(../IMAGES/icn_arrow_news.gif) no-repeat 590px 50%; }
div#NewsTopics dl dd ul li p span { display:block; }
div#NewsTopics dl dd ul li p span.news-date { clear:left; float:left; }
div#NewsTopics dl dd ul li p span.news-title { margin-left: 112px; }


div#principle { background:url(../IMAGES/bg_env_principle.jpg) repeat-y 50% 50%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 964px;margin: 0 auto 30px; }
div#principle dl { width:100%; overflow:hidden; margin:0; padding:0; }
div#principle dl dt { text-indent:-9999px; background:url(../IMAGES/icn_principle.png) no-repeat 50% 50%; width:180px; min-height:196px; clear:left; float:left; }
div#principle dl dd { padding:30px; margin:0 0 0 180px; }
div#principle dl dd h2 { margin:0 0 15px; padding:0; }
div#principle dl dd h2 img { vertical-align:top; }
div#principle dl dd p { line-height:1.6; font-size:12px; color:#343434; margin:0; padding:0; }

div#NGP2022 { background-image:url(../IMAGES/bg_NGP2022.gif); padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 964px;margin: 0 auto 30px; }

div#NGP2022 dl { width:100%; overflow:hidden; margin:0; padding:0; }
div#NGP2022 dl dt { text-indent:-9999px; background:url(../IMAGES/banner_ngp2022_s.jpg) no-repeat 50% 50%; width:200px; min-height:120px; clear:left; float:left;}
div#NGP2022 dl dd#NGP2022_text {  height:120px; padding-left:220px; margin-bottom:20px; }
div#NGP2022 dl dd#NGP2022_text h2 { margin-bottom:15px; padding-top: 20px; }
div#NGP2022 dl dd#NGP2022_text p { margin:0; }
div#NGP2022 dl dd { margin:0; }
div#NGP2022 dl dd ul { width:100%; margin:0; padding:0; }
div#NGP2022 dl dd ul li { border:1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float:left; margin:0 0 20px 20px; width:452px; height:130px;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 6px #aaa; -webkit-box-shadow: 0 0 6px #aaa; box-shadow: 0px 0px 6px #aaa; }
div#NGP2022 dl dd ul li a { display:block; width:452px; height:130px; position:relative; }
div#NGP2022 dl dd ul li a img { margin:-25px 0 0 -161px; position:absolute; top:50%; left:50%;  }
div#NGP2022 dl dd ul li:last-child{ width: 924px; text-align:center; }
div#NGP2022 dl dd ul li:last-child a { width:924px; }
div#NGP2022 dl dd ul li:last-child a img { margin:-12px 0 0 -139px; }

div#performance_data { width:100%; overflow:hidden; background:url(../IMAGES/bg_performance_data.png) no-repeat center top; padding:0 25px 55px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
div#performance_data h3 { margin:0 0 20px; padding:0; }
div#performance_data div#performance { width:620px; float:left; }
div#performance_data div#performance p { margin:0 0 30px 10px; }
div#performance_data div#performance ul { width:100%; overflow:hidden; margin:0 0 0 10px; padding:0; }
div#performance_data div#performance ul li { padding:0; float:left; width:226px; margin-bottom:15px; }
div#performance_data div#performance ul li:nth-child(3n) { width:160px; }
div#performance_data div#performance ul li a { padding:0 0 0 20px; background:url(../IMAGES/icn_arrow_left.gif) no-repeat 0 50%; font-size:14px; color:#343434; }
div#performance_data div#data { width:314px; float:right; }
div#performance_data div#data p { margin:0 0 0 15px; padding:0; -moz-box-shadow: 0 0 3px #888; -webkit-box-shadow: 0 0 3px #888; box-shadow: 0px 0px 3px #888; }

.NI-category-top05 { background:url(../IMAGES/bg_furthur_info.png) no-repeat center top; padding-bottom:70px; }
.NI-category-top05 h3 { margin-bottom:20px; margin-left:15px; }
ul#lstBanner { width:100%; overflow:hidden; margin-left:25px; margin-bottom:0; }
ul#lstBanner li{ float:left; margin-right:20px; padding-bottom:7px; background:url(../IMAGES/bg_banner_shadow.png) no-repeat center bottom; width:216px; margin-bottom:0; }
ul#lstBanner li a { }