﻿@charset "UTF-8";

/*========================================
                  PRINT CSS ON LAST 
==========================================*/

/* ========margin上下は、基本bottomで指示 
 ナビは、d_down.cssに記載======== */

/*========================================
                  RESET CSS 
==========================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
        font-weight: normal;
        text-decoration: none;
	vertical-align: baseline;
}

body { line-height: 1;
       margin-top: 0px;
		
}

 ul {   list-style: none;
	padding-left:0;
	font-weight:bold;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/*========================================
                  BASIC 
==========================================*/

* { font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    color:#333333;
    font-size:13px;
    line-height:1.4;
    letter-spacing:1px;
}

a { font-size:13px;
    color:#0000ff;
    text-decoration:none;
}
     a:hover { color:#33a1f5;
     }


/* ===========================================================
            LARGE DIV CONST 

[-------------body BG top_bar2_r.png------------]

  [----------wrapper:CENTER W980px------------]
   [------------- head_bar W980px  ----------]
   [------------- header W980px  ------------]
   [---------------- nav W980px  ------------]

   [----------------- main W980px------------]

  [----------------footer w980px ------------]
  [-----------------f_zone w980px --------------]

=========================================================== */

body {  background : url(../image/bg/bg2.png) top center repeat-x #ffffff;
}

html, body { height: 100%;
}


/* ================================
            LARGE DIV Style
================================ */

#wrapper { position: absolute;
	   left: 50%;
	   width: 980px;
	   background-color: transparent;
	   margin-left: -490px;
           min-height:100%;
	   height: auto !important;
	   height: 100%;
}

div.head_bar { width: 980px;
               height:46px;
}

header,header.sub { position:relative;
                    width: 980px;
                    height: 456px;
                    margin-bottom:4px;
                    background : url(../image/bg/bg2_head.png) top left repeat #ffffff;
}

     header.sub { height: 140px;
     }

nav { width :980px;
      height:61px;
      margin-bottom:20px;
      border-top:1px solid #ffffff;
      border-bottom:3px solid #888888;
      background : url(../image/bg/bg2_head.png) top left repeat #ffffff;
      box-shadow:6px 6px 6px #444444;
} 

main,main.sub_m { width :980px; 
                  margin-bottom:10px; 
                  padding:0 0 0 0;
}

     main.kanri { display: block;
                  background : url(../image/bg/bg_kanri2.png) top left repeat #ffffff;
     }



div.in_main { width :980px; 
              margin-bottom:20px; 
}

div.in_main_sub { float:left;
                  width :745px; 
                  margin:0 0 20px 15px; 
}

div.space_top { width :980px; 
                height:10px; 
                background-color :#ffffff;
}

div.biz_zone,div.biz_zone2 { position:relative;
                             width :800px;
                             height:200px;
                             margin:0 0 30px 145px;
                             border-radius:10px;
                             background : url(../image/bg/river3.jpg) top center no-repeat #ffffff;
}
     
     div.biz_zone { margin:0 0 35px 98px;
     }

     div.biz_zone2 { background : url(../image/bg/machines.jpg) top center no-repeat #ffffff;
     }

div.bannar { width :980px; 
             margin-bottom:20px; 

}

div.bannar_sub { clear:both;
                 float:right;
                 width :186px; 
                 margin-bottom:20px; 
}

footer { width :980px;
         padding-top:10px;
         padding-bottom:90px;
         border-top :solid 2px #aaaaaa;
}

div.f_zone { clear:both;
             width :980px;
             background : url(../image/bg/bg2_head.png) top left repeat #ffffff;
}

div.f_zone_top { width :980px;
                 padding-bottom:5px;
                 margin-bottom:8px;
                 border-bottom:4px solid #ffffff;
                 background-color : transparent;
}


/* ================================
      DETAIL DIV Style A TO Z
================================ */
/* =======In main index_html                       ========= */
div.b_zone,div.b_zone_spe,div.b_zone_spe2 { clear:both;
                            float:left;
                            position:relative;
                            width:895px;
                            height:160px;
                            background-color:#e5f5ff;
                            margin:0 0 30px 50px;
                            padding-top:5px;
                            border-radius:8px;
}

/* =======In main speciality_html                       ========= */
     div.b_zone_spe { width:700px;
                      height:320px;
                      margin:0 0 40px 152px;
     }

/* =======In main speciality_html                       ========= */
     div.b_zone_spe2 { position:relative;
                       width:700px;
                       height:590px;
                       margin:0 0 40px 30px;
     }

/* =======In main env_html                       ========= */
div.life { float:left;
           position:relative;
           width:720px;
           height:860px;
           background-color:#eeeeee;
           margin:0 0 30px 20px;
           border-radius:8px;
}

/* =======In index_html                       ========= */
div.movie_zone { float:right;
                 width:710px;
                 height:399px;
                 border:1px solid #aaaaaa;
                 background-color:#000000;
}

/* =======In main index_html                       ========= */
div.mn { clear:both;
         width:940px;
         background-color:#eeeeee;
         margin:0 0 30px 32px;
         padding-bottom:15px;
}

