@charset "utf-8";

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
	vertical-align: baseline; background: transparent;
}
body {
	line-height: 1; color: #555;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS P Gothic","Osaka","Hiragino Kaku Gothic Pro", Verdana,Arial, Helvetica, sans-serif; 
}
ol, ul { list-style: none; }

:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*----- 共通内容 -----*/

.wrap { width: 960px; margin: 0 auto; }
.line0 { line-height: 0; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; line-height: 0; }
.cen { text-align: center; }
.opa a:hover img { opacity:0.8;	filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; }
.none { display: none; }
.tr { text-align: right; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb50 { padding-bottom: 50px; }

.red { color: #e00; }
.orange { color: #f50; }

.p01 { font-size: 14px; line-height: 1.33; padding: 0 0 10px; }
.p02 { font-size: 12px; line-height: 1.25; padding: 0 0 10px; }


#header .head_top { background: #00a1ea; height: 25px; }
#header .head_main { background: url(../img/common/header_bg.jpg) no-repeat center; height: 120px; }
#header .head_contents { width: 530px; float: right; padding: 12px 10px 0; }
#header h1 { width: 320px; float: left; padding: 30px 5px 0; }
#header h2 { color: #fff; font-weight: normal; font-size: 14px; padding: 7px 10px 0; }
#header h3 { width: 250px; float: left; padding: 15px 0 0; color: #363; font-size: 14px;  }
#header .head_tel { padding: 11px 0; text-align: right; }
#header .head_address { font-size: 14px; text-align: right; }

#nav { background: url(../img/common/navi_bg.gif) repeat-x; height: 60px; }
#nav li { float: left; line-height: 0; }

#main { background: url(../img/common/main_bg.gif) top repeat-x; }
.main_inner { width: 940px; margin: 0 auto; padding: 30px 10px 0; background: #fff; }
.totop { text-align: right; line-height: 0; padding: 20px 5px 0 0; }

#contents { width: 630px; float: left; }
#contents a { color: #555; text-decoration: none; }
#contents a:hover { color: #888; text-decoration: underline; }

#contents h3.title_h3 { background: #00a1ea; color: #fff; padding: 12px 15px; margin: 0 0 20px; letter-spacing: 2px; }
#contents h4.title_h4 { color: #f50; font-size: 20px; line-height: 1.25; padding: 0 0 10px; }

.guide { border-top: dotted 2px #666; padding: 30px 0 0; margin: 30px 0 0; }
.guide h4 { color: #069; line-height: 1.2; padding: 8px 0 10px; }
.guide h5 { padding: 0 0 5px; }
.guide_left { width: 297px; padding: 10px 8px 5px; float: left; }
.guide_right { width: 297px; padding: 10px 8px 5px; float: right; }

#side { width: 290px; float: right; }
#side ul.category li { border-bottom: dotted 1px #ccc; }
#side ul.category li:last-child { border: none; }
#side .side_pic { margin: 10px 0; text-align: center; }
#side .side_pic img { padding: 3px; border: solid 2px #ccc; }
#side h2 { padding: 10px 0; color: #363; text-align: center; }

.box { border: solid 1px #bbb; padding: 1px; background: #fff; margin: 0 0 30px; }

#footer { border-top: solid 10px #00a1ea; padding: 20px 0 0; }
#footer a { color: #555; text-decoration: none; }
#footer a:hover { color: #888; text-decoration: underline; }
#footer .foot_left { width: 640px; float: left; }
#footer .foot_left ul li { font-size: 14px; float: left; border-right: solid 1px #555; padding: 0 10px; }
#footer .foot_left ul li:last-child { border: none; } 
#footer .foot_right { width: 320px; float: right; padding: 0 0 15px; }
#footer h2 { width: 470px; float: left; text-align: right; color: #363; padding: 7px 0 20px; }

.copyright { background: #00a1ea; height: 30px; }
.copyright p { font-size: 14px; padding: 8px 0 0; color: #fff; }

.table01 { width: 100%; border-top: solid 1px #999; border-left: solid 1px #999; line-height: 1.33; }
.table01 th { border-right: solid 1px #999; border-bottom: solid 1px #999; }
.table01 td { border-right: solid 1px #999; border-bottom: solid 1px #999; }

.col2_left { width: 50%; float: left; }
.col2_right { width: 50%; float: right; }

#contents .btn01 { width: 80%; margin: 0 auto 50px; }
#contents .btn01 a { display: block; background: #999; border-radius: 10px; font-weight: bold; color: #fff; padding: 15px 20px; text-align: center; }
#contents .btn01 a:hover { text-decoration: none; }

.ul01 li { font-size: 14px; line-height: 1.3; list-style: outside disc; margin: 0 0 5px 24px; }
.ul01 li span { font-size: 12px; color: #666; }

.ol01 li { font-size: 14px; line-height: 1.3; list-style: outside decimal; margin: 0 0 5px 24px; }
.ol01 li span { font-size: 12px; color: #666; }



/* 商品共通 */

.shop { font-size: 14px; line-height: 1.33; margin: 0 0 30px; }
.shop h3 { color: #f30; font-size: 20px; background: #fdd; padding: 10px 20px; line-height: 1.2; border-radius: 24px; margin: 0 0 10px; }
.shop table { margin: 15px 0; border-top: solid 1px #999; border-left: solid 1px #999; line-height: 1.33; }
.shop table td { border-right: solid 1px #999; border-bottom: solid 1px #999; padding: 5px 10px; }
.shop table td.tb01 { background: #cff; width: 45%; }
.shop table td.tb02 p { text-decoration: line-through; }

#tab li { float: left; padding: 10px; width: 294px; list-style: none; cursor: pointer; background: #eee; border-right: solid 1px #fff; border-bottom: solid 1px #fff; }
#tab li.select { background: #5fc; color: #f50; font-weight: bold; }
.disnon { display: none; }

.kakaku { font-weight: bold; color: #e00; font-size: 20px; }

.links4 { border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; padding: 10px 0; }
.links4 li { float: left; padding: 0 10px; border-right: solid 1px #999; margin: 5px 0; line-height: 1.3; }

.links5 { border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; padding: 10px 0; }
.links5 li { float: left; padding: 0 20px; border-right: solid 1px #999; margin: 8px 0; line-height: 1.3; }

.pagetop2 { clear: both; padding: 10px 0 30px; text-align: right; font-size: 14px; }

.vbelt_table {}
.vbelt_table th { background: #cff; padding: 5px 10px; text-align: left; }
.vbelt_table td { vertical-align: top; padding: 10px; }
.vbelt_table td h3 { color: #f30; font-size: 16px; background: #fdd; padding: 10px 20px; line-height: 1.2; border-radius: 24px; margin: 0 0 10px; }

.sawchain_table { margin: 0 0 10px; }
.sawchain_table th { background: #cff; padding: 5px 10px; text-align: left; }
.sawchain_table td { vertical-align: top; padding: 10px; }
.sawchain_table td:first-child { width:150px; }
.sawchain_table td h3 { color: #f30; font-size: 14px; background: #fdd; padding: 10px 20px; line-height: 1.2; border-radius: 24px; margin: 0 0 10px; }
.sawchain_list { font-size: 12px; line-height: 1.2; }
.sawchain_list th { vertical-align: middle; background: #f5f5f5; padding: 3px 1px; }
.sawchain_list td { vertical-align: middle; padding: 3px 1px; text-align: center; }
.sawchain_cart { float: right; }

.combine_table { margin: 0 0 10px; }
.combine_table th { background: #cff; padding: 5px 10px; text-align: left; }
.combine_table td { vertical-align: top; padding: 10px; }
.combine_table td h3 { color: #f30; font-size: 14px; background: #fdd; padding: 10px 20px; line-height: 1.2; border-radius: 24px; margin: 0 0 10px; }
.combine_table td.combine_img { width:150px; }


/* 商品詳細 */

.items h2 { background: #00a1ea; color: #fff; padding: 12px 15px; margin: 0 0 20px; letter-spacing: 2px; line-height: 1.2; }
.items h3 { color: #f50; font-size: 20px; line-height: 1.25; padding: 0 0 20px; }
.items h4 { clear:both; color: #f50; font-size: 20px; line-height: 1.25; padding: 0 0 10px; border-bottom: solid 1px #f50; margin-bottom: 20px; }


.items .s_imgbox1 { float: left; padding: 0 20px 30px 0; }
.items .s_textbox { font-size: 14px; line-height: 1.4; padding: 0 0 20px; }
.items #itembox table { width: 100%; border-top: solid 1px #999; border-left: solid 1px #999; line-height: 1.33;  }
.items #itembox table th { border-right: solid 1px #999; border-bottom: solid 1px #999; }
.items #itembox table td { border-right: solid 1px #999; border-bottom: solid 1px #999; padding: 5px 10px; }
.items #itembox table td.tb01 { background: #cff; width: 45%; }
.items #itembox table td.tb02 p { text-decoration: line-through; }
.items p.note02 { font-size: 14px; line-height: 1.3; padding: 0 0 10px; }

.items table.list { width: 50%; border-top: solid 1px #999; border-left: solid 1px #999; line-height: 1.33; }
.items table.list th { border-right: solid 1px #999; border-bottom: solid 1px #999; padding: 5px 10px; }
.items table.list td { border-right: solid 1px #999; border-bottom: solid 1px #999; padding: 5px 10px; }

.items table.list01 { width: 100%; border-top: solid 1px #999; border-left: solid 1px #999; line-height: 1.33; }
.items table.list01 th { border-right: solid 1px #999; border-bottom: solid 1px #999; padding: 5px 10px; }
.items table.list01 td { border-right: solid 1px #999; border-bottom: solid 1px #999; padding: 5px 10px; }



/* トップページ */

.news { height: 125px; overflow-y: scroll; padding: 10px; }

.recommend { width: 184px; padding: 12px; float: left; }
.recommend img { border: solid 2px #ccc; text-align: center; }
.rec_name { font-weight: bold; font-size: 14px; line-height: 1.25; color: #f50; padding: 10px 0; }
.rec_detail { text-align: right; font-size: 14px; }



/* 耕うん爪 */

.kouun_slide { width: 550px; margin: 0 auto 30px; }
.kouun_kind { font-weight: bold; font-size: 20px; color: #f50; }

#contents .btn_kouun a { background: #c00; }
#contents .btn_kouun a:hover { background: #f33; }

#cal_box { height: 500px; overflow-y: scroll; border: solid 5px #ccc; }

.kouun_search { margin: 10px 0 30px; }
.kouun_search th { background: #cff; text-align: left; width: 25%; padding: 10px; }
.kouun_search td { padding: 10px; }
.kouun_search select { width: 80%; height: 20px; }

.btn_submit { display: block; border: none; background: #999; border-radius: 16px; padding: 15px; font-size: 20px; text-align: center; font-weight: bold; color: #fff; cursor: pointer; width: 80%; margin: 0 auto 30px; }
.btn_submit:hover { background: #f90; }

.wrench { padding: 0 20px 0 0; }



/* Vベルト */

.vbelt_char { font-size: 14px; margin: 0 0 30px; }
.vbelt_char th { background: #cef; vertical-align: middle; padding: 5px 0; }
.vbelt_char td { padding: 5px; vertical-align: middle; }
.vbelt_char01 { width: 35%; font-size: 12px; } 

#contents .btn_vbelt a { background: #f90; }
#contents .btn_vbelt a:hover { background: #fc3; }

.vbelt_method h4 { background: #999; color: #fff; padding: 8px 13px; border-radius: 16px; margin: 0 0 10px; }
.vbelt_method ul li { font-size: 12px; line-height: 1.25; list-style: outside decimal; margin: 0 0 5px 24px; }



/* ソーチェーン */

#contents .btn_sawchain a { background: #096; }
#contents .btn_sawchain a:hover { background: #3c9; }



/* コンテンツページ */

.info h4 { font-size: 20px; border-bottom: solid 5px #00a1ea; padding: 0 0 10px; margin: 0 0 10px; }
.info h4 span { color: #c30; padding: 0 10px 0 0; }
.info h5 { color: #900; padding: 8px 13px; background: #fdd; margin: 0 0 5px; }

.company { font-size: 14px; margin: 0 0 30px; }
.company th { background: #cef; color: #036; padding: 10px; text-align: left; width: 120px; }
.company td { padding: 10px; font-size: }

.link img { float: right; }
.link dt { color: #0ae; font-weight: bold; }
.link dd { clear: both; padding: 0 0 20px; border-bottom: dotted 1px #ccc; margin-bottom: 20px; font-family: "Times New Roman", Times, serif; }


#itembox { width: 330px; float: right; }
.inc_table td { vertical-align: middle; }

.img01 { padding: 2px; border: solid 2px #ccc; }

.josetu_detail {  }
.josetu_detail th { background: #eee; text-align: left; padding: 5px; }
.josetu_detail td { padding: 5px; }