@charset "utf-8";


/* sub navigation
------------------------------------------------------------------------------------------*/
#chinese ul#navi_left li ul li a{
	display:block;
	background-image:url(../../company/images/subnavi.gif);
}

#chinese ul#navi_left li.navi02 ul li.sub01 a,
#chinese ul#navi_left li.navi02 ul li.sub01 a:visited,
#chinese ul#navi_left li.navi02 ul li.sub01 a:active{
	height:25px;	
	background-position:0 0;
}
#chinese ul#navi_left li.navi02 ul li.sub01 a:hover,
#chinese ul#navi_left li.navi02 ul li.sub01 a#here,
#chinese ul#navi_left li.navi02 ul li.sub01 a#here:visited,
#chinese ul#navi_left li.navi02 ul li.sub01 a#here:active,
#chinese ul#navi_left li.navi02 ul li.sub01 a#here:hover{
	background-position:-171px 0;
}

#chinese ul#navi_left li.navi02 ul li.sub02 a,
#chinese ul#navi_left li.navi02 ul li.sub02 a:visited,
#chinese ul#navi_left li.navi02 ul li.sub02 a:active{
	height:25px;	
	background-position:0 -25px;
}
#chinese ul#navi_left li.navi02 ul li.sub02 a:hover,
#chinese ul#navi_left li.navi02 ul li.sub02 a#here,
#chinese ul#navi_left li.navi02 ul li.sub02 a#here:visited,
#chinese ul#navi_left li.navi02 ul li.sub02 a#here:active,
#chinese ul#navi_left li.navi02 ul li.sub02 a#here:hover{
	background-position:-171px -25px;
}

#chinese ul#navi_left li.navi02 ul li.sub03 a,
#chinese ul#navi_left li.navi02 ul li.sub03 a:visited,
#chinese ul#navi_left li.navi02 ul li.sub03 a:active{
	height:24px;	
	background-position:0 -50px;
}
#chinese ul#navi_left li.navi02 ul li.sub03 a:hover,
#chinese ul#navi_left li.navi02 ul li.sub03 a#here,
#chinese ul#navi_left li.navi02 ul li.sub03 a#here:visited,
#chinese ul#navi_left li.navi02 ul li.sub03 a#here:active,
#chinese ul#navi_left li.navi02 ul li.sub03 a#here:hover{
	background-position:-171px -50px;
}

#chinese ul#navi_left li.navi02 ul li.sub04 a,
#chinese ul#navi_left li.navi02 ul li.sub04 a:visited,
#chinese ul#navi_left li.navi02 ul li.sub04 a:active{
	height:25px;	
	background-position:0 -74px;
}
#chinese ul#navi_left li.navi02 ul li.sub04 a:hover,
#chinese ul#navi_left li.navi02 ul li.sub04 a#here,
#chinese ul#navi_left li.navi02 ul li.sub04 a#here:visited,
#chinese ul#navi_left li.navi02 ul li.sub04 a#here:active,
#chinese ul#navi_left li.navi02 ul li.sub04 a#here:hover{
	background-position:-171px -74px;
}

#chinese ul#navi_left li.navi02 ul li.sub05 a,
#chinese ul#navi_left li.navi02 ul li.sub05 a:visited,
#chinese ul#navi_left li.navi02 ul li.sub05 a:active{
	height:24px;	
	background-position:0 -99px;
}
#chinese ul#navi_left li.navi02 ul li.sub05 a:hover,
#chinese ul#navi_left li.navi02 ul li.sub05 a#here,
#chinese ul#navi_left li.navi02 ul li.sub05 a#here:visited,
#chinese ul#navi_left li.navi02 ul li.sub05 a#here:active,
#chinese ul#navi_left li.navi02 ul li.sub05 a#here:hover{
	background-position:-171px -99px;
}

