@charset "utf-8";

body{
	background-image: url(../images/bg_02.png);
	background-repeat: repeat-x;
}

#wrapper{
	margin:0 auto;
	width:896px;
	text-align:left;
	padding:14px 0 0 0 
}


#header h1 a{
	font-size:10px;
	color:#666;
}

#header #logo {
	background-image: url(../images/logo.png);
	height: 41px;
	width: 380px;
	margin-top:8px;
	float:left
}

#header #logo a{
	height: 41px;
	width: 346px;
	text-indent:-9999px;
	display:block
}

#header #t_menu{
	float:left;
	font-size:10px;
	color:#666666;
	padding-top:17px
}
#header #t_menu a{
	color:#999;
}

#header #tel {
	height: 67px;
	width: 244px;
	background-image: url(../images/img_contact.png);
}
#header #tel a{
	height: 67px;
	width: 244px;
	text-indent:-9999px;
	display:block
}


/****************************** 【MENU】 ******************************/


#menu {
	margin-top:6px
}

*:first-child+html #menu {
	margin-top:33px
}

#menu li{
	float:left;
	height: 44px;
	margin:0 6px
}

#menu li a{
	float:left;
	height: 44px;
}


#menu li#menu_01 {/**for ie6**/
	width: 80px;
	background-image: url(../images/bn_01.png);
	text-indent:-9999px;
	display:block
}
#menu li#menu_01 a{
	background-image: url(../images/bn_01.png);
	width: 80px;
	text-indent:-9999px;
	display:block
}
#menu li#menu_01 a:hover,
#menu li#menu_01 .on{
	background-image: url(../images/bn_01_h.png);
}

#menu li#menu_02 {/**for ie6**/
	width: 99px;
	background-image: url(../images/bn_02.png);
}
#menu li#menu_02 a{
	background-image: url(../images/bn_02.png);
	width: 99px;
	text-indent:-9999px;
	display:block
}
#menu li#menu_02 a:hover,
#menu li#menu_02 .on{
	background-image: url(../images/bn_02_h.png);
}

#menu li#menu_03 {/**for ie6**/
	width: 119px;
	background-image: url(../images/bn_03.png);
}
#menu li#menu_03 a{
	background-image: url(../images/bn_03.png);
	width: 119px;
	text-indent:-9999px;
	display:block
}
#menu li#menu_03 a:hover,
#menu li#menu_03 .on{
	background-image: url(../images/bn_03_h.png);
}

#menu li#menu_04 {/**for ie6**/
	width: 108px;
	background-image: url(../images/bn_04.png);
}
#menu li#menu_04 a{
	background-image: url(../images/bn_04.png);
	width: 108px;
	text-indent:-9999px;
	display:block
}
#menu li#menu_04 a:hover,
#menu li#menu_04 .on{
	background-image: url(../images/bn_04_h.png);
}

#menu li#menu_05 {/**for ie6**/
	width: 93px;
	background-image: url(../images/bn_05.png);
}
#menu li#menu_05 a{
	background-image: url(../images/bn_05.png);
	width: 93px;
	text-indent:-9999px;
	display:block
}
#menu li#menu_05 a:hover,
#menu li#menu_05 .on{
	background-image: url(../images/bn_05_h.png);
}

#menu li#menu_06 {/**for ie6**/
	width: 97px;
	background-image: url(../images/bn_06.png);
}
#menu li#menu_06 a{
	background-image: url(../images/bn_06.png);
	width: 97px;
	text-indent:-9999px;
	display:block
}
#menu li#menu_06 a:hover,
#menu li#menu_06 .on{
	background-image: url(../images/bn_06_h.png);
}

#menu li#menu_07 {/**for ie6**/
	width: 199px;
	background-image: url(../images/bn_07.png);
}
#menu li#menu_07 a{
	background-image: url(../images/bn_07.png);
	width: 199px;
	text-indent:-9999px;
	display:block
}
#menu li#menu_07 a:hover,
#menu li#menu_07 .on{
	background-image: url(../images/bn_07_h.png);
}


/****************************** 【SWF】 ******************************/


#swf {
	margin-top:2px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
}

/****************************** 【CONTANER LEFT】 ******************************/

#contaner {
	margin-top:20px;
	padding:0 10px
}

#contaner .left{
	width:610px
}

#contaner .left #salespoint{
	width:600px;
	background-image: url(../images/img_salespoint.jpg);
	height: 415px;
	text-indent:-9999px;
	margin:14px 0;
	position:relative
}

#contaner .left #salespoint a{
	position:absolute;
	width:366px;
	height:40px;
	top:178px;
	left:158px
}

#contaner .left #salespoint a:hover{
	background:#000000;
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}

#contaner .left #eq{
	margin:14px 0
}



#contaner .left #title_news{
	position:relative;
	width:57px;
	height:40px;
}