/* =======In_main process_html=======                 */
div.proce { float:left;
            width:700px;
            margin:0 0 30px 60px;
            padding-bottom:260px;
            border-bottom-right-radius:20px;
            background : url(../image/bg/tank.png) bottom right no-repeat #ffffff;
}


/* ================================
     ol Style A TO Z
================================ */

/* =======In main company_html                       ========= */
ol.houshin { margin:0 40px 20px 45px; 
             padding:10px 10px 10px 40px;
             border-radius:8px;
             background-color:#eeeeee;
}

ol.houshin li { line-height:1.4;
                font-size:16px;
                font-weight:bold;
                font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝","ヒラギノ明朝 Pro W3","平成明朝",serif;
                margin-bottom:8px;         
}

/* =======In main rec_html privacy_html                      ========= */
ol.rec { margin-left:76px;
         margin-bottom:20px;
}

ol.rec li { font-size:13px;
            margin-bottom:10px;
}

/* =======In main site_html                      ========= */
ul.site { margin :10px 18px 16px 56px;
}

ul.site li { list-style-type:none;
             margin-bottom:4px;
             font-size:12px;
             text-indent:-1em;
             padding:2px 1em 2px 4em;
             letter-spacing:1px;
             line-height:1.2;
}

ul.site li.dot { list-style-type:none;
                  margin-bottom:4px;
                  font-size:12px;
                  padding:8px 1em 4px 1em;
                  letter-spacing:1px;
                  border-bottom :dotted 2px #cccccc;
}

ul.site li.arc { list-style-type:none;
                 width:400px;
                  margin-bottom:4px;
                  font-size:12px;
                  padding:8px 1em 4px 1em;
                  letter-spacing:1px;
                  border-bottom :dotted 2px #cccccc;
}

ul.site li a { color:#333333;
}

     ul.site li a:hover { color:#33a1f5;
     }

/* ================================
     table Style A TO Z
================================ */
/* =======In main company_html                       ========= */
table.t_company { margin:0px 10px 0px 40px;
                  padding-bottom:24px;
}

td.dot { padding-top:4px;
         border-bottom :dotted 2px #cccccc;        
}

td.dot_l,td.dot_r  { font-size:13px;
                     width:180px;
                     padding-top:4px;
                     border-bottom :dotted 2px #cccccc;
}

     td.dot_r { width:620px;
     }

td.center { width:12px;
}

table.history { margin:0px 0px 0px 20px;
                padding-bottom:24px;
}

td.td_gl,td.td_wl { font-size:13px;
                    width:180px;
                    padding:4px 6px 4px 6px;
                    background-color:#eeeeee;
}

     td.td_wl { background-color:#ffffff;
     }

td.td_gr,td.td_wr { font-size:13px;
                    width:560px;
                    padding:4px 6px 4px 6px;
                    background-color:#eeeeee;
}

     td.td_wr { background-color:#ffffff;
     }


td.td_gl,td.td_wl { width:180px;
                    padding:4px 6px 4px 6px;
                    background-color:#eeeeee;
}

     td.td_wl { background-color:#ffffff;
     }


/* ================================
            H Style
================================ */

/* =======In head_bar                     ========= */
h1 { float:left;
     color:#333333;
     font-size:13px;
     line-height:1.4;
     letter-spacing:1px;
     margin:16px 0 0 20px;
}

/* =======In main SUB=====                     ==== */
h2,h2.bt_yes { font-size:18px;
               font-weight:bold;
               letter-spacing:0.3em;
               text-shadow:2px 2px 2px #aaaaaa;
               margin:0 0 20px 0;
               padding:3px 0 0 10px;
               border-left:15px solid #33a1f5;
               border-bottom:3px solid #aaaaaa;
               border-top-left-radius:7px;
               background : url(../image/bg/tri.png) bottom left no-repeat transparent;
}

     h2.bt_yes { margin:0 0 5px 0;
     }

     h2.kanri_h2 { margin:10px 0 50px 180px;
                   border-bottom:3px solid #666666;
                   background : url(../image/bg/tri2.png) bottom left no-repeat transparent;
     }

/* =======In main SUB=========                                          */
h3,h3.h3_solar { clear:both;
                 font-size:16px;
                 font-weight:bold;
                 letter-spacing:0.3em;
                 width:250px;
                 text-shadow:2px 2px 2px #aaaaaa;
                 margin:0 1em 15px 20px;
                 padding:3px 0 0 10px;
                 border-left:12px solid #33a1f5;
                 border-bottom:3px solid #aaaaaa;
}

      h3.h3_solar { font-size:15px;
                    margin-bottom:10px;
                    width:700px;
     }


/* ================================
             FONT Style
================================ */

/* ========p Style general ======== */

p { font-size:13px;
}

p.small { font-size:12px;
}

p.white { color:#ffffff;
}

p.white_b { color:#ffffff;
            font-weight:bold;
}



/* ======================================== 
               p Style A TO Z
======================================== */
/* =======In footer                      ========= */
p.biz { float:right;
        margin:10px 15px 12px 0;
}

/* =======In main env html                      ========= */
p.biz_area { float:left;
             font-size:15px;
             font-weight:bold;
             width:200px;
             height:300px;
             margin:0 0 20px 140px;
             background-color :#eeeeee;
             border-radius:6px;
}

