@charset "utf-8";
/* CSS Document */


/* ================================================
Reset
------------------------------------------------ */

html{ height:100%; }

html>/**/body{ overflow:-moz-scrollbars-vertical; }

html:first-child body{
	min-height:100%;
	padding-bottom:1px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after { content:''; }
abbr,acronym { border:0; }
p,td,th,dt,dd{ line-height:1.5em; }
img{ vertical-align:bottom; }

/* Clearfix ========================== */

.clearfix:after,
#wrapper:after,
.productsInfo:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix, #wrapper, .productsInfo{  zoom:1; }

/* Hides from IE-mac \*/

* html .clearfix,
* html #wrapper,
* html .productsInfo{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */

/* Start =========================== */

body{
	font-size:12px;
	color:#555555;
  	font-family:  "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, "メイリオ", Meiryo,sans-serif;
	height:100%;
	background:#FFFFFF url('/img/common/mainBg.gif') repeat-x 0 0;
}

hr{ display:none; }
a{ outline:none; }
a:link{ color:#3366CC;}
a:visited{ color:#6479A4; }
a:hover { color:#698DDA; }

strong{ font-weight:bold; }
span.ERR{ font-weight:bold; color:#FF3333; }

#container{
	margin:0 auto;
	width:896px;
}
#header{
	height:127px;
	margin-bottom:10px;
	position:relative;
	background:url('/img/common/cid.jpg') no-repeat 100% 8px;
}
#header a#logo{
	display:block;
	width:173px;
	height:64px;
	position:absolute;
	left:0;
	top:8px;
}
#header ul{
	height:49px;
	position:absolute;
	bottom:0;
}
#header ul li{
	width:150px;
	text-indent:-3000px;
	float:left;
}
#header ul li#gn-top,
#header ul li#gn-approach{
	width:148px;
}
#header ul li a{
	display:block;
	height:49px;
	background:url('/img/common/globalMenu.gif') no-repeat 0 0;
}
#header ul li#gn-top a{ background-position:0 0; }
#header ul li#gn-information a{ background-position:-148px 0; }
#header ul li#gn-company a{ background-position:-298px 0; }
#header ul li#gn-products a{ background-position:-448px 0; }
#header ul li#gn-group a{ background-position:-598px 0; }
#header ul li#gn-approach a{ background-position:-748px 0; }

#header ul li#gn-top a:hover{ background-position:0 -50px; }
#header ul li#gn-information a:hover,
body#c-information #header ul li#gn-information a{ background-position:-148px -50px; }
#header ul li#gn-company a:hover,
body#c-company #header ul li#gn-company a{ background-position:-298px -50px; }
#header ul li#gn-products a:hover,
body#c-products #header ul li#gn-products a{ background-position:-448px -50px; }
#header ul li#gn-group a:hover,
body#c-group #header ul li#gn-group a{ background-position:-598px -50px; }
#header ul li#gn-approach a:hover,
body#c-approach #header ul li#gn-approach a{ background-position:-748px -50px; }

#header ol{
	width:290px;
	height:37px;
	position:absolute;
	right:70px;
	top:23px;
}
#header ol li{
	float:left;
	border-right:1px solid #E3E3E3;
	padding:10px 10px 10px 8px;
}
#header ol li.last{
	border:none;
	padding-right:0;
}
h1{
	text-indent:-3000px;
	height:80px;
	margin-bottom:16px;
	clear:both;
}
h1 a{ display:block; height:100%;}

body#c-products h1{ background:url('/img/products/title.jpg') no-repeat 0 0;}
body#c-company h1{ background:url('/img/company/title.jpg') no-repeat 0 0;}
body#c-information h1{ background:url('/img/information/title.jpg') no-repeat 0 0;}
body#c-group h1{ background:url('/img/group/title.jpg') no-repeat 0 0;}
body#c-approach h1{ background:url('/img/approach/title.jpg') no-repeat 0 0;}
body#c-etc h1{ background:url('/img/etc/title.jpg') no-repeat 0 0;}

#main h4{
	height:29px;
	padding-left:18px;
	font-weight:bold;
	line-height:31px;
	color:#333333;
	margin-bottom:12px;
	background:url('/img/common/h_back.gif') no-repeat 0 0;
}
#wrapper{
}

#main{
	width:650px;
	float:right;
	padding-bottom:50px;
}
#main .section{
	padding-left:10px;
	margin-bottom:20px;
}
#main p{
	line-height:1.5em;
	margin-bottom:12px;
}