#contaner .left #title_news span a{
	position:absolute;
	display:block;
	text-indent:-9999px;
	width:57px;
	height:16px;
	top:14px;
	left:532px;
	background-image: url(../images/bt_all.png);
}
#contaner .left #title_news span a:hover{
	filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
}

#contaner .left #news{
	margin:14px 0;
	width:600px
}

#contaner .left #news li.odd{
	background:#eee;
	border-top:1px solid #ccc;
	padding:10px
}

#contaner .left #news li.even{
	border-top:1px solid #ccc;
	padding:10px
}

#contaner .left #news li a{
	margin-left:12px
}
/****************************** 【CONTANER RIGHT】 ******************************/


#contaner .right{
	width:250px;
}

#contaner .right #movie{
	margin:14px auto
}

#contaner .right #right_pd{
	margin:14px auto
}

#contaner .right #right_pd_top{
	background-image: url(../images/right_menu_top.png);
	height: 8px;
	width: 250px;
	line-height:8px
}

#contaner .right #right_pd_mid{
	background-image: url(../images/right_menu_mid.png);
	height: auto;
	width: 250px;
	background-repeat:repeat-y;
	padding:10px 0
}

#contaner .right #right_pd_btm{
	background-image: url(../images/right_menu_btm.png);
	height: 11px;
	width: 250px;
}

#contaner .right #right_pd_mid a{
	background-image: url(../images/arrow_blue.png);
	background-position: left center;
	padding-left: 26px;
	color:#333333;
	font-weight:bold;
	margin-left:10px
}

#contaner .right #right_pd_mid a:hover{
	text-decoration:underline
}


#contaner .right #right_pd_mid .line{
	background-image: url(../images/line_01.gif);
	height:10px;
	margin:10px 20px;
	background-repeat:repeat-x
}



/****************************** 【FOOTER】 ******************************/


#footer{
	background:#eee;
	text-align:center;
	border-top:1px solid #CCCCCC;
}

#footer .in{
	margin:0 auto;
	width:896px;
	border-top:1px solid #fff;
	position:relative;
	padding-bottom:10px;
	text-align:left
}

#footer .in #f_menu {
	padding-top:6px
}

#footer .in #f_menu li{
	float:left;
	border-right:1px solid #999;
	padding-right:8px;
	margin-right:8px;
}

#footer .in #f_menu li a{
	font-size:10px;
	color:#333333;
	text-decoration:underline;
}
#footer .in #f_menu li a:hover{
	color:#999;
}

#footer .in #pagetop{
	position:absolute;
	left:640px;
	top:-29px
}

#footer .in .left{
	text-align:left;
}

#footer .in .right{
	text-align:left;
	padding-right:100px
}

#footer .in #copy{
	font-size:10px;
	text-align:left;
}

#footer .in .line{
	background-image: url(../images/line_footer.png);
	background-repeat: repeat-x;
	height: 8px;
	width: 600px;
	margin:14px 0;
	text-align:left
}


/****************************** 【ABOUT】 ******************************/

.left #about h3 {
	font-size: 12px;
	font-weight: bold;
	color:#0099FF;
	height: 29px;/*40px*/
	width: 574px;/*600*/
	padding:11px 0 0 26px
}
.title_01 {
	background-image: url(../images/bg_h3_01.png);
}
.title_02 {
	background-image: url(../images/bg_h3_02.png);
}

.title_03 {
	background-image: url(../images/bg_h3_03.png);
}

.title_04 {
	background-image: url(../images/bg_h3_04.png);
}

.title_05 {
	background-image: url(../images/bg_h3_05.png);
}

.title_06 {
	background-image: url(../images/bg_h3_06.png);
}


.left p {
	margin:14px
}

.left #about p img{
	margin-left:14px
}

.left #about .m_img{
	margin:14px
}

.left #about .wrap_table{
	margin:14px
}

.left #about .wrap_table table{
	width:96%
}

.left #about .wrap_table th{
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	padding:10px;
	width:100px;
	font-weight:normal
}

.left #about .wrap_table td{
	padding:10px
}

.left #about .wrap_table td .notice{
	font-size:10px;
	color:#FF0000
}

.left #about ul{
	margin:20px 14px
}



.right_h3 {
	font-size: 12px;
	font-weight: bold;
	color:#0099FF;
	height: 29px;/*40px*/
	width: 224px;/*250*/
	padding:11px 0 0 26px;
	background-image: url(../images/title_r_h3.png);
}



/****************************** 【EQUIPMENT】 ******************************/

.left #equipment h3 {
	font-size: 12px;
	font-weight: bold;
	color:#0099FF;
	height: 29px;/*40px*/
	width: 574px;/*600*/
	padding:11px 0 0 26px
}

.left #equipment .wrap_table{
	margin:14px 14px 30px 14px;
	background:#CCC;
	width:580px
}

.left #equipment .wrap_table table{
	width:100%
}

