/* Style Page CSS (styles.css) */


#container{
  width:820px;
  margin:0 auto;
  padding:12px 0;
  clear:both;
  }


/* BRAND MENU */

#brand_menu{
  width:860px;
  height:70px;
  margin:0 auto;
  padding-bottom:7px;
  background:url(http://www.kanjitsu.com/imgs/menu-back.jpg) repeat-x bottom;
  }

#brand_menu li{
  float:left;
  text-indent:-100000px;
  overflow:hidden;
  }

#brand_menu a{
  display:block;
  text-decoration:none;
  height:35px;
  }
  
#brand_menu a:hover{
  display:block;
  text-decoration:none;
  height:35px;
  }

#brand_menu .western_electric, #brand_menu .western_electric a{width:108px;background:url(http://www.kanjitsu.com/imgs/western_electric-menu.jpg) no-repeat top}
#brand_menu .western_electric a:hover{width:108px;background:url(http://www.kanjitsu.com/imgs/western_electric-menu_h.jpg) no-repeat top}

#brand_menu .belden, #brand_menu .belden a{width:108px;background:url(http://www.kanjitsu.com/imgs/belden-menu.jpg) no-repeat top}
#brand_menu .belden a:hover{width:108px;background:url(http://www.kanjitsu.com/imgs/belden-menu_h.jpg) no-repeat top}

#brand_menu .etymotic_research, #brand_menu .etymotic_research a{width:108px;background:url(http://www.kanjitsu.com/imgs/etymotic_research-menu.jpg) no-repeat top}
#brand_menu .etymotic_research a:hover{width:108px;background:#DDF0DA url(http://www.kanjitsu.com/imgs/etymotic_research-menu_h.jpg) no-repeat top}

#brand_menu .ps_audio, #brand_menu .ps_audio a{width:107px;background:url(http://www.kanjitsu.com/imgs/ps_audio-menu.jpg) no-repeat top}
#brand_menu .ps_audio a:hover{width:107px;background:url(http://www.kanjitsu.com/imgs/ps_audio-menu_h.jpg) no-repeat top}

#brand_menu .super_spikes, #brand_menu .super_spikes a{width:107px;background:url(http://www.kanjitsu.com/imgs/super_spikes-menu.jpg) no-repeat top}
#brand_menu .super_spikes a:hover{width:107px;background:url(http://www.kanjitsu.com/imgs/super_spikes-menu_h.jpg) no-repeat top}

#brand_menu .presence_audio, #brand_menu .presence_audio a{width:107px;background:url(http://www.kanjitsu.com/imgs/presence_audio-menu.jpg) no-repeat top}
#brand_menu .presence_audio a:hover{width:107px;background:url(http://www.kanjitsu.com/imgs/presence_audio-menu_h.jpg) no-repeat top}

#brand_menu .shure, #brand_menu .shure a{width:108px;background:url(http://www.kanjitsu.com/imgs/shure-menu.jpg) no-repeat top}
#brand_menu .shure a:hover{width:108px;background:url(http://www.kanjitsu.com/imgs/shure-menu_h.jpg) no-repeat top}

#brand_menu .hubbell, #brand_menu .hubbell a{width:107px;background:url(http://www.kanjitsu.com/imgs/hubbell-menu.jpg) no-repeat top}
#brand_menu .hubbell a:hover{width:107px;background:url(http://www.kanjitsu.com/imgs/hubbell-menu_h.jpg) no-repeat top}

#brand_menu .hubbell, #brand_menu .hubbell a{width:107px;background:url(http://www.kanjitsu.com/imgs/hubbell-menu.jpg) no-repeat top}
#brand_menu .hubbell a:hover{width:107px;background:url(http://www.kanjitsu.com/imgs/hubbell-menu_h.jpg) no-repeat top}

#brand_menu .monster, #brand_menu .monster a{width:109px;background:url(http://www.kanjitsu.com/imgs/monster-menu.jpg) no-repeat top}
#brand_menu .monster a:hover{width:109px;background:url(http://www.kanjitsu.com/imgs/monster-menu_h.jpg) no-repeat top}


/* MAIN */

#main{
  float:right;
  width:588px;
  }

#brand{
  width:558px;
  height:36px;
  text-align:left;
  line-height:36px;
  padding:0 5px 0 25px;
  background:url(http://www.kanjitsu.com/imgs/h2_category-back.jpg) no-repeat;
  }

#title{
  width:570px;
  height:25px;
  text-align:left;
  line-height:25px;
  padding:0 10px 0 8px;
  background:url(http://www.kanjitsu.com/imgs/h2-back.jpg) no-repeat;
  clear:both;
  }

#title h2{
  float:left;
  width:450px;
  padding:0;
  background:none;
  }

#title .rss{
  float:right;
  padding-top:5px;
  }

#main .brand_details{
  text-align:left;
  line-height:180%;
  margin:0 auto;
  padding:10px 0;
  }

#main .brand_details h3{
  padding:5px 10px 0;
  border-bottom:1px solid #999;
  clear:both;
  }

