@charset "utf-8";

body {font-family: Helvetica,Arial,'Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;}
#siteName a { width: 192px; background-position: -295px 0;}
#siteName a:hover { background-position: -295px -18px; }
#gnLab a{background-position: -95px -58px;}

.content,
#footer {width: 880px; margin: 0 auto; padding: 80px 60px 0 60px;}
#header {width: 910px; margin: 0 auto; padding: 0 45px;}
.content img {vertical-align: bottom;}
.content{padding: 0 60px 0px 60px;}
.content strong {font-weight: bold;}
/* ----------------------------------------------- */
.lang {float: right;height: 80px;}
.lang ul {margin-top: 15px;}
.lang li {float: left;padding-left: 8px;}
.lang li a {font-weight: bold;}

.share {float: left;height: 80px;}
.share ul {margin-top: 15px;}
.share li {float: left;vertical-align: top;padding-right: 5px;}

/* ----------------------------------------------- */
#intro {
	clear: both;
	height: 700px;
}
/* ----------------------------------------------- */
#intro h1 {padding-bottom: 48px;}
/* ----------------------------------------------- */
#intro p {
	margin-top: -520px;
	padding-top: 15px;
	font-weight: bold;
}
#intro ul {
	width: 340px;
	padding-top: 35px;
}
#intro li {
	padding-top: 18px;
	font-size: 16px;
	font-weight: bold;
}
#intro dl {
	width: 340px;
	padding-top: 45px;
}
#intro dt {
	padding-top: 10px;
}
#intro dd {
	margin-top: -1.4em;
	padding: 0 0 2px 60px;
	border-bottom: 1px solid #E6E6E6;
}
/* ----------------------------------------------- */
#slide {
	margin-left: 360px;
	padding: 40px;
	background: #EEE;
}
/* ----------------------------------------------- */
.content h2 {padding: 20px 0 35px 0;}
/* ----------------------------------------------- */
#project {
	padding-bottom: 35px;
}
#project p {
	width: 660px;
	font-size: 14px;
	line-height: 1.8;
	padding-bottom: 15px;
}
/* ----------------------------------------------- */
#idea li {position: relative;float: left;}

#idea li .list {
	width: 220px;
	height: 220px;
}
#idea li .detail {
	display: none;
	float: left;
	width: 880px;
	border: 4px solid #1A1A1A;
	border-right: none;border-left: none;
	background: #FFF url(/img/lab/energy/images/detailbg.gif) no-repeat 0 0;
}

#idea li .over {display: none;position:absolute;top: 0;left: 0;width: 220px;height: 220px;}
#idea li .over p {
	position:absolute;top: 102px;left: 35px;
	width: 150px;
	padding: 3px 0 2px 0;
	background: #000;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#idea li .list dt {padding-bottom: 18px;}
#idea li .list dd {line-height: 1.6;}
#idea li .list dd img {margin-bottom: 8px;}

#idea li .nav {height: 120px;}
#idea li .left {position: relative;top: 60px;left: -60px;float: left;}
#idea li .right {position: relative;top: 60px;left: 60px;float: right;}

#idea li .detail p.image {float: left;width: 639px;margin-top: -120px;}
#idea li .detail p.image img {margin-left: 1px;}
#idea li .detail dl {float: right;width: 240px;margin-top: -120px;}

#idea li .detail dt {width: 240px;}
#idea li .detail dt img {margin: 55px 0 0 20px;}

#idea li .detail dd {position: absolute;bottom: 4px;width: 240px;padding: 0 0 24px 0;}
#idea li .detail .read {padding: 0 19px 20px 19px;line-height: 2;font-weight: bold;}
#idea li .detail .prof {padding: 30px 0 0 19px;border-top: 1px solid #1A1A1A;}
#idea li .detail .prof p {padding-right: 19px;line-height: 1.6;}
#idea li .detail .prof img {margin-bottom: 15px;}