body{
    font-family:  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
    color:#1D1D1B;
}
body.blue{
    background-color: #1E2138;
}
body.white{
    background-color: #ffffff;
}
.wrapper{
    position:relative;
    width:1200px;
    min-height:894px;
    margin:0 auto;
}
/* menu */
#menuarea{
    position:absolute;
    top:0;
    left:0;
    width:254px;
    height:100%;
    text-align: center;

    z-index:10;
}
body.blue #menuarea{
    background-color: rgba(0,0,0,0.3);
}
body.white #menuarea{
    background-color: rgba(0,0,0,0.1);
}
#menuarea #logo{
    display:block;
    padding:22px 48px 20px;
}
#menuarea ul.menu{
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
}
#menuarea ul.menu li{
    display:block;
    width:254px;
    padding:14px 0 14px;
    border-top:1px dotted #000;
    line-height:1px;
}
#menuarea ul.menu li:last-child{
    border-bottom:1px dotted #000;
}
#menuarea ul.menu li.current{
    display:block;
    width:254px;
    padding:14px 0 14px;
    border-top:1px dotted #000;
    line-height:1px;
    background-color: rgba(0,0,0,0.2);
}
#menuarea .m-office1{
    padding-top:29px;
}
#menuarea .m-office2{
    padding-top:21px;
}
#menuarea .m-tel{
    padding-top:31px;
}
/* common */
#contents.common{
    position:relative;
    width:894px;
    margin-left:306px;
    padding:40px 0 80px;
}
#contents .caption{
    position:relative;
    width:894px;
    height:30px;
}
#contents .caption h1{
    margin:0;
    padding:0 10px;
    font-size:17px;
    line-height:30px;
    letter-spacing:5px;
    color:#fff;
}
#contents .caption img{
    position:absolute;
    right:10px;
    top:8px;
}
#contents h2{
    margin:0;
    font-size:17px;
    line-height:24px;
}
#contents p.lead{
    margin:70px 0 50px;
}
#contents p.txt1{
    font-size:17px;
    line-height:43px;
}
/* top-contents*/
#darken.contents{
    position:absolute;
    top:0;
    left:0;
    width:1200px;
    height:894px;
    background:url(../img/bg.png) no-repeat;
}
#darken2.contents{
    position:absolute;
    top:0;
    left:0;
    width:1200px;
    height:894px;
}
#darken.contents #top-globe{
    position:absolute;
    top:50px;
    left:300px;
}
#darken.contents #top-light{
    position:absolute;
    top:71px;
    left:856px;
}
#darken.contents #top-codes{
    position:absolute;
    top:357px;
    left:683px;
    width:355px;
    height:149px;
}
#lighten.contents{
    position:absolute;
    top:0;
    left:0;
    width:1200px;
    height:894px;
    display:none;
}
#lighten.contents #top-globe2{
    position:absolute;
    top:50px;
    left:300px;
}
#darken2.contents #top-light2{
    position:absolute;
    top:54px;
    left:785px;
    opacity:0;
}
#darken2.contents #top-codes2{
    position:absolute;
    top:358px;
    left:678px;
    opacity:0;
}
#lighten.contents #top-texts2{
    position:absolute;
    top:80px;
    left:335px;
    opacity:0;
}
#lighten.contents #top-codes3{
    position:absolute;
    top:354px;
    left:678px;
    width:355px;
    height:149px;
}
#lighten.contents #news{
    position:absolute;
    top:572px;
    left:315px;
    width:800px;
    border-top:1px solid #000;
    padding-top:10px;
}
#lighten.contents #news table{
    width:800px;
}

