@charset "utf-8";
body{
background-color:#ffffff;
text-align:center;
margin:0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#headerbg{
font-size:12px;
color:#fff;
background-color:#0b3b0b;
padding:2px;
margin:0 0 15 0;
}


#engsite{
width:980px;
text-align:right;
padding:0;
margin:0 auto 0 auto;
}



#search{
width:250px;
text-align:right;
margin:20 auto 10 730;
}

#contents{
	margin: 0 auto 50 auto ;
width:980px;
text-align:center;
}


#mainpic{
text-align:center;
margin:20 auto 50 auto;
}


a{
	text-decoration:none;

}

a:hover{
color:#cc0000;
text-decoration:none;
}

a.line{
  color :#cc0000;
  text-decoration : underline;
}

.paragraph{
font-size:14px;
}


.breadcrumb{
width:980px;
font-size:12px;
text-align:left;
margin:2 auto 2 auto;
}

.breadcrumb ol li{
display:inline;
list-style-type:none;
}


.breadcrumb ol li:after{
content:">";
}

.breadcrumb ol li:last-child:after{
content:none;
}

hr{
border-color:#0b3b0b;
}

#wrapper{
	margin:0 auto 0 auto;
padding:0;
background-color:#ffffff;
width:100%;
text-align:center;
}

#header{
width:980px;
text-align:center;
margin:0 auto;
}

#maintop{
margin: 20 10 20 0;
padding:0;
width:720px;
text-align:center;
float:left;
}






/* メニューの選択 */
#select{
margin:10px 0;
padding:3px;
background-color:#f6cece;
border-radius:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;

}

#select ul{
width:95%;
padding:3px;
margin:0px;
display:table;
table-layout:fixed;
background-color:#f6cece;
}

#select ul li{
display:inline;
margin:2px;
padding:3px;
text-align:center;
display:table-cell;
}

#select ul li a{
background-color:#f6cece;
display:block;
}

#select ul li a:hover{
color:#cc0000;
}

