@charset "Shift_JIS";
/**************************************
*
*	Top page Structure Style Sheet
*	Last Update 2011-01-07
*
**************************************/

/*----------------------------------
	main visual
----------------------------------*/
#contentArea div#divTopFlash{
	margin-top:0px;
	width:760px;
	height:300px;
}
* html #contentArea div#divTopFlash{
	width:100%;
}
#contentArea div#divTopFlash a#toCompany{
	display:block;
	width:130px;
	height:30px;
	position:absolute;
	right:20px;
	bottom:18px;
	font-size:1px;
	text-indent:-3800px;
	background:url(/tecfiles/css/img/spacer.png) repeat;
	overflow:hidden;
}


/*----------------------------------
	topInfo
----------------------------------*/
#contentArea div#topInfo{
	width:100%;
	margin-top:2px;
	padding-top:13px;
	background:url(../img/top/bg_main_area.png) no-repeat;
	overflow:hidden;
}

/*----------------------------------
	topMiddle
----------------------------------*/
#contentArea div#topInfo div#topMiddle {
	float:left;
	width:595px;
	margin-right:10px;
	overflow:hidden;
}
#contentArea div#topInfo div#topMiddle div.section{
	margin-bottom:10px;
	overflow:hidden;
}
* html #contentArea div#topInfo div#topMiddle div.section{
	width:600px;
}

/*-- corpinf ---------------*/
#contentArea div#topInfo div#topMiddle div.section div#corpinf{
	width:155px;
	height:152px;
	float:left;
	background:#f4f4f4;
	margin-right:10px;
}
#contentArea div#topInfo div#topMiddle div.section div#corpinf ul{
	padding:10px 5px 0 8px;
}
#contentArea div#topInfo div#topMiddle div.section div#corpinf ul li {
	margin-bottom:4px;
}

/*-- mainbanner ---------------*/
#contentArea div#topInfo div#topMiddle div.section div#mainbanner{
	float:left;
}
#contentArea div#topInfo div#topMiddle div.section div#mainbanner div.slideshow{
	position: relative;
	width: 430px;
	height: 152px;
}
.slideshow a {
	position:absolute;
	top:0;
	left:0;
}

p.earthquak{
	margin:5px 0;
}


/*-- news ---------------*/
#contentArea div#topInfo div#topMiddle div#news{
	width:243px;
	float:left;
}
#contentArea div#topInfo div#topMiddle div#news h1{
	position:relative;
	line-height:25px;
}

/*-- press ---------------*/
#contentArea div#topInfo div#topMiddle div#press{
	width:343px;
	float:right;
}
#contentArea div#topInfo div#topMiddle div#press h1{
	position:relative;
	line-height:25px;
}
#contentArea div#topInfo div#topMiddle div#press h1 a.rss{
	position:absolute;
	top:3px;
	right:5px;
}
* html #contentArea div#topInfo div#topMiddle div#press h1 a.rss{
	top:6px;
}

#contentArea div#topInfo div#topMiddle div#news dl,
#contentArea div#topInfo div#topMiddle div#press dl{
	margin:4px 0 4px 4px;
}
#contentArea div#topInfo div#topMiddle div#news dl dd,
#contentArea div#topInfo div#topMiddle div#press dl dd{
	margin:0 0 10px 0;
}


/*----------------------------------
	bannerArea
----------------------------------*/
#contentArea div#topInfo div#bannerArea{
	width:155px;
	float:right;
}
#contentArea div#topInfo div#bannerArea #banner img{
	margin:0 0 15px 0;
}
#contentArea div#topInfo div#bannerArea #special img,
#contentArea div#topInfo div#bannerArea #nomal img{
	margin:5px 0;
}
#contentArea div#topInfo div#bannerArea #special{
	padding-bottom:10px;
	border-bottom:1px solid #dedede;
}
#contentArea div#topInfo div#bannerArea #nomal{
	margin-top:10px;
}


/*----------------------------------
	products
----------------------------------*/
#contentArea div#products{
	clear:both;
	width:760;
	padding-bottom:10px;
	overflow:hidden;
}
* html #contentArea div#products{
	padding-bottom:0px;
	zoom:1;
}
#contentArea div#products .solution{
	margin-top:10px;
}
#contentArea div#products .solution div{
	float:left;
	width:181px;
	margin:0 4px;
	background-color:#f4f4f4;
	height:250px;
}

#contentArea div#products .solution div.c5{
	width:148px;
	margin:0 2px;
}

#contentArea div#products .solution div h2,
#contentArea div#products .solution div h3{
	margin-bottom:10px;
}
#contentArea div#products .solution div ul li {
	margin:0 7px 7px 9px;
}

#contentArea div#products .solution div.c5 ul li {
	margin:0 4px 7px 6px;
}