@charset "UTF-8";

/* ------------------------------------------------------------
 index
 
1.initialize

2.common

3.clearFix

4.Link 

5.body

6.wrapper 

7.header

8.content

9.footer

10.gnavi

11.location

12.topoage

13.submenu

14.others

15.pageTop

	bottun 
 	table

------------------------------------------------------------- */
/* ------------------------------
 initialize
------------------------------ */

h1,h2,h3,h4,h5 {
margin:0;
padding:0;
}

hr {
margin:0;
padding:0;
display:none;
}

dl,dt,dd,ul,td {
margin:0;
padding:0;
}

ol{
margin:0 0 0 20px;
padding:0;
}

th {
margin:0;
padding:0;
}

ul, ul li {
margin:0;
padding:0;
list-style:none;
}

img {
border:0;
}

form {
margin:0;
padding:0;
display:block;
}

input,select,option {
margin:0;
padding:0;
vertical-align: middle;
}

br{
letter-spacing:0;
}


/* ------------------------------
 common
------------------------------ */

.clear { 
clear: both; 
} 

.alignL{
text-align:left;
}

.alignR{
text-align:right;
}

.alignC{
text-align:center;
}

.floatL{
float:left;
}

.floatR{
float:right;
}

.nomargin{
margin:0;
padding:0;
}

.bgLink a{
text-indent:-10000px;
display:block;
}

.bgLink a img{
visibility:hidden;
display:none;
height:0;
}

.toAnchors {
width:0px;
height:0px;
text-indent:-10000em;
vertical-align:top;
text-decoration:none;
overflow:hidden;
position:absolute;
left: 167px;
top: -207px;
}

p.fromAnchors{
width:0px;
height:0px;
text-indent:-10000em;
vertical-align:top;
text-decoration:none;
overflow:hidden;
position:absolute;
}

p.normargin{
margin:0;
padding:0;
}

/* ------------------------------
 clearFix
------------------------------ */

.clearfix:after {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}

.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

/* ------------------------------
 Link 
------------------------------ */
a{
color:#0044CC;
text-decoration:none;
}

a:link {
color:#0044CC;
}
a:visited {
color:#551A8B;
}

a:hover {
color:#0044CC;
text-decoration:underline;
}
a:active{ 
color:#0044CC;
text-decoration:underline;
}

/* ------------------------------
 body
------------------------------ */
body {
	margin:0;
	padding:0;
	color:#4e4e4e;
	background:url(../image/common/wrapper.jpg) center top repeat-x;
	text-align:center;
	font-family:"CI","qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr SVbN", "MS Gothic","Osaka",Myriad Pro,Verdana,Arial, sans-serif;
	letter-spacing:0.1px;
	line-height:150%;
	font-size:80%;
	background-color: #fefefe;
}

/* ------------------------------
 wrapper 
------------------------------ */
.wrapper{
background:transparent;
margin:auto;
width:850px;
text-align:center;
}

#sub{
background:transparent;
margin:auto;
width:856px;
text-align:center;
}

/* ------------------------------
 header
------------------------------ */
h1{
position:relative;
top:17px;
left:23px;
float:left;
padding:0;
margin:0;
height:98px;
}

.header .headerMenu{
float:right;
margin:0 0 0 368px;
padding:0;
}

.header .headerMenu ul li{
float:left;
}

#sub .header{
position:relative;
left:3px;
width:850px;
}

#sub .header p.logo{
position:relative;
top:17px;
left:23px;
float:left;
padding:0;
margin:0;
height:98px;
float:left;
}

/* ------------------------------
 content
------------------------------ */
#top .container{
width:850px;
text-align:left;
margin:0;
}
#top .mainCnt{
width:635px;
text-align:left;
float:left;
}
#top .subCnt{
width:210px;
float:right;
}


#sub .container{
width:858px;
text-align:left;
margin:0;
background:url(../image/common/cnt_wrap.jpg) left 163px repeat-y;
}

#sub .mainCnt{
width:585px;
text-align:left;
float:left;
left:18px;
position:relative;
padding-bottom:20px;
}
#sub .subCnt{
width:245px;
float:right;
position:relative;
left:4px;
}

/* ------------------------------
 footer
------------------------------ */
.footer{
width:850px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
text-align:left;
margin:20px 0;
padding:10px 0 7px 0;
}

#sub .footer{
position:relative;
left:3px;
}

.footer ul{
float:left;
padding:0;
margin:0 0 0 0;
}
.footer ul li{
float:left;
padding:0;
margin:0 10px;
}
.footer address{
float:right;
text-align:right;
color:#666;
font-style:normal;
margin:0 10px 0 0;
}


.footer-content1 {
   float: left;
   width: 45%;
   color: #190710;
}

.footer-content2 {

   float: left;
   width: 30%;
   color: #190710;
   line-height:30px;
}

.footer-content3 {
   float: left;
   width: 25%;
   color: #190710;
   line-height:30px;
}


/* ------------------------------
 gnavi
------------------------------ */
#sub .gnavi{
position:relative;
left:3px;
height:51px;

}

.gnavi ul{
line-height:0;
margin:0;
}
.gnavi ul li{
float:left;
}

.gnavi ul li a{
display:block;
height:51px;
}

li#gnaviTC img,li#gnaviCC img,li#gnaviOC img,li#gnaviFC img,li#gnaviRC img{
visibility:hidden;
}

