﻿@charset "utf-8";

/*レイアウト*/
html {height: 100%;}

* {
  margin: 0;
  padding: 0;}
html,body {height: 100%;}

body{background-color: #ffffff;
font: 14px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"?l?r ?o?S?V?b?N","MS PGothic",Sans-Serif;
color:#252525; margin: 0;
-webkit-text-size-adjust: none;}


h1         {font-size: 12px; color: #aaaaaa; padding-left:16px; 
            padding: bottom:6px; font-weight: normal;}
a:active, a:focus {outline: 0;}
img{border:0;}

body > #all {
        height: auto;}


#all      {width: 100%;
           height: auto !important;
           min-height: 100%;
           margin: 0 auto -30px;}

#puch     {height: 30px; clear: both;}

.crea   {clear: both;}

#container           {width: 910px;
                      margin: auto;  background-color:#ffffff;}

#content             { margin-right: 0; padding-top:20px;
                      width:630px; 
                      float:right; display:inline;}
                     
                     

#sidebar             {margin-left: 0; padding-top:20px;
                     width: 250px; float:left; display:inline;
                     }
#footwrap            {clear: both; width: 100%; height: 30px;
                      
                     }

#foot                {clear: both; width: 100%; height: 30px;
                      background-image: url(images/foot5.png);
                       background-repeat: repeat-x; margin:bottom:0; padding: 0;}




#foot p              {color: #ffffff; font-size: 0.75em; text-align: center;
                      padding-top: 10px;font-family: Verdana, Helvetica, sans-serif;}
/*======ヘッダー=============*/
#head               { margin:auto; 
                     
                     width: 910px; padding-top: 10px;
                     background-color :#ffffff; font-size:16px;}
                 
#head table          {margin-left: 10px;}

#head td             {color: #999999; 
                          font-size: 0.75em;
                           padding: 3px;}

#head td a           {text-decoration: none; color: #2d3e56;font-weight: bold;}

#head td a:hover     {color:#aaaaaa;}
#head table.prv td a     {font-size: 10px; padding:0 6px 0 0;}

/*コンテンツ*/
.mainp               {margin:auto; display: block;}

.conte               {border: solid 1px #aaaaaa; width: 620px;}

#content p           {padding: 20px; font-size: 12px; line-height: 1.8em;
                      }

#content p.mes          {padding: 16px; font-size: 14px; line-height: 1.8em;
                      }

#content h3          {font-size: 14px; margin-left: 20px;
                      padding-top:20px;}

.syomei              {margin-left: 420px;}

#content h2          {margin: 0 ;
                      width: 600px; line-height: 30px;
                      background-image: url(images/bar6.png);
                      background-repeat: no-repeat;
                      padding-left: 40px; font-size: 14px;
                      }

#content h6        {background-image: url(images/sitem.gif);
                    background-repeat: no-repeat; padding: 0 0 3px 24px;
                     color: #444444;
                    font-size: 14px; border-bottom: solid 1px #2b76cc;}



#content table       {width: 620px; }


#content td          {font-size: 12px; border-style: solid;
                      border-width: 0 0 1px 0; border-color: #999999;padding: 6px;}

#content td.fst      {font-size: 12px; border: none;
                      padding: 2px;}
#content td.tdend       {font-size: 12px; border-style: solid; 
                    border-width: 0 0 0 0; border-color: #666666; padding: 6px;}


#content table.aisatu       {width: auto; height: auto;}
#content table.aisatu td    {padding:4px; border:none;}

span.eng            {margin-left: 380px; font-size: 10px; color:#581515;
                    font-family:  Verdana, Helvetica, sans-serif;}

span.eng2           {margin-left: 360px; font-size: 10px; color:#581515;
                    font-family:  Verdana, Helvetica, sans-serif;}

span.engn           {margin-left: 330px; font-size: 10px; color:#581515;
                    font-family:  Verdana, Helvetica, sans-serif;}

span.engn2           {margin-left: 300px; font-size: 10px; color:#581515;
                    font-family:  Verdana, Helvetica, sans-serif;}

span.engn3           {margin-left: 200px; font-size: 10px; color:#581515;
                    font-family:  Verdana, Helvetica, sans-serif;}


/*======ナビバー==========*/


.nav               { width:910px; font-size: 12px; height: 50px; 
                     margin-left: auto;  margin-right: auto;}
                   
                   
                  

