﻿*  { color: #4d4d4d; font-style: normal; 
font-weight: normal; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", Osaka-等幅, Osaka, 平成角ゴシック; 
margin: 0px 0px 0px 0px; padding: 0px }
body {
  font-size: 75%; /* IE */
}
html>/**/body {
  font-size: 14px; /* Except IE */
}
body  { background: white url(../images/bkimg.jpg) repeat-y center; text-align: center }
a { color: #00c; text-decoration: underline }
a:hover { color: #00f; text-decoration: none }
#wrap    { text-align: left; margin-right: auto; margin-left: auto; width: 760px } 


.weight1{ font-weight:bold}

/*ページ全体の設定*/
#wrapper{
margin:0 auto 0 auto;
padding:0;
background-color:#ffffff;
width:450px;
}



/* ヘッダエリア */
#head { padding-top: 0px; border-top: 4px solid #c00 }
#head th   { text-align: left; padding-left: 20px; width: 380px }
#head td  { text-align: right; padding-right: 16px; width: 360px }
#tel   { color: #c00; font-weight: bold; font-size: 1.4em; background: url(../images/tel.jpg) no-repeat left center; padding-left: 25px }
#form a { padding-left: 16px }
#head th a  { color: #4d4d4d; font-weight: bold; font-size: 1.8em; text-decoration: none }

/* コンテンツエリア */
#contents{
margin:15px 0 0;
padding:0;
width:760px;
}

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

#cont { margin-top: 35px }
#menu   { background-color: #eee; width: 150px ;vertical-align:top; }
#main { padding-right: 16px; padding-left: 16px; }

/* メニュー */
#menu dl dt { width: 150px; display: block }
#menu dl dt a   { color: #4d4d4d; font-weight: bold; font-size: 1em; text-decoration: none; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; border-bottom: 1px solid #fff; border-left: 4px solid #c00; display: block }
#menu dl dt a:hover   { color: #4d4d4d; font-weight: bold; font-size: 1em; text-decoration: none; background-color: #fadce9; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; border-bottom: 1px solid #fff; border-left: 4px solid #c00; display: block }
#menu address  { font-size: 0.8em; line-height: 150%; margin: 20px 16px; display: block }

/*サイドメニュー*/
#sidemenu{
margin:0;
padding:0;
float:left;
width:150px;
}

#main{
margin:0;
padding:0 16px  0 16px;
float:right;
width:578px;

}

/*フッター*/
#footer
{
  clear: both;
  width: 765px;  
  height: 50px;
}


/* メイン */
#news { margin-top: 16px }
#news h3 { color: #c00; font-weight: bold; font-size: 1em; padding: 6px; border: solid 1px #c00 }
#news_data { font-size: 1em; line-height: 150%; margin-top: 10px; height: 130px; overflow: auto }

#item { margin-top: 16px }
#item h3  { color: #c00; font-weight: bold; font-size: 1em; margin-bottom: 10px; padding: 6px; border: solid 1px #c00 }
.item_data   { float: left; padding-right: 16px; padding-bottom: 16px; width: 160px }
.item_data p { font-size: 0.8em; line-height: 140%; margin-top: 8px }

/* 下層ページ共通 */
#ctitle{}
#ctitle h3  { font-weight: bold; font-size: 1.4em; padding: 6px 6px 6px 10px; border-style: solid; border-width: 1px 1px 1px 4px; border-color: #c00 }
#lead { margin-top: 16px }
#lead h4  { font-size: 1.2em; margin-bottom: 15px }
#lead p { font-size: 1em; line-height: 150% }
.img_r { float: right; padding-bottom: 10px; padding-left: 10px }

/* 取扱製品一覧 */
.item2_l  { float: left; padding-top: 16px; width: 200px }
.item2_r { float: right; padding-top: 16px; width: 318px }
.item2_r table { border-top: 1px solid #ccc; border-left: 1px solid #ccc }
.item2_r th, .item2_r td { font-size: 1em; line-height: 150%; padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }

/* 会社概要 */
#profile table  { margin-top: 16px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 538px }
#profile th, #profile td  { font-size: 1em; line-height: 150%; padding: 4px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }


/*--メールフォーム--*/
#formmail { width: 100%; }  
#formmail dt {  
 font-weight: bold;  
margin: 0 0 5px;  
padding: 5px 0 5px 5px;  
  
}  
  
#formmail dt span {  
font-weight: normal; /* (必須) */  
color: #ff0000;  
padding: 0 1em;  
}  
  
#formmail dd {  
 margin: 0 0 1.5em;  
padding: 0;  
} 

/*table*/

table.border1 {
    width: 100%;
    margin:0;
       border-collapse:collapse;
}
table.border1 td{
   padding:6px;
   }



table.border2 {
    width: 100%;
    margin:0;
       border-collapse:collapse;
}
table.border2 td{
   padding:0;
   }
   
.clear { clear: both }

table.border3 {
    width: 100%;
    margin:20px 0 50px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-spacing:0;
}
table.border3 tr th { /*「,（カンマ）」で区切って複数のセレクタを指定しています*/
    font-size: 14px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 6px;
}

    table.border3 tr td{
	 font-size: 14px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 6px
}

}

table.border3 tr th {
    background: #eee;
}

table.border4 {
    width: 100%;
    margin:20px 0 50px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-spacing:0;
}
table.border4 tr th { /*「,（カンマ）」で区切って複数のセレクタを指定しています*/
    font-size: 12px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 2px;
}

    table.border4 tr td{
	 font-size: 12px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 2px
}

}

/*右寄せ*/
*.float_r
      {
         float: right;
         margin-left: 1em;
          margin-right:0;
      }
*.float_l
      {
         float: left;
         margin-right: 1em;
         margin-left:0;
      }

      *.floatclear
      {
         clear: both;
      }