/* =======In header=========                                    */
p.call_us  { float:right;
             font-size:12px;
             margin:25px 50px 25px 0;
}

/* =======In header=========                                    */
p.call_us_top  { clear:left;
                 float:left;
                 font-size:12px;
                 margin:0 0 50px 15px;
}

/* =======In main certi_html========= */
p.certi  { float:left;
           text-align:center;
           font-size:15px;
           font-weight:bold;
           margin:0 0 10px 80px;
}

/* =======In main speciality_html                       ========= */
p.choice_spe { position:absolute;
               top:12px;
               left:12px;
               z-index:2;
               color:#000000;
               width:210px;
               height:146px;
               padding:6px 8px 6px;
               box-shadow:2px 2px 2px #666666;
               border-radius:10px;
               opacity:0.7;
               background-color:#eeeeee;         
}

p.choice_spe_r { position:absolute;
                 top:12px;
                 right:16px;
                 z-index:2;
                 color:#000000;
                 width:210px;
                 height:146px;
                 padding:6px 8px 6px;
                 border-radius:10px;
                 box-shadow:2px 2px 2px #666666;
                 opacity:0.7;
                 background-color:#eeeeee;         
}

p.choice_spe_bt { position:absolute;
                  bottom:15px;
                  left:12px;
                  z-index:2;
                  color:#000000;
                  width:210px;
                  height:120px;
                  padding:6px 8px 6px;
                  border-radius:10px;
                  box-shadow:2px 2px 2px #666666;
                  opacity:0.7;
                  background-color:#eeeeee;         
}

p.choice_spe_bt_r { position:absolute;
                  bottom:15px;
                  right:16px;
                  z-index:2;
                  color:#000000;
                  width:210px;
                  height:120px;
                  padding:6px 8px 6px;
                  border-radius:10px;
                  box-shadow:2px 2px 2px #666666;
                  opacity:0.7;
                  background-color:#eeeeee;         
}

/* =======In main company_html========= */
p.comp,p.comp_r { clear:both;
                  float:left;
                  width:180px;
                  margin:0 1em 8px 85px;
                  padding:0 0 1px 15px;
                  border-bottom:dotted 1px #bbbbbb;
}

     p.comp_r { clear:none;
                width:400px;
                margin:0 1em 8px 10px;
     }  

/* =======In main_ques_html=======         */
p.con_p { font-size:16px;
          font-weight:bold;
          margin:0 0 8px 20px;
}

/* =======In main_ques_html=======         */
p.contact { margin:10px 1em 40px 24px;
            width:480px;
            padding:15px 40px 15px 40px;
            border:3px solid #888888;
            border-radius:8px;
}                  


/* =======In f_zone=========                 */
p.copy { clear:both;
         text-align:center;
         padding-bottom:8px;
}

/* =======In main index_html               ========= */
p.elec,p.top_p { float:left;
                 font-size:16px;
                 font-weight:bold;
                 margin:0 0 35px 150px;
}

     p.top_p { margin:0 0 10px 28px;
               line-height:2;
     }

/* =======In main speciality_html========= */
p.eq{ float:left;
      font-weight:bold;
      font-size:80px;
      margin:40px 0 20px 5px;
}

/* =======In footer       ========= */
p.f_ad { float:left;
         line-height:1.2;
         margin:0 0 15px 25px;
}


/* =======In aside========= */
p.fax { width:170px;
        font-size:18px;
        font-weight:bold;
        line-height:1.2;
        margin:0 0 0 12px;
}


/* =======In footer=========                       */
p.f_navi,p.f_navi_sel { float:left;
                        width:145px;
                        margin:0 0 12px 15px;
                        padding-left:4px;
                        border-left:3px solid #aaaaaa;
}

     p.f_navi_sel { font-weight:bold;
                    font-size:12px;
                    color:#2962f1;
     }

     p.f_navi a { font-size:12px;
                  color:#333333;
     }

     p.f_navi a:hover { color:#2296e7;
     }

/* =======In main index_html========                   = */
p.in_zoom { font-weight:bold;
            font-size:14px;
            margin:0 0 12px 10px;
}

/* =======In header========= */
p.it { clear:left;
       float:left;
       margin-left:10px;
       font-style:italic;
       color:#555555;
}


/* =======In main contact_html========= */
    p.call_con { clear:both;
                 font-size:15px;
                 margin:0 0 20px 50px;
    }

/* =======In main index_html                       ========= */
p.jpn { font-size:18px;
        font-weight:bold;
        color:#f12400;
        letter-spacing:0.1em;
        text-shadow:2px 2px #cccccc;
        margin:0 0 12px 274px;
}

/* =======In main ningyo_html                       ========= */
p.kanri_p { text-align:center;
            font-size:16px;
            line-height:1.8;
            letter-spacing:0.2em;
            text-shadow:2px 2px 2px #aaaaaa;
            margin:0 0 0 200px;
}

/* =======In main index_html                       ========= */
p.mn_p { float:left;
         font-size:12px;
         width:240px;
         margin:30px 0 30px 155px;
}

/* =======In main index_html                       ========= */
p.mn_p2 { clear:both;
          float:left;
          font-size:12px;
          width:160px;
          margin:0 0 30px 30px;
}