#main dl.def{
	width:100%;
	margin-bottom:12px;
}
#main dl.def dt{
	clear:left;
	width:80px;
	float:left;
	color:#7B7B7B;
	font-weight:bold;
	padding:10px 2px 10px 22px;
	background:url('/img/common/circle.gif') no-repeat 4px 12px;
}
#main dl.def dt.odd{
	background:url('/img/common/circle_odd.gif') no-repeat 4px 12px;
}

#main dl.def dd{
	margin-left:0;
	padding:10px 5px 10px 118px;
	background:url('/img/common/gr_dots.gif') repeat-x 0 100%;
}
#main dl.def dd.odd{
	background-color:#FAF9E4;
}
#main dl.def dd table th{
	vertical-align:top;
	padding:0 6px 6px 0;
}
#main dl.def dd table td{
	padding:0 6px 6px 6px;
}

/* Top =========================== */
body#c-top #header{
	height:416px;
	margin-bottom:16px;
}
body#c-top #header #flash{
	height:284px;
	margin-bottom:5px;
	top:78px;
	position:absolute;
}
body#c-top #header ul li{
	width:180px;
}
body#c-top #header ul li#gn-approach{
	width:176px;
}
body#c-top #header ul li a{
	background:url('/img/common/globalMenuTop.gif') no-repeat 0 0;
}
body#c-top #header ul li#gn-information a{ background-position:0 0; }
body#c-top #header ul li#gn-company a{ background-position:-180px 0; }
body#c-top #header ul li#gn-products a{ background-position:-360px 0; }
body#c-top #header ul li#gn-group a{ background-position:-540px 0; }
body#c-top #header ul li#gn-approach a{ background-position:-720px 0; }

body#c-top #header ul li#gn-information a:hover{ background-position:0 -50px; }
body#c-top #header ul li#gn-company a:hover{ background-position:-180px -50px; }
body#c-top #header ul li#gn-products a:hover{ background-position:-360px -50px; }
body#c-top #header ul li#gn-group a:hover{ background-position:-540px -50px; }
body#c-top #header ul li#gn-approach a:hover{ background-position:-720px -50px; }

body#c-top #wrapper{
	background:url('/img/top/top_bg.gif') no-repeat 565px 0;
	padding-bottom:20px;
}
body#c-top #concept{
	width:549px;
	height:201px;
	background:url('/img/top/concept.jpg') no-repeat 0 0;
	float:left;
}
body#c-top #concept h2{ text-indent:-3000px;height:35px; margin:0;}
body#c-top #concept p{ text-indent:-3000px; height:108px; margin:0;padding:0; }
body#c-top #concept ul{
	margin-left:238px;
	margin-right:189px;
}
body#c-top #concept ul li{
	overflow:visible;
	margin-bottom:6px;
}
body#c-top #concept ul li a{
	padding-left:21px;
	text-decoration:none;
	display:block;
	height:17px;
	background:url('/img/common/b_bullet.gif') no-repeat 0 0;
}
body#c-top #concept ul li a span{
	padding-bottom:2px;
	background:url('/img/common/a_dots.gif') repeat-x 0 100%;
}	

body#c-top #info{
	width:311px;
	float:right;
}
body#c-top #info h2{
	height:39px;
	text-indent:-3000px;
	background:url('/img/top/h2_info.gif') no-repeat 0 0;
	margin-bottom:10px;
}
body#c-top #info dl{
	margin-left:10px;
	margin-bottom:10px;
}
body#c-top #info dl dt{
	clear:left;
	width:57px;
	float:left;
	color:#E8A00D;
	padding:10px 6px 10px 4px;
	background:url('/img/common/he_dots.gif') no-repeat 100% 50%;
} 
body#c-top #info dl dd{
	margin-left:0;
	padding:10px 5px 10px 74px;
	background:url('/img/common/grr_dots.gif') repeat-x 0 100%;
}
body#c-top #info p{
	line-height:1.2em;
	margin-left:228px;
	margin-bottom:0;
	padding:0;
}
body#c-top #info p a{
	padding-left:21px;
	display:block;
	height:17px;
	text-decoration:none;
	background:url('/img/common/y_bullet.gif') no-repeat 0 0;
}
body#c-top #info p a span{
	padding-bottom:2px;
	background:url('/img/common/gr_dots.gif') repeat-x 0 100%;
}
/* Information =========================== */

