@charset "Shift_JIS";

/*--------------------------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.					1.4.1.2;
	Author.						Oka(Live!Ads)
	Aptx.						4.8.6.9;

	PROGRAM-ID.		"Sun for people"
-------------------------------------------------------------------*/

/*************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*************************************/

/*--
	scroll-contents.
---------------------------------------------- --*/
.scroll-wrap{
	width:980px;
	margin:0px auto 0px;
	text-align:left;
	overflow:hidden;
}
#Main-Text{

	width:10000px;
	margin-bottom:40px;
}
#Main-Text .chapter{
	width:980px;
	float:left;
	background:url(../../people/img/contents_bg.gif) repeat-y right top;
}
#Main-Text #Chapter_01{
	display:block;
}

#topicPath{
	background:white;
	margin-bottom:0px;
	padding-bottom:4px;
}

/*--
	solutions-contents.
---------------------------------------------- --*/
#solutions-contents{

	width:980px;
	margin:0px auto 0px;
	text-align:left;

}
#solutions-contents h2{
	margin:0px 0px 0px;
	background:white;
	width:980px;
}

#solutions-contents .main-contents{
	width:980px;
}

/*--
	solutions-contents. main common
--*/
#solutions-contents .main-contents .main{
	width:680px;
	margin-top:15px;
	float:left;
}
#solutions-contents .main-contents .main p{
	font-size:1.2em;
	line-height:1.8em;
	color:#000;
	margin:0px 25px 1.8em 37px;
}

#solutions-contents .main-contents .main .paragraph p.lastChild{
	margin-bottom:3.6em;
}

#solutions-contents .main-contents .main p span{
	font-size:3.7em;
	float:left;
	display:block;
	margin-right:3px;
	line-height:0.9em;
}

#solutions-contents .main-contents .main p.caption{
	font-size:1em;
	line-height:1.4em;
	color:#666;
	margin:-20px 0px 46px 37px;
}


#solutions-contents .main-contents .main p sup{
	font-size:0.8em;
	vertical-align:0.3em;
}

/*--
	solutions-contents. catch
--*/
#solutions-contents .main-contents .main .catch{
	margin-left:37px;
	height:220px;
}
#solutions-contents .main-contents .main .catch img{
	margin-top:20px;
}

/*--
	solutions-contents. navi
--*/
#solutions-contents .main-contents .main .navi{
	width:244px;
	margin-left:423px;
	margin-bottom:48px;
	background:url(../../people/img/navi_bg.png) no-repeat left top;
}
#solutions-contents .main-contents .main .navi img,
#solutions-contents .main-contents .main .navi object{
	margin:2px;
}
* html #solutions-contents .main-contents .main .navi{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/navi_bg.png", sizingMethod="crop");
}

/*--
	solutions-contents. totop
--*/
#solutions-contents .main-contents .main .totop{
	width:134;
	margin-left:522px;
	margin-bottom:48px;
}


/*--
	solutions-contents. note
--*/
#solutions-contents .main-contents .main .note{
	width:670px;
	border-bottom:1px solid #e1e1e1;
	margin:0px 10px 0px;
	position:relative;
	height:26px;
	
}
#solutions-contents .main-contents .main .note dt{
	margin-left:26px;
	position:relative;
	z-index:100;
}
#solutions-contents .main-contents .main .note dd{
	margin-left:26px;
	width:620px;
	position:absolute;
	bottom:0px;
	overflow:hidden;
	height:1px;
	background:url(../../people/img/note_dd.gif) no-repeat left top ;
}
#solutions-contents .main-contents .main .note dd p{
	font-size:1em;
	color:#666;
	margin:0px;
	padding:20px 22px;
	line-height:1.3em;
}

/*--
	solutions-contents. copyright
--*/
#solutions-contents .main-contents .main cite{
	font-size:0.9em;
	color:#999;
	margin:15px 0px 5px;
	display:block;
	text-align:right;
	font-style:normal;
	line-height:1.2em;
}

