@charset "utf-8";
/* CSS Document */
/* --SHARP Solar Global Website[mega_solar CSS] -- */


#lowerContent{
	background:url(/solar/common/img/mega_solar/bg_lower_bottom.gif) center bottom no-repeat;
	margin:0 auto;
	padding-top:6px;
	padding-bottom:11px;
	width:1012px;
}
#lowerContentBody{
	background:url(/solar/common/img/mega_solar/bg_lower_top.gif) center top no-repeat;
	padding:11px 11px 0 11px;
	width:990px;
}


/* --------------------------------------------------------------- Index -- */
object{
	z-index:1;
}
#flashArea{
	position:relative;
	width:990px;
	height:495px;
}
.btNext{
	position:absolute;
	right:20px;
	bottom:45px;
}


#lineBox{
	background-color:#ffffff;
	border-bottom:40px solid #ffec01;
	border-top:40px solid #ffec01;
}

#btPrev{
	float:left;
	position:relative;
	width:42px;
}
#btNext{
	float:right;
	position:relative;
	width:42px;
}
#btPrev p,
#btNext p{
	position:fixed;
	top:50%;
}
* html #btPrev p,
* html #btNext p{
	position:absolute;
	top:expression(240 - parseInt(this.offsetHeight / 2) + (document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}


#btPrev p{
	padding-left:12px;
}
#btNext p{
	padding-right:12px;
}


#ttlIndex{
	text-align:center;
	margin-top:25px;
}
#headTxt{
	margin-top:15px;
	text-align:center;
}

#grayBox{
	background:url(/solar/common/img/mega_solar/bg_shadow.gif) center center repeat-x;
	margin-top:20px;
}
#grayBox dl{
	background:url(/solar/common/img/mega_solar/bg_graybox_bottom.gif) left bottom no-repeat;
	margin:0 auto;
	text-align:center;
	width:750px;
}
#grayBox dt{
	background:url(/solar/common/img/mega_solar/bg_graybox_top.gif) left top no-repeat;
	padding-top:10px;
}
#grayBox dd{
	padding:5px 20px 15px 20px;
}

#indexList{
	margin:18px auto 0 auto;
	padding-bottom:10px;
	width:900px;
}
#indexList li{
	background:url(/solar/common/img/mega_solar/bg_indexlist_bottom.jpg) left bottom no-repeat;
	padding-bottom:15px;
	margin:0 4px 0 4px;
	display: inline;
	float:left;
	width:292px;
}
#indexList li dl{
	background:url(/solar/common/img/mega_solar/bg_indexlist_top.jpg) left top no-repeat;
}
#indexList li dl dd.txt{
	margin:5px auto 0 auto;
	width:250px;
}
#indexList li dl dd.photo{
	margin:10px auto 0 auto;
	width:196px;
}
#indexList li dl dd.btInfo{
	text-align:right;
	margin:5px auto 0 auto;
	width:252px;
}


/* --------------------------------------------------------------- point -- */
#cotentsLower{
	margin:0 auto;
	padding-bottom:40px;
	width:880px;
}
#cotentsLower .txt{
	margin-top:25px;
}
.headBtn{
	margin-top:17px;
	text-align:right;
}
#ttlLower{
	margin-top:3px;
}
.ttlRedBar{
	background:url(/solar/common/img/mega_solar/bg_ttl_l.gif) left top no-repeat;
	color:#FFF;
	display:inline-block;
	line-height:36px;
}
.ttlRedBar h2{
	background:url(/solar/common/img/mega_solar/bg_ttl_r.gif) right top no-repeat;
	font-size:146.5%;
	display:inline-block;
	padding:0 10px 0 10px;
}
* html .ttlRedBar,
* html .ttlRedBar h2{
	zoom:1;
	display:inline;
}
.lowerHeadTxt{
	border-bottom:2px solid #666666;
	font-size:131%;
	line-height:1.4em;
	font-weight:bold;
	color:#135cb1;
	padding:20px 0 20px 0;
}

.txtBox{
	float:left;
	width:460px;
}
.imgBox{
	float:right;
	width:400px;
}

.btmBox{
	background:#fff9ab url(/solar/common/img/mega_solar/bg_btmbox_bottom.gif) left bottom no-repeat;
	margin:20px auto 0 auto;
	width:880px;
}
.btmBox p{
	background:url(/solar/common/img/mega_solar/bg_btmbox_top.gif) left top no-repeat;
	padding:15px;
	font-weight:bold;
}

.dotList li{
	background:url(/solar/common/img/mega_solar/ic_dot.gif) left 8px no-repeat;
	padding-left:10px;
}


.imgList{
	width:880px;
}
.imgList li{
	float:left;
	margin:25px 0 0 20px;
	width:280px;
}
.imgList li.first{
	margin:25px 0 0 0;
}
.imgList li p{
	font-size:77%;
	line-height:1.0em;
	margin-top:5px;
	width:280px;
}
.imgC{
	text-align:center;
}