@charset "UTF-8";

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

/* ========margin上下は、基本bottomで指示 

/*========================================
                  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 { text-decoration:none;
    color:#113bbf;
}
     a:hover { color:#ef6464;
     }


body {  background-color :  #ffffff;
}

html, body { height: 100%;
}

div#wrapper { width: 400px;
	      margin: 0 auto 0;        
              background-color : transparent;
              padding-bottom:50px;
}

header { width: 400px;
         padding-top:10px;
         padding-bottom:10px;
         margin-bottom:10px;
         box-shadow:3px 3px 3px #aaaaaa;
         background : url(../../pc/image/bg/bg2_head.png) top left repeat #ffffff;
}

nav { width: 400px;
     margin-bottom:10px;
}


main { width:400px; 
       padding-bottom:15px; 
}

video.top_v { width:400px;
              height:225px;
              margin-bottom :10px;
}

div#map { width: 360px;
          height:340px;
          margin : 0 0 5px 20px;
          border-top:2px solid #aaaaaa;
          border-left:2px solid #aaaaaa;
          border-bottom:1px solid #aaaaaa;
          border-right:1px solid #aaaaaa;
          page-break-inside:avoid;
}

footer { width:400px;
             padding-top:8px;
             padding-bottom:4px;
             border-top:6px solid #666666;
}


/* ================================
             UL Style
================================ */

/* ================================
            ul li Style
================================ */
ul#navi { width:400px;

}

ul#navi li { float:left;
             display: block;
             margin:0 0 15px 10px;
             box-shadow:3px 3px 3px #aaaaaa;
             width: 300px;
             padding: 7px 0  6px 18px ;    
             background : url(../../pc/image/bg/bg2_head.png) top left repeat #ffffff;
}

ul#navi li a { width: 300px;
               font-size:18px;
               font-weight:bold;
               display: block;
               color: #333333;

}

ul#navi li.sel2 { box-shadow:5px 5px 5px #33a1f5;
                  padding: 7px 0  0 18px ;
}

ul#navi li:hover { color:#33a1f5;
}

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


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

/* =======In header========= */
h1 { font-size:16px;
     color:#333333;
     line-height:1.2;
     margin:0 10px 15px 10px;
}

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

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


p { font-size:14px;
    margin:0 0 10px 20px;
}

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

/* =======In main company_html========= */
p.comp_r { font-size:14px;
           width:360px;
           margin:0 1em 15px 10px;
           padding:0 0 1px 15px;
           border-bottom:dotted 1px #bbbbbb;
}

/* =======In main biz_html========= */
p.etc { clear:both;
        font-size:15px;
        font-weight:bold;
        margin:0 1em  15px 12px;
        padding:6px 0 10px 36px;
        background : url(../../pc/image/bg/al_ico.png) top left no-repeat #ffffff;
}


p.f_p { font-size:13px;
        text-align:center;
}

p.mn { clear:both;
         font-size:14px;
         margin:0 1em  15px 12px;
}

/* =======In header========= */
p.name { font-size:18px;
         font-weight:bold;
         line-height:1;
         margin:0 0  17px 10px;
}

p.p_biz { float:left;
          width:265px;
          margin:0 0 20px 6px;
}


p.right { text-align:center;
}

p.sale { clear:both;
         font-size:14px;
         margin:0 1em  4px 12px;
}

p.sel_p { margin-left:28px;
          font-size:18px;
          font-weight:bold;
          color:#33a1f5;
}

p.title { clear:both;
          margin:0 0  18px 12px;
}

p.vaca  { text-align:center;
          margin:0 10px 15px 10px;
          font-size:15px;
          color:#ff0000;
          line-height:1.4;
          padding:10px;
          border:2px solid #ff0000;
          border-radius:6px;
}


/* ================================
             a Style
================================ */
/* =======In main map_html========= */
a.a13 { color:#333333;
        font-size:13px;
}

/* =======In main map_html========= */
a.tel_a { color:#333333;
          font-size:15px;
}


/* ================================
             img Style
================================ */
/* =======In nav=======          == */
img.ar,img.ar_l { width:20px;
                  border:0;
                  vertical-align:-0.3em;
                  margin:0 0 0 8px;
}

     img.ar_l { margin:0 8px 0 0;
     }

/* =======In main index_html           ========= */
img.env { float:left;
          width:110px;
          border:0;
          margin:0 0 15px 10px;
}

/* =======In main biz_html           ========= */
img.env_p { width:360px;
            border:0;
            margin:8px 0 0 0;
}


/* =======In header=======          == */
img.logo { margin:0 ;
           width:260px;
           margin:0 0 3px 0;
           border:0;
}

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

/* =======In main index_html====      ===== */
img.mail { clear:left;
           float:left;
           width:200px;
           border:0;
           margin:0 0 15px 15px;
}


/* =======In main map_html========= */
img.map_il { width:300px; 
             border:1px solid #aaaaaa;
             margin:0 0 20px 20px;
}

/* =======In main rec_html=========                 */
img.m_navi { width:180px;
             border:0;
             margin:0 0 15px 10px;
}

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


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

/* =======In main index_html====      ===== */
img.sp_fact { width:360px;
              border:0;
              margin:6px 0 0 10px;
}


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

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

/* ================================
             span Style
================================ */

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

/* =======In main company_html====      ===== */
span.bold { font-size:16px;
             font-weight:bold;
}

/* =======In header========= */
span.px3 { font-size:3px;
} 

/* =======In header========= */
span.it { font-style:italic;
          font-size:15px;
}

/* =======In main index_html====      ===== */
span.red_b { font-size:18px;
             font-weight:bold;
             color:#ff0000;
}

/* =======In header========= */
span.small { font-size:14px;
}

/* =======In nav========= */
span.small_ind { font-size:14px;
                 margin-left:2em;
}

span.ul { margin-left:4em;
          text-decoration:underline;
          line-height:2.5;
}