#chinese ul#navi_left li.navi02 ul li.sub06 a,
#chinese ul#navi_left li.navi02 ul li.sub06 a:visited,
#chinese ul#navi_left li.navi02 ul li.sub06 a:active{
	height:25px;	
	background-position:0 -123px;
}
#chinese ul#navi_left li.navi02 ul li.sub06 a:hover,
#chinese ul#navi_left li.navi02 ul li.sub06 a#here,
#chinese ul#navi_left li.navi02 ul li.sub06 a#here:visited,
#chinese ul#navi_left li.navi02 ul li.sub06 a#here:active,
#chinese ul#navi_left li.navi02 ul li.sub06 a#here:hover{
	background-position:-171px -123px;
}

#chinese ul#navi_left li.navi02 ul li.sub07 a,
#chinese ul#navi_left li.navi02 ul li.sub07 a:visited,
#chinese ul#navi_left li.navi02 ul li.sub07 a:active{
	height:25px;	
	background-position:0 -148px;
}
#chinese ul#navi_left li.navi02 ul li.sub07 a:hover,
#chinese ul#navi_left li.navi02 ul li.sub07 a#here,
#chinese ul#navi_left li.navi02 ul li.sub07 a#here:visited,
#chinese ul#navi_left li.navi02 ul li.sub07 a#here:active,
#chinese ul#navi_left li.navi02 ul li.sub07 a#here:hover{
	background-position:-171px -148px;
}

#chinese ul#navi_left li.navi02 ul li.sub08 a,
#chinese ul#navi_left li.navi02 ul li.sub08 a:visited,
#chinese ul#navi_left li.navi02 ul li.sub08 a:active{
	height:25px;	
	background-position:0 -173px;
}
#chinese ul#navi_left li.navi02 ul li.sub08 a:hover,
#chinese ul#navi_left li.navi02 ul li.sub08 a#here,
#chinese ul#navi_left li.navi02 ul li.sub08 a#here:visited,
#chinese ul#navi_left li.navi02 ul li.sub08 a#here:active,
#chinese ul#navi_left li.navi02 ul li.sub08 a#here:hover{
	background-position:-171px -173px;
}

#chinese ul#navi_left li.navi02 ul li.sub09 a,
#chinese ul#navi_left li.navi02 ul li.sub09 a:visited,
#chinese ul#navi_left li.navi02 ul li.sub09 a:active{
	height:25px;	
	background-position:0 -198px;
}
#chinese ul#navi_left li.navi02 ul li.sub09 a:hover,
#chinese ul#navi_left li.navi02 ul li.sub09 a#here,
#chinese ul#navi_left li.navi02 ul li.sub09 a#here:visited,
#chinese ul#navi_left li.navi02 ul li.sub09 a#here:active,
#chinese ul#navi_left li.navi02 ul li.sub09 a#here:hover{
	background-position:-171px -198px;
}

/* companyguide
------------------------------------------------------------------------------------------*/
#companyguide .get_reader{
	width:569px;
}
#companyguide .get_reader .read{
	width:477px;
	float:left;
}
#companyguide .get_reader .read p{
	margin:0 65px 0 8px;
}
#companyguide .get_reader p.bt_getreader{
	width:88px;
	float:left;
	padding-top:30px;
}

#companyguide p.updateday{
	clear:both;
	text-align:right;
	border-top:1px solid #E6E5E5;
	padding-right:8px;
	line-height:30px;
}

#companyguide table{
	border-top:1px solid #E6E5E5;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
#companyguide table th{
	width:104px;
	text-align:left;
	font-weight:normal;
	color:#927000;
	padding:7px 0 5px 8px;
	vertical-align:top;
	background:url(../images/bg_dot.gif) repeat-x left bottom;
}
#companyguide table td{
	padding:7px 0 5px 0;
	background:url(../images/bg_dot.gif) repeat-x left bottom;
}

/* outline.html */
#outline h3.ttl,{
	clear:both;
	padding:0 0 15px 0;
}