/*--
	solutions-contents. comming soon
--*/
#solutions-contents .main-contents .main .comming{
	width:240px;
	font-size:1em;
	margin-left:720px;
	margin-bottom:-40px;
	line-height:1.3em;
	height:110px;
}
* html #solutions-contents .main-contents .main .comming{
	position:relative;
	margin-right:-240px;
	float:right;
	margin-left:0px;
	left:40px;
}



/*--------------------------------------------------------------------

	img
	
-------------------------------------------------------------------*/
/*--
	.left-img
--*/
#solutions-contents .left-img{
	width:680px;
	
}
#solutions-contents .left-img .img{
	float:left;
	width:355px;
	margin-top:0.5em;
}
#solutions-contents .left-img .img img{
	margin-left:35px;
}

#solutions-contents .main .left-img .img p,
#solutions-contents .main .left-img .img p.lastChild{
	font-size:1em;
	line-height:1.3em;
	margin:2px 20px 4px 37px;
}

#solutions-contents .main .left-img .img p.ex{
	margin-bottom:3.6em;
}
/*--
	.sharp-plant
--*/
#solutions-contents .sharp-plant{
	width:680px;
	
}
#solutions-contents .sharp-plant .img{
	float:left;
	width:375px;
	margin-top:0.5em;
}
#solutions-contents .sharp-plant .img img{
	margin-left:35px;
}

#solutions-contents .main .sharp-plant .img p,
#solutions-contents .main .sharp-plant .img p.lastChild{
	font-size:1em;
	line-height:1.3em;
	margin:2px 20px 4px 37px;
}

/*--
	.right-img
--*/
#solutions-contents .right-img{
	width:680px;
	
}
#solutions-contents .right-img .img{
	float:right;
	width:345px;
	margin-top:0.5em;
}
#solutions-contents .right-img .img img{
	margin-left:20px;
}

#solutions-contents .main .right-img .img p,
#solutions-contents .main .right-img .img p.lastChild{
	font-size:1em;
	line-height:1.3em;
	margin:2px 25px 4px 22px;
}
/*--
	.right-img
--*/
#solutions-contents .right-img-02{
	width:680px;
	
}
#solutions-contents .right-img-02 .img{
	float:right;
	width:325px;
	margin-top:0.5em;
}
#solutions-contents .right-img-02 .img img{
	margin-left:20px;
}

#solutions-contents .main .right-img-02 .img p,
#solutions-contents .main .right-img-02 .img p.lastChild{
	font-size:1em;
	line-height:1.3em;
	margin:2px 25px 4px 22px;
}
/*--
	.stock-out-img
--*/
#solutions-contents .stick-out-img{
	width:680px;
	
}
#solutions-contents .stick-out-img .img{
	position:relative;
	width:280px;
	background:white;
	float:right;
}
#solutions-contents .stick-out-img .img img{
	position:relative;
	margin:-10px -300px -20px 20px;
	display:block;
	border-top:15px solid white;
	border-bottom:15px solid white;
}

#solutions-contents .main .stick-out-img .img p,
#solutions-contents .main .stick-out-img .img p.lastChild{
	font-size:1em;
	line-height:1.3em;
	position:relative;
	margin:1px 0px 4px 22px;
}
#solutions-contents .main-contents .main .stick-out-img p.lastChild{
	margin-bottom:1.8em;
}


/*--
	.wide-img
--*/
#solutions-contents .wide-img{
	width:680px;
	padding-top:1.0em;
	clear:both;
	
}
* html #solutions-contents .wide-img{
	padding-top:1.8em;
}
* + html #solutions-contents .wide-img{
	padding-top:1.8em;
}
#solutions-contents .wide-img img{
	margin-left:35px;
}

#solutions-contents .main .wide-img p{
	font-size:1em;
	line-height:1.3em;
}





/*--
	solutions-contents. side
---------------------------------------------- --*/



#solutions-contents .main-contents .side{
	width:280px;
	float:right;
	border-top:15px solid white;
	padding-top:18px;
}