/* メニューの内容 */
p.title{
    position: relative;
    margin:20 0px;
    padding:10 20px;
    background: #Bebebe;
    font-size:16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
 
p.title:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #Bebebe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}


/* 豆知識等 */
p.title2{
    position: relative;
    margin:30 0px;
    padding:10 20px;
    background: #e6e6e6;
    font-size:16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
 
p.title2:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #e6e6e6;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}




/* 製品特長 */
.listmark li{
margin:0px;
padding:5px;
text-align:left;
list-style-image : url(menu/headgr.png);
}

/*製品仕様の表*/
.tbl_00 {
    width:98%;
    margin: 20px auto;
    border-collapse: collapse;
    font-size:14px;
}
 
.tbl_00 th {
    text-align: left;
    padding:8px;
    border: 1px solid #e3e3e3;
    font-weight: normal;
    vertical-align: middle;
    background-color: #f6f6f6;
}
 
.tbl_00 td {
    vertical-align: middle;
    background: #FFF;
    padding:8px;
    border: 1px solid #e3e3e3;
}




/*製品サイズの表*/
.tbl_01{
width:100%;
margin:10px auto;
border-collapse:collapse;
font-size:14px;
}



.tbl_01 th{
text-align:center;
padding:8px;
border:1px solid #e3e3e3;
font-weight:normal;
vertical-align:middle;
background-color:#f6f6f6;
}


.tbl_01 td:nth-child(1){
text-align:left;
padding-left:15px;
}


.tbl_01 td{
text-align:center;
padding:8px;
background:#fff;
border:1px solid #e3e3e3;
vertical-align:middle;
}

.tbl_01 td img{
display: inline-block;vertical-align: middle;
}



.kikaku{
margin:0px;
padding:0px;
text-align:left;
}

.kikaku ul{
margin:0px;
padding:0px;
text-align:left;
}

.kikaku li{
font-size:12px;
float:left;
list-style-type:none;
margin:0px;
padding:0 30 0 0;
}



.under{
font-size:12px;
margin-bottom:20px;
}

.onaji{
font-size:13px;
margin-bottom:10px;
color:#cc0000;
}

/*youtube*/
.youtube{
margin:20px;
}


/*豆知識*/
.mame ul{
margin:5px;
}
.mame li{
font-size:14px;
padding:5px;
}


/*Q&A*/
/* --- リストエリア --- */
ol.qa {
width: 710px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #c0c0c0 dotted; /* リストエリアの上境界線 */
list-style-type: none;
font-size: 14px;
}

/* --- リスト項目 --- */
ol.qa li {
padding: 20px 5px 14px; /* リスト項目のパディング（上、左右、下） */
border-bottom: 1px #c0c0c0 dotted; /* リスト項目の下境界線 */
}

/* --- 項目の内容 --- */
ol.qa dl {
margin: 0;
}

/* --- Questionエリア --- */
ol.qa dt {
margin: 0;
padding: 5px 0 12px 30px; /* Questionエリアのパディング（上右下左） */
background: url(product/mark/q6.gif) no-repeat left top; /* Questionエリアの背景 */
font-weight: bold;
line-height: 120%;
}

/* --- Answerエリア --- */
ol.qa dd {
margin: 0;
padding: 2px 0 6px 30px; /* Answerエリアのパディング（上右下左） */
background: url(product/mark/a5.gif) no-repeat left top; /* Answerエリアの背景 */
line-height: 150%;
}

/*製品パンフ*/
.panf{
margin:5px 5px 30px 5px;
}

.panf img{
border:1px #a4a4a4 solid;
}

/*ランキング表*/
.tbl_02{
margin:5 5 5 10px;
border-collapse:collapse;
font-size:13px;
float:left;
}

.tbl_02 th{
text-align:center;
padding:8px;
border:1px solid #e3e3e3;
font-weight:normal;
vertical-align:middle;
background-color:#f6f6f6;
}

.tbl_02 td{
vertical-align:middle;
text-align:left;
bakground:#fff;
padding:8px;
border:1px solid #e3e3e3;
}




#main{
	margin:20 10 5 0;
padding:0;
float:right;
width:720px;
text-align:left;
}


.grid{
margin:10 auto 10 auto;
font-size:14px;
}

.grid ul{
margin:0px;
padding:0px;
}

.grid li{
margin:10 4px;
border-color:#a4a4a4;
list-style:none;
float:left;
}


/*図面*/
.zumen{
margin:10 auto 15 auto;
}

.zumen ul{
margin:0px;
padding:0px;
}

.zumen li{
margin:2px;
list-style:none;
float:left;
}

.zumen img{
border:1px #a4a4a4 solid;
}



/*大分類*/
h1{
 margin: 5px 0 5px;
    padding:4px;
    border-top: 3px double #0b3b0b;
    border-bottom: 3px double #0b3b0b;
    font-size:18px;
    font-weight: bold;
    color:#0b3b0b;
}

/*製品名*/
h2{
margin:15 5 20 0px;
    padding:3 3 3 10;
    border-bottom: 2px solid #0b3b0b;
    font-size:18px;
    font-weight: bold;
    text-align:left;
    border-left:7px solid #0b3b0b;
}




/* 製品の用途 */
h3{
font-weight:bold;
font-size:18px;
color:#1c5213;
padding:5px;
}

/*トップページの項目*/
p.news{
margin:0 0 10 0px;
padding:5px;
border-left:7px solid #0b3b0b;
background-color:#f5f5f5;
text-align:left;
font-weight:bold;
font-size:17px;
}

.date li{
text-align:left;
list-style-type:none;
margin:5px auto;
}


h5{
margin:5 15 5 3px;
    padding:3 5 3 15;
    border-bottom: 1px dashed #0b3b0b;
    font-size:18px;
    font-weight: bold;
    text-align:left;
}

h6{
margin:5 5 20 0px;
    padding:3 3 3 10;
    border-bottom: 2px solid #0b3b0b;
    font-size:18px;
    font-weight: bold;
    text-align:left;
    border-left:7px solid #0b3b0b;
}


h4 {
	position: relative;
	padding: 0 .5em .5em 2em;
	border-bottom:1px solid #ccc;
}
h4::before,
h4::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
h4::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(150, 150, 150, .5);
}
h4::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(210, 210, 210, .5);
}

.item0 ul{
margin:5 15 5 10px;
padding:0 0 0 10px;
font-size:15px;
text-align:left;
}

.item0 li{
text-align:left;
list-style-type :none;
}


.item2{
font-size:14px;
padding:0;
text-align:left;
list-style-image : url(menu/pathgr.png);
}


li.item4 {
margin-left:25px;
padding:5px;
font-size:13px;
text-align:left;
list-style-image : url(menu/pathgr.png);
}
 
li.item3{
margin:5 15 5 0px;
padding:2 2 2 7px;
font-size:15px
text-align:left;
font-weight:normal;
list-style:none;
border-bottom:solid 1px #e3e3e3;
}


li.item5{
margin:5 15 5 0px;
padding:2 2 2 7px;
font-size:15px
text-align:left;
list-style:none;
font-weight:normal;
}

li.item6 {
margin-left:15px;
padding:5px;
font-size:13px;
text-align:left;
list-style-image : url(menu/pathlist.png);
}

li.item7{
margin:5 15 5 0px;
padding:2 2 2 7px;
font-size:15px
text-align:left;
font-weight:normal;
list-style:none;
border-top:solid 1px #e3e3e3;
border-bottom:solid 1px #e3e3e3;
}

#navi{
	margin:20 0 5 5;
padding:0;
width:245;
float:left;
}