#outline h4.system{
	background:#F4F4ED url(../../company/images/outline_bg_h3.gif) no-repeat left top;	
	line-height:120%;
	margin:0 0 10px 0;
	letter-spacing:3px;
}
#outline h4.base{
	background:#F4F4ED url(../../company/images/outline_bg_h3.gif) no-repeat left top;	
	line-height:120%;
	margin:0 0 10px 0;
	letter-spacing:3px;
}
#outline h4.base em{
	display:block;
	background:url(../../company/images/outline_bg_h3_02.gif) no-repeat left bottom;
	padding:9px 0 7px 10px;
}

#outline .otlbox{
	background:url(../images/bg_double_line.gif) repeat-x left top;
	padding-top:4px;
}
#outline table.otl_tbl{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	border:0;
}
#outline table.otl_tbl th{
	width:96px;
	text-align:right;
	font-weight:normal;
	color:#927000;
	padding:7px 16px 5px 0;
	vertical-align:top;
	letter-spacing:2px;
	background:url(../images/bg_dot.gif) repeat-x left bottom;
}
#outline table.otl_tbl td{
	padding:7px 0 5px 3px;
	background:url(../images/bg_dot.gif) repeat-x left bottom;
}
#outline table.otl_tbl .last{
	background:none;
}
#outline table.otl_tbl td a,
#outline table.otl_tbl td a:active,
#outline table.otl_tbl td a:hover{
	color:#927000;
	text-decoration:underline;
}
#outline table.otl_tbl td a:visited{
	color:#551A8B;
	text-decoration:underline;
}

/* history.html */
#history{
	position:relative;
}
#history table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	border:0;
}
#history table th{
	width:87px;
	text-align:right;
	font-weight:normal;
	color:#927000;
	padding:5px 16px 3px 0;
	vertical-align:top;
	letter-spacing:2px;
	background:url(../images/bg_dot.gif) repeat-x left bottom;
}
#history table td{
	padding:5px 0 3px 3px;
	background:url(../images/bg_dot.gif) repeat-x left bottom;
}
#history table .last{
	background:none;
}

#history table td .l_txt{
	width:363px;
	float:left;
}

#history table td p.photo{
	width:140px;
	float:left;
	text-align:center;
}
#history table td p.photo img{
	display:block;
	margin:0 auto 3px auto;
}
#history table td p.photo span{
	display:block;
}

#history table td .l_txt2{
	width:340px;
	float:left;
}
#history table td p.photo2{
	width:160px;
	float:left;
}


/* world */
#world h3.ttl,
#world h4{
	clear:both;
	padding:0 0 15px 0;
}

#world h3.blue{
	clear:both;
	background:url(../images/bg_h3_blue.gif) no-repeat left top;
	margin:0 0 20px 0;
	color:#003399;
	line-height:normal;
}
#world h3.blue em{
	display:block;
	background:url(../images/bg_h3_02_blue.gif) no-repeat left bottom;
	padding:8px 0 7px 30px;
}

#world .img_center img{
	display:block;
	margin:0 auto;
}

#world ul{
	list-style:none;
	width:594px;
	margin:0 auto;
}

#world ul li.labo01{
float:left;
width:293px;
background-color:#edeff6;
margin-right:5px;
margin-bottom:5px;
}

#world ul li.labo02{
float:left;
width:293px;
background-color:#edeff6;
margin-bottom:5px;
}


#world ul li.labo03{
float:left;
width:293px;
background-color:#edeff6;
margin-right:5px;
margin-bottom:25px;
}

#world ul li.labo04{
float:left;
width:293px;
background-color:#edeff6;
margin-bottom:25px;
}

#world ul h4{
margin:15px 15px 0 15px;
}

#world ul p.text{
width:264px;
margin:0 15px 10px 15px;
}

#world ul p.photo{
margin:5px 15px 15px 155px;
}

#world .explain {
	width:594px;
	margin:0 auto;
}

#world .explain p.photo_l{
	float:left;
	padding: 0 0 15px 10px;
	margin:0 auto;
}


#world .explain p.photo_r{
	float:right;
	padding: 0 0 15px 10px;
	margin:0 auto;
}

#world .new_material{
	clear:both;
	background:url(../images/bg_dot.gif) repeat-x left top;
	padding:25px 6px 0 6px;
}



