/* CSS Document */

body{
  background-color:#676767;
  text-align:center;
  margin:5px 0 0 0;
  padding:0;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color:#333;
  font-size:12px;
  }

#wrapper{
  width:952px;
  margin:0 auto;
  padding:0;
  background:url(../images/bg.gif) repeat-y;
  text-align:left;
  }

#wrapper_kit{
  width:400px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }

#main{
  margin:0 15px;
  padding:0;
  line-height:1.5em;
  }

p{
  margin:0;
  padding:0 0 0.7em 0;
  font-size:12px;
  line-height:1.5em;
  }

img,
img a{
  border:none;
  }

form{
  margin:0;
  padding:0;
  }

a{
  color:#F60;
  text-decoration:none;
  }

a:hover,
a:focus{
  color:#F30;
  text-decoration:none;
  }

ul,li{
  margin:0;
  padding:0;
  }

em{
  font-style:normal;
  color:#F90;
  }

#footer,
#footer a{
  margin:10px;
  text-align:center;
  color:#CCC;
  font-size:12px;
  }

.border{
  border-bottom:1px dashed #CCC;
  }

/* 見出し */

h1{
  margin:0.2em 0 0.5em 0;
  padding:0;
  font-size:20px;
  line-height:1.2em;
  font-weight:bold;
  color:#900;
  }

h2{
  color:#C60;
  border-bottom:1px solid #DDD;
  font-weight:bold;
  font-size:14px;
  padding-bottom:4px;
  margin:1em 0;
  }

h2.products{
  color:#C60;
  border-bottom:none;
  font-weight:bold;
  font-size:14px;
  padding-bottom:4px;
  margin:1em 0;
  }

h2.obi_type{
  color:#333;
  background-color:#EAEAEA;
  border-left:4px solid #F60;
  border-bottom:1px solid #999;
  font-weight:bold;
  font-size:14px;
  padding:5px;
  margin:1em 0;
  }

h2.top,
h2.top a{
  color:#900;
  border-bottom:none;
  font-weight:bold;
  font-size:14px;
  padding:0;
  margin:0;
  }

h2.top a:hover,
h2.top a:focus{
  color:#C30;
  border-bottom:none;
  font-weight:bold;
  font-size:14px;
  padding:0;
  margin:0;
  }

h3{
  color:#C30;
  border-bottom:1px solid #DDD;
  font-weight:bold;
  font-size:14px;
  padding-bottom:4px;
  margin:1em 0 0.4em 0;
  }

h3.video{
  color:#C30;
  border-bottom:none;
  font-weight:bold;
  font-size:14px;
  padding-bottom:4px;
  margin:0 0 0.2em 0;
  }

/*汎用*/

.size10px{
  font-size:10px;
  }

.size11px{
  font-size:11px;
  letter-spacing:-0.05em;
  }

.size12px{
  font-size:12px;
  }

.size14px{
  font-size:14px;
  }

.size16px{
  font-size:16px;
  }

.l_s-008{
  letter-spacing:-0.08em;
  }

.pdd_l5{
  padding-left:5px;
  }

.pdd_l10{
  padding-left:10px;
  }

.pdd_lr5{
  padding-left:5px;
  padding-right:5px;
  }

.pdd_lr10{
  padding-left:10px;
  padding-right:10px;
  }

.pdd_tb5{
  padding-top:5px;
  padding-bottom:5px;
  }

.pdd_tb10{
  padding-top:10px;
  padding-bottom:10px;
  }

.pdd_lrtb10{
  padding:10px;
  }

.pdd_lrtb5{
  padding:5px;
  }

.bold{
  font-weight:bold;
  }

.center{
  text-align:center;
  }

.right{
  text-align:right;
  }

/* 色 */

.clr_fff{
  color:#FFF;
  }

.clr_f60{
  color:#F60;
  }

.clr_333{
  color:#333;
  }

.clr_c30{
  color:#C30;
  }

.clr_f90{
  color:#F90;
  }

/* ヘッダー */

#header{
  margin:0;
  padding:0;
  width:952px;
  height:60px;
  background:url(../images/bg_header.gif) no-repeat #E5E5E5;
  }

#top_flash{
  background-color:#676767;
  margin:0;
  padding:5px 0;
  }

.hd_logo{
  margin:15px 15px;
  padding:0;
  float:left;
  }

.hd_navi{
  margin:0;
  padding:8px 15px 8px 0;
  height:13px;
  text-align:right;
  color:#999;
  }

.hd_navi a{
  color:#999;
  }

.hd_navi a:hover,
.hd_navi a:focus{
  color:#F30;
  }

.hd_search{
  margin:0;
  padding:0 15px 5px;
  text-align:right;
  }


/* パンくずリスト */

#pankuzu{
  margin:0;
  padding:18px 12px 8px ;
  background:url(../images/bg_pnkz.gif) no-repeat;
  font-size:12px;
  color:#666;
  }

/* サイドメニュー */

ul#sidemenu{
  width:165px;
  margin:0;
  padding:0;
  list-style-type:none;
  }