/* philosophy */
#contents .caption_blue{
  background : -moz-linear-gradient(0% 50% 0deg,rgba(0, 42, 118, 1) 16.58%,rgba(1, 45, 120, 1) 17.67%,rgba(14, 89, 158, 1) 36.59%,rgba(25, 124, 187, 1) 54.81%,rgba(33, 150, 208, 1) 71.9%,rgba(37, 165, 221, 1) 87.44%,rgba(39, 170, 225, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(0, 42, 118, 1) 16.58%, rgba(1, 45, 120, 1) 17.67%, rgba(14, 89, 158, 1) 36.59%, rgba(25, 124, 187, 1) 54.81%, rgba(33, 150, 208, 1) 71.9%, rgba(37, 165, 221, 1) 87.44%, rgba(39, 170, 225, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0.1658,rgba(0, 42, 118, 1) ),color-stop(0.1767,rgba(1, 45, 120, 1) ),color-stop(0.3659,rgba(14, 89, 158, 1) ),color-stop(0.5481,rgba(25, 124, 187, 1) ),color-stop(0.719,rgba(33, 150, 208, 1) ),color-stop(0.8744,rgba(37, 165, 221, 1) ),color-stop(1,rgba(39, 170, 225, 1) ));
  background : -o-linear-gradient(0deg, rgba(0, 42, 118, 1) 16.58%, rgba(1, 45, 120, 1) 17.67%, rgba(14, 89, 158, 1) 36.59%, rgba(25, 124, 187, 1) 54.81%, rgba(33, 150, 208, 1) 71.9%, rgba(37, 165, 221, 1) 87.44%, rgba(39, 170, 225, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(0, 42, 118, 1) 16.58%, rgba(1, 45, 120, 1) 17.67%, rgba(14, 89, 158, 1) 36.59%, rgba(25, 124, 187, 1) 54.81%, rgba(33, 150, 208, 1) 71.9%, rgba(37, 165, 221, 1) 87.44%, rgba(39, 170, 225, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#002A76', endColorstr='#27AAE1' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(0, 42, 118, 1) 16.58%, rgba(1, 45, 120, 1) 17.67%, rgba(14, 89, 158, 1) 36.59%, rgba(25, 124, 187, 1) 54.81%, rgba(33, 150, 208, 1) 71.9%, rgba(37, 165, 221, 1) 87.44%, rgba(39, 170, 225, 1) 100%);
  width : 894px;
  height : 30px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27AAE1',endColorstr='#002A76' , GradientType=1);
}

#contents #cap-philosophy1{

}
#contents #txt1_c1mark{
    position:relative;
    left:690px;
    top:-200px;
    width:202px;
    height:120px;
    text-align: center;
}
#contents .col-ene-c>.col-item-ene:nth-child(1){
    float:left;
}
#contents .col-ene-c>.col-item-ene:nth-child(2){
    float:right;
}
#contents .col-item-ene{
    width:426px;
    height:auto;
    margin-bottom:100px;
}
#contents .cap-ene{
    position:relative;
    width:894px;
    height:30px;
}
#contents p.txt-ene-c1{
    font-size:14px;
    line-height:24px;
    height:135px;
}
#contents p.txt-ene-c2{
    font-size:14px;
    line-height:24px;
    height:180px;
}
#contents .col-item-ene h1{
    margin:0 0 30px;
}
#contents .col-item-ene h2{
    color:#fff;
    width:428px;
    height:18px;
    font-size:14px;
    line-height: 18px;
    font-weight:normal;
    padding:0 10px;
}
#contents #col-ene1 h2{
  background:url(../img/bg-energy1.png) no-repeat;
}
#contents #col-ene2 h2{
  background:url(../img/bg-energy2.png) no-repeat;
}
#contents #col-ene3 h2{
  background:url(../img/bg-energy3.png) no-repeat;
}
#contents #col-ene4 h2{
  background:url(../img/bg-energy4.png) no-repeat;
}
#contents .col-item-ene ul{
    list-style-type:none;
    font-size:12px;
    line-height:22px;
    margin:10px 0;
    padding:0;
}
#contents .col-item-ene ul li{
    text-indent:-1em;
    padding-left:1em;
}