/* quality.html */
#quality .intro{
	width:594px;
	margin:0 auto;
}
#quality .intro .read{
	width:335px;
	float:left;
	padding:0 10px 0 0;
}
#quality .intro .read p{
	margin:0 auto;
}
#quality .intro .read h3{
	margin:0 auto;
	padding:0 0 15px 0;
}
#quality .intro .photo{
	width:235px;
	float:right;
	padding:0 5px 25px 0;
	margin:0 auto;
}

#quality .new_material{
	clear:both;
	background:url(../images/bg_dot.gif) repeat-x left top;
	padding:25px 6px 0 6px;
}

#quality h3.black{
	clear:both;
	background:url(../images/bg_h3_black.gif) no-repeat left top;
	margin:0 0 20px 0;
	color:#666666;
	line-height:normal;
}

#quality h3.black em{
	display:block;
	background:url(../images/bg_h3_02_black.gif) no-repeat left bottom;
	padding:8px 0 7px 30px;
}

#quality h3{
	clear:both;
	margin:0 0 20px 0;
}

#quality h4 img{
	clear:both;
	display:block;
	margin:0 auto 10px auto;
}

#quality .explain {
	width:594px;
	margin:0 auto;
}
#quality .explain p.photo_r{
	float:right;
	padding: 0 0 15px 10px;
	margin:0 auto;
}

#quality .explain p.photo_l{
	float:left;
	padding:0 10px 15px 0;
	margin:0 auto;
}
#quality .explain2 {
	width:570px;
	margin:0 auto;
}
#quality .explain2 p.photo_r{
	float:right;
	padding: 0 0 15px 10px;
	margin:0 auto;
}

#quality .img_center img{
	padding-left:90px;
	margin:0 auto;
}



/* management.html */
#management h3.ttl,
#management h4{
	clear:both;
	padding:0 0 15px 0;
}

#management h3.green{
	clear:both;
	background:url(../images/bg_h3_green.gif) no-repeat left top;
	margin:0 0 20px 0;
	color:#009933;
	line-height:normal;
}
#management h3.green em{
	display:block;
	background:url(../images/bg_h3_02_green.gif) no-repeat left bottom;
	padding:8px 0 7px 30px;
}

#management .img_center img{
	display:block;
	margin:0 auto;
}

#management .explain {
	width:594px;
	margin:0 auto;
}

#management .explain p.photo_l{
	float:left;
	padding: 0 0 15px 10px;
	margin:0 auto;
}


#management .explain p.photo_r{
	float:right;
	padding: 0 0 15px 10px;
	margin:0 auto;
}

#management .new_material{
	clear:both;
	background:url(../images/bg_dot.gif) repeat-x left top;
	padding:25px 6px 0 6px;
}



/* indicator.html */
#indicator h3{
	clear:both;
	background:url(../images/bg_h3.gif) no-repeat left top;
	margin:0 0 20px 0;
	color:#927000;
	line-height:normal;
}
#indicator h3 em{
	display:block;
	background:url(../images/bg_h3_02.gif) no-repeat left bottom;
	padding:8px 0 7px 30px;
}

#indicator h4 img{
	display:block;
	margin:0 auto 15px auto;
}

#indicator .img_center img{
	display:block;
	margin:0 auto;
}

#indicator ol{
	margin:0 0 20px 15px;
	padding:0 0 0 20px;
}
#indicator ol li{
	list-style-type:upper-roman;
	padding:0 0 5px 0;
	letter-spacing:1px;
}

#indicator .explain {
	width:567px;
	margin:0 auto;
}

#indicator .explain p.photo_r{
	float:left;
	padding: 0 0 15px 10px;
	margin-right: 15px;
}

#indicator .bihavior h4 img{
	display:block;
	margin:0 0 15px 0;
}




/* network.html */
#network h3.ttl,
#network h4{
	clear:both;
	padding:0 0 15px 0;
}