#solutions-contents .main-contents .side .navi{
	width:244px;
	height:370px;
	margin-left:18px;
}
#solutions-contents .main-contents .side .navi li{
	width:244px;
	height:70px;
	font-size:1px;
	background:url(../../people/img/navi_bg.png) no-repeat left top;
}
* html #solutions-contents .main-contents .side .navi li{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/navi_bg.png", sizingMethod="crop");
}

#solutions-contents .main-contents .side .navi li a{
	display:block;
}
#solutions-contents .main-contents .side .navi li img,
#solutions-contents .main-contents .side .navi li object{
	margin:2px;
}

#solutions-contents .main-contents .side dl{
	width:244px;
	margin:0px 18px 0px;
}
#solutions-contents .main-contents .side dl dt{
	width:244px;
}
#solutions-contents .main-contents .side dl dt img{
	margin:7px;
}

#solutions-contents .main-contents .side dl dd{
	margin:1px 2px 20px;
	color:#000;
	line-height:1.3em;

}
#solutions-contents .main-contents .side dl dd.ex{
	margin-bottom:996px;
}

#solutions-contents .main-contents .side dl dd p{
	margin:0px 3px;
	line-height:1.3em;
}
#solutions-contents .main-contents .side dl dd .caution{
	margin-top:12px;
}
#solutions-contents .main-contents .side dl dd .caution p{
	background:url(../../people/img/red_bg.gif) repeat-y left top;
	margin:0px;
	text-align:center;
	padding:1px 2px 1px;
	color:#ED1A3B;
}





#solutions-contents .main-contents .side dl dt.photo-01{
	background:url(../../people/img/photo_bg_01.png) no-repeat left top;
}
#solutions-contents .main-contents .side dl dt.photo-02{
	background:url(../../people/img/photo_bg_02.png) no-repeat left top;
}
#solutions-contents .main-contents .side dl dt.photo-03{
	background:url(../../people/img/photo_bg_03.png) no-repeat left top;
}
#solutions-contents .main-contents .side dl dt.photo-04{
	background:url(../../people/img/photo_bg_04.png) no-repeat left top;
}
* html #solutions-contents .main-contents .side dl dt.photo-01{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/photo_bg_01.png", sizingMethod="crop");
}
* html #solutions-contents .main-contents .side dl dt.photo-02{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/photo_bg_02.png", sizingMethod="crop");
}
* html #solutions-contents .main-contents .side dl dt.photo-03{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/photo_bg_03.png", sizingMethod="crop");
}
* html #solutions-contents .main-contents .side dl dt.photo-04{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/photo_bg_04.png", sizingMethod="crop");
}

@media print{
	* html #solutions-contents .main-contents .side dl.photo-01 dt{
		background:white;
		filter:none;
	}
	* html #solutions-contents .main-contents .side dl.photo-02 dt{
		background:white;
		filter:none;
	}
	* html #solutions-contents .main-contents .side dl.photo-03 dt{
		background:white;
		filter:none;
	}
	* html #solutions-contents .main-contents .side dl.photo-04 dt{
		background:white;
		filter:none;
	}
	* html #solutions-contents .main-contents .side .navi. li{
		background:white;
		filter:none;
	}
}

/*--------------------------------------------------------------------
	02. July 2009 update by Kenta Aga

#solutions-contents .main-contents .side dl.photo-03 dt{
	height: 191px;
	overflow: hidden;
}
#solutions-contents .main-contents .side dl.photo-03 dt img{
	margin-bottom: 3px;
}
.photo-03 cite{
	display: block;
	margin: 0px 8px;
	text-align: right;
}
#solutions-contents .main-contents .side dl.photo-03 dt cite img{
	margin: 0;
	vertical-align: top;
}

-------------------------------------------------------------------*/




/*--------------------------------------------------------------------

	02 Sharp's SOLAR solutions
	
-------------------------------------------------------------------*/
#solutions-contents .solar-system{
	width:980px;
	background:#014D78;
}
#solutions-contents .solar-system dt{
	height:29px;
}
#solutions-contents .solar-system dt img{
	margin-top:5px;
	margin-left:12px;
}

#solutions-contents .solar-system dd{
	width:980px;
	overflow:hidden;
}
#solutions-contents .solar-system dd .text{
	width:980px;
	background:url(../../people/img/solar_system_text.gif) repeat-y center top;
	border-top:9px solid #014D78;