/* scheme */
#contents h2.lead-sch1{
    font-size:24px;
    line-height:43px;
    font-weight:normal;
    margin:55px 0 35px;
}
#contents p.txt-sch1{
    font-size:14px;
    line-height:24px;
    margin:0 0 40px;
}
#contents #col-sch1{
    position: relative;
    width:894px;
    height:390px;
    margin:0 0 60px;
}
#contents #col-sch1 #image{
    position:absolute;
    left:252px;
    top:0px;
}
#contents #col-sch1 h3.col-sch1-1{
    position:absolute;
    left:0px;
    top:167px;
    width:214px;
    height:17px;
    font-size:12px;
    font-weight:normal;
    line-height: 17px;
    padding-left: 8px;
    background:#62DADD;
}
#contents #col-sch1 ul.col-sch1-1{
    position:absolute;
    left:0px;
    top:194px;
    width:222px;
    height:auto;
    font-size:12px;
    line-height: 22px;
    list-style-type:none;
    margin:10px 0 0;
    padding:0;
}
#contents #col-sch1 h3.col-sch1-2{
    position:absolute;
    left:672px;
    top:167px;
    width:214px;
    height:17px;
    font-size:12px;
    font-weight:normal;
    line-height: 17px;
    padding-left: 8px;
    background:#f7b2d8;
}
#contents #col-sch1 ul.col-sch1-2{
    position:absolute;
    left:672px;
    top:194px;
    width:222px;
    height:auto;
    font-size:12px;
    line-height: 22px;
    list-style-type:none;
    margin:10px 0 0;
    padding:0;
}
#contents h3.col-sch1-3{
    position:relative;
    width:410px;
    height:17px;
    font-size:12px;
    font-weight:normal;
    line-height: 17px;
    padding-left: 8px;
    background:#fffab2;
}
#contents ul.col-sch1-3{
    position:relative;
    width:auto;
    height:auto;
    font-size:12px;
    line-height: 22px;
    list-style-type:none;
    margin:10px 0 0;
    padding:0;
}
#contents #col-sch1 ul li{
    text-indent: -1em;
    padding:0 0 0 1em;
}
#contents .hr_blue{
    border:0;
  background : -moz-linear-gradient(0% 50% 0deg,rgba(0, 42, 118, 1) 16.58%,rgba(1, 45, 120, 1) 17.67%,rgba(14, 89, 158, 1) 36.59%,rgba(25, 124, 187, 1) 54.81%,rgba(33, 150, 208, 1) 71.9%,rgba(37, 165, 221, 1) 87.44%,rgba(39, 170, 225, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(0, 42, 118, 1) 16.58%, rgba(1, 45, 120, 1) 17.67%, rgba(14, 89, 158, 1) 36.59%, rgba(25, 124, 187, 1) 54.81%, rgba(33, 150, 208, 1) 71.9%, rgba(37, 165, 221, 1) 87.44%, rgba(39, 170, 225, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0.1658,rgba(0, 42, 118, 1) ),color-stop(0.1767,rgba(1, 45, 120, 1) ),color-stop(0.3659,rgba(14, 89, 158, 1) ),color-stop(0.5481,rgba(25, 124, 187, 1) ),color-stop(0.719,rgba(33, 150, 208, 1) ),color-stop(0.8744,rgba(37, 165, 221, 1) ),color-stop(1,rgba(39, 170, 225, 1) ));
  background : -o-linear-gradient(0deg, rgba(0, 42, 118, 1) 16.58%, rgba(1, 45, 120, 1) 17.67%, rgba(14, 89, 158, 1) 36.59%, rgba(25, 124, 187, 1) 54.81%, rgba(33, 150, 208, 1) 71.9%, rgba(37, 165, 221, 1) 87.44%, rgba(39, 170, 225, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(0, 42, 118, 1) 16.58%, rgba(1, 45, 120, 1) 17.67%, rgba(14, 89, 158, 1) 36.59%, rgba(25, 124, 187, 1) 54.81%, rgba(33, 150, 208, 1) 71.9%, rgba(37, 165, 221, 1) 87.44%, rgba(39, 170, 225, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#002A76', endColorstr='#27AAE1' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(0, 42, 118, 1) 16.58%, rgba(1, 45, 120, 1) 17.67%, rgba(14, 89, 158, 1) 36.59%, rgba(25, 124, 187, 1) 54.81%, rgba(33, 150, 208, 1) 71.9%, rgba(37, 165, 221, 1) 87.44%, rgba(39, 170, 225, 1) 100%);
  width : 894px;
  height : 8px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002A76',endColorstr='#27AAE1' , GradientType=1);
}

/* faq */
#contents .col-faq{
    margin:50px 0 60px;
}
#contents .col-faq dt{
    font-size:15px;
    line-height:30px;
    min-height:30px;
    color:#1D71D2;
    background:url(../img/img-faq1.png) no-repeat;
    padding:0 0 0 40px;
    margin:0 0 15px;
}
#contents .col-faq dd{
    font-size:15px;
    line-height:30px;
    min-height:30px;
    background:url(../img/img-faq2.png) no-repeat;
    padding:0 0 25px 40px;
    margin:0 0 30px;
    border-bottom:1px dotted #000;
}