p.mn_pred { float:left;
            width:760px;
            margin:0 0 30px 20px;
}


/* =======In header                       ========= */
p.name { clear:left;
         float:left;
         margin:10px 0  12px 15px;
}

/* =======In footer========= */
p.name_s { clear:left;
           float:left;
           font-size:14px;
           font-weight:bold;
           line-height:1;
           margin:20px 0  6px 10px;
}

/* =======In main process_html========= */
p.num,p.num_w { clear:both;
                float:left;
                font-size:34px;
                font-weight:bold;
                color:#ffffff;
                width:55px;
                text-align:center;
                margin:0 0 0 0;
                padding:4px 0 4px 0;
                border-radius:8px;
                background-color:#f68686;
}

   p.num_w { background-color:#ffffff;
   }

/* =======In main kankyo_jirei_html========= */
p.num_e,p.num_e_w {  float:left;
           font-size:26px;
                font-weight:bold;
                color:#ffffff;
                width:45px;
                text-align:center;
                margin:0 0 0 25px;
                padding:4px 0 4px 0;
                border-radius:6px;
                background-color:#f68686;
}

     p.num_e_w { background-color:#ffffff;
     }

/* =======In main map_html========= */
p.office { float:left;
           margin:0 0 0 30px;
}

/* =======In main index_html                       ========= */
p.on_map { clear:both;
           color:#ff0000;
           font-size:13px;
           margin: 0 0 8px 40px;
}

/* =======In main map_z_html=========                */
p.p_i_map { text-align:center;
            font-size:14px;
            font-weight:bold;
            margin:0 0 10px 0;
}

/* =======In main pam_html=========                          */
p.pdf_a { float:left;
          text-align:center;
          margin:0 0 100px 20px;
}

/* =======In main sub PAGE=========                                    */
p.play { float:right;
         margin:0 20px 16px 0;
}

/* =======In main privacy_html=======                       == */
p.pp_btm { font-size:16px;
           font-weight:bold;
           text-align:right;
           margin-bottom:20px;
}

/* =======In main manage_html=========                */
p.pred { float:right;
         text-align:center;
}

/* =======In main eng_kakyo_jirei sangyo html=========                    */
p.prev_side,p.prev_side_e  { float:left;
               width:360px;
               text-indent:-1em;
               margin:5px 0 20px 25px;
               height:210px;
               background : url(../image/bg/p_line.gif) top left repeat #ffffff;
}

     p.prev_side_e  { width:280px;
                      margin:13px 0 20px 20px;
     }

/* =======In main_process_html=======     */
p.pro,p.pro_ar,p.order,p.btw_o,p.pro_t,p.pro_t_tel,p.pro_t_jp,p.pro_t_pc, p.pro_t_fa,p.pro_t_me,p.pro_t_ca,p.pro_ar_t { clear:both;
                                                            float:left;
                                                            font-size:24px;
                                                            letter-spacing:0.3em;
                                                            color:#ffffff;
                                                            text-shadow:3px 3px 3px #666666;
                                                            font-weight:bold;
                                                            width:340px;
                                                            margin:0 0 0 20px;
                                                            padding:12px 10px 12px 18px;
                                                            border-radius:8px;
                                                            background : url(../image/bg/dot.png) top left repeat #dddddd ;
}

     p.pro_ar { color:#666666;
                font-size:30px;
                 margin:0 0 0 102px;
                text-shadow:none;
                padding:6px 0 6px 0;
                background-image : none ;
                background-color : #ffffff ;
     }

     p.pro_ar_t { color:#666666;
                  font-size:54px;
                  text-align:center;
                  width:500px;
                  text-shadow:none;
                  margin-top:0;
                  margin-left:78px;
                  padding:0 0 0 0;
                  background-image : none ;
                  background-color : transparent ;
     }

     p.order { color:#666666;
               font-size:20px;
               width:500px;
               text-align:left;
               margin:0 0 0 50px;
               text-shadow:none;
               padding:6px 10px 6px 10px;
               background : url(../image/bg/pro_g.png) bottom right no-repeat #cccccc ;
     }

     p.btw_o  { color:#0f5bba;
                font-size:14px;
                text-align:left;
                width:460px;
                letter-spacing:0.1em;
                text-shadow:none;
                margin-left:190px;
                padding:6px 0 16px 10px;
                background-image : none ;
                background-color : transparent ;
     }

     p.pro_t { clear:none;
               width:470px;
               margin:0 0 0 20px;
     }

     p.pro_t_tel { clear:none;
                   width:470px;
                   margin:0 0 0 20px;
                   padding-bottom:10px;
                   background-image : url(../image/bg/tel.png),url(../image/bg/dot.png) ;
                   background-position : bottom right,top left ;
                   background-repeat : no-repeat,repeat ;
                   background-color : #dddddd ;
     }

     p.pro_t_jp { clear:none;
                  width:470px;
                  margin:0 0 0 20px;
                  padding-bottom:10px;
                  background-image : url(../image/bg/jp.png),url(../image/bg/dot.png) ;
                  background-position : bottom right,top left ;
                  background-repeat : no-repeat,repeat ;
                  background-color : #dddddd ;
     }

     p.pro_t_pc { clear:none;
                  width:470px;
                  margin:0 0 0 20px;
                  padding-bottom:10px;
                  background-image : url(../image/bg/pc.png),url(../image/bg/dot.png) ;
                  background-position : bottom right,top left ;
                  background-repeat : no-repeat,repeat ;
                  background-color : #dddddd ;
     }

     p.pro_t_fa { clear:none;
                  width:470px;
                  margin:0 0 0 10px;
                  padding-bottom:20px;
                  background-image : url(../image/bg/fact.png),url(../image/bg/dot.png) ;
                  background-position : bottom right,top left ;
                  background-repeat : no-repeat,repeat ;
                  background-color : #dddddd ;
     }

     p.pro_t_me { clear:none;
                  width:470px;
                  margin:0 0 0 14px;
                  padding-bottom:20px;
                  background-image : url(../image/bg/2men.png),url(../image/bg/dot.png) ;
                  background-position : bottom right,top left ;
                  background-repeat : no-repeat,repeat ;
                  background-color : #dddddd ;
     }

     p.pro_t_ca { clear:none;
                  width:470px;
                  margin:0 0 0 14px;
                  padding-bottom:60px;
                  background-image : url(../image/bg/ca.png),url(../image/bg/dot.png) ;
                  background-position : bottom right,top left ;
                  background-repeat : no-repeat,repeat ;
                  background-color : #dddddd ;
     }