/*
	border-bottom:12px solid #014D78;
*/
}
#solutions-contents .solar-system dd .text div{
	width:50%;
	float:left;
}
#solutions-contents .solar-system dd .text div p{
	font-size:1.2em;
	line-height:1.8em;
	color:#fff;
	margin:0px 25px 1.8em 37px;
}
#solutions-contents .solar-system dd .text div p.lastChild{
	margin-bottom:5px;
}
#solutions-contents .solar-system dd .text div.text-02 p{
	margin-left:27px;
}


#solutions-contents .solar-system dd .text .up{
	text-align:right;
	clear:both;
	width:980px;
	float:none;
	background:#014D78;
}

#solutions-contents .solar-system dd .text .up img{
	margin:0px 11px 8px;
}

/*--
	Sharp's SOLAR solutions 
	.better-way
--*/
#solutions-contents .better-way{
	width:680px;
	
}
#solutions-contents .better-way .img{
	float:right;
	width:250px;
	text-align:center;
}
#solutions-contents .better-way .img img{
	margin-left:20px;
}

#solutions-contents .better-way .img p{
	font-size:1em;
	text-align:center;
	margin:10px 0px 10px 20px;
}

/*--
	Sharp's SOLAR solutions 
	.solar-side-img
--*/
#solutions-contents .solar-side{
	margin-left:21px;
	padding-top:2px;
}




/*--------------------------------------------------------------------

	03 Noyon, Mongolia
	
-------------------------------------------------------------------*/
#solutions-contents .panorama{
	width:680px;
	margin-bottom:50px;
}
#solutions-contents .panorama object,
#solutions-contents .panorama img{
	margin-left:35px;
}
#solutions-contents .main .panorama p{
	font-size:1em;
}
#solutions-contents .main .panorama .panorama-caption{
	text-align:right;
	font-weight:bold;
	margin:0px 25px 0px 0px;
}

/*--
	Noyon, Mongolia 
	.index-03
--*/
#solutions-contents .main-contents .side .side-text{
	margin-top:936px;
	margin:86.2em 0px 10px 22px;
	font-weight:bold;
	font-size:1.2em;
	color:#000;
}
#solutions-contents .main-contents .side .index-03 dt{
	margin-bottom:20px;
}



/*--------------------------------------------------------------------

	04 SOLAR-DRIVEN INNOVATION
	
-------------------------------------------------------------------*/

/*--
	SOLAR-DRIVEN INNOVATION 
	.index-04-01
--*/
#solutions-contents .main-contents .side .index-04-01{
	height:1800px;
	margin-bottom:0px;
}
#solutions-contents .main-contents .side .index-04-01 dd{
	margin-bottom:11.5em;
}
#solutions-contents .main-contents .side .index-04-02{
	margin-top:60px;
}
#solutions-contents .main-contents .side .index-04-02 dd{
	margin-bottom:23em;
}
/*--
	SOLAR-DRIVEN INNOVATION 
	.photo-copy
--*/
#solutions-contents .main-contents .main p.photo-copy{
	width:240px;
	font-size:1em;
	margin-left:720px;
	margin-bottom:-3.9em;
	line-height:1.3em;
}
* html #solutions-contents .main-contents .main p.photo-copy{
	position:relative;
	margin-right:-240px;
	float:right;
	margin-left:0px;
	left:40px;
}



/*--------------------------------------------------------------------

	05 FUTUREVISION 
	
-------------------------------------------------------------------*/

#solutions-contents .futurevision-side{
	padding-top:2px;
	margin:52px 0px 250px 21px;
}

/*--
	.artist-copy
--*/
#solutions-contents .main-contents .main p.artist-copy{
	width:240px;
	font-size:1em;
	margin-left:720px;
	margin-bottom:-8em;
	line-height:1.3em;
}
* html #solutions-contents .main-contents .main p.artist-copy{
	float:right;
	margin-left:0px;
	margin-right:-240px;
	margin-top:-3em;
	position:relative;
	left:40px;
}