/* aboutus */
#contents .col-abo{
    width:100%;
    margin:40px 0;
    border-bottom:1px dotted #1D1D1B;
}
#contents .col-abo th{
    width:91px;
    text-align:left;
    font-size:15px;
    line-height:44px;
    font-weight: bold;
    vertical-align: top;
    color:#1D71D2;
    text-align:justify;
    text-justify:inter-word;
    text-align-last: justify;
    border-top:1px dotted #1D1D1B;
    padding:10px 70px 10px 0;
}
#contents .col-abo td{
    width:auto;
    text-align:left;
    font-size:15px;
    line-height:44px;
    font-weight: normal;
    vertical-align: top;
    padding:10px 0;
    border-top:1px dotted #1D1D1B;
}
#contents .col-abo td p.col-abo-list{
    font-size:15px;
    line-height:24px;
    padding:0;
    margin:10px 0;
}
#contents .col-abo td .col-abo-map{
    position: relative;
    width:100%;
    height:210px;
    margin-bottom:60px;
}
#contents .col-abo td .col-abo-map p{
    position:relative;
    width:320px;
    font-size:15px;
    line-height:24px;
}
#contents .col-abo td .col-abo-map iframe{
    position:absolute;
    top:0px;
    left:336px;
}

/* project */
#contents .col-pro1{
    margin:30px 0;
}
#contents .col-pro1 h2{
    font-size:15px;
    line-height:24px;
    color:#1d71d2;
    margin:0 0 10px 0;
}
#contents .col-pro2{
    width:75%;
    margin:40px 0;
    border-bottom:1px dotted #1D1D1B;
    padding:0;
}
#contents .col-pro2 tr{
}
#contents .col-pro2 th{
    text-align:center;
    font-size:15px;
    line-height:24px;
    font-weight: bold;
    color:#1D71D2;
    border-top:1px solid #1D1D1B;
    border-bottom:1px solid #1D1D1B;
    border-left:1px dotted #1D1D1B;
    padding:0;
    margin:0;
}
#contents .col-pro2 td{
    width:auto;
    text-align:center;
    font-size:15px;
    line-height:24px;
    font-weight: normal;
    vertical-align: top;
    padding:0 0;
    border-left:1px dotted #1D1D1B;
    border-bottom:1px dotted #1D1D1B;
}
#contents .col-pro2 tr th:nth-last-child(1){
    border-right:1px dotted #1D1D1B;
}
#contents .col-pro2 tr td:nth-last-child(1){
    border-right:1px dotted #1D1D1B;
}
#contents .col-pro2 tr td:nth-child(1){
    background:#1D71D2;
    color:#fff;
}
#contents .col-pro2 tr td:nth-child(2){
    text-align:right;
    padding-right:20px;
}
#contents .col-pro2 tr td:nth-child(3){
    text-align:center;

}
#contents .col-pro2 tr td:nth-child(4){
    text-align:center;
}
#contents .col-pro2 tr td:nth-child(5){
    text-align:right;
    padding-right:20px;
}


/* project-detail */
#contents .item-prd{
    width:100%;
    margin:40px 0 60px;
}
#contents .item-prd img{
    float:right;
    padding-top:44px;
}
#contents .item-prd h2{
    width:auto;
    font-size:15px;
    line-height:15px;
    font-weight: bold;
    color:#fff;
    background:#1D71D2;
    border-bottom: 2px solid #0332ad;
    padding:6px 0 4px 10px;
    margin:0 0 20px;
}
#contents .item-prd ul{
    width:310px;
    border-top:1px solid #1D1D1B;
    margin:0;
    padding:0;
    list-style-type:none;
}
#contents .item-prd ul li{
    font-size:15px;
    line-height:24px;
    border-bottom:1px dotted #1D1D1B;
}
#contents .item-prd ul>li:nth-child(2n){
    background:#ededed;
}
#contents .item-prd dl{
    width:310px;
    border-top:1px dotted #1D1D1B;

    margin:24px 0 0;
    list-style-type:none;
}
#contents .item-prd dl dt{
    font-size:15px;
    line-height:24px;
    padding:0;
    border-bottom:1px dotted #1D1D1B;
}
#contents .item-prd dl dd{
    font-size:15px;
    line-height:24px;
    margin:0;
    padding:0;
    border-bottom:1px dotted #1D1D1B;
}
#contents .item-prd dl>dd:nth-child(2n){
    background:#ededed;
}
#contents .item-prd dl>dd:last-child{
    border-bottom:1px solid #1D1D1B;
}
/* other */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}