@charset "utf-8";
/* CSS Document */ /* CERAMIC site KIDA.CO.JP */

section:after {content:""; display:block; clear:both;}

/*==================== テーブル基本 ====================*/
/*タイプ0*/.table100a {width:100%; margin:15px auto; border:1px solid #003; text-align:left; border-collapse:collapse;}
           .table100a th, .table100a td {padding:4px 5px; border:1px solid #003; line-height:1.5em;}
           .table100a th {font-weight:bold; background:#F0F8FF;}/*TH全青*/
/*タイプ1*/.table100a.th_ty tr:first-child th {text-align:center; font-weight:normal; background:#F3F3F3;}/*TH縦(青)横(灰fwn)*/
/*タイプ2*/.table100a.th_y tr:first-child th {text-align:center;}/*TH横(青fwb)*/
.table100a td img {vertical-align:middle;}
.table100a span:not([class]):not([style]) {font-size:11px;}
.table100a.graph th, .table100a.graph td {line-height:1.2em;}

/*---テーブル共通---*/
/*TH・TD中央*/table.tbl_c th, table.tbl_c td {text-align:center;}
/*TH・TD太字×*/table.tbl_n th, table.tbl_n td {font-weight:normal;}
/*TD中央*/table.td_c td, td.td_c {text-align:center;} 
/*TD中央最後*/table.td_lc td:last-child {text-align:center;}
/*TH太字×*/table.th_n th {font-weight:normal;}
/*TH背景色*/
.thc_h th, th.thc_h {background:#F3F3F3 !important;}
.thc_b th, th.thc_b {background:#CEE7FF !important;}
.thc_y th, th.thc_y {background:#FFF7DB !important;}
.thc_r th, th.thc_r {background:#FFF4FF !important;}
.thc_r th, th.thc_m {background:#E8FFE8 !important;}
.thc_w th, th.thc_w {background:#FFF !important;}
/*TH1列目左*/table.th1_l tr th:nth-of-type(1) {text-align:left;}
/*TH1列目中*/table.th1_c tr th:nth-of-type(1) {text-align:center;}
/*TH2列目中*/table.th2_c tr th:nth-of-type(2) {text-align:center;}
/*TD最終列左*/table.tdz_l tr td:last-child {text-align:left;}
/*TH1行目色*/table.th1_rm tr:nth-child(1) {background-color:#E8FFE8;} table.th1_rm tr:nth-child(1) th {background-color:transparent !important;}
/*TH1行目色*/table.th1_ry tr:nth-child(1) {background-color:#FFF7DB;} table.th1_ry tr:nth-child(1) th {background-color:transparent !important;}
/*TH1行目色*/table.th1_rm tr:nth-child(1) {background-color:#E8FFE8;} table.th1_rm tr:nth-child(1) th {background-color:transparent !important;}
/*TH1行目色*/table.th1_ry tr:nth-child(1) {background-color:#FFF7DB;} table.th1_ry tr:nth-child(1) th {background-color:transparent !important;}
/*表中見出*/table h4 {margin:0.3em 0;}
/*TDフォントサイズ*/.td_f12 td {font-size:12px;} .td_f11 td {font-size:11px;}
/*横棒グラフ*/@media (max-width:800px) {.table100a.graph th:first-child span {display:none;} .table100a.graph td span {font-size:inherit;}}
/*オーバーフロー*/.tb_over {overflow-x:auto; white-space:nowrap;}
/*オーバーフロー*/.tb_over2 {overflow-x:auto;}

/*テーブルゼロ*/
.table0 {border:none; border-collapse:collapse; width:auto;} .table0 th, .table0 td {background-color:transparent; padding:5px; border:none; vertical-align:top; line-height:1.4em;}

/*H1(Original etc)*/
h1 span.h1fc_b {color:#0033FF; margin-left:1em;}

/*Goto Metric/Unified*/
.goto a {width:calc(100% - 20px); margin:15px 0; text-align:center; font-size:20px; line-height:1em; padding:10px; display:block; border-radius:5px; color:#003;}
.goto[class] span {font-weight:bold; font-size:16px; vertical-align:middle;}
.goto.m a {border-color:#9CF; background:#D0E8FF;}
.goto.u a {border-color:#9C3; background:#CAFF9F;}
.goto[class] a:hover {border-color:#FCC; background:#FFF4CC; color:#F30;}


/*セラネジメニュー(Main内)*/
#mn_neji {width:100%; margin-bottom:5px; overflow-x:auto;} #mn_neji:after {content:""; display:block; clear:both;}
#mn_neji ul {width:850px; height:60px; font-family:'meiryo ui','ms ui gothic'; font-size:12px; background-color:#F4FAFF;}
#mn_neji ul li {width:60px; height:60px; display:table; text-align:center; vertical-align:middle; float:left; border-right:2px solid #FFF; border-bottom:2px solid #FFF; white-space:nowrap; position:relative;}
#mn_neji ul li span.mn1 {position:absolute; bottom:16px; right:8px; text-align:right; font-size:8px; font-family:Arial;}
#mn_neji ul li span.mn2 {
	position:absolute;
	bottom:6px;
	right:8px;
	text-align:right;
	font-size:10px;
}
#mn_neji ul li.top {width:25px; height:60px; font-size:10px; line-height:9px;}
#mn_neji ul li a {display:table-cell; width:60px; height:60px; /*vertical-align:middle; height:16px; padding-top:44px;*/ background:#CCE5FF; text-decoration:none; border-radius:2px; color:#003;}
#mn_neji ul li.s a {background-image:url(../img/standard/mn_m_s.png);}
#mn_neji ul li.n a {background-image:url(../img/standard/mn_m_n.png);}
#mn_neji ul li.na a {background-image:url(../img/standard/mn_m_na.png);}
#mn_neji ul li.r a {background-image:url(../img/standard/mn_m_r.png);}
#mn_neji ul li.ra a {background-image:url(../img/standard/mn_m_ra.png);}
#mn_neji ul li.nut a {background-image:url(../img/standard/mn_m_nut.png);}
#mn_neji ul li[class].u a {background-color:#E5FFB2;}
#mn_neji ul li[class] a.now {background-color:#0CF; color:#F00;}
#mn_neji ul li[class].u a.now {background-color:#CF6; color:#F00;}
#mn_neji ul li[class] a:hover, #mn_neji ul li[class] a.now:hover {background-color:#FFF4FF; color:#F00; text-decoration:none;}

/*==================== 共通BOX ====================*/
/*色付ボックス*/
ul.box3 {width:calc(100% + 10px); height:auto; margin:15px auto; display:table; table-layout:fixed; overflow:hidden; font-size:14px;}
ul.box3 > li {display:table-cell; border-right:10px solid #FFF; background:#F3F3F3;}
ul.box3 li.b3_blu {background:#E8FFFF;}
ul.box3 li.b3_pnk {background:#FFEEFF;}
ul.box3 li.b3_grn {background:#E9FFD2;} 
ul.box3 li.b3_yel {background:#FEF5D8;}
ul.box3 li > a {position:relative;}
ul.box3 li h3 {font-size:16px; text-align:center;}
ul.box3 li p {margin:1em; line-height:1.6em; font-size:14px;}
/*オプション*/
ul.box3 li img {width:100%; z-index:-1; border-radius:0;}
/*横2列の場合*/
@media (max-width:420px) {
ul.box3 {margin:0;}
ul.box3 > li {display:block; width:calc(100% - 20px); border:0; margin-bottom:10px; clear:both; padding:5px;}
ul.box3 li p {margin:0.5em;}
ul.box3 li:after {content:''; clear:both; display:block;}
}

/*3ボックス基本*/
.bx3 {width:100%; margin:15px 0; overflow:hidden;}
.bx3 ul {width:calc(100% + 10px); margin:0; padding:0; font-size:0;} 
.bx3 ul li {width:calc((100% - 30px) / 3); height:150px; background:#E8F4FF; margin-right:10px; padding:0; display:block; float:left; text-align:center; font-size:16px; border-radius:5px; overflow:hidden; transition:0.2s;}
.bx3 ul li[class]:hover, .bx3 ul li[class].now {background-color:#FFF8F4;}
.bx3 ul li a {width:100%; height:40px; display:block; padding:110px 0 0 0; color:#003; font-weight:bold;}
.bx3 ul li a div {width:100%; height:40px; background:rgba(0,0,51,0.1);}
.bx3 ul li a:hover div {background:rgba(0,0,51,0.1);}
.bx3 ul li div span {font-size:11px; font-weight:normal;}

/*3ボックスオプション（セラミックねじTOPメニュー）*/
.bx3 ul li.sc_1 {background:url(../img/standard/mnb_r.png) no-repeat center bottom;}
.bx3 ul li.sc_2 {background:url(../img/standard/mnb_n.png) no-repeat center bottom;}
.bx3 ul li.sc_3 {background:url(../img/standard/mnb_na.png) no-repeat center bottom; margin-right:0;}
.bx3 ul li.sc_4 {background:url(../img/standard/mnb_ra.png) no-repeat center bottom;}
.bx3 ul li.sc_5 {background:url(../img/standard/mnb_s.png) no-repeat center bottom;}
.bx3 ul li.sc_6 {background:url(../img/standard/mnb_nut.png) no-repeat center bottom; margin-right:0;}
.bx3 ul li[class^="sc_"] {height:180px; background-color:#9CF; background-size:auto 100%;}
.bx3 ul li[class^="sc_"]:hover {background-color:#D0E8FF;}
.bx3 ul li[class^="sc_"] a {height:60px; padding:120px 0 0; color:#036;}
.bx3 ul li[class^="sc_"] a:hover, .bx3 ul li[class^="sc_"].now a {color:#F30;}
.bx3 ul li[class^="sc_"].now a:hover {color:#003;}
.bx3 ul li[class^="sc_"] a div {height:50px; padding-top:10px; line-height:1.5em; font-size:16px;}
.bx3 ul li[class^="sc_"] a div span {font-size:20px; vertical-align:middle; margin-right:5px;}
.bx3 ul li[class^="sc_"] a div span.f12 {font-size:12px; line-height:1em;}
.bx3.u ul li[class^="sc_"] {background-color:#CF9;}
.bx3.u ul li[class^="sc_"]:hover {background-color:#D7FFD7;}
@media (max-width:600px) {
.bx3 ul li[class^="sc_"] {height:110px;} .bx3 ul li[class^="sc_"] a {height:60px; padding:50px 0 0;}
}

/*2ボックス基本*/
.bx2 {width:100%; margin:15px 0; overflow:hidden;}
.bx2 ul {width:calc(100% + 10px); margin:0; padding:0; font-size:0;} 
.bx2 ul li {width:calc((100% - 20px) / 2); height:150px; background:#E8F4FF; margin-right:10px; padding:0; display:block; float:left; text-align:center; font-size:16px; border-radius:5px; overflow:hidden; transition:0.2s;}
.bx2 ul li[class]:hover, .bx2 ul li[class].now {background-color:#FFF8F4;}
.bx2 ul li a {width:100%; height:40px; display:block; padding:110px 0 0 0; color:#003; font-weight:bold;}
.bx2 ul li a div {width:100%; height:40px; background:rgba(0,0,51,0.1);}
.bx2 ul li a:hover div {background:rgba(0,0,51,0.1);}
.bx2 ul li div span {font-size:11px; font-weight:normal;}
/*2ボックスオプション（セラミックねじサイトTOPメニュー）*/
.bx2 ul li.li_s1 {background:#E8F4FF url(../img/top/products_1.png) no-repeat center bottom;}
.bx2 ul li.li_s2 {background:#E8F4FF url(../img/top/products_2.png) no-repeat center bottom;}
.bx2 ul li[class] {height:150px; background-size:contain;}
.bx2 ul li[class] a {height:40px; padding:110px 0 0 0; color:#036;}
.bx2 ul li[class] a:hover, .bx2 ul li[class].now a {color:#F30;}
.bx2 ul li[class].now a:hover {color:#003;}
.bx2 ul li[class] a div {height:40px; line-height:40px; font-size:16px;}
.bx2 ul li[class] a div span {font-size:20px; vertical-align:middle; margin-right:5px;}

/*規格素材の図面・型番の枠*/
.bx_zukata {margin:10px 0; border:1px solid #333; text-align:center; background:#FFF;} .bx_zukata img {width:100%; max-width:590px;}
/*製品画像*/
.pdct_box {width:100%; height:auto; margin:20px auto;}
.pdct_img {width:190px; height:170px; position:relative; float:left; margin:0 15px 15px 0;}
.pdct_img2 {width:190px; height:170px; position:relative; float:left; margin-bottom:15px;}
.pdct_imgl {width:395px; height:170px; position:relative; float:left; margin:0 15px 15px 0;}
.pdct_text {font-size:10px; line-height:1.5em; position:absolute; bottom:5px; left:10px; width:170px;}

.pdct_fb_y {background:#FF9; padding:0 3px; color:#F90;}
.pdct_fb_b {background:#CFF; padding:0 3px; color:#09F;}


/*----------機械加工----------*/
/*機械加工TOPのBOX*/
.box_mc1 {width:100%; clear:both; position:relative;}
.box_mc1 .btn_mc1 {width:100px; height:70px; float:right; margin-left:15px; display:table;}
.box_mc1 .btn_mc1 a {width:100px; height:70px; display:table-cell; vertical-align:middle; text-align:center; font-family:"meiryo ui", sans-serif; font-weight:bold; line-height:1.5em; border:0 solid; border-radius:2px; text-decoration:none;}

/*ボタン変化*/
.box_mc1 .btn_mc1 a.mc {background:#DEF;} .box_mc1 .btn_mc1 a:hover.mc {background:#ACD6FF;}
.box_mc1 .btn_mc1.lt a {background:#CFC;} .box_mc1 .btn_mc1.lt a:hover {background:#CF6;}
.box_mc1 .btn_mc1.rt a {background:#FFEA97;} .box_mc1 .btn_mc1.rt a:hover {background:#FC6;}


/*CADデータBOX*/
.box2 {width:100%; height:auto; margin:12px auto;}
.box2 [class^="box2_"] {width:calc((100% - 15px) / 2); height:auto; padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} 
.box2 .box2_l {float:left; background:#ECF5FF;}
.box2 .box2_r {float:right; background:#FEF8ED;}

.box2.dot_y li {background:url(../img/list/dot_c5y1.png) no-repeat left;}
/*MC5x3比較BOX*/
.box2 .box2s {width:263px; height:auto; padding:10px; padding-left:20px; border:1px solid #CCC;}
.box2 .box2sb {width:265px; height:auto; margin-bottom:10px; margin-left:15px; margin-right:10px;}
/*----------共通----------*/

/*UL,LI 2→1段*/
.dan2-1 ul {display:table; width:100%; height:auto; margin:12px auto;}
.dan2-1 ul li {display:table-cell; width:calc((100% - 15px) / 2); border-right:15px solid #FFF; float:left;}
.dan2-1 ul li:nth-child(2n+1) {clear:both;}
.dan2-1 ul li:nth-child(2n) {border-right:0;}
@media (max-width:600px) {.dan2-1 ul li {float:none; width:100%; border:none; display:block; margin-bottom:5px;}}

/*各製品画像メニュー*/
.prdct_menu {margin:1em 0; width:auto; height:25px; background:#EEF7FF; text-align:center;}
.prdct_menu:after {content:""; display:block; clear:both;}
.prdct_menu ul {width:auto; margin:0 auto; height:25px; font-size:0;}
.prdct_menu ul li {display:inline-block; font-size:13px;}
.prdct_menu ul li a {display:block; line-height:25px; min-width:80px; padding:0 10px; border-right:2px solid #FFF; background:#C4E1FF;}
.prdct_menu ul li a:hover {background:#6FF; color:#F00;}
.prdct_menu ul li a.now {background:#FFC;}

/*製品画像(材料物性と同じ)*/
.p_seihin {width:100%; margin:15px auto; overflow:hidden;}
.p_seihin ul {width:calc(100% + 10px); margin:0; padding:0;}
.p_seihin ul li {margin:0 10px 20px 0; float:left; height:180px; display:block; border:1px solid #CCC; position:relative; overflow:hidden;}
.p_seihin ul li div {text-align:center; padding-top:5px; overflow:hidden; z-index:2;}
.p_seihin ul li p {font-size:12px; line-height:1.4em; height:60px; padding:5px 7px;	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; z-index:3; width:100%; background-color:rgba(0,0,0,0.1);
	position:absolute; bottom:-6px; left:0;}
.p_seihin ul li p:hover {color:#FFF; background-color:rgba(0,0,0,0.3); transition:ease 0.5s;}
.p_seihin span {padding:1px 3px; margin:2px 3px 2px 0;}
.al {background:rgba(189,222,255,0.6); color:#09F;} .zr {background:rgba(204,255,153,0.7); color:#0C9;}
.d3 {background:rgba(253,214,123,0.6); color:#F63;} .cut {background:rgba(255,176,176,0.6); color:#F60;} .mol {background:rgba(255,206,231,0.6); color:#F60;} .mc {background:rgba(153,255,255,0.6); color:#09F;}

@media (min-width:1000px) {.p_seihin ul li {width:calc((100% - 48px) / 4);}}
@media (max-width:999px) {.p_seihin ul li {width:calc((100% - 36px) / 3);}}
@media (min-width:768px) and (max-width:850px) {.p_seihin ul li {width:calc((100% - 24px) / 2);}}
@media (max-width:599px) {.p_seihin ul li {width:calc((100% - 24px) / 2);}}
@media (max-width:350px) {.p_seihin ul li {width:calc(100% - 12px); height:120px; overflow:hidden;} .p_seihin ul li p {height:40px;}}

/*下メニュー*/
ul.mn_ud3 {width:calc(100% + 10px); height:100px; display:table; table-layout:fixed; margin:1em auto; font-size:12px;} ul.mn_ud3 span.fwb {font-size:14px; font-weight:bold;}
ul.mn_ud3 > li {display:table-cell; vertical-align:middle; text-align:center; border-right:10px solid #FFF;}
ul.mn_ud3 > li a {display:block; line-height:1.6em; width:100%; height:100px; padding:25px 5px 5px; border:1px solid #09F; background:#DEF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
ul.mn_ud3 li ul {margin:0; padding:0; width:inherit;}
ul.mn_ud3 li ul li {border-bottom:5px solid #FFF; background:#DEF; text-align:left;}
ul.mn_ud3 li ul li:last-child {border-bottom:0;}
ul.mn_ud3 li ul li a {height:30px; line-height:30px; padding:0 10px; display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.mn_ud3 li a:hover {background:#FFFBEF; color:#F90;}
ul.mn_ud3 li a.now {background:#FFF5F0; color:#F66; border:1px solid #F93;}
@media (max-width:599px) {ul.mn_ud3 li ul li span {font-size:11px; font-weight:normal;}}

/*下メニュー２*/
ul.mn_ud2 {width:100%; display:table; margin:1em auto;}
ul.mn_ud2 li {display:table-cell; border-right:5px solid #FFF; vertical-align:middle; text-align:center; color:#09F; font-size:16px; font-weight:bold;}
ul.mn_ud2 li:last-child {border-right:0;}
ul.mn_ud2 li a {background:#D0E8FF; color:#09F; display:block; width:100%; height:100%; padding:10px; line-height:1.2em; border:2px solid #9CF; border-radius:3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
ul.mn_ud2 li a:hover {background:#FFFBEF; color:#F90; border-color:#FFC08C;}
ul.mn_ud2 li a.now {background:#FFEAD5; color:#F66; border:2px solid #FFC08C;}

/*下メニュー４*/
ul.mn_ud4 {width:100%; display:table; table-layout:fixed;}
ul.mn_ud4 li {display:table-cell; height:50px; border-right:5px solid #FFF; text-align:center; vertical-align:middle;}
ul.mn_ud4 li:last-child {margin:0;}
ul.mn_ud4 li a {display:block; width:100%; height:100%; background:#F3F3F3; border-radius:3px; }

/*----------手加工----------*/

/*フロート左リスト*/
ul[class^="flist"] {margin:0.5em 0; font-size:0;}
ul[class^="flist"]:after {content:""; display:block; clear:both;}
ul[class^="flist"] li {display:inline-block; font-size:13px; font-weight:bold;}
ul[class^="flist"] li a {width:auto; padding:0 10px; min-width:80px; line-height:1.8em; display:block; background:#F7F7F7; margin:0 2px 2px 0;}
ul[class^="flist"] li span {font-size:10px; font-weight:normal;}
ul.flist2 li {width:auto;}
ul.flist3 li {color:#F60;}
/*加工場面*/
.sean193 {width:193px; height:auto; margin:0 11px 5px 0; float:left;}
.sean193 p {font-size:13px; line-height:1.6em;}
.sean193 img {margin-bottom:5px;}


/*----------規格製品----------*/
.bx_kikaku {font-family:meiryo,migmix-1p-bold; width:100%; height:auto; margin:15px auto;}
h2.h2_kikaku {font-size:40px; height:40px; line-height:40px; width:130px; margin:0; padding:0; float:left;}
.bx_kikaku p {margin:0; padding:0;}
p.gaiyo {font-size:13px; line-height:15px; margin-bottom:2px; font-weight:bold;}
p.yomi {font-size:11px; line-height:17px;}
p.yoto {box-sizing:border-box; padding:0 10px; text-align:center; line-height:20px; font-size:12px; font-weight:bold; background:#DFEFFF; color:#036; clear:both;}

h3.h3_kikaku {color:#069; font-size:18px; margin:15px auto;}
.standard_m3 {width:621px; margin:15px auto; height:200px; overflow:hidden;}
.s_m3 {width:200px; height:200px; margin-right:10px; float:left; position:relative;}
.s_m3 a {color:#003; display:block;}
.s_ms a:hover {color:#F00;}
.s_m3.r {background:url(../img/standard/menu_r2.png) no-repeat;}
.s_m3.s {background:url(../img/standard/menu_s2.png) no-repeat;}
.s_m3.c {background:url(../img/standard/menu_c2.png) no-repeat;} 
.s_m3 img {z-index:1;}
.s_m3 .sm3_text {width:200px; height:20px; position:absolute; bottom:15px; left:0; font-size:18px; font-weight:bold; font-family:meiryo,"ヒラギノ角ゴ Pro W3",sans-serif; z-index:10; text-align:center;}

ul.ul_m3 {padding-left:1em; line-height:1.4em;}
ul.ul_m3 li:before {content:"&bull";}

.btn2 a {width:calc(100% - 20px); line-height:30px; font-size:14px; font-weight:bold; text-align:center; display:block; color:#003; margin:10px; border-radius:3px;}
.btn2.nx1 a {background:#FFD09F;} /*.btn2.bx1 a {position:absolute; right:10px; bottom:10px; background:#FFD09F;}*/
.btn2.nx2 a {background:#C1E569;} /*.btn2.bx2 a {position:absolute; right:10px; bottom:10px; background:#C1E569;}*/
.btn2.nx3 a {background:#A2E0FF;} /*.btn2.bx3 a {position:absolute; right:10px; bottom:10px; background:#A2E0FF;}*/
.btn2 a:hover {background:#FCF; color:#F00; text-decoration:none;}


/*規格品 図面＋メニュー*/
.box2_1 {width:601px; height:160px; margin:15px 12px 10px; position:relative; font-family:meiryo,sans-serif; font-weight:bold; font-size:14px; background:rgba(255,255,255,0.8);}
.box2_1 .zu {width:397px; height:160px; float:left;}
.box2_1 .bn {width:194px; height:160px; float:right;}
.box2_1 .bn .bn_t1 a {width:164px; height:30px; padding-left:30px; line-height:30px; display:block; background:url(../img/standard/li_peek0xa.png) no-repeat; color:#003;}
.box2_1 .bn .bn_t1 a:hover {background:url(../img/standard/li_peek0xb.png) no-repeat; color:#F00;}
.box2_1 .bn .bn_t2 a {width:164px; height:30px; padding-left:30px; line-height:30px; display:block; background:url(../img/standard/li_peek0ya.png) no-repeat; color:#003;}
.box2_1 .bn .bn_t2 a:hover {background:url(../img/standard/li_peek0yb.png) no-repeat; color:#F00;}
.box2_1 .bn .bn_b1 {width:194px; height:55px; margin-top:10px; position:relative;}
.box2_1 .bn .bn_b1 .pk_n {width:82px; height:27px; position:absolute; top:0; right:0;}
.box2_1 .bn .bn_b1 .pk_b {width:82px; height:27px; position:absolute; bottom:0; right:0;}
.box2_1 .bn .bn_b1.sq {background:url(../img/standard/sb_s0.png) no-repeat;}
.box2_1 .bn .bn_b1.rg {background:url(../img/standard/sb_r0.png) no-repeat;}
.box2_1 .bn .bn_b1.cr {background:url(../img/standard/sb_c0.png) no-repeat;}

/*規格品 図面＋メニュー下の説明*/
.box2_2 {width:601px; margin:10px auto; overflow:hidden; line-height:1.6em; background:rgba(255,255,255,0.8);}
.box2_2 .box2_2_s {width:293px; padding:0px; border:1px dotted #333; height:100px; background:#FFF;}
.box2_2 .box2_2_s ul li {margin:0 0 2px;}
.item_s1 {background:#D0E8FF; padding:1px 0 1px 5px; width:50px; margin:0 10px 2px 0; float:left; clear:both;}

/*規格品 ２ボタン（PDF+DXF）*/
.box50 ul {display:table; width:100%; font-size:14px; font-weight:bold; margin:1em 0;}
.box50 ul li {display:table-cell; width:calc((100% - 14px) / 2); border-right:10px #FFF solid; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.box50 ul li:last-child {border-right:0;}
.box50 ul li a {display:block; width:100%; background:#F9F9F9; border:1px #999 solid; border-radius:2px; height:38px; line-height:38px; color:#666; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.box50 ul li.bcr a {background:#FFF4FF; border:1px #F99 solid; color:#F66;}
.box50 ul li a:hover {background:#999; color:#FFF;}
.box50 ul li.bcr a:hover {background:#F99; color:#FFF;}
.box50 ul li span {font-weight:normal;}
@media (max-width:450px) {.box50 ul li {display:block; width:100%; margin-bottom:5px; border-right:0;}}

.bxfx {width:100%; margin:1em 0;}
.bxfx ul {width:100%; display:table; table-layout:fixed; background:#E8E8E8; font-family:'Meiryo UI','Arial UI';}
.bxfx ul li {display:table-cell; text-align:center; vertical-align:middle; border-right:7px solid #FFF; font-size:14px;}
.bxfx ul li:last-child {border-right:0;}
.bxfx ul li a {display:block; padding:10px; border-radius:3px; color:#333; line-height:1.4em;}
.bxfx ul li span {font-weight:normal;}
.bxfx ul li:hover {background:#FFF5F0;} .bxfx ul li:hover a {color:#F30;}
.bxfx ul li.now {background:#D0E8FF;} .bxfx ul li.now a {color:#03C;} .bxfx ul li.now:hover {background:#FFF7DB;}

.btn0 ul {display:table; width:100%; font-weight:bold; margin:1em 0; font-family:Arial,'Meiryo UI'; font-size:0;}
.btn0 ul li {display:table-cell; border-right:10px #FFF solid; text-align:center; font-size:14px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn0 ul li:last-child {border-right:0;}
.btn0 ul li a {display:block; width:100%; height:100%; background:#F9F9F9; border:1px #999 solid; border-radius:2px; height:38px; line-height:38px; color:#666; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn0 ul li a:hover {background:#999; color:#FFF;}
.btn0 ul li.bcr a {background:#FFF4FF; border:1px #F99 solid; color:#F66;}
.btn0 ul li.bcr a:hover {background:#F99; color:#FFF;}
.btn0 ul li.bcy a {background:#FFF7DB; border:1px #F90 solid; color:#F90;} .btn0 ul li.bcy a:hover {background:#F90; color:#FFF;}
.btn0 ul li span {font-weight:normal;}
.btn0.bt2 li {width:calc((100% - 14px) / 2);}
.btn0.bt3 li {width:calc((100% - 26px) / 3);}
.btn0.bt4 li {width:calc((100% - 38px) / 4);}
.btn0.bcb li a {background:#F0F8FF; color:#06C; border-color:#09F;} .btn0.bcb li a:hover {background:#09F; color:#FFF;}
@media (max-width:450px) {.btn0[class] ul li {display:block; width:100%; margin-bottom:5px; border-right:0;}}


/*規格品 IMG中央寄せバックカラー*/
.img_c_bb {width:100%; height:auto; text-align:center; background:#DFEFFF; margin:15px 0;}
.img_c_bb img {width:100%; max-width:600px;}

.bx_img_150l {width:150px; height:auto; margin-right:10px; float:left;}


/*tdセンター*/
td.td_c {text-align:center;}

/*ねじ価格表*/
#hd_price {min-height:120px; position:relative;}
img.zmn {float:left; border-right:15px solid #FFF;}
#hd_price ul {padding-right:120px; padding-top:5px;}
#hd_price ul li:before {font-family:'fas_s'; content:'\f111'; color:#9CF; margin-right:0.5em; font-size:10px;}
#hd_price ul li {line-height:1.6em;}
#hd_price .r_btn a {position:absolute; right:15px; width:90px; height:40px; line-height:40px; font-size:12px; font-weight:bold; display:block; border-radius:2px; text-align:center;}
#hd_price .r_btn a span {font-size:16px; font-weight:normal; margin-right:3px;} 
#hd_price .r_btn.print a {background:#D0E8FF; top:0;}
#hd_price .r_btn.inq1 a {background:#D2F4B7; top:50px; color:#099;}
#hd_price .r_btn[class] a:hover {background:#FFF4FF; color:#F60;}
@media (max-width:599px) {
#hd_price {height:auto;}
#hd_price ul {clear:both; padding-right:0;}
#hd_price .r_btn a {right:0; width:calc(100% - 210px);}
}

table.screw1 {font-size:12px; font-family:Arial,"meiryo UI",meiryo,"MS UI Gothic"; border-collapse:collapse; clear:both; width:100%; margin:1em 0;}
table.screw1 th, table.screw1 td {border:#666 solid 1px; text-align:center; white-space:nowrap;}
table.screw1 th {padding:4px 2px;}
table.screw1 td {padding:3px 2px;}
table.screw1.u_id td:nth-of-type(3),table.screw1.u_id td:nth-of-type(5) {padding-left:10px; text-align:left;}
table.screw1 tr:nth-of-type(2) th {font-weight:normal;background:#E9D2FF;}
table.screw1 tr:nth-of-type(n+3) th:nth-of-type(n+2) {font-weight:normal;} 
tr.bg_cl1 th, tr.bg_cl1 td {background:#EFEFEF;} tr.bg_cl1 td:nth-of-type(-n+2) {background:#EFEFEF;} tr.bg_cl1 td:nth-of-type(n+3):nth-of-type(-n+4) {background:#D2FFFF;} tr.bg_cl1 td:nth-of-type(n+5):nth-of-type(-n+6) {background:#D1FFA4;}
tr.bg_cl2 th, tr.bg_cl2 td:nth-of-type(-n+2) {background:#FFFFE6;}

table.screw1 th.bg_g2 {background:#999; color:#FFF;}
table.screw1 td.bg_b2, table.screw1 th.bg_b2 {background:#E9D2FF;}
table.screw1 th.bg_b3 {background:#09F; color:#FFF; text-align:right;}
table.screw1 th.bg_b4 {background:#006; color:#FFF; text-align:right;}
table.screw1 th.bg_m {background:#9C0; color:#FFF; text-align:right;}
table.screw1 td.bg_m {background:#D1FFA4;}

table.screw1 tr:hover td {background-color:#FCF !important;}

/*table.screw1 tr td:hover {background-color:#FCF;}*/
table.screw1 .u_id {padding-left:10px; text-align:left;}
table.screw1 th.th_n {font-weight:normal;}

table div.t_title1 {margin-right:15px; text-align:right;}
table div.t_title2 {text-align:left; font-size:10px;}
table span.t_title1a {padding:0 20px 0 15px; font-size:10px;}
table span.t_title1b {padding:0 15px; font-size:10px;}

table.screw2 {width:625px; font-size:12px; font-family:Arial, "MS UI Gothic"; border:1px solid #666; border-collapse:collapse; margin:15px 0;}
table.screw2 th {text-align:center; background:#FFF; padding:2px 0; border:1px solid #666;}
table.screw2 td {text-align:center; background:#FFF; padding:2px 0; border:1px solid #666;}
table.screw2 th.bg_g, table.screw2 td.bg_g {background:#EFEFEF;}
table.screw2 th.bg_g2 {background:#999; color:#FFF;}
table.screw2 td.bg_b {background:#D2FFFF;}
table.screw2 td.bg_b2 {background:#E9D2FF;}
table.screw2 th.bg_b3 {background:#09F; color:#FFF; text-align:right;}
table.screw2 th.bg_b4 {background:#006; color:#FFF; text-align:right;}
table.screw2 th.bg_y, table.screw2 td.bg_y {background:#FFFFE6;}
table.screw2 td.bg_m {background:#D1FFA4;}
table.screw2 .f10 {font-size:10px;} 
table.screw2 tr:hover td {background-color:#FCF;}
table.screw2 tr, table.screw2 th, table.screw2 td {padding:0; margin:0;}


table.torque1 {}
table.torque1 th {font-weight:normal;}
table.torque1 td {text-align:center;}


table.torque2 {}
table.torque2 th, table.torque2 td {line-height:1.5em; font-weight:normal;}
table.torque2 th {background:#F2F2F2;}
td.back_g {background:#F6F6F6;}
table.torque2b {padding:0; border:0; margin:0;}
table.torque2b th, table.torque2b td {padding:3px 0; text-align:left;}

/*詳しい内容は*/
.to_detail a {width:100%; border:#9CF 3px solid; border-radius:5px; background:#CEE7FF; display:block; text-align:center; font-size:18px; font-weight:bold; margin:15px 0; padding:15px 0; color:#039;}
.to_detail a:hover {background:#9CF; color:#FFF;}

/*ul,li頭のタイトル的文字列のデコレーション*/
li span.li_t {font-weight:bold; display:inline-block;}