/* =======In main_process_html=======     */
p.pro_water,p.pro_l_ar,p.pro_d_ar,p.pro_r_ar,p.pro_trush,p.pro_clean,p.pro_gesui,p.pro_rec { position:absolute;
                          top:95px;
              left:190px;
              z-index:2;
              font-size:18px;
              font-weight:bold;
              text-align:center;
}

     p.pro_l_ar { top:139px;
                  left:110px;
     }

     p.pro_d_ar { top:224px;
                  left:338px;
     }

     p.pro_r_ar { top:169px;
                  left:528px;
     }

     p.pro_trush { top:105px;
                   left:460px;
     }

     p.pro_clean { top:380px;
                   left:40px;
     }

     p.pro_gesui { top:340px;
                   left:260px;
     }

     p.pro_rec { top:340px;
                 left:470px;
                 font-size:16px;
     }

/* =======In main_process_html=======     */
p.pro_title,p.pro_title_bt { font-size:22px;
                             font-weight:bold;
                             color:#ffffff;
                             width:700px;
                             text-align:center;
                             margin:20px 0 0 10px;
                             padding:4px 0 4px 0;
                             background-color:#f68686;
}

     p.pro_title_bt { position:absolute;
                      z-index:2;
                      bottom:20px;
                      left:0;
     }

/* =======In main caution_html======                   === */
p.s_caution { font-size:16px;
              font-weight:bold;
              color:#ff0000;
              margin:0 0 50px 140px;
}

/* =======In main map_z_html========= */
p.p_sky { float:left;
          width:360px;
          margin:0 0 20px 0;
          lihe-height:1.2;
}

/* =======In main industry_html======                   === */
p.san_p { font-size:15px;
          font-weight:bold;
          margin:20px 0 10px 230px;
}

/* =======In main speciality_html========= */
p.spe { float:left;
        font-weight:bold;
        font-size:18px;
        line-height:1.6;
        margin:10px 0 20px 15px;
}

/* =======In header========= */
p.tel,p.tel_con { clear:left;
                  float:left;
                  font-size:18px;
                  font-weight:bold;
                  color:#ffffff;
                  line-height:1;
                  margin:0 0  0 7px;
                  padding:3px ;
                  background-color:#113bbf;
                  border-radius:6px;
}

/* =======In main contact_html========= */
      p.tel_con { clear:none;
                  float:left;
                  font-size:24px;
                  margin:16px 0  6px 10px;
                  padding:5px 20px 4px;
      }

/* =======In aside========= */
p.time { width:170px;
         margin:0 0  5px 7px;
}

/* =======In main namacon_html========= */
p.title { font-size:15px;
          font-weight:bold;
          margin:0 1em  8px 54px;
}

/* =======In main shaoku_html=========                                    */
p.top_if { clear:both;
           text-align:center;
           font-size:16px;
           font-weight:bold;
           margin:0 0 30px 0;
}

/* =======In main sub PAGE=========                                    */
p.und_h2 { margin:0 1em  6px 26px;
}

/* =======In main env html=========                                    */
p.und_h2_env,p.und_h2_env2 { flao:left;
                             font-size:16px;
                             font-weight:bold;
                             margin:0 1em  16px 5px; 
                             padding-top:28px;
}

     p.und_h2_env2 { margin:0 0 20px 40px;
     }

/* =======In main sub PAGE=========                                    */
p.und_h2_r { text-align:right;
             margin:0 12px  15px 0;
}

/* =======In main kankyo_jirei_html=========                                    */
p.und_h2_r2_r { clear:right;
                float:right;
                font-size:15px;
                font-weight:bold;
                text-align:right;
                color:#ffffff;
                padding:2px 8px 1px 8px;
                border-radius:6px;
                background-color:#fb1111;
                margin:0 10px  8px 0;
}

/* =======In main sub PAGE=========                                    */
p.und_h2_map { float:left;
               width:440px;
               margin:0 1em  10px 26px;
}