.nav li            {margin-bottom: 0;
                     list-style-type: none;
                      float:left; }


.nav li a           {display: block; width: 149px;
                      line-height: 50px;
                      border-right: solid 1px #999999;
                       border-left: solid 1px #999999;
                      color: #ffffff;
                      text-align: center;
                      text-decoration: none;
                      }
                      
                     
                     
.nav li a:hover     {color: #ffffff; background-position: 0 -60px;}

.nav ul             {margin:0 ; padding: 0; }
                      
.nav, .nav li a    { background-image: url(images/bar10.png);
                       background-repeat: repeat-x;}               

.menuin              {width:100%;  margin:0;
                     height: 50px; background-image: url(images/bar10.png);
                       background-repeat: repeat-x;}
 

/*サイドバー*/

.sidem              {width :250px; overflow: hidden;}

.sidem li           {margin-bottom: 0px;
                     line-height: 0;
                     list-style-type: none;
                     border-bottom: solid 1px #aaaaaa;
                     border-left: solid 1px #aaaaaa;
                     border-right: solid 1px #aaaaaa;}

.sidem li a         {display: block;
                     line-height: 50px;
                     padding-left: 20px;
                     background-image: url(images/menu_point3.png);
                     background-repeat: no-repeat;
                     color: #444444;
                     font-size: 0.75em;
                     text-decoration: none;}

.sidem li a:hover    {background-position: 0 -70px;}

.sidem ul            {margin:0; padding:0; 
                      border-top: solid 1px #aaaaaa;}

.sidem .current a    {background-position: 0 -140px;}



.sidem h3          {background-color: #272e3d;
                    font-size: 14px;
                    color:#ffffff;
                    padding: 8px 14px;
                    margin: 0;
                    margin-bottom: 10px;}

/*EQA マーク */
.eqalogo   {margin-top:32px;}

.eqalogo p {font-size: 10px;}
            
/*サイドバー2 リクルート*/

.sidem2              {width :250px; overflow: hidden;}

.sidem2 li           {margin-bottom: 0px;
                     line-height: 0; padding-left: 16px;
                     list-style-type:none;
                    background-image: url(images/next.gif);
                    background-repeat: no-repeat;
                    background-position:10px 50%;
                     border-bottom: solid 1px #aaaaaa;
                     border-left: solid 8px #272e3d;
                     border-right: solid 1px #aaaaaa;}

.sidem2 li a         {display: block;
                     line-height: 50px;
                     padding-left: 16px;
                    
                     color: #2b76cc;  
                     font-size: 12px;
                     text-decoration: none;}

.sidem2 li a:hover    {color: #ffaa00; text-decoration: underline;}

.sidem2 ul            {margin:0; padding:0; 
                      border-top: solid 1px #aaaaaa;}

.sidem2 h3          {background-color: #272e3d;
                    font-size: 14px;
                    color:#ffffff;
                    padding: 8px 14px;
                    margin: 0;
                    margin-bottom: 10px;}


/*アクセス*/
table.acc1         {padding: 10px;}
table.acc1 td      {padding: 0 30px;}
table.acc          {border: solid 1px #444444; 
                    border-collapse: collapse; margin-bottom: 20px;}

table.acc th       {padding:2px 12px; text-align:left; 
                    font-size: 12px; color: #ffffff; background-color: #aaaaaa;}

table.acc td      {padding:2px 12px; 
                    font-size: 12px; color: #444444; background-color: #fff5ee;
                  line-height:1.6em;}

.mid              {font-size: 14px; color: #666666; border-color: #990000;
                    border-style: solid;
                    border-width: 0 0 1px 14px;
                    padding: 0 0 3px 6px; width:250px;}

h4                 {font-size: 16px; color: #666666; border-color: #990000;
                    border-style: solid;
                    border-width: 0 0 1px 12px;
                    padding: 0 0 3px 6px; width:200px; margin-bottom:10px;}

/*半透明リンク*/
.opacity-style :hover {  
    filter: alpha( opacity=70 );  /* IE */
    opacity:0.55;                 /* Firefox,Opera,Safari */
    -moz-opacity:0.25;           /* Firefox 0.9?a?e?O */ }


/*indextable*/
.about1           {font-size: 12px; padding-left: 32px;}
.about2           {font-size: 12px; padding-left: 100px;} 
.about3           {font-size: 11px; padding-left: 32px;}


/*会社概要*/
#content table.comp td.namu    {background-color: #313747; color: #ffffff; font-size: 14px;
                       border: solid 1px #aaaaaa;}


#content table.comp td.nam1   {background-color: #fbffff; color: #666666; font-size: 14px;
                      border: solid 1px #aaaaaa;}

#content table.comp td.nam2   {background-color: #fbffff; color: #666666; font-size: 12px;
                      border: solid 1px #aaaaaa; line-height: 1.6em;}



#content table.comp           {border: solid 1px; border-collapse: collapse; 
                               width: 620px; margin-top:-20px ; }                          

#content table.comp td        {padding: 10px;}



span.blue                     {color: #2b76cc;}

.iso1                       {padding: 10px;}

/* 情報セキュリティ */
#content .securi          {width: 620px; height: auto;}

#content .securi table td {border: none;}

#content .securi2       {text-align: right; margin-top: 60px;}


/*プライバシーポリシー*/
#plv               {padding:20px;}

#plv p             {padding: 0 20px; font-size: 14px; line-height: 1.6em;}

#plv h3            {font-size: 16px; color: #666666; border-style: solid;
                    border-color: #2b76cc; border-width: 0 0 1px 12px;
                    padding: 4px 0 0 10px;}


#plv h5            {padding-left: 10px;  background-image: url(images/bar_b.png);
                    backing-repeat: repeat-x; border: solid 1px #aaaaaa;
                    line-height:30px; font-size: 15px; color: #666666;
                    margin-top: 20px;}

.plc               {margin-left: 500px;}


/*設備*/
#content table.setubi        {border: solid 1px #aaaaaa; border-collapse: collapse; 
                               width: 620px; margin-top:-20px ; }

#content table.setubi td     {border: solid 1px #aaaaaa; text-align: center;}

#content table.setubi td.name    {width: 250px;background-color: #0E254E; color: #ffffff;
                                  border: solid 1px #aaaaaa; padding-left:20px;}



table.mac                         {margin-top: 10px;}

table.mac td                      {padding: 6px 0;}

.gotop                            {padding-right: 10px; padding-bottom: 10px;}

.fact                             {font-size: 14px; color: #444444; padding:20px 0;
                                  }
span.mtr                          {width:60px; height:16px; padding-left: 12px; padding-bottom:-10px;}


/*採用*/

#content2     {width: 910px; margin: auto;}

#content2 h2          {margin: 0 ;
                      width: 910px; line-height: 30px;
                      background-image: url(images/bar_s.png);
                      background-repeat: no-repeat;
                      padding-left: 40px; font-size: 14px;
                      font-family: serif, osaka, sans-serif;}


span.eng3           { margin-left: 720px; font-size: 10px; color:#581515;
                    font-family:  Verdana, Helvetica, sans-serif;}


table.rec          {width: 880px; margin: auto;}

table.rec td       {font-size: 14px; color:#666666; padding: 10px;
                    line-height: 1.6em;}

table.rec td.sai      {font-size: 13px; color:#ffffff; padding: 10px;
                      line-height: 1.2em; background-image: url(images/bluebk.png);
                       width: 650px; height: 135px;}

.recru                {width: 630px; height: 115px;font-size: 13px; color:#ffffff; padding: 10px;
                      line-height: 1.4em; background-image: url(images/bluebk.png);
                      
                        }

.mail                 {width: 133px; height: 22px; 
                       margin-left: 420px;}

hr                 {border: dotted 1px; color:#ffffff;}


table#caria          {border: solid 1px #666666; border-collapse: collapse;}

table#caria td.first      {background-color: #666666; color: #ffffff; font-size: 14px;
                           padding: 6px; width: 30%;}
p#saiyou             {font-size: 16px;}


/*品質方針*/
table.qual td        { font-size: 14px; padding: 6px;
                      line-height:1.4em; }


table.qua2 td        {padding: 8px;}







/*パンくず*/
.pan li a {font-size: 0.75em;
           color:#2b76cc;
           text-decoration: none;}

.pan li a:hover  {color: #a65342;}

.pan li   {display: inline;
           list-style-type: none; color: #333333;
           margin-right: 8px; font-size: 0.75em;}
.pan li.red  {color: red; font-size: 0.75em;}
.pan ul   {margin:0; padding:0;}

/*更新情報*/
span.topc     {padding: 3px; background-color: red;
               font-size: 10px; color:#ffffff;}

span.news     {padding: 3px; background-color: blue;
          font-size: 10px; color:#ffffff;}

span.gray     {color: #666666;}



table.rec2          {width: 880px; margin: auto;}

table.rec2 td       {font-size: 14px; color:#666666; padding: 10px 5px;
                    line-height: 1.6em;}


/*こだわり*/
span.eng4           { margin-left: 560px; font-size: 10px; color:#581515;
                    font-family:  Verdana, Helvetica, sans-serif;}




/*見取り図*/
span.eng5           { margin-left: 660px; font-size: 10px; color:#581515;
                    font-family:  Verdana, Helvetica, sans-serif;}

/*製品情報*/
.seih               {padding: 30px; font-size: 14px; color:#666666; 
                    line-height: 1.6em;}

.seih2              {padding-left:80px; font-size: 12px; color:#666666; 
                    line-height: 1.4em;}

#content table.rec2          {width:470px; margin: auto;}

#content table.rec2 td       {font-size: 12px; color:#666666; padding: 2px;
                              line-height: 1.2em; text-align: center;
                             border: none;}


/*サイトマップ*/
.stmap             {padding: 10px;}        
td.site            {padding-left: 4px; width: 160px; }            
td.site a         {color: #2b76cc; font-size: 14px; text-decoration: none;} 
td.site a:hover   {color: #ffaa00;}
td.site2           {font-size: 14px; color: #666666; }
.sitmap ul         {margin-left: 180px;}
.sitmap li a         {font-size: 12px; color: #2b76cc;}
.sitmap li a:hover   {color: #ffaa00;}
.sitmap li         {display: inline; margin-right: 20px;}
span.eng6           { margin-left: 440px; font-size: 10px; color:#581515;
                    font-family:  Verdana, Helvetica, sans-serif;}


/* 英語ページ */

#eng h2          {margin: 20px;
                      width: 910px; line-height: 30px;
                      font-size: 20px;
                      }

#eng h3      {margin-left: 30px; font-size: 16px;}

#eng p       {font-size: 14px; margin: 10px 30px;
              line-height: 2;}
#en_p1 h1   {font-size: 26px; color: #fff; background-color: #336699;}

.menuin h1  {font-size: 26px; color: #fff; margin-left: 180px; padding-top: 8px;}

.engaisatu  {width: 900px; margin-right: auto; margin-left: auto;}

.engaisatu p {font-size: 16px; line-height: 1.6;}

.engaisatu p#syomei  {font-weight: bold;}
.engaisatu p#syomei2  {font-weight: bold; font-size:20px;}

.engaisatu table  {border-collapse: collapse; width: 100%;}

.engaisatu table td {padding: 6px; border: solid 1px #ccc;}

.engaisatu table td#year  {background-color:#13254e; color: #fff;}

.engaisatu table td#namae {width: 70%; background-color: #13254e; color: #fff;
                           padding-left: 20px;}

.engaisatu table#jyuusyo  {border-collapse: collapse; width: 100%;}

.engaisatu table#jyuusyo td {border: none;}
                          


.engaisatu table#underbar td  {text-align: center; background: #666666;
                               color: #fff;}

.engaisatu table#underbar td a {text-align: center;
                                 color: #fff; text-decoration: none; background: 666666;
                                display: block;}

.engaisatu table#underbar td a:hover   {text-align: center; 
                                          color: #ff9900; }

.engaisatu .parts      {border: solid 1px #13254e; margin-bottom: 20px;}

.engaisatu .parts h3  {background-color: #13254e; color: #fff;
                       padding: 6px;} 

.engaisatu .parts p   {font-size: 14px; padding: 6px 14px;}

.engaisatu ul.tugi    {margin-left: auto; margin-right: auto; width:200px;
                       font-size: 20px;}

.engaisatu ul.tugi li        

          {list-style-type: none; display: inline;}

.engaisatu ul.tugi li a {text-decoration: none;}
/* パンフ */
p.panph     {font-size: 18px;}

table.catlog  {width: 90%; border: solid 1px #aaaaaa;  border-collapse: collapse;}

table.catlog td {border: solid 1px #aaaaaa; padding: 10px;
                 text-align: center; font-size: 16px;}