#network h3.black{
	clear:both;
	background:url(../images/bg_h3_black.gif) no-repeat left top;
	margin:0 0 20px 0;
	color:#666666;
	line-height:normal;
}

#network h3.black em{
	display:block;
	background:url(../images/bg_h3_02_black.gif) no-repeat left bottom;
	padding:8px 0 7px 30px;
}

#network .maparea {
	width:610px;
	margin:0 auto;
	padding-bottom:50px;
}

#network .maparea p.photo_r{
	float:right;
	padding: 0 10px 0 10px;
	margin:0 auto;
}


#network .base {
	width:594px;
	margin:0 auto;
}

#network .base p.photo_r{
	float:right;
	padding: 0 0 15px 10px;
	margin:0 auto;
}

/* career.html */

#career h3.ttl,
#career h4{
	clear:both;
	padding:0 0 15px 0;
}

#career h3.red{
	clear:both;
	background:url(../images/bg_h3_red.gif) no-repeat left top;
	margin:0 0 20px 0;
	color:#cc0033;
	line-height:normal;
}
#career h3.red em{
	display:block;
	background:url(../images/bg_h3_02_red.gif) no-repeat left bottom;
	padding:8px 0 7px 30px;
}

#career .img_center img{
	display:block;
	margin:0 auto;
}

#career .explain {
	width:594px;
	margin:0 auto;
}

#career .explain p.photo_l{
	float:left;
	padding: 0 0 15px 10px;
	margin:0 auto;
}

#career .explain p.photo_r{
	float:right;
	padding: 0 0 15px 10px;
	margin:0 auto;
}

#career .intro{
	width:580px;
	margin:0 auto;
}
#career .intro .theory{
	width:277px;
	float:left;
	padding:0 25px 30px 0;
}
#career .intro .theory p.mind{
	margin:0 auto;
}

#career .intro .theory p.list{
	padding:20px 10px 10px 10px;
	margin:0 auto;
}

#career .intro .five{
	width:247px;
	float:left;
	padding-bottom:30px;
}

#career h4 img{
	clear:both;
	display:block;
	margin:0 auto 10px auto;
}

#career .explain {
	width:594px;
	margin:0 auto;
}
#career .explain p.photo_r{
	float:right;
	padding: 0 0 15px 10px;
	margin:0 auto;
}

#career .explain2 {
	width:570px;
	margin:0 auto;
}
#career .explain2 p.photo_r{
	float:right;
	padding: 0 0 15px 10px;
	margin:0 auto;
}


#career .explain {
	width:567px;
	margin:0 auto;
}
#career .explain p.photo_l{
	float:left;
	padding:0 20px 15px 0;
}
#career .explain p.photo_r{
	float:right;
	padding:0 0 15px 20px;
}
#career .explain p.clear{
	clear:both;
}


/* --------------------------------------------------
company_history (add Y.Inoue 20080708)
-------------------------------------------------- */
.phtLayer { position:relative; }

.phtLayer01 { position:absolute; left:394px; top:-34px; z-index:1; }
.phtLayer02 { position:absolute; left:284px; top:26px; z-index:1; }
.phtLayer03 { position:absolute; left:396px; top:-3px; z-index:1; }
.phtLayer04 { position:absolute; left:384px; top:-70px; z-index:1; }
.phtLayer06 { position:absolute; left:354px; top:5px; z-index:1; }
.phtLayer07 { position:absolute; left:244px; top:-4px; z-index:1; }
.phtLayer08 { position:absolute; left:364px; top:2px; z-index:1; }
.phtLayer09 { position:absolute; left:429px; top:-16px; z-index:1; }
.phtLayer10 { position:absolute; left:384px; top:88px; z-index:1; }
.phtLayer12 { position:absolute; left:334px; top:-16px; z-index:1; }
.phtLayer13 { position:absolute; left:310px; top:-50px; z-index:1; }
.phtLayer15 { position:absolute; left:369px; top:-2px; z-index:1; }
.phtLayer16 { position:absolute; left:414px; top:13px; z-index:1; }