li.gnaviTop a{
background:url(../image/common/gnavi_top.jpg) left top no-repeat;
width:170px;
}
li.gnaviTop a:hover,#gnaviTC{
background:url(../image/common/gnavi_top.jpg) left -51px no-repeat;
width:170px;
}

li.gnaviCom a{
background:url(../image/common/gnavi_company.jpg) left top no-repeat;
width:170px;
}
li.gnaviCom a:hover,#gnaviCC{
background:url(../image/common/gnavi_company.jpg) left -51px no-repeat;
}

li.gnaviOem a{
background:url(../image/common/gnavi_oem.jpg) left top no-repeat;
width:170px;
}
li.gnaviOem a:hover,li#gnaviOC{
background:url(../image/common/gnavi_oem.jpg) left -51px no-repeat;
}

li.gnaviFea a{
background:url(../image/common/gnavi_feature.jpg) left top no-repeat;
width:170px;
}
li.gnaviFea a:hover,li#gnaviFC{
background:url(../image/common/gnavi_feature.jpg) left -51px no-repeat;
}

li.gnaviRec a{
background:url(../image/common/gnavi_recruit.jpg) left top no-repeat;
width:170px;
}
li.gnaviRec a:hover,li#gnaviRC{
background:url(../image/common/gnavi_recruit.jpg) left -52px no-repeat;
}

/* ------------------------------
 location
------------------------------ */
.location ul{
font-size:90%;
letter-spacing:1px;
margin:0 10px 0 38px;
color:#5e5e5e;
}
.location ul li{
float:left;
margin:12px 0 0 0;
}
.location ul li a{
color:#b2972b;
}
.location{
width:858px;
height:163px;
margin:6px 0 18px 0;
}

/* ------------------------------
 topoage
------------------------------ */
p.toppage{
text-align:right;
margin:20px 16px 20px 0;
}

/* ------------------------------
 submenu
------------------------------ */
ul.bnr{
text-align:right;
}
ul.bnr li{
margin:0 0 6px 0;
padding:0;
}

#sub ul.bnr{
background:url(../image/common/subbnr_box_mdl.gif) left top repeat-y;
text-align:left;
padding:13px 0 13px 6px;
}
#sub ul.bnr li{
margin:0;
padding:5px 0 0 5px;
}

dl.lnavi{
margin-bottom:20px;
}

.lnavi dt{
margin:0;
padding:0;
line-height:0;
font-size:0;
}
.lnavi dd{
font-size:0;
margin:0;
padding:0;
line-height:0;
}


/* ------------------------------
 others
------------------------------ */
/* -- h2 -- */
#sub h2{
margin:0;
padding:0;
}

/* -- h3 -- */
#sub h3{
font-size:85%;
color:#000;
height:36px;
font-weight:normal;
text-align:right;
padding:9px 10px 0 0;
}

#sub h3 span{
display:block;
position:relative;
top:-26px;
}

/* -- text -- */
.txtFloatL,.txtFloatR{
margin:7px 5px 20px 8px;
}
.txtFloatL p.txt{
float:left;
width:376px;
}
#oemTop .txtFloatL p.txt,#feaHis .txtFloatL p.txt{
float:left;
width:310px;
}
.txtFloatR p.txt{
float:right;
width:310px;
}
p.img183{
background:url(../image/common/bg_img_183.jpg) left top no-repeat;
width:183px;
height:139px;
}
.txtFloatR p.img183{
float:left;
}
.txtFloatL p.img183{
float:right;
width:190px;
}
.txtFloatL p.img183M{
background:url(../image/recruit/bg_img_183.jpg) left top no-repeat;
float:right;
width:190px;
height:196px;
}
p.img183 img,p.img183M img{
margin:5px;
}

p.img250{
background:url(../image/common/bg_img_250.jpg) left top no-repeat;
width:250px;
height:190px;
display:inline;
}

.txtFloatL p.img250{
float:right;
}
.txtFloatR p.img250{
float:left;
}
.txtFloatL p.txt02{
float:left;
width:570px;
}
.txtFloatL p.txt02 img{
float:right;
margin:0 10px 10px 15px;
}
.txtFloatR p.img250 img{
margin:6px;
}

/* -- bottun -- */
p.inqBnr{
margin:40px 0 40px 7px;
padding:0;
}


/* -- table -- */
table.tablePtn01{
border-top:2px solid #a59ad7;
border-left:1px solid #e2e0ea;
border-bottom:1px solid #e2e0ea;
width:95%;
margin:10px 0 0 10px;
line-height:135%;
}

table.tablePtn01 tbody th{
border-right:1px solid #e2e0ea;
border-bottom:1px dotted #e2e0ea;
background:#efefef;
padding:9px;
}

table.tablePtn01 tbody td{
border-right:1px solid #e2e0ea;
border-bottom:1px dotted #e2e0ea;
padding:9px 11px 9px 9px;
}

table.tablePtn01 td.noborder,table.tablePtn01 th.noborder{
border-bottom:none;
}

table.tablePtn02{
border-top:1px dotted #e2e0ea;
width:95%;
margin:10px 0 0 10px;
line-height:135%;
}

table.tablePtn02 th{
border-bottom:1px dotted #e2e0ea;
padding:9px;
vertical-align:top;
}

table.tablePtn02 tbody td{
border-bottom:1px dotted #e2e0ea;
padding:9px 11px 9px 9px;
}

table.tablePtn01 td.noborder,table.tablePtn01 th.noborder{
border-bottom:none;
}


/* ------------------------------
 pageTop
------------------------------ */

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}