@charset "Shift_JIS";

/*--------------------------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.					1.4.1.2;
	Author.					Kenta Aga(admin)
	Aptx.						4.8.6.9;

	PROGRAM-ID.		"SHARP Solar Vision"
-------------------------------------------------------------------*/

/*************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*************************************/
/*------------------------------------------------
	title
------------------------------------------------*/
#contents #main h2{
	margin-bottom		: 29px;
}

#contents #main h3{
	margin-bottom		: 32px;
	margin-left			: 4px;
}

#contents #main h4{
	margin-bottom		: 29px;
}
#contents #main blockquote h4{
	margin-bottom		: 23px;
}

#contents #main h5{
	margin-bottom		: 22px;
	font-size					: 109%;
	font-weight			: bold;
}

/*------------------------------------------------
	˜g‘g‚Ý
------------------------------------------------*/
#contents{
	padding-top				: 14px;
	border					: none;
	background				: #fff;
}

#index #contents #main{
	margin						: 0;
	padding-top				: 12px;
	width							: 980px;
	background				: url(../../img/index/background-main.gif) no-repeat top left #e8e7e7;
}
#index #contents #main .area{
	zoom							: 1;
	padding						: 0 21px;
}
#index #contents #main .area.last{
	margin-top				: 10px;
	*margin-bottom			: -2px;
	padding-bottom		: 12px;
	background				: url(../../img/index/background-arealc.gif) no-repeat bottom left;
}

/*------------------------------------------------
	accent
------------------------------------------------*/
.accent{
	zoom						: 1;
	margin-bottom		: 20px;
	background			: #e6e6e6;
	border					: 1px solid #ccc;
}

.accent .flash-area{
	width:680px;
	height:367px;
	overflow:hidden;
	float:left;
	position:relative;
	background: #fff;
}
.accent #objectArea{
	position:absolute;
	top:-1px;
	left:-1px;
}
.accent #solar{
	float						: left;
	position					: relative;
	margin					: -1px 0 0 -1px;
	width						: 680px;
	height						: 368px;
	z-index:1;
}
.accent object{
	position: relative;
	z-index:1;
}
.accent #vision-box{
	float						: right;
	display					: inline;
	margin-top			: 15px;
	margin-right			: 22px;
	width						: 253px;
}

.accent #vision-box p{
	text-align				: center;
}
.accent #vision-box .intro-box{
	border:none;
	width:252px;
}
.accent #vision-box .intro-box dd{
	height						: 184px;
	width:252px;
	padding:0px;
}
.accent #vision-box .intro-box dd .flexcroll{
	height						: 200px;
	width:252px;
}

*:first-child+html #news.intro-box {
	padding-bottom: 10px;
}

#news.intro-box ul{
	zoom						: 1;
	margin-left:8px;
	margin-bottom:10px;
}

#news.intro-box ul li{
	/*margin-bottom		: 6px;*/
	margin-top			: 10px;
	margin-bottom		: 6px;
	font-size:10px;
	line-height:1.3em;
}
#news.intro-box ul li.ex{
	padding-top		: 8px;
}
#news.intro-box ul li.lastChild{
	margin-bottom		: 0;
}

#news.intro-box ul li span{
	display					: block;
	color						: #000000;
	font-size					: 93%;
}

/*------------------------------------------------
	intro-box
------------------------------------------------*/
.intro-box{
	background			: #fff;
	border					: 1px solid #ccc;
}
.intro-box dd{
	zoom						: 1;
	padding					: 14px 5px 14px 10px;
}

.intro-box .descriptionImage{
	float						: left;
	margin-right			: 14px;
	margin-left			: 0;
	margin-bottom:0px;
}

#main .area dl.intro-box,
#main .area dl.intro-box p{
	line-height				: 1.4;
}

#main .area dl.intro-box p{
	padding-top			: 8px;
	margin-bottom		: 0;
}
#main .area dl.intro-box p.ex{
	padding-top:0px;
	line-height:1.2em;
}
#main .area dl.intro-box p.ex span{
	font-size:0.7em;
	display:block;
	line-height:1em;
	margin-top:5px;
}
#main .area dl#people.intro-box p{
	padding-top			: 4px;
	margin-bottom		: 0;
}
#main .area dl#people em{
	color						: #666;
	font-weight			: bold;
}

#vision.intro-box{
	float						: left;
	width						: 464px;
}
#technology.intro-box{
	float						: right;
	width						: 464px;
}
#people.intro-box{
	float						: left;
	width						: 464px;
}
#worldwide.intro-box{
	float						: right;
	width						: 464px;
}

/*------------------------------------------------
	link
------------------------------------------------*/
.hot {
	zoom						: 1;
}

#contents .hover {
	cursor						: pointer;
	background			: #f4f4f4;
}


.hover:hover img{
	filter								: alpha(opacity=85);
	-moz-opacity				: 0.85;
	opacity							: 0.85;
}

/*------------------------------------------------
	clearfix
------------------------------------------------*/
#index #contents #main .area:after,
.accent:after,
.intro-box dd:after{
	content						: ".";
	display						: block;
	clear							: both;
	height							: 0;
	visibility						: hidden;
}


/*--
	Scroll
	
---------------------------------------------- --*/
.accent .scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}
.scrollwrapper{
}
.accent .vscrollerbase {
	width: 20px;
	background:url(../../examples/img/scroll_bg.gif) repeat-y left top white;
}
.accent .vscrollerbasebeg{
	width:20px;
	height:20px !important ;
	background:url(../../examples/img/arrow_top.gif) no-repeat left top;
}
.accent .vscrollerbaseend{
	width:20px;
	height:20px !important ;
	background:url(../../img/index/arrow_bottom.gif) no-repeat left top;
}
.accent .vscrollerbar {
	width: 20px;
	background-color: #F6E024;
	padding:20px 0px 20px;
}
.accent .hscrollerbase {
	height: 10px;
	background-color: white;
}
.accent .hscrollerbar {
	height: 10px;
	background-color: black;
}

.accent .scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}
#mycustomscroll {
	width: 290px;
	height: 330px;
	overflow: auto;
	position: relative;
}