/* =======In main sub PAGE=========                                    */
p.und_h3 { margin:0 1em  6px 46px;
}

/* =======In main company_html=========                                    */
p.und_h3_ind { float:left;
               text-indent:1em;
               width:530px;
               margin:0 1em  6px 46px;
}


/* ================================
           a Style A TO Z
================================ */
/* =======In header========= */
a.big_t { font-size:18px;
          font-weight:bold;
          color:#ffffff;
}

/* =======In aside========= */
a.bold { font-weight:bold;
         color:#cccccc;
         text-shadow:1px 1px  #000000;
}

/* =======aside========= */
a.bold_a { font-weight:bold;
}

/* =======In main ques_html=========          */
a.bold_15r { font-size:15px;
                font-weight:bold;
                color:#ff0000;
}

/* =======In main company_html namacon_html========= */
a.comp_a { font-size:13px;
}

/* =======In main car_html========= */
a.e_mix { float:right;
          font-size:13px;
          color:#333333;
          margin:0 2em 8px 0;
}

     a.e_mix:hover { color:#2296e7;
     }

/* =======In footer========= */
a.f_navi_a { font-size:13px;
             color:#333333;
}

a.f_url { clear:left;
          float:left;
          color:#333333;
          font-size:12px;
          margin:0 0 0 15px;
}

      a.f_url:hover { color:#33a1f5;
      }

/* =======In main=========                          */
a.in_link { padding:2px 10px 0 10px;
            margin-left:10px;
            background : url(../image/bg/btn_base.png) bottom left repeat-x #ffffff;
}

/* =======In header index_html==             ======= */
a.jisseki { position:absolute;
                          bottom:10px;
                          left:290px;
                          z-index:2;
                          font-size:20px;
                          font-weight:bold;
                          color:#ffffff;
                          padding:3px 20px 2px 20px;
                          border-radius:8px;
                          background-color:#fb1111;
}

a.jisseki_top { position:absolute;
                          bottom:12px;
                          right:20px;
                          z-index:2;
                          font-size:20px;
                          font-weight:bold;
                          color:#ffffff;
                          padding:3px 20px 2px 20px;
                          border-radius:8px;
                          background-color:#fb1111;
}

     a.jisseki:hover,a.jisseki_top:hover { color:#33a1f5;
     }

a.inhouse { position:absolute;
                          bottom:15px;
                          right:610px;
                          z-index:2;
                          font-size:16px;
                          font-weight:bold;
                          color:#ffffff;
                          padding:3px 20px 2px 20px;
                          border-radius:8px;
                          background-color:#9c9b9b;
}

     a.inhouse:hover { color:#33a1f5;
     }

a.in_a { font-size:16px;
         font-weight:bold;
         margin-left:1em;
}
          
/* =======In main kankyo_jirei_html=========                          */
a.other_link { clear:right;
               float:right;
               font-size:14px;
               font-weight:bold;
               padding:2px 10px 0 10px;
               margin:0 10px 15px 0;
               background : url(../image/bg/btn_base.png) bottom left repeat-x #ffffff;
}

/* =======In site_html========= */
a.site,a.site_ind { display:block;
                    width:430px;
                    font-size:13px;
                    margin:0 1em 8px 85px;
                    padding:0 0 1px 15px;
                    border-bottom:dotted 1px #bbbbbb;
}

      a.site_ind { margin:0 1em 8px 110px;
     }



/* =======In main contact_html========= */
     a.to_fax_b { font-size:15px;
                  margin:0 ;
     }

/* =======In body index_html                    ======= */
a#to_sp { display:block;
          position:fixed;
          top:55px;
          right:10px;
          z-index:999;
}

/* ================================
           img Style A TO Z
================================ */
/* =======In main map_z_html                    ======= */
img.ar_d { width:138px;
           height:57px;
           border0;
}

/* =======In header========= */
img.area,img.area_h { position:absolute;
                      bottom:0;
                      right:0;
                      z-index:2;
                      width:800px;
                      height:120px;
                      border:0;
}

/* =======In header index_html========= */
     img.area_h { bottom:-14px;
     }

/* =======In main index_html========= */
img.b_office { float:right;
               width:400px;
               height:511px;
               margin:0 ;
               border:0; 
}

/* =======In main speciality_html                           ========= */
img.b_tank { width:540px;
             border:0;
}

/* =======In main index_html                           ========= */
img.ba { float:left;
         width:176px;
         height:80px;
         border:0;
         margin:0 0 25px 18px;            
}

/* =======In main SUB PAGE                           ========= */
img.ba_sub { width:176px;
             height:80px;
             border:0;
             margin:0 10px 14px 0;            
}

/* =======In main index_html=======                   == */
img.caution { position:absolute;
              bottom:-70px;
              right:0;
              z-index:2;
              width:120px;
              height:50px;
              border:0; 
}

/* =======In header                          ========= */
img.city,img.city_s { float:right;
                      width:700px;
                      height:300px; 
                      border:0;
}
                   
/* =======In navi_zone CLOSE PAGE=======                         == */
img.cl { width:18px;
         height:18px;
         border:0;
         margin-right:12px;
         vertical-align:-0.2em;
}

