@charset "UTF-8";
@import url(http://www.kanjitsu.com/css/basic.css);

/* Styles Site CSS (styles-site.css) */

/*** ヘッター ***/

#header{
  height:168px; 
  background:url(http://www.kanjitsu.com/imgs/re/header-back.jpg) repeat-x top;
  }

#brandMenu{
  width:860px;
  padding-top:11px;
  clear:both;
  }

#brandMenu li{
  list-style:none;
  float:left;
  height:18px;
  padding:4px 15px;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  line-height:18px;
  margin-top:3px;
  margin-right:3px;
  border-top:1px solid #EFEFEF;
  border-left:1px solid #EFEFEF;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
  background:url(http://www.kanjitsu.com/imgs/brandmenu-back.jpg) repeat-x top;
  overflow:hidden;
  white-space: nowrap;  
  }

#brandMenu li a{
  position: relative; 
  }



/** Menu **/

#menu{
  float:left;
  width:230px;
  overflow:hidden;
  }

#menu h4{
  width:220px;
  height:18px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  line-height:18px;
  padding:3px 5px 2px; 
  background:url(http://www.kanjitsu.com/imgs/menu-title.jpg) no-repeat;
  }

#menu dl{
  text-align:left;
  border-top:1px solid #F4F4F4;
  margin-top:3px;
  padding-bottom:15px;
  }

#menu dt{
  width:210px;
  height:25px;
  color:#666;
  font-size:13px;
  font-weight:normal;
  line-height:25px;
  padding:5px 8px 5px 12px; 
  background:url(http://www.kanjitsu.com/imgs/menu-dt_back.jpg) no-repeat;
  }

#menu dd{
  width:230px;
  height:36px;
  color:#fff;
  font-size:12px;
  font-weight:normal;
  background:url(http://www.kanjitsu.com/imgs/menu-dd_back.jpg) no-repeat;
  }

#menu dd a{
  display:block;
  width:200px;
  height:26px;
  color:#006699;
  line-height:26px;
  padding:5px 5px 5px 25px; 
  }

#menu .banner{
  padding-bottom:10px;
  }



/** Main **/

#main{
  float:right;
  width:610px;
  overflow:hidden;
  clear:both;
  }

#main .mainTitle{
  width:590px;
  height:18px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  line-height:18px;
  padding:3px 10px 2px; 
  background:url(http://www.kanjitsu.com/imgs/main-title.jpg) no-repeat;
  overflow:hidden;
  }

#main .navi{
  font-size:10px;
  text-align:right;
  padding:10px 5px 5px;
  }


#main .entryBody{
  text-align:left;
  line-height:180%;
  margin:0 auto;
  padding:5px 15px;
  clear:both;
  }

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

#main .entryBody strong{font-size:110%}
#main .entryBody p{padding-bottom:10px}
#main .entryBody a{text-decoration:underline}
#main .entryBody .left{padding-right:5px}
#main .entryBody .right{padding-left:5px}
#main table{width:100%;border-top:1px solid #999;border-left:1px solid #999;}
#main th, #main td{text-align:left;padding:5px;border-right:1px solid #999;border-bottom:1px solid #999;}
#main .more, #main .back{font-size:12px;text-align:right;line-height:14px;margin:5px 3px;clear:both}
#main .more a{color:#999;text-decoration:underline}
#main .back{text-align:right;padding:5px;}
#main .back a{text-decoration:underline}
#main .pagenavi{text-align:center;letter-spacing:3px;padding:5px 0}


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

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

#main .newsTitle{
  width:610px;
  height:24px;
  text-indent:-100000px;
  padding-top:80px; 
  background:url(http://www.kanjitsu.com/imgs/main-news_title.jpg) no-repeat 0 80px;
  overflow:hidden;
  clear:both;
  }

#main ul{
  padding-top:5px;
  }


#main .backtop{
  font-size:11px;
  text-align:right;
  line-height:12px;
  padding:10px 5px;
  }

#main .backtop a{
  color:#000;
  padding-left:18px;
  background:url(http://www.kanjitsu.com/imgs/backtop-img.jpg) no-repeat left;
  }

#main .backtop a:hover{text-decoration:underline;}



/* 代理店ブランド用 */

#agency .entryBody h5{color:#000;font-size:15px;font-weight:bold;padding-bottom:5px;clear:both;}
#agency .entryBody th{width:190px;color:#fff;background:#009900;}
#agency .entryBody td{width:180px;}
#agency .entryBody .kana{width:10px;background:#F2F2F2;}


/* 商品ページ用 */

#main .photo{
  float:left;
  width:140px;
  }

#main .caption{
  float:right;
  width:420px;
  line-height:150%;
  }

#main .outline{
  padding-bottom:10px;
  border-bottom:1px solid #666;
  }

#main .price{
  color:#009900;
  font-weight:bold;
  padding-top:10px;
  }

#main .entryBody table{width:100%;border-top:1px solid #999;border-left:1px solid #999;}
#main .gray{background:#F2F2F2;}
#main .entryBody th{width:120px;}
#main .entryBody td{width:425px;}
#main .entryBody th, #main .entryBody td{text-align:left;padding:5px;border-right:1px solid #999;border-bottom:1px solid #999;}


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

#about .companyLeft, #about .companyRight{width:195px;}
#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 .entryBody blockquote{width:520px;margin:5px 10px;border:1px solid #CC0000}
#search_style .searchBody{width:540px;margin:5px auto;padding:5px;text-align:right;}
#search_style .searchBody a{text-decoration:underline;}
#search_style .searchBody h3{width:526px;border:1px solid #ccc;border-left:3px solid #000;}
#search_style .searchBody h3 a{color:#000;}
#search_style .searchBody .body{padding-right:5px}
#search_style .searchBody .goto a{color:#CC6600}


/* サイトマップ */
#sitemap ul{padding-top:0;padding-left:30px;}
#sitemap li{border-bottom:none;list-style:circle;}