@charset "utf-8";

/*ナビ部分指定
-----------------------------------------------------------------------*/
.company a{
display:block;
width:122px;height:50px;
background:url(image/navi-02.png) no-repeat;
background-position:-246px 0px;
background-size: auto 50px;
padding-top:75px;
}

/*サイドナビ部分指定
-----------------------------------------------------------------------*/
.side-navi-unvisited2.side-company a{
font-size:100%;
color:#3179a7;
}
.side-navi-unvisited2.side-company a:hover{
color:#003670;
font-weight:bold;
}

.iso{
text-align:left;
width:180px;height:65px;
margin-top:30px;
border-bottom:solid 2px #a9a9aa;
}

/*トップイメージ
-----------------------------------------------------------------------*/
#category{
background:url(image/category-bar.gif) no-repeat;
width:610px;height:25px;
padding:0px 0px 0px 15px;
font-size:116%;
font-weight:bold;
text-align:left;
line-height:1.4;
color:#333333;
}

#top-image{
background:url(image/company-image.png) no-repeat;
width:625px;height:200px;
background-size:100%;
overflow:hidden;
margin-top:3px;
}
#top-image h3{
padding-top:200px;
}

/*メイン
-----------------------------------------------------------------------*/
#main{
float:right;
width:625px;
}

/*サブ
-----------------------------------------------------------------------*/
#sub{
width:645px;height:380px;
margin:20px 0px 0px 0px;
padding-bottom:50px;
}
.work1,.work2{
width:625px;height:25px;
font-size:110%;
line-height:2.0;
color:#e86332;
border-bottom:solid 2px #faa64a;
letter-spacing:0.1em;
margin:10px 0px 8px 0px;
}
.work2{
float:left;
margin-top:30px;
}

.work-contents li{
float:left;
width:200px;height:101px;
list-style-type:none;
margin-right:12px;
overflow:hidden;
}
.work-contents a{
width:200px;height:101px;
display:block;
padding-top:101px;
}
.press{
background:url(image/work-contents-press.png) no-repeat;
background-size:100%;
}
.press a:hover{
background:url(image/work-contents-press2.png) no-repeat;
background-size:100%;
}
.metal{
background:url(image/work-contents-metal.png) no-repeat;
background-size:100%;
}
.metal a:hover{
background:url(image/work-contents-metal2.png) no-repeat;
background-size:100%;
}
.assembly{
background:url(image/work-contents-assembly.png) no-repeat;
background-size:100%;
}
.assembly a:hover{
background:url(image/work-contents-assembly2.png) no-repeat;
background-size:100%;
}
.production{
background:url(image/work-contents-production.png) no-repeat;
background-size:100%;
}
.production a:hover{
background:url(image/work-contents-production2.png) no-repeat;
background-size:100%;
}
.quality{
background:url(image/work-contents-quality.png) no-repeat;
background-size:100%;
}
.quality a:hover{
background:url(image/work-contents-quality2.png) no-repeat;
background-size:100%;
}