@charset "Shift_JIS";


/*--------- visual_area ------------------*/
#visual_area{
	width:800px;
	_width:808px;
	background: url(../images/ind_bg_001.jpg) no-repeat;
	padding:4px;
}

#visual_area p{
	clear:both;
	width:800px;
	height:237px;
	background: url(../images/ind_bg_002.jpg) no-repeat;
}

/*----- g_navi ---------*/
#g_navi{
	width:800px;
	height:57px;
	background:url(../images/ind_gnv_bg.jpg) no-repeat;
	
}

#g_navi li{
	float:left;
}

#g_navi li.company{
	width:138px;
	height:57px;
	background: url(../images/ind_gnv_001_off.jpg) no-repeat;
}

#g_navi li.news{
	width:138px;
	height:57px;
	background: url(../images/ind_gnv_002_off.jpg) no-repeat;
}

#g_navi li.brands{
	width:138px;
	height:57px;
	background: url(../images/ind_gnv_006_off.jpg) no-repeat;
}

#g_navi li.media{
	width:138px;
	height:57px;
	background: url(../images/ind_gnv_004_off.jpg) no-repeat;
}

#g_navi li.recruit{
	width:138px;
	height:57px;
	background: url(../images/ind_gnv_005_off.jpg) no-repeat;
}

#g_navi li a{
	display:block;
}

#g_navi li.company a{width:138px; height:57px; margin:0;}
#g_navi li.news a{width:138px; height:57px; margin:0;}
#g_navi li.brands a{width:138px; height:57px; margin:0;}
#g_navi li.release a{width:138px; height:57px; margin:0;}
#g_navi li.media a{width:138px; height:57px; margin:0;}
#g_navi li.recruit a{width:138px; height:57px; margin:0;}

#g_navi li.company a:hover{background: url(../images/ind_gnv_001_on.jpg) no-repeat;}
#g_navi li.news a:hover{background: url(../images/ind_gnv_002_on.jpg) no-repeat;}
#g_navi li.brands a:hover{background: url(../images/ind_gnv_006_on.jpg) no-repeat;}
#g_navi li.release a:hover{background: url(../images/ind_gnv_003_on.jpg) no-repeat;}
#g_navi li.media a:hover{background: url(../images/ind_gnv_004_on.jpg) no-repeat;}
#g_navi li.recruit a:hover{background: url(../images/ind_gnv_005_on.jpg) no-repeat;}

#g_navi li.company a.ac,
#g_navi li.company a:hover.ac{background: url(../images/ind_gnv_001ac.jpg) no-repeat;}
#g_navi li.news a.ac,
#g_navi li.news a:hover.ac{background: url(../images/ind_gnv_002ac.jpg) no-repeat;}
#g_navi li.release a.ac,
#g_navi li.release a:hover.ac{background: url(../images/ind_gnv_003ac.jpg) no-repeat;}
#g_navi li.release a.ac,
#g_navi li.release a:hover.ac{background: url(../images/ind_gnv_003ac.jpg) no-repeat;}
#g_navi li.media a.ac,
#g_navi li.media a:hover.ac{background: url(../images/ind_gnv_004ac.jpg) no-repeat;}
#g_navi li.recruit a.ac,
#g_navi li.recruit a:hover.ac{background: url(../images/ind_gnv_005ac.jpg) no-repeat;}


/*----- /g_navi ---------*/



/*--------- /visual_area ------------------*/

/*--------- main ------------------*/
#top #main{
	margin:20px 4px 0;
}

/*--------- /main ------------------*/

/*--------- content ------------------*/
#top .section{
	width:515px;
	_width:535px;
	padding:0 20px 20px 0;
	background: url(../common/images/cmn_lin_001.gif) left bottom repeat-x;
	margin:0 0 20px;
}

#top #h2_003{
	background:none;
}

#top .section .l_line{
	width:500px;
	_width:505px;
	padding:3px 0 0 10px;
	border-left:6px solid #656FB0;
}

#top .section .l_line div{
	width:148px;
	float:left;
}

#top .section .l_line div p{
	width:60px;
	height:9px;
	background: url(../images/ind_li_001.gif) no-repeat;
	margin:10px 0 0;
}

#top .section .l_line div p a{
	width:60px;
	height:9px;
	margin:0 0 0 9px;
	display:block;
}

#top #h2_001 h2{
	width:128px;
	height:14px;
	background: url(../images/ind_h2_001.gif) no-repeat;
}

#top #h2_002 h2{
	width:104px;
	height:13px;
	background: url(../images/ind_h2_002.gif) no-repeat;
}

#top #h2_003 h2{
	width:104px;
	height:13px;
	background: url(../images/ind_h2_003.gif) no-repeat;
}

#top .section dl{
	width:350px;
	float:right;
}

#top .section dt{
	display:block;
	_width:1px;
	float:left;
}

#top .section dd{
	margin:0 0 0 64px;
	width:280px;
	text-align:left;
}

/*--------- /content ------------------*/

/*--------- right_nv ------------------*/
#top #right_nv,
#top .sub_nv{
	width:216px;
}

#top .sub_nv{
	padding:0 0 10px;
}

#top .sub_nv div,
#top .com_area{
	width:196px;
	_width:216px;
	padding:10px;
}

.brand h3{
	width:79px;
	height:12px;
	background: url(../images/ind_h3_001.gif) no-repeat;
	margin:0 0 5px;
}

.brand li{
	margin:0 0 5px;
}

.brand li a{
	width:216px;
	height:40px;
	display:block;
}

.brand .ende{width:216px; height:30px; background: url(../images/ind_bn_001.jpg) no-repeat;}
.brand .thermo{width:216px; height:30px; background: url(../images/ind_bn_004.jpg) no-repeat;}
.brand .acade{width:216px; height:30px; background: url(../images/ind_bn_002.jpg) no-repeat;}
.brand .exuv{width:216px; height:30px; background: url(../images/ind_bn_003.jpg) no-repeat;}
.brand .sparom{width:216px; height:30px; background: url(../images/ind_bn_005.jpg) no-repeat;}
.brand .tsc{width:216px; height:84px; background: url(../images/ind_bn_006.gif) no-repeat;}
.brand .tsc_r1{width:216px; height:30px; background: url(../images/ind_bn_008.jpg) no-repeat;}
.brand .recruit{width:216px; height:36px; background: url(../images/recruit_bn.gif) no-repeat;}



.banner li{
	margin:0 0 5px;
}

.banner li a{
	width:216px;
	height:84px;
	display:block;
}
.banner li a{
	width:216px;
	height:84px;
	display:block;
}
.banner .tsc{width:216px; height:84px; background: url(../images/ind_bn_006.gif) no-repeat;}
.banner .kajiro{
	width:216px;
	height:84px;
	background-image: url(../images/ind_bn_007.jpg);
	background-repeat: no-repeat;
}
.banner .ecs{width:216px; height:50px; background: url(../images/ecs_bn02.gif) no-repeat;}

/*--------- /right_nv ------------------*/

/*--------- font ------------------*/

/*----- color ---------*/
#top .section dt{
	color:#666;
}

#top .section a{
	color:#5E86D2;
}

/*----- size ---------*/
#top .section{
	font-size:12px;
}

/*----- line-height ---------*/
#top .section{
	line-height:20px;
}

/*--------- /font ------------------*/