/* =======In main index_html           ========= */
img.env { position:absolute;
          top:26px;
          left:-100px;
          width100px;
          border:0;
}

/* =======In main speciality_html           ========= */
img.env_spe { float:left;
              width100px;
              border:0;
              margin:30px 10px 10px 30px;
}

/* =======In main index_html           ========= */
img.env_w { width:621px;
            height:85px;
            border:0;
            margin:100px 0 0 65px;
}

/* =======In main cntact_html========= */
img.f_ico_b { float:left;
              width:56px; 
              margin:0 10px 10px 50px;
              border:0;
}

/* =======In header sub PAGE            ========= */
img.h_img { float:right;
            width:710px;
            height:140px;
            border:0; 
}

/* =======In main env_html            ========= */
img.haiki { width:400px;
            height:300px;
            border:0;
            margin:20px 0 20px 40px;
}

/* =======In main map_z html            ========= */
img.i_map { width:400px;
            height:460px;
            border:0;
            margin-top:6px;
}

/* =======In main kanshajo_i html                         ========= */
img.ih { width:720px;
         border:1px solid #aaaaaa;
         margin: 20px 0px 50px 20px;
}

/* =======In main industry html            ========= */
img.ind_photo { width:400px;
                margin:6px 0 0 0;
                border:0;
}

/* =======In main index_html            ========= */
img.info { width:900px;
           height:30px; 
           border:0;
           margin:0 0 10px 45px;
}

/* =======In main plant_html========= */
img.in_plant { float:left;
               width:280px;
               hight:186px;
               margin:0 0 10px 60px;
               border:0;
               padding:0 10px 10px 20px;
               background : url(../image/bg/sq.png) bottom right no-repeat transparent;
}

/* =======In main kanshajo_k html                         ========= */
img.kb { width:650px;
         border:1px solid #aaaaaa;
         margin: 20px 0px 50px 50px;
}

/* =======In main map_z html                         ========= */
img.layout { width:370px;
             height:351px;
             margin:6px 0 0 0;
             border:1px solid #aaaaaa;
}

/* =======In main env_html=========                 */
img.life { width:700px;
           border:0;
           margin:0 0 15px 40px;
           border-radius:10px;
           box-shadow:7px 7px 7px #bbbbbb;
}
 
/* =======In header                         ========= */
img.logo { width:235px;
           height:26px;
           margin:0  ;
           border:0;
}

/* =======In footer========= */
img.logo_s { float:left;
             width:200px;
             margin:6px 0 2px 15px;
             border:0;
}

/* =======In main rec_html=========                 */
img.m_navi { clear:both;
             float:right;
             width:144px;
             height:40px; 
             border:0;
}

/* =======In main index_html           ========= */
img.ma_w { width:613px;
            height:57px;
            border:0;
            margin:130px 0 0 65px;
}

/* =======In head_bar                        ========= */
img.mail,img.mail_c { float:right;
                      width:161px;
                      height:22px;
                      border:0;
                      margin:9px 20px 0 0;
}

/* =======In main business html                        ========= */
     img.mail_c { float:none;
                  margin-left: 6px;
                  vertical-align:-0.3em;
     }

/* =======In main ques html                        ========= */
     img.mail_q { float:none;
                  vertical-align:0;
                  margin:0 0 10px 0;
     }

/* =======In main index html                        ========= */
img.p_ico { width43px;
            height:30px;
            margin:0 0 0 6px;
            border:0;
            vertical-align:-0.5em;
}

/* =======In main site_html=========                 */
img.page { width:17px;
           height:21px;
           border:0;
           margin-left:6px;
           margin-right:5px;
           vertical-align:-0.2em;
}

/* =======In main pam_html=========                 */
img.pam { width:120px;
          height:170px;
          border:0; 
          margin:5px 0 0 0;
          border:1px solid #aaaaaa;
}

/* =======In main index_html=========                 */
img.photo_mn { width:240px;
               height:180px;
               border:0;
               margin:0 0 6px 0;
}

/* =======In main index_html=========                 */
img.photo_mn2 { width:160px;
               height:240px;
               border:0;
               margin:0 0 6px 0;
}


/* =======In main SUB========= */
img.plant_s { width:48px;
              height:48px;
              border:0;
              margin-right:10px;
}

/* =======In main company_html=========                 */
img.pred { width:94px;
           height:122px;
           border:0;
           margin-bottom:5px;
}

/* =======In main speciality_html=========                    */
img.prev_s { float:left;
             width:115px;
             height:89px;
             border:0;
             margin:0 0 0 21px;
}

/* =======In main index_html=========                    */
img.prev_z { float:left;
             margin-left:32px;
             width:133px;
             height:101px;
             border:0;
             box-shadow:6px 6px  #bbbbbb;
}

/* =======In main eng_html=========                    */
img.prev_e { clear:both;
             float:left;
             margin:0 0 25px 42px;
             width:260px;
             height:195px;
             border:0;
             padding:10px 15px 10px 15px;
             background-color:#eeeeee;
             border:1px solid #aaaaaa;
             border-radius:5px;
             box-shadow:6px 6px  #dddddd;
}

/* =======In all page bottom                   ======== */
img.print { position: fixed;
            bottom: 0;
            right:100px;
            width:80px;
}