#main .brand_details strong{font-size:110%}
#main .brand_details p{padding-bottom:10px}
#main .brand_details a{text-decoration:underline}
#main .brand_details .left{padding-right:5px}
#main .brand_details .right{padding-left:5px}


#main .brand_details .logo{
  float:left;
  padding:0 20px 10px;
  }

#main .brand_details .pdf{
  line-height:18px;
  padding-left:22px;
  background:url(http://www.kanjitsu.com/imgs/pdf-icon.jpg) no-repeat;
  }

#main .entry_title{
  width:558px;
  height:30px;
  color:#fff;
  font-size:16px;
  text-align:left;
  line-height:30px;
  padding:0 7px 0 23px;
  background:url(http://www.kanjitsu.com/imgs/h2_entry-back.jpg) no-repeat;
  }

#main .entry_body{
  font-size:110%;
  text-align:left;
  width:550px;
  line-height:150%;
  margin:0 auto;
  padding:10px 0;
  clear:both;
  }

#main .entry_body a{color:#009900;text-decoration:underline}
#main .entry_body a:hover{color:#CC0000;text-decoration:underline;}
#main .entry_body h4{font-size:115%;}
#main .entry_body h5{font-size:105%;}
#main .entry_body li{list-style:disc;line-height:140%;margin:0 20px;padding:0;border:none;}


/* MENU */

#menu{
  float:left;
  width:220px;
  text-align:left;
  }

.sitemenu{
  }

#menu .oshirase{
  padding-bottom:5px;
  }

#menu h4, #menu h5, #menu ul{
  text-align:left;
  margin:0;
  padding:0;
  }

#menu li{
  list-style:none;
  color:#000;
  font-size:14px;
  width:200px;
  line-height:24px;
  padding:2px 7px 2px 8px;
  background:url(http://www.kanjitsu.com/imgs/list-back.jpg) no-repeat bottom;
  }

#menu li a{
  display:block;
  width:200px;
  line-height:24px;
  }

#menu .banner{
  text-align:left;
  margin:0 auto;
  padding:7px 0;
  }


#news li{
  width:170px;
  font-size:14px;
  height:22px;
  line-height:22px;
  padding:2px 7px 2px 8px;
  background:none;
  }

#news li a{color:#009900;width:170px;height:22px;}
#news li a:hover{color:#CC0000;text-decoration:underline;}
  

/* 会社概要 */
#about{margin-top:-10px;}
#about table{width:100%;line-height:150%;padding-top:0;border-top:none;border-left:none}
#about th, #about td{padding:5px;margin:5px 0;text-align:left;vertical-align:top;border-right:none;border-bottom:1px dotted #ccc;}
#about tr{margin:5px 0;padding:0;}
#about th{width:120px;font-weight:bold;}
#about td{width:405px;padding-left:15px;border-left:2px solid #009900;}

#about .companyLeft, #about .companyRight{width:115px;}
#about .companyLeft{float:left;}
#about .companyRight{float:right;}



/* 資料請求・お問い合わせ */
#contact th{width:180px;background:#F2F2F2}
#contact .hissu{color:#009900;font-weight:bold}
#contact .button{width:100%;text-align:center;padding:7px 0;}


/* 価格表 */
#pricemenu h3{ width:550px;font-size:110%;text-align:left;letter-spacing:1px;margin:10px auto 5px;padding:5px 0 5px 10px;border-left:5px solid #000;}
#pricemenu table{width:100%;}
#pricemenu .koumoku{color:#fff;background:#009900;}
#pricemenu th{font-weight:normal;background:#F2F2F2}
#pricemenu .brand_name{font-weight:bold;background:#ddd}
#pricemenu .list{text-align:center;letter-spacing:1px;padding:15px 5px}
#pricemenu .file{width:400px;text-align:left;line-height:18px;margin:5px auto;padding:5px 0;}
#pricemenu .list a, #pricemenu .file a{text-decoration:underline}
#pricemenu .pdf{margin:5px 0;padding-left:22px;background:url(http://www.kanjitsu.com/imgs/pdf-icon.jpg) no-repeat}
#pricemenu .pdf a{color:#CC0000}
#pricemenu .excel{margin:5px 0;padding-left:22px;background:url(http://www.kanjitsu.com/imgs/excel-icon.jpg) no-repeat}
#pricemenu .excel a{color:#009900}


/* サイト内検索 */
#search_style h3{ width:550px;font-size:110%;text-align:left;letter-spacing:1px;margin:10px auto 5px;padding:5px 0 5px 10px;border-left:5px solid #000;}
#search_style blockquote{width:520px;margin:10px auto;padding:5px;border:1px solid #009900}
#search_style .entry_body blockquote{width:520px;margin:5px 10px;border:1px solid #CC0000}
#search_style .search_body{width:540px;margin:5px auto;padding:5px;text-align:right;}
#search_style .search_body a{text-decoration:underline;}
#search_style .search_body h3{width:526px;border:1px solid #ccc;border-left:3px solid #000;}
#search_style .search_body h3 a{color:#000;}
#search_style .search_body .body{padding-right:5px}
#search_style .search_body .goto a{color:#CC6600}