body#c-information #main h2{
	text-indent:-3000px;
	height:31px;
	margin-bottom:12px;
	background:url('/img/information/h2_info.gif') no-repeat 0 0;
}
body#c-information #main .entryTitle{
	background-color:#E3E3E3;
	padding:4px;
	margin-bottom:12px;
}
body#c-information #main .entryTitle p{
	float:left;
	width:74px;
	background:url('/img/information/date_bg.gif') no-repeat 0 0;
	color:#FFFFFF;
	font-weight:bold;
	height:21px;
	margin:0;
	padding:0;
	line-height:21px;
	text-align:center;
}
body#c-information #main h3{
	font-weight:bold;
	font-size:14px;
	margin-left:80px;
	padding-top:2px;
}
body#c-information #main .entryBody{
	font-size:13px;
	margin-left:12px;
	margin-bottom:24px;
	padding:5px 5px 5px 10px;
	background:url('/img/common/h_dots.gif') repeat-y 0 0;
}

/* Company =========================== */

body#c-company #main h2{
	text-indent:-3000px;
	height:31px;
	margin-bottom:12px;
}
body#c-company #main h2#outline{ background:url('/img/company/h2_outline.gif') no-repeat 0 0; }
body#c-company #main h2#greeting{ background:url('/img/company/h2_greeting.gif') no-repeat 0 0; }
body#c-company #main h2#corpo{ background:url('/img/company/h2_corpo.gif') no-repeat 0 0; }
body#c-company #main h2#manage{ background:url('/img/company/h2_manage.gif') no-repeat 0 0; }
body#c-company #main h2#history{ background:url('/img/company/h2_history.gif') no-repeat 0 0; }

body#c-company #main address{ text-align:right; }
body#c-company #main dl#history dt{ width:50px; }
body#c-company #main dl#history dd{ padding-left:82px; }

body#c-company #main p{
	font-size:13px;
}
body#c-company #main .leftbox{
	background:url('/img/company/nakamura.jpg') no-repeat 100% 0;
	padding-right:164px;
	}

/* Products =========================== */

body#c-products #main{ width:610px; }

#main .productsInfo{
	padding:0 4px 10px;
	margin-bottom:10px;
	background:url('/img/common/gr_dots.gif') repeat-x 0 100%;
}
#main .productsInfo .productsImage{
	width:225px;
	height:300px;
	float:left;
}
#main .productsInfo .productsDetail{
	width:366px;
	float:right;
}
#main .productsInfo .productsDetail h2{
	height:26px;
	line-height:26px;
	padding-left:10px;
	background:url('/img/products/titleBg.gif') no-repeat 0 0;
	color:#D2A802;
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
}
#main .productsInfo .productsDetail p{
	border:1px solid #E8E0D7;
	background-color:#F4EFE8;
	padding:10px;
	margin-bottom:14px;
}
#main .productsInfo .productsDetail h3{
	text-indent:-3000px;
	height:19px;
	background:url('/img/products/photoList.gif') no-repeat 0 0;
	margin-bottom:6px;
}
#main .productsInfo .productsDetail ul li{
	width:71px;
	float:left;
	margin-right:10px;
	margin-bottom:6px;
}

/* Group =========================== */

body#c-group #main h2{
	text-indent:-3000px;
	height:31px;
	margin-bottom:12px;
}
body#c-group #main h2#group{ background:url('/img/group/h2_group.gif') no-repeat 0 0; } 
body#c-group #main h2#base{ background:url('/img/group/h2_base.gif') no-repeat 0 0; }
body#c-group #main h3{
	text-indent:-3000px;
	height:32px;
	margin-bottom:12px;
}
body#c-group #main h3#baselist{ background:url('/img/group/h3_base.jpg') no-repeat 0 0; }

body#c-group #main p{
	font-size:13px;
}

body#c-group #main #wmap{
	background:url('/img/group/wmap.gif') no-repeat 0 0;
	width:623px;
	height:231px;
	position:relative;
	margin-bottom:10px;
}
body#c-group #main #wmap ul li{
	position:absolute;
}
body#c-group #main #wmap ul li#wm_miyako{ left:78px; bottom:33px;}
body#c-group #main #wmap ul li#wm_osaka{ left:78px; bottom:15px;}
body#c-group #main #wmap ul li#wm_tokyo{ left:146px; bottom:63px;}
body#c-group #main #wmap ul li#wm_okayama1{ left:14px; top:95px;}
body#c-group #main #wmap ul li#wm_okayama2{ left:14px; top:114px;}
body#c-group #main #wmap ul li#wm_okayama3{ left:14px; top:133px;}
body#c-group #main #wmap ul li#wm_china{ right:251px; top:60px;}
body#c-group #main #wmap ul li#wm_malaysia{ right:191px; bottom:79px;}
body#c-group #main #wmap ul li#wm_france{ left:244px; top:60px;}
body#c-group #main #wmap ul li#wm_usa{ right:86px; top:88px;}

