@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	}
body {
	text-align:center;
	background-color:#000C1A;
	color:#fff;
	}
ul, li {
	list-style:none;
	}
h1,h2,h3,h4,h5,p,ul,dl {
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka,sans-serif;
	}
a {
	color:#bbb;
	outline:none;
	}
a:hover {
	color:#fff;
	}
a:vlink {
	color:#666;
	}
#container:after {
    content:""; 
    display: block; 
    clear: both; 
}
#container {display: inline-table;}

/* Hides from IE-mac \*/
* html #container {height: 1%;}
#container {display: block;}
/* End hide from IE-mac */
#container {
	position:relative;
	width:960px;
	margin:30px auto 0;
	text-align:left;
	padding:0;
	background-color:#000C1A;
	}
	
/*common:::::::::::::::::::::*/

#logo {
	width:155px;
	height:83px;
	}
#menu {
	position:absolute;
	top:0;
	right:0;
	
	}
#menu li{
	display:block;
	float:left;
}
#menu li a{
	text-indent:-9999px;
	height:32px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	}
#menu li a:hover{
	background-position:left bottom;
	}
#menu li.feature {
	width:183px;
	}
#menu li.feature a{
	width:183px;
	background-image:url(../common/menu_feature.gif);
	}
#menu li.lineup {
	width:164px;
	}
#menu li.lineup a{
	width:164px;
	background-image:url(../common/menu_lineup.gif);
	}
#menu li.contact {
	width:129px;
	}
#menu li.contact a{
	width:129px;
	background-image:url(../common/menu_contact.gif);
	}
#footer:after {
    content:""; 
    display: block; 
    clear: both; 
}
#footer {display: inline-table;}

/* Hides from IE-mac \*/
* html #footer {height: 1%;}
#footer {display: block;}
/* End hide from IE-mac */
#footer {
	clear:both;
	text-align:right;
	width:960px;
	font-size:10px;
	margin:20px auto;
	height:20px;
	letter-spacing:0.1em;
	padding-bottom:20px;
	color:#bbb;
	}
#feature #footer, #lineup #footer {
	margin:20px auto;
	padding-bottom:20px;
	}
#feature #footer img, #lineup #footer img{
	float:left;
	height:40px;
	}
#feature #footer p, #lineup #footer p{
	float:right;
	line-height:12px;
	padding-top:28px;
	}
#toTop {
	padding:30px 0 30px;
	clear:both;
	}
#toTop a{
	
	display:block;
	height:19px;
	width:104px;
	text-indent:-9999px;
	background-image:url(../common/pagetop.gif);
	background-repeat:no-repeat;
	}
#toTop a:hover {
	background-position:bottom left;
	}

/*top:::::::::::::::::::::*/
#topPage #container{
height:678px;
}
#topPage #logo {
	position:absolute;
	top:116px;
	left:10px;
	}
#topPage #lead{
	position:absolute;
 	top:156px; 
	left:10px;
	width:346px;
	_width:360px;
	letter-spacing:0.2ex;
}
#topPage #lead h2{
	margin:0 0 17px 0;
	}
#topPage #lead p{
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "細明朝体",  selif;
	line-height:20px;
	}
#topPage #topImage {
	position:absolute;
	width:179px;
	top:98px;
	left:728px;
	}
#topPage #topFlash {
	position:absolute;
	width:479px;
	top:78px;
	left:458px;
	height:600px;
	}
#topPage #topContact {
	position:absolute;
	bottom:0;
	letter-spacing:0.1em;
	}
#topPage #topContact h3{
	font-size:10px;
	}
#topPage #topContact h4{
	line-height:2;
	}
#topPage #topContact p{
	font-size:10px;
	}
address {
	font-style:normal;
	}
	
/*feature:::::::::::::::::::::*/

#feature #featureTxt, #feature #featureImg {
	margin-top:40px;
}
#feature #featureTxt {
	width:341px;
	height:571px;
	float:left;
	background-color:#d9d9d9;
	color:#000;
	}
#feature #featureTxt #tokuchou {
	margin:0px auto 15px;
	}
#feature #featureImg {
	width:599px;
	float:right;
	}
#feature #featureTxt h3 {
	font-size:14px;
	margin:15px 0 5px 10px;
	}
#feature #featureTxt p{
	margin:0px 10px 10px 10px;
}
#feature #featureTxt ul{
margin:10px 0 5px 10px;
}
#feature #featureTxt p{
font-size:11px;
}
#feature #featureTxt li{
font-size:10px;
background-image:url(../feature/images/bullet.gif);
background-repeat:no-repeat;
line-height:16px;
background-position:0 4px;
padding-left:12px;
}
#feature #featureTxt li span {
	font-size:9px;
	}
#feature #solarModule {
	clear:both;
	padding-top:30px;
}
#feature #solarModule #alpha{
	width:320px;
	float:left;
	}
#feature #solarModule #beta {
	float:right;
	width:630px;
	}
#feature #solarModule #alpha .moduleLead {
	font-size:11px;
	margin:10px auto 15px;
	line-height:1.4;
}
#feature #solarModule #beta .moduleItem {
	float:left;
	width:300px;
	padding-left:15px;
	}
#feature #solarModule #beta .moduleItem h3{
	line-height:1.8;
	}
#feature #solarModule #beta .moduleItem p{
	font-size:11px;
	line-height:1.4;
	margin-bottom:10px;
	}
	
/*Line up:::::::::::::::::::::*/
#blacket {
	padding-top:40px;
	}
#lineup h2 {
	margin:0 0 12px;
	clear:both;
	}
#lineup .item{
	float:left;
	margin:0 12px 12px 0;
	}
#lineup .last {
	margin-right:0;
	}
#blacket, #lowPole,#highPole{
	margin-bottom:20px;
	}
.clearfix:after {
    content:""; 
    display: block; 
    clear: both; 
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix  {height: 1%;}
.clearfix  {display: block;}
/* End hide from IE-mac */


/* 画像　slide*/

.slider_fade {
    position: relative;
}

.slider_fade > li {
    position: absolute;
    list-style: none;
    visibility: hidden;
    animation: anime_slider_fade 12s 0s infinite;
}
.slider_fade > li:nth-of-type(2) {
    animation-delay: 5s;
}


@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}