#navitop{
margin:0 auto0 0 auto;
padding:5 0 0 0;
width:245px;
text-align:center;
float:right;
}

.navitopmenu ul{
margin:0;
padding:0;
}

.navitopmenu li{
list-style-type:none;
margin:2 0px;
padding:0;
}


#navi img{
margin:2 0 2 0;
}




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




#footerbg{
	font-size:12px;
color:#fff;
background-color:#0b3b0b;
padding:2px;
margin:0 0 15 0;
}



#footer{
	width:980px;
margin:0 auto 0 auto;
}

.footernavi{
	text-align:left;
	float:left;
	width:20%;
}



.footernavi li a{
color:#fff;
}

.footernavi li:hover a{
color:#ffff00;
}


.footernavi li{
list-style-image : url(menu/head.png);
padding:5 0 0 0;
}

li.item{
	margin:3px;
list-style-image : url(menu/path.png);
}

.copyright{
	text-align:center;
margin:30 auto 30 auto;
}


#page-top{
position:fixed;
bottom:20px;
right:20px;
font-size:77%;
font-weight:bold;
}


#page-top a{
background:#fff;
text-decorartion:none;
color:#0b3b0b;
width:100px;
padding:10px 0;
text-align:center;
display:block;
border-radius:5px;
}

@media print{
#page-top {
display:none;
	}
}



.bar1{
width:100%;
background-color:#0b3b0b;
height:2px;
border:0;
}


/*廃番製品*/


.haiban img{
float:left;
margin:8px;
}

.haiban ul{
list-style-type:none;
}

.haiban li.name{
font-size:16px;
font-weight:bold;
padding:8px;
}

.haiban li.date{
font-size:14px;
font-weight:normal;
}

.haiban{
margin:5px;
border-collapse:collapse;
border-bottom:1px solid #e3e3e3;
width:90%;
}







#dropmenu {
  position: relative;
  list-style-type: none;
  width: 980px;
  height: 40px;
  margin: 20px auto 60px;
  padding: 0;
}
#dropmenu li {
  width: 163px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  position:relative;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 1;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index:100;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #0b3b0b;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}


#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-bottom: 1px solid #fff;
}

#dropmenu ul li a:hover{
background-color:#e3e3e3;
color:#424242;
}

#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}

/*別注品のページ*/
.order {
font-size:14px;
line-height:160%;
}

.nagare{
font-size:14px;
border-collapse:collapse;
}

.nagare th{
border-bottom:1px solid #e3e3e3;
text-align:left;
background-color:#e3e3e3;
padding:5px;
}

.nagare td{
border-bottom:1px solid #e3e3e3;
padding:20px;
line-height:160%;
}

.nagare th img{
display: inline-block;vertical-align: middle;
}

.oform{
font-size:13px;
border:1px solid #e3e3e3;
border-collapse:collapse;
}

.oform th{
border:1px solid #848484;
text-align:left;
background-color:#e3e3e3;
padding:5px;
}

.oform td{
border:0.7px solid #848484;
padding:10px;
line-height:160%;
}

.oform th img{
display: inline-block;vertical-align: middle;
}

.order{
font-size:14px;
}

.form{
margin:20px auto 40px;;
}

/*機械用ドリル*/

.kg{
margin:10px 5px;
border-collapse:collapse;
}

.kg th{
padding:3px;
font-weight:normal;
background-color:#e3e3e3;
}

.kg td{
padding:5px;
}

.kg td img{
margin:7px;
}

.kg1{
line-height:180%;
}

/*問い合わせ*/
.toiawse{
margin:5px;
}

.toiawase ul{
list-style-type:none;
font-size:14px;
padding:5px;
}

.toiawase li{
padding:3px;
}

.toiawase img{
margin:10px auto 20px;
}



/*研磨方法*/
.kenma{
font-size:14px;
}

/*ラベル*/
.rabel ul{
width:720px;
text-align:left;
padding:0;
margin:0;
}

.rabel li {
padding-left:6px;
margin:6px;
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
font-size:14px;
}
.rabel li + li {
border-left:1px solid #CCC;
}

/*お客様の声*/
.voice{
margin:5px 5px 30px 5px;
border-collapse:collapse;
}

.voice th{
text-align:left;
padding:5px 10px;
font-size:14px;
font-weight:normal;
}

.voice td{
border-width:1px 0px;
border-style:solid;
border-color:#e3e3e3;
text-align:left;
padding:5px 20px;
font-size:14px;
}

.voice th img{
display: inline-block;vertical-align: middle;
}

/*家具建具*/
.city2 ul{
width:720px;
text-align:left;
padding:0;
margin:0;
}

.city2 li {
padding-left:6px;
margin:6px;
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
font-size:14px;
}
.city2 li + li {
border-left:1px solid #CCC;
}