li.sidemain a{
  display:block;
  margin:0;
  padding:5px 10px;
  font-size:12px;
  font-weight:bold;
  line-height:1.4;
  text-decoration:none;
  list-style-type:none;
  background-color:#333;
  color:#FFF;
  }

li.sidemain a:hover,
li.sidemain a:focus{
  color:#F60;
  }
 
li.sidesub a{
  display:block;
  margin:0;
  padding:5px 0 5px 5px;
  font-size:12px;
  font-weight:normal;
  line-height:1.2em;
  background-color:#999;
  border-left:#F90 3px solid;
  border-top:#CCC 1px solid;
  color:#FFF;
  }

li.sidesub a:hover,
li.sidesub a:focus{
  display:block;
  margin:0;
  padding:5px 0 5px 5px;
  color:#333;
  font-size:12px;
  font-weight:normal;
  line-height:1.2em;
  background-color:#CCC;
  }

ul#sub{
  margin:0;
  padding:0;
  list-style-type:none;
  border-left:3px solid #666;
  }

ul#sub li.sub_main{
  display:block;
  margin:0;
  padding:3px 5px 0;
  font-size:12px;
  font-weight:bold;
  line-height:1.4;
  text-decoration:none;
  list-style-type:none;
  background-color:#E5E5E5;
  color:#900;
  }

ul#sub li.sub_sub{
  margin:0;
  padding:2px 0 2px 5px;
  color:#C30;
  font-size:12px;
  font-weight:normal;
  line-height:1.2em;
  background-color:#E5E5E5;
  }

ul#sub li.sub_sub a{
  margin:0;
  padding:2px 0 2px 14px;
  color:#333;
  font-size:12px;
  font-weight:normal;
  line-height:1.2em;
  background:url(../images/arrow.gif) no-repeat #E5E5E5;
  background-position:3% 50%;
  border-left:none;
  border-top:none;
  }

ul#sub li.sub_sub a:hover,
ul#sub li.sub_sub a:focus{
  margin:0;
  font-size:12px;
  font-weight:normal;
  line-height:1.2em;
  background-color:#FFF;
  }

/* トップ */

#top1{
  background:url(../images/bg_top1.jpg) no-repeat;
  width:950px;
  margin:0 auto;
  }

#top_news{
  margin:0;
  padding:0;
  text-align:left;
  line-height:1.3em;
  background:url(../images/bg_topnews.jpg) no-repeat;
  }

/* 製品 */

#prod{
  background:url(../products/images/bg_prod.jpg) no-repeat;
  }

#logo{
  float:right;
  }

#rightbox{
  float:right;
  width:200px;
  margin:10px 0 10px 15px;
  padding:0;
  }

ul#rightnav{
  width:200px;
  margin:0;
  padding:0;
  list-style-type:none;
  }

li.right_li{
  margin:0;
  padding:0;
  font-size:12px;
  font-weight:normal;
  line-height:1.4;
  text-decoration:none;
  list-style-type:none;
  background-color:#F2F2F2;
  border-left:#F60 3px solid;
  border-right:#F2F2F2 3px solid;
  border-bottom:#CCC 1px dashed;
  }

li.right_li a{
  display:block;
  margin:0;
  padding:2px 10px;
  font-size:12px;
  font-weight:normal;
  line-height:1.4;
  }

li.right_li_pdf{
  margin:0;
  padding:0;
  font-size:12px;
  font-weight:normal;
  line-height:1.4;
  text-decoration:none;
  list-style-type:none;
  background:url(../images/pdficon_small.gif) no-repeat #F2F2F2;
  background-position:95% 50%;
  border-left:#F60 3px solid;
  border-right:#F2F2F2 3px solid;
  border-bottom:#CCC 1px dashed;
  }

li.right_li_pdf a{
  display:block;
  margin:0;
  padding:2px 10px;
  font-size:12px;
  font-weight:normal;
  line-height:1.4;
  background:url(../images/pdficon_small.gif) no-repeat #F2F2F2;
  background-position:95% 50%;
  }

li.right_li a:hover,
li.right_li a:focus,
li.right_li_pdf a:hover,
li.right_li_pdf a:focus{
  background-color:#FFF;
  }

ul.pro{
  list-style:square;
  margin:0 5px 0;
  padding:0 0 0 1.5em;
  font-size:12px;
  line-height:1.7em;
  } 

.box{
  border:1px dotted #999;
  width:600px;
  margin:20px auto 10px;
  padding:10px;
  }

.casestudies{
  margin:5px 0;
  padding:0;
  background-color:#F2F2F2;
  color:#666;
  line-height:1.3em;
  }

/* ライブラリー */

#dl_flashplayer{
  width:160px;
  float:right;
  margin:10px 0 10px 15px;
  padding:8px;
  line-height:1.1em;
  background-color:#FFF;
  border:1px dotted #999;
  }

/* サイトマップ */

.sitemap{
  margin:7px 0 0 50px;
  padding:0;
  list-style:square;
  font-size:14px;
  }