body#c-group #main #wmap ol{
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	padding-top:3px;
	position:absolute;
	display:none;
}
body#c-group #main #wmap ol li{
	padding:3px;
}
body#c-group #main #wmap ol#osaka{ left:118px; top:176px; }
body#c-group #main #wmap ol#tokyo{ left:142px; top:173px; }
body#c-group #main #wmap ol#okayama{ left:10px; top:62px; }
body#c-group #main #wmap ol#china{ left:276px; top:78px; }
body#c-group #main #wmap ol#malaysia{ left:364px; top:167px; }
body#c-group #main #wmap ol#france{ left:238px; top:7px; }
body#c-group #main #wmap ol#usa{ left:491px; top:108px; }

body#c-group #main #bases .section{
	padding-bottom:10px;
	background:url('/img/common/gr_dots.gif') repeat-x 0 100%; 
}
body#c-group #main #bases .section img{
	width:130px;
	float:left;
}
body#c-group #main #bases .section p{
	margin-left:140px;
	padding-top:40px;
}
body#c-group #main #bases .section p span{ padding-right:15px; }
body#c-group #main #bases .section p span.main{ background:url('/img/group/p_main.gif') no-repeat 100% 0; }
body#c-group #main #bases .section p span.sub{ background:url('/img/group/p_sub.gif') no-repeat 100% 0; }
body#c-group #main #bases .section p span.manu{ background:url('/img/group/p_manu.gif') no-repeat 100% 0; }

body#c-group #main #bases .section .baseDetail{
	text-align:center;
	width:200px;
	margin-right:5px;
	float:left;
}
body#c-group #main #bases .section .baseDetail img{
	display:block;
	width:130px;
	margin:0 auto 6px;
	float:none;
}
body#c-group #main #bases .section .baseDetail p{
	padding-top:0;
	margin-left:0;
}



/* Approach =========================== */

body#c-approach #main h2{
	text-indent:-3000px;
	height:31px;
	margin-bottom:12px;
}
body#c-approach #main h2#ip{ background:url('/img/approach/h2_ip.gif') no-repeat 0 0; }
body#c-approach #main h2#iso{ background:url('/img/approach/h2_iso.gif') no-repeat 0 0; }

body#c-approach #main p{
	font-size:13px;
}
body#c-approach #main p span{
	padding-left:15px;
	background:url('/img/common/g_bullet.jpg') no-repeat 4px 0;
}
body#c-approach #main h3{
	text-indent:-3000px;
	height:32px;
	margin-bottom:12px;
}
body#c-approach #main h3#mainip{ background:url('/img/approach/h3_ip.jpg') no-repeat 0 0; }

body#c-approach #main table.ips{
	margin-left:10px;
	margin-bottom:20px;
	width:613px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
body#c-approach #main table.ips th{
	background-color:#E3E3E3;
	color:#666666;
	width:80px;
	font-weight:bold;
	padding:6px;
	vertical-align:top;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;

}
body#c-approach #main table.ips td{
	padding:6px;
	vertical-align:top;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
body#c-approach #main table.ips td.img{
	padding:0;
	vertical-align:top;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
body#c-approach #main .isoData{
	padding-bottom:14px;
	margin-bottom:14px;
	}
body#c-approach #main .isoData p{
	height:120px;
	padding-top:8px;
	padding-left:188px;
}
body#c-approach #main .section .isoTitle{
	padding-bottom:4px;
	margin-bottom:10px;
	background:url('/img/common/gr_dots.gif') repeat-x 0 100%; 
}
body#c-approach #main .isoTitle p{
	font-size:12px;
	background:url('/img/approach/dots.gif') repeat-y 0 0;
	padding:2px 2px 2px 10px;
	margin:0;
	height:auto;
}
body#c-approach #main .isoData p#iso1{ background:url('/img/approach/iso_1.jpg') no-repeat 0 0; }
body#c-approach #main .isoData p#iso2{ background:url('/img/approach/iso_2.jpg') no-repeat 0 0; }

body#c-approach #main .isoData ul {
	margin-bottom:10px;
	}
body#c-approach #main .isoData ul li{
	width:146px;
	float:left;
	margin-right:10px;
}
body#c-approach #main .isoList{
	padding-bottom:24px;
	margin-bottom:34px;
	background:url('/img/common/gr_dots.gif') repeat-x 0 100%;
}
body#c-approach #main .isoList .leftbox{
	width:302px;
	float:left;
	}
body#c-approach #main .isoList .rightbox{
	width:325px;
	float:right;
	}
	

/* Etc =========================== */