/* =======In main index_html=                   ======== */
img.s_sq { width:32px;
           height:30px;
           border:0;
           margin-right:8px;
           vertical-align:-0.5em;
}

/* =======In main shaoku _html=                   ======== */
img.shaoku { float:left;
             width:360px;
             border:0;
             margin:0 0 30px 25px ; 
}

/* =======In main spe _html=                   ======== */
img.shaze { clear:both;
            float:left;
            width:400px;
            height:185px;
            border:0;
            margin:0 0 20px 55px ; 
}

img.shaze_2 { clear:both;
              float:left;
              width:477px;
              height:162px;
              border:0;
              margin:0 0 30px 55px ; 
}

/* =======In main map_z_html                    ======= */
img.sky_p { width:340px;
            border:0;
            margin:6px 0 0 0;
}

/* =======In main shaoku_html                    ======= */
img.sky_photo { width:710px;
                margin:6px 0 0 20px;
                border:0;
}

/* =======In main index_html========= */
img.sta { position:absolute;
          bottom:-20px;
          right:0;
          z-index:2;
          width:300px;
          border:0;
}

/* =======In header   index_html                    ========= */
img.tel { clear:left;
          float:left;
          width:222px;
          height:39px;
          border:0; 
          margin:0 16px 14px 15px;
}


/* =======In header    sub PAGE                   ========= */
img.tel_s,img.tel_s_l { flot:left;
                        width:204px;
                        height:37px;
                        border:0; 
                        margin-left:15px;

}

     img.tel_s_l { clear:both;
                   margin-left:30px;
     }

/* =======In main cntact_html========= */
img.tel_ico_b { float:left;
                width:56px; 
                margin:0 10px 10px 50px;
                border:0;
}

/* =======In body2========= */
img#to_sp_btn { width:200px;
                height:200px;
                border:0;
}

/* =======In main kanshajo_html                         ========= */
img.tsuki { width:650px;
            border:0;
            margin: 20px 0px 180px 30px;
}

/* =======In header                         ========= */
img.url,img.url_s { width:236px;
                    height:18px;
                    border:0;
}

     img.url_s { margin-bottom:26px;
     }

/* =======In map_html========= */
img.view { float:left;
           width:277px;
           height:199px;
           border:0;
           margin:5px 0 0 0;
}

/* =======In main env_html                         ========= */
img.water{ width:137px;
           height:76px;
           border:0;
           margin-top:5px;
}

/* =======In main env_html                         ========= */
img.y_pale { position:absolute;
             bottom:30px;
             left:212px;
             width:350px; 
             border:0;
             border-radius:12px;
             z-index:-1;
}

/* =======In main d_drive_html========= */
img.zenkoku { width:53px;
              height:57px;
              border:0;
              margin-top:4px;
}

/* ================================
           span ETC STYLE
================================ */
/* =======In foter =========           */
span.b14 { font-size:14px;
           font-weight:bold;
}

/* =======In sangyo_html =========           */
span.b55 { font-size:55%;
           font-weight:bold;
           color:#ffffff;
}

/* =======In foter =========           */
span.bl_b { font-size:13px;
            font-weight:bold;
            color:#2962f1;
}

/* =======In foter =========           */
span.bl_b_s { font-size:12px;
              font-weight:bold;
              color:#2962f1;
}

/* =======In main map_html=========          */
span.bold_15 { font-size:15px;
               font-weight:bold;
}

/* =======In main speciality_html=========          */
span.bold_15r { font-size:15px;
                font-weight:bold;
                color:#ff0000;
                line-height:2.2;
                border-bottom:solid 2px #ff0000;
}

/* =======In main spesiality_html=========          */
span.bold_18 { font-size:18px;
               font-weight:bold;
}

/* =======In aside=========         */
span.large_br { font-size:16px;
                font-weight:bold;
                color:#ff0000;
                margin-left:6em;
}

/* =======In main hist_html=========         */
span.month { margin-left:106px;
             font-size:13px;
}

/* =======In main process_html=========         */
span.proce_p { display:block;
               font-size:14px;
               text-shadow:none;
               margin-top:6px;
}

/* =======In head_bar          ========= */
span.red { font-size:13px;
           color:#ff0000;
}

/* =======In main index.html          ========= */
span.px13 { margin-left:0.6em;
            font-size:13px;
}

/* =======In main plant_html namacon_html========= */ 
span.ss { font-size:6px;
}

/* =======In main map_html=========          */
span.ul { margin-left:4em;
          text-decoration:underline;
}

font.f_red { color:#ff0000;
             font-size:13px;
}

/* ================================
           iframe STYLE
=========================                               ======= */

iframe#inform  { width:900px;
                 height:256px;
                 margin:0 0 20px 45px;
                 background-color:#f9f8f8;
}

iframe#sky { width:380px; 
             height:380px;
             border:0;
             margin:0 0 20px 0;
}

iframe#sky2 { width:408px; 
              height:408px;
              border:0;
              margin:2px 0 0 0;
}

/* ================================
          FOR PRINT
================================ */

@media print {
body {  background-image:none;
  
}

img.print { display:none;
}

img.sc_btn { display:none;
}


}