.left #equipment .wrap_table th{
	background:#EEE;
	padding:10px;
	font-weight:normal
}

.left #equipment .wrap_table td{
	padding:10px;
	background:#FFF;
	width:260px
}

.left #equipment .wrap_table .notice{
	font-size:10px;
	color:#FF0000
}


.left #equipment h4 {
	margin:14px;
	font-size:16px;
	color:#CC0000;
	font-weight:bold
}


/****************************** 【PROCESS】 ******************************/

.left #process h3 {
	font-size: 12px;
	font-weight: bold;
	color:#0099FF;
	height: 29px;/*40px*/
	width: 574px;/*600*/
	padding:11px 0 0 26px
}

.left #process .wrap_table{
	margin:14px 14px 30px 14px;
	background:#CCC;
	width:580px
}

.left #process .wrap_table table{
	width:100%
}

.left #process .wrap_table th{
	background:#EEE;
	padding:10px;
	font-weight:normal
}

.left #process .wrap_table td{
	padding:10px;
	background:#FFF;
	width:260px
}

.left #process .wrap_table .notice{
	font-size:10px;
	color:#FF0000
}


.left #process h4 {
	margin:14px;
	font-size:16px;
	color:#CC0000;
	font-weight:bold
}


/****************************** 【products】 ******************************/

.left #products h3 {
	font-size: 12px;
	font-weight: bold;
	color:#0099FF;
	height: 29px;/*40px*/
	width: 574px;/*600*/
	padding:11px 0 0 26px
}

.left #products .wrap_items {
	background-image: url(../images/bg_pd.png);
	height: 180px;
	width: 180px;	
	float:left;
	margin:14px 10px 0 10px
}

.left #products .wrap_items h5{
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:2px;
}

.left #products .wrap_items h5 a{
	color:#FFFFFF;
}


.left #products .wrap_items .wrap_img{
	text-align:center;
	margin-top:12px
}

.left #products .wrap_items .wrap_img a:hover img{
	filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}

.left #products h4{
	background-image: url(../images/bg_h4.png);
	height: 28px;
	width: 566px;
	margin:14px 0 14px 0;
	font-weight:bold;
	padding:4px 0 0 14px
}

.left #products .detail_items .wrap_img{
	text-align:center
}


.left #products p span{
	margin-left:10px;
	color:#CC0000
}

#map_canvas{border:solid 2px #CCCCCC}



.left #products p.notice{
	color:#FF0000
}



/****************************** 【ACCESS】 ******************************/

.left #access h3 {
	font-size: 12px;
	font-weight: bold;
	color:#0099FF;
	height: 29px;/*40px*/
	width: 574px;/*600*/
	padding:11px 0 0 26px
}

.left #access .wrap_items {
	background-image: url(../images/bg_pd.png);
	height: 180px;
	width: 180px;	
	float:left;
	margin:14px 10px 0 10px
}

.left #access .wrap_items h5{
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:2px;
}

.left #access .wrap_items h5 a{
	color:#FFFFFF;
}


.left #access .wrap_items .wrap_img{
	text-align:center;
	margin-top:12px
}

.left #access .wrap_items .wrap_img a:hover img{
	filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}

.left #access h4{
	background-image: url(../images/bg_h4.png);
	height: 28px;
	width: 566px;
	margin:14px 0 14px 0;
	font-weight:bold;
	padding:4px 0 0 14px
}

.left #access .detail_items .wrap_img{
	text-align:center
}


.left #access p span{
	margin-left:10px;
	color:#CC0000
}

#map_canvas{border:solid 2px #CCCCCC}



.left #access p.notice{
	color:#FF0000
}


/****************************** 【CONTACT】 ******************************/

.left #contact h3 {
	font-size: 12px;
	font-weight: bold;
	color:#0099FF;
	height: 29px;/*40px*/
	width: 574px;/*600*/
	padding:11px 0 0 26px
}


.left #contact h4{
	background-image: url(../images/bg_h4.png);
	height: 28px;
	width: 566px;
	margin:14px 0 14px 0;
	font-weight:bold;
	padding:4px 0 0 14px
}



.left #contact p.notice{
	color:#FF0000
}

/****************************** 【ENVIRONMENT】 ******************************/

.left #environment h3 {
	font-size: 12px;
	font-weight: bold;
	color:#0099FF;
	height: 29px;/*40px*/
	width: 574px;/*600*/
	padding:11px 0 0 26px
}



/****************************** 【NEWS】 ******************************/



.left #news h3 {
	font-size: 12px;
	font-weight: bold;
	color:#0099FF;
	height: 29px;/*40px*/
	width: 574px;/*600*/
	padding:11px 0 0 26px;
	margin-top:-14px!important
}


.left #news ul{
	margin:20px 14px
}

.left #news #pager{
	margin:0 24px
}

#lang{margin-left:86px}