body#c-etc #main h2{
	text-indent:-3000px;
	height:31px;
	margin-bottom:12px;
}
body#c-etc #main h2#recruit{ background:url('/img/etc/h2_recruit.gif') no-repeat 0 0; }
body#c-etc #main h2#access{ background:url('/img/etc/h2_access.gif') no-repeat 0 0; }
body#c-etc #main h2#contact{ background:url('/img/etc/h2_contact.gif') no-repeat 0 0; }

body#c-etc #main h3{
	text-indent:-3000px;
	height:32px;
	margin-bottom:12px;
}
body#c-etc #main p{
	font-size:13px;
}
body#c-etc #main #job h3{ background:url('/img/etc/h3_job.jpg') no-repeat 0 0; }
body#c-etc #main #jinji h3{ background:url('/img/etc/h3_jinji.jpg') no-repeat 0 0; }

body#c-etc #main #jinji h5{
	font-weight:bold;
	margin-bottom:8px;
	color:#333333;
}
body#c-etc #main #jinji p{
	margin-left:7px;
}
body#c-etc #main #jinji p span{
	padding-right:10px;
	font-weight:bold;
	color:#666666;
}
body#c-etc #main dl#contactform dt{
	width:100px;
}
body#c-etc #main dl#contactform dd{
	padding-left:124px;
	padding-top:6px;
}
body#c-etc #main dl#contactform dd input,
body#c-etc #main dl#contactform dd textarea{
	border:1px solid #CCCCCC;
	width:460px;
	padding:2px;
}
body#c-etc #main dl#contactform dd textarea{
	font-size:12px;
 }
body#c-etc #main dl#contactform p{
	margin:0;
	padding:2px;
	font-size:12px;
	}
body#c-etc #main p#submit{
	padding-left:124px;
}
body#c-etc #main #map .section{
	padding-bottom:10px;
	background:url('/img/common/gr_dots.gif') repeat-x 0 100%; 
}
body#c-etc #main #map dl{
	margin-bottom:0;
	width:320px;
	float:left;
}
body#c-etc #main #map dl dt{
	color:#333333;
	font-size:13px;
	width:auto;
	clear:none;
	background-position:4px 13px;
	padding-bottom:2px;
	margin:0;
	float:none;
}
body#c-etc #main #map dl dd{
	background-image:none;
	padding:2px 2px 2px 22px;
	font-size:13px;
}
body#c-etc #main #map dl dd img{
	padding-top:10px;
}
body#c-etc #main #map .mapImage{
	width:286px;
	float:right;
}
body#c-etc #main #map .mapImage p{
	font-size:12px;
}
body#c-etc #main #map iframe{
	padding:1px;
	border:solid 1px #CCCCCC;
}
/* Sidebar =========================== */

#sidebar{
	width:220px;
	float:left;
}
#sidebar ul li{
	margin-bottom:5px;
}
#sidebar ul li a{
	display:block;
	height:33px;
	line-height:31px;
	padding-left:30px;
	text-decoration:none;
	background:url('/img/common/subMenu.gif') no-repeat 0 0;
}
#sidebar ul li.now a{
	font-weight:bold;
	color:#FFFFFF;
	line-height:35px;
	background-position:0 -34px;
}	
#sidebar ul li a span{
	padding-bottom:3px;
	background:url('/img/common/a_dots.gif') repeat-x 0 100%;
}

body#c-products #subMenu{
	width:276px;
	float:left;
	position:relative;
}
body#c-products #subMenu h2{
	text-indent:-3000px;
	height:34px;
	margin-bottom:8px;
}
body#c-products #subMenu h2.material{ background:url('/img/products/snTitleMaterial.jpg') no-repeat 0 0;}
body#c-products #subMenu h2.product{ background:url('/img/products/snTitleProduct.jpg') no-repeat 0 0;}

body#c-products #subMenu ul{
	padding-bottom:4px;
}
body#c-products #subMenu ul li{
	width:133px;
	height:69px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

/*-----------------------
 * Footer
 * ---------------------*/

#footerCont{
	background:#F2F2F2 url('/img/common/footBg.jpg') repeat-x 0 100%;
	height:116px;
}
#footer{
	width:896px;
	margin:0 auto;
}

#footer p{
	text-align:right;
	margin-bottom:16px;
}
#footer img#copyright{
	display:block;
	width:257px;
	float:left;
}
#footer ul{
	width:270px;
	float:right;
}
#footer ul li{
	float:left;
	margin-right:20px;
	height:12px;
}

#footer ul li#fn-recruit{ width:68px; }
#footer ul li#fn-access{ width:67px; }
#footer ul li#fn-contact{ width:92px; margin-right:0; }