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

.item_kiso {margin:1em 0; padding:10px; height:43px; border:1px dotted #CCCCCC; clear:both;}
.item_kiso .ikiso_text {}

h2.h2_uh_word {border-bottom:3px solid #E6E6E6; line-height:24px; margin:20px auto 15px; padding:10px 5px 5px; text-align:center; display:block; clear:both;}

h3.h3_kisotop {width:150px; height:43px; text-align:center; line-height:43px; font-size:16px; background:#99CC00; color:#FFF; float:left; margin-right:10px;}
h3.h3_kisotop a {display:block; color:#FFF;}
h3.h3_kisotop a:hover {color:#FF0000; background:#F9F0A2;}
.img_ya1 {float:right; margin-left:10px;}

p.lh43 {line-height:43px;}

/*StudyMenu(Main内)*/
#mn_study {width:100%; margin-bottom:5px; overflow-x:auto;} #mn_study:after {content:""; display:block; clear:both;}
#mn_study ul {width:850px; height:38px; font-family:'Arial narrow','meiryo ui','ms ui gothic'; font-size:12px; background-color:#F4FAFF;}
#mn_study ul li {width:58px; height:38px; display:table; text-align:center; vertical-align:middle; float:left; border-right:2px solid #FFF; border-bottom:2px solid #FFF; white-space:nowrap;}
#mn_study ul li.top {width:25px; height:38px; font-size:10px; line-height:9px;}
#mn_study ul li a {display:table-cell; width:58px; height:38px; vertical-align:middle; background:#CEE6FF; text-decoration:none; border-radius:2px; color:#039;}
#mn_study ul li a.now {background-color:#FFE3D7; color:#F00;}
#mn_study ul li a:hover, #mn_study ul li a.now:hover {background-color:#FFF4FF; color:#F90; text-decoration:none;}

.f_sp5 {letter-spacing:5px; margin-right:-5px;}

li.mn_sitem .mn_stop {width:25px; height:38px;}
li.mn_sitem .mn_item {width:58px; height:38px;}

/*種類と物性メニュー(各ページ上)*/
#mn_mates {width:100%; height:auto; font-family:'meiryo ui','ms ui pgothic'; overflow:hidden;} #mn_mates:after{content:""; display:block; clear:both;}
#mn_mates ul {width:100%; height:auto;}
#mn_mates ul li.top {height:auto; width:25px; display:table; font-size:10px; float:left; text-align:center;}
#mn_mates ul li.top a {width:25px; height:52px; display:table-cell; background:#E8E8E8; border-radius:2px; vertical-align:middle;}
#mn_mates ul li.top a:hover {background:#FFF4FF;}
#mn_mates ul li:not(.top) {heicht:25px; width:calc((100% - 42px) / 8); display:table; text-align:center; float:left; border-left:solid #FFF 2px; border-bottom:solid #FFF 2px;}
#mn_mates ul li:not(.top) a {height:25px; width:100%; display:table-cell; text-align:center; vertical-align:middle; background:#F5F5F5; border-radius:2px; font-size:11px;}
#mn_mates ul li:not(.top) a:hover {background:#FFF8E1; color:#F60;} #mn_mates li:not(.top) a.now {background:#E5FFCC; color:#F30;} #mn_mates ul li:not(.top) a.non {color:#CCC;}
@media (max-width:600px) {#mn_mates ul li.top a {height:79px;} #mn_mates ul li:not(.top) {width:calc((100% - 37px) / 6);}}
@media (max-width:500px) {#mn_mates ul li:not(.top) {width:calc((100% - 35px) / 5);}}


/*YogoMenu(Main内)あ～わA-Z*/
#menu_yogo {width:100%; margin:5px 0; clear:both; overflow-x:auto;}
#menu_yogo ul {height:48px; width:100%; font-family:meiryo, sans-serif; font-weight:bold; font-size:0;}
#menu_yogo ul li {display:inline-block; margin-right:2px; white-space:nowrap; width:calc((100% - 20px) / 11);}
#menu_yogo ul li:last-child {margin:0;} 
#menu_yogo ul li a {height:44px; color:#CCC; display:block; text-align:center; line-height:44px; font-size:20px; border:2px solid #E7E7E7;}
#menu_yogo ul li a:hover {border:2px solid #FFEA97; color:#FED045;}
#menu_yogo ul li a.now {border:2px solid #FCF; color:#F99; background-color:#FFF4FF;}


/*材料物性(各樹脂)のH2*/
h2.h2_mate_bussei {font-size:18px; line-height:1.35em; padding:5px 10px; border-left:12px solid; margin:20px 0; vertical-align:middle;}
h2.h2_mate_bussei[class]:before {font-size:13px; color:#FFF; padding:1px 5px 2px; border-radius:2px; vertical-align:middle; margin-right:8px; font-weight:normal;}
h2.h2_mate_bussei.h2_m_b1 {color:#5E5740; border-left-color:#C2B5A5;}
h2.h2_mate_bussei.h2_m_b1:before {content:"スーパーエンプラ"; background-color:#C2B5A5; letter-spacing:-2px;}
h2.h2_mate_bussei.h2_m_b2 {color:#06C; border-left-color:#39F;}
h2.h2_mate_bussei.h2_m_b2:before {content:"エンプラ"; background-color:#39F;}
h2.h2_mate_bussei.h2_m_b3 {color:#09F; border-left-color:#9CF;}
h2.h2_mate_bussei.h2_m_b3:before {content:"汎用樹脂"; background-color:#9CF;}
h2.h2_mate_bussei.h2_m_b4 {color:#099; border-left-color:#9C0;}
h2.h2_mate_bussei.h2_m_b4:before {content:"熱硬化性樹脂"; background-color:#9C0;}

/*材料物性(各樹脂)のH3*/
h3.h3_mate_item {font-size:16px; line-height:1.3em; padding:3px 10px; border-left:12px solid; margin:15px 0; position:relative;}
h3.h3_mate_item[class]:after {content:""; position:absolute; bottom:-5px; left:-12px; width:calc(100% + 12px); height:0; border-bottom:1px dotted #999;}
h3.h3_mate_item.h3_m_b1 {border-left-color:#E7E1EB; color:#5E5740;}
h3.h3_mate_item.h3_m_b2 {border-left-color:#ADD6FF; color:#06C;}
h3.h3_mate_item.h3_m_b3 {border-left-color:#D6EBFF; color:#09F;}
h3.h3_mate_item.h3_m_b4 {border-left-color:#D6EB99; color:#099;}


/*材料物性(各樹脂)のタブ*/
[id^="mate_tab0"] {width:100%; height:25px; margin:10px auto; text-align:center; font-size:12px;}
[id^="mate_tab0"]:after {content:""; clear:both; display:block;}
#mate_tab0a {background:url(../img/study/tab0_bg.gif) bottom repeat-x;} /*上*/
#mate_tab0b {background:url(../img/study/tab0_bg.gif) top repeat-x;} /*下*/
.inbox3 {width:248px; height:25px; margin:0 auto;}
.inbox4 {width:330px; height:25px; margin:0 auto;}
[class^="tab0"] a {width:80px; height:25px; line-height:25px; float:left; margin-right:2px; display:block;}
.tab0a a {background:url(../img/study/tab1a.gif) no-repeat;} /*上*/
.tab0b a {background:url(../img/study/tab2a.gif) no-repeat;} /*下*/
.tab0a a:hover, .tab0a a.now {background:url(../img/study/tab1b.gif) no-repeat;}
.tab0b a:hover, .tab0b a.now {background:url(../img/study/tab2b.gif) no-repeat;}

/*材料物性(各樹脂)タブ下の物性表1・2・3…*/
.mate_bhyo_tab {width:100%; line-height:30px; text-align:center; background:#F3F3F3; margin:10px auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mate_bhyo_tab:after {content:""; clear:both; display:block;}
.mate_bhyo_tab a.now {text-decoration:underline;}
.mg_b10 {margin:0 0 10px; width:auto;}

/*略号・名称・呼称・外観*/
.mate_g {clear:both; overflow-x:auto;}
.mate_img {margin:0 15px 10px 0; float:left;}
.mate_g ul {line-height:1em; padding-top:3px;}
.mate_g ul li {margin-bottom:12px; white-space:nowrap;}
[class^="name_s"] {padding:0 5px; line-height:0.8em; font-size:12px; text-align:center; margin-right:10px; border-radius:2px; color:#FFF;}
.name_s1 {background:#FC6;}/*橙*/
.name_s2 {background:#9C6;}/*緑*/
.name_s3 {background:#6CF;}/*青-備考*/

/*物性概要の長所・短所*/
.h4_bussei {border:1px solid; padding:1px 10px; border-radius:2px;}/*spanに記述*/
.h4_bussei.h4_b {border-color:#0099CC; background:#EEF7FF; color:#06C;}
.h4_bussei.h4_g {border-color:#CCCCCC; background:#F3F3F3;}
ul.ul_bussei, dl.dl_bussei {margin:0.5em 0; line-height:1.8em;}
li.li_b_good, dt.dt_b_good {background:url(../img/dot/dot8bl1.gif) 0 7px no-repeat; padding-left:15px; font-size:14px;}/*長所*/
li.li_b_bad, dt.dt_b_bad {background:url(../img/dot/dot8gy1.gif) 0 7px no-repeat; padding-left:15px; font-size:14px;}/*短所*/
li.li_b_gb, dt.dt_b_gb {background:url(../img/dot/dot8gn1.gif) 0 7px no-repeat; padding-left:15px; font-size:14px;}/*特徴*/
li.li_b_use, dt.dt_b_use {background:url(../img/dot/dot8rd2.gif) 0 7px no-repeat; padding-left:15px; font-size:14px;}/*用途*/
li.li_b_c, dt.dt_b_c {background:url(../img/dot/dor_c_pink8.png) left no-repeat; padding-left:15px; font-size:14px;}/*something*/
dl.dl_bussei {margin:1em 0; line-height:2em;}/*DL*/
dl.dl_bussei dt {font-family:meiryo,'hiragino kaku gothic',sans-serif; font-size:14px; font-weight:bold;}
dl.dl_bussei dt.dt_b_good {background:url(../img/dot/dot8_b.png) 0 7px no-repeat; padding-left:15px; font-weight:bold; color:#06C;}/*DT長所*/
dl.dl_bussei dt.dt_b_bad {background:url(../img/dot/dot8_h.png) 0 7px no-repeat; padding-left:15px; font-weight:bold; color:#646464;}/*DT短所*/
dl.dl_bussei dt.dt_b_gb {background:url(../img/dot/dot8_m.png) 0 7px no-repeat; padding-left:15px; font-weight:bold; color:#06C;}/*DT特徴*/
dl.dl_bussei dt.dt_b_use {background:url(../img/dot/dot8_p.png) 0 7px no-repeat; padding-left:15px; font-weight:bold; color:#C33;}/*DT特徴*/
dl.dl_bussei dd {padding-left:15px; line-height:1.8em; margin-bottom:0.8em;}
dl.dl_bussei dt span {font-size:12px; font-weight:normal; color:#333; font-family:"MS PGothic";}

dl.dl_bs {margin:1em 0 2em;}/*DL*/
dl.dl_bs dt {font-family:meiryo,'hiragino kaku gothic',sans-serif; font-size:15px; font-weight:bold; margin:0.8em 0; line-height:1.4em;}
dl.dl_bs dt.dt_bs_gd {border-left:10px solid #D0E8FF; padding-left:10px; font-weight:bold; color:#039;}/*DT長所*/
dl.dl_bs dt.dt_bs_bd {border-left:10px solid #CCC; padding-left:10px; font-weight:bold; color:#333;}/*DT短所*/
dl.dl_bs dt.dt_bs_gb {border-left:10px solid #CF9; padding-left:10px; font-weight:bold; color:#06C;}/*DT特徴*/
dl.dl_bs dt.dt_bs_us {border-left:10px solid #FFE3D7; padding-left:10px; font-weight:bold; color:#C33;}/*DT特徴*/
dl.dl_bs dt.dt0 {margin-bottom:0.5em;}
dl.dl_bs dd {padding-left:20px; font-size:14px; line-height:1.6em; margin-bottom:0.5em;}
/*dl.dl_bs dd.dd0 {margin-bottom:0.8em;}*/
dl.dl_bs dt span {font-weight:normal; font-size:14px; color:#000;}

/*物性表へのリンク*/
.to_bhyo a {font-size:14px; font-weight:bold; color:#6666CC; padding:5px 10px; background:#E1E1FF; border:#6666CC 1px solid; display:inline-block; margin-bottom:5px; border-radius:3px;}
.to_bhyo a:hover {border-color:#FF9900; background:#FFF8F4; color:#FF6600; text-decoration:none;}

/*テーブル(加工性+耐薬品性)*/

/*テーブル(材料物性・歴史・燃焼性)*/
.table_st1 {width:100%; border-collapse:collapse; margin:1em auto; overflow-x:auto;}
.table_st1 th, .table_st1 td {border:#999 solid 1px;}
.table_st1 th {font-size:12px;}
.table_st1 td {font-size:12px;}
.table_st1 th, .table_st1 td {line-height:1.6em; padding:3px;}
.table_st1 th {background:#EEF7FF; color:#039; text-align:left; padding-left:1em; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}/*th通常*/
.table_st1 th span {font-size:10px;}
.table_st1.th_r th {background:#EEFFEE; color:#060;}/*縦thのBg薄赤*/
	.th_gn th {background:#EEFFEE; text-align:left; color:#060; padding-left:1em;}
.table_st1 th.title_st1 {background:#F3F3F3; color:#039; padding:0.2em 1em;}/*表中Title_bg灰色*/
.table_st1 th.tate2 {background:#FFF8F4; text-align:center; padding-left:5px; padding-right:5px;}/*Bg薄赤*/
.table_st1 th.yoko {background:#FFC; text-align:center; padding-left:5px; padding-right:5px;}
.table_st1 th.yoko2 {background:#FFC; text-align:center; padding-left:5px; padding-right:5px;}
.table_st1 td {background:#FFF; text-align:center;}/*td通常*/
	.td_l td {text-align:left; padding-left:1em;}
	.graph th, .graph td {padding:3px; text-align:left; line-height:1em; min-height:1em;} .graph td {font-size:10px;} .graph th span {font-size:10px; text-align:right;}/*物性グラフ*/
.table_st1 td.lh05 {line-height:1.5em; padding:3px;}
.table_st1 td.lh05l {line-height:1.5em; text-align:left; padding:3px 3px 3px 5px;}
.table_st1 td.lh05l1 {line-height:1.5em; text-align:left; padding:3px 3px 3px 1em;}
.table_st1 a {text-decoration:none;}
.a_n a {text-decoration:none;}
.ta_c {text-align:center;}
.ta_l {text-align:left;}
.lh_12 {line-height:1.2em;}
.f10_l {line-height:1.3em; text-align:left; padding:3px;}
@media (max-width:599px) {table.table_st1 {overflow-x:auto;} table.table_st1.graph img, table.table_st1.graph th:not(.yoko) span {display:none;} table.table_st1.graph td {font-size:12px; text-align:center;}}

/*製品画像(材料物性)*/
.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; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; overflow:hidden;}
.p_seihin ul li div {text-align:center; padding:5px; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:2;}
.p_seihin ul li p {font-size:12px; line-height:1.4em; height:60px; padding:5px 7px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	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;}
@media (min-width:1000px) {.p_seihin ul li {width:calc((100% - 40px) / 4);}}
@media (max-width:999px) {.p_seihin ul li {width:calc((100% - 30px) / 3);}}
@media (min-width:768px) and (max-width:850px) {.p_seihin ul li {width:calc((100% - 20px) / 2);}}
@media (max-width:599px) {.p_seihin ul li {width:calc((100% - 20px) / 2);}}

/*材料物性-材料メーカーとその詳細ページ*/
table.shohin {width:100%; line-height:1em; margin:15px auto; border:1px solid #999999; border-collapse:collapse; border-spacing:0;}
table.shohin th, table.shohin td {padding:5px 5px 5px 10px; text-align:left; border:#999999 solid; border-width:0 0 1px 1px;}
table.shohin th {background:#E6F2FF; font-size:12px;}
table.shohin th.th_top {background:#E1E1F0; font-weight:normal;}
table.shohin td {background:#FFF; font-size:12px;}
body#mate {width:500px; margin:0 auto; background:none;}
h1#mate1 {margin:12px 0; padding:5px; background:#99CCFF; color:#FFF; text-align:center; font-size:16px; line-height:25px; width:auto; height:25px; position:static;}
ul.mate_l1 {line-height:1.6em;}
ul.mate_l1 li {list-style-type:none; font-weight:bold; border-top:1px dotted #CCCCCC; padding-top:0.5em; color:#0066FF;}
ul.mate_l1 p {margin:0; padding:0.5em 0 0.5em; font-weight:normal; color:#333333;}
p.p_mate {margin:1em 0; line-height:1.5em;}
p.p_mate2 {margin:1em 2em; line-height:1.5em;}
div.box_mate {margin:1em; border:dotted 1px #999999; padding:10px; line-height:1.5em;}
div.chui {float:left; width:50px; display:block;}
div.bun {float:right; width:88%;}

/*樹脂の分類*/
.bunrui_wrap {width:100%; overflow-x:auto;}
.bunrui {width:625px; height:628px; margin:10px auto; position:relative; display:block; font-family:'arial narrow','meiryo ui','ms ui gothic';}
.bunrui_img1 {position:absolute; top:0; left:0;}
.bunrui_img2 {position:absolute; top:30px; left:0;}
.ul_bunrui {position:absolute; left:300px; top:33px; width:325px;}
.ul_bunrui2 {position:absolute; left:300px; top:210px; width:325px;}
.ul_bunrui3 {position:absolute; left:300px; top:338px; width:325px;}
.ul_bunrui4 {position:absolute; left:300px; top:514px; width:325px;}
.li_bunrui {height:16px; width:325px; line-height:16px; padding:0; margin:0; font-size:10px; clear:both;}
.li_bnri1 {width:210px; float:left;} .li_bnri2 {width:auto;}
.li_bunrui a {display:block;} .li_bunrui a:hover {border-bottom:#F00 1px dotted; text-decoration:none;}
.cls0 a {width:80px; padding:3px; text-align:center; font-size:12px; line-height:1.3em; border:1px solid #999; background:#FFF; position:absolute; display:block;}
.cls0 a:hover {color:#F00; background:#FFF4FF;}
.cls0.cls_1 a {top:183px; left:70px; border-color:#09C; background:#D9ECFF;} .cls0.cls_1 a:hover {background:#09F; color:#FFF;}
.cls0.cls_2 a {top:551px; left:70px; border-color:#F90; background:#FCE78F; color:#F30;} .cls0.cls_2 a:hover {background:#F99; color:#FFF;}
.cls0.cls_1a a {top:86px; left:160px;}
.cls0.cls_1b a {top:247px; left:160px;}
.cls0.cls_1c a {top:392px; left:160px;}
.cls00 {position:absolute; top:369px; left:23px; width:80px; border:1px solid #999; background:#CCC; font-size:12px; text-align:center; line-height:1.3em; padding:3px;}

/*長所・短所・用途の一覧（上部メニュー）*/
.box_ty {margin:0 0 4px; height:22px; clear:both;}
.box_ty a.now {color:#F00;}
.title_kaso a {width:calc((100% - 12px) / 4 * 3 + 8px); height:22px; background:#CCE5FF; color:#06C; float:left; display:block;}
.title_koka a {width:calc((100% - 12px) / 4); height:22px; background:#CCE57F; color:#060; float:right; display:block;}
[class^="title_k"] a {border-radius:3px; line-height:22px; text-align:center; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.title_kaso a:hover, .title_koka a:hover {background:#FDE;}
.title_kaso a.now, .title_koka a.now {background:#FCF2C7;}
.box_ty_tab {height:160px; clear:both; border-bottom:1px solid #003;}
.box_ty_tab a.now {color:#F00;}
.tab_ty_kaso {width:calc((100% - 52px) / 4); height:155px; padding:4px 4px 0; border:1px solid #09F; border-bottom:none; background:#F4FAFF; margin-right:4px; float:left;}
.tab_title_kaso a {width:100%; height:20px; margin-bottom:4px; font-size:13px; line-height:20px; text-align:center; color:#03C; background:#BDF; display:block; border-radius:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tab_title_kaso a:hover {background:#E1E1FF;}
.tab_title_kaso a.now {background:#FFF4CC;}
.tab_ty_koka {width:calc((100% - 52px) / 4); height:155px; padding:4px 4px 0; border:1px solid #090; border-bottom:none; background:#EFFFDF; float:right;}
.act1, .act2 {height:155px; border-color:#003; border-bottom:1px solid #FFF; background:#FFF; z-index:10;}
[class^="tab_ty_k"] ul {margin:7px 5px 0; font-size:11px; line-height:1em;}
[class^="tab_ty_k"] ul li {white-space:nowrap; border-left:5px solid; padding-left:4px; margin-bottom:7px;}
.tab_ty_kaso ul li {border-left-color:#A6D2FF;}
.tab_ty_koka ul li {border-left-color:#9C6;}
[class^="tab_ty_k"] ul li:hover {border-left-color:#FC6;}
.li_fl {float:left; padding-right:10px;}
.li_clear {clear:both;}
@media (max-width:900px) {[class^="tab_ty_k"] {overflow-y:auto;} [class^="tab_ty_k"] ul li span {display:none;}}
/*長所・短所・用途の一覧（各樹脂の説明）*/
.shyo_gby {padding:8px 0; border-bottom:1px dotted #999; margin-bottom:8px;}
.shyo_gby dl {}
.shyo_gby dl dt {font-size:16px; font-weight:bold; margin-bottom:12px; line-height:1.5em; position:relative;}
.shyo_gby dl dt:before {content:"樹脂名"; font-size:13px; padding:1px 5px 0; background:#FCC; border-radius:2px; color:#FFF; margin-right:10px; float:left; margin-top:-5px;}
.shyo_gby dl dt:after {content:"\f0a8\0020詳細情報"; font-size:13px; font-weight:normal; color:#FFF; padding:1px 5px 0; background:#FFE3D7; border-radius:2px; position:absolute; right:0; bottom:-2px; z-index:1;}
.shyo_gby dl dt a {display:block; z-index:10;}
.shyo_gby dl dd {font-size:14px; line-height:1.5em; margin-bottom:8px; padding-left:45px; text-indent:-45px; clear:both;}
.shyo_gby dl dd.g:before {content:"長所"; font-size:13px; padding:2px 5px; background:#9CF; border-radius:2px; color:#FFF; margin-right:10px;} 
.shyo_gby dl dd.b:before {content:"短所"; font-size:13px; padding:2px 5px; background:#CCC; border-radius:2px; color:#FFF; margin-right:10px;} 
.shyo_gby dl dd.y:before {content:"用途"; font-size:13px; padding:2px 5px; background:#9C9; border-radius:2px; color:#FFF; margin-right:10px;} 
@media (max-width:599px) {.shyo_gby dl dt:after {display:none;}}

.table_ty {width:100%; background:#999; margin:10px 0; clear:both; padding:0;}
.table_ty th {background:#EEF7FF; width:90px; line-height:1.4em;}
.table_ty th .th_x {width:90px; height:100%; display:table; text-align:center; padding:0; margin:0;} .table_ty th .th_x a {display:table-cell; vertical-align:middle;} .table_ty th .th_x a:hover {background:#D9ECFF;}
.table_ty th.th_tty {background:#FFF8F4; color:#FF9900; font-weight:normal; width:40px;}
.table_ty td {background:#FFF; text-align:left; line-height:1.5em; padding:3px 5px;}
.table_ty td.td_r {padding:0; margin:0; width:65px;}
.table_ty td.td_r .td_r1 {width:65px; height:100%; display:table; text-align:center;} 
.table_ty td.td_r .td_r1 a {display:table-cell; vertical-align:middle;} td.td_r .td_r1 a:hover {background:#D9ECFF;}
.table_ty td.td_r .td_r2 {width:65px; height:100%; display:table; text-align:center; font-size:10px; background:#F3F3F3}
.table_ty td.td_r .td_r2 a {display:table-cell; vertical-align:middle;} td.td_r .td_r2 a:hover {background:#FFF8F4;}


.to_t3blu {margin:0 0 0 15px; padding-left:17px; background:url(../img/list/t3_12_blu.gif) left no-repeat; width:10px; height:12px;}/*別項目説明参照*/
a span.f_nb {font-weight:normal; color:#333; text-decoration:none;} a:hover span.f_nb {text-decoration:none;}

/*===== 用語 =====*/
/*用語解説テーブル*/
.table_yogo {width:100%; margin:25px auto; border-collapse:collapse; border-top:1px dotted #CCC;}
.table_yogo th, .table_yogo td {border-bottom:1px dotted #CCC; line-height:30px; font-weight:normal; padding:0;}
.table_yogo th {text-align:left;} .table_yogo td {text-align:right;}
.table_yogo tr:hover th, .table_yogo tr:hover td {background:#FEF;}
.table_yogo th a, .table_yogo td a {display:block; width:100%; line-height:30px; height:30px;}
@media (max-width:600px) {.table_yogo td {display:none;}}
a span.f_nb {font-weight:normal; color:#333; text-decoration:none;} a:hover span.f_nb {text-decoration:none;}
/*用語解説（関連リスト）*/
ul.ul_relate {width:100%; margin:20px auto; border-top:#999 dotted 1px; border-bottom:#999 1px dotted; padding:15px 0 10px; clear:both;}
ul.ul_relate li {height:1em; line-height:1em; margin-bottom:0.5em;}
ul.ul_relate li:before {content:'\f02b'; margin-right:10px; color:#09C;}
/*用語解説「*行」TOPへ*/
.gyo_top a {width:100px; padding:5px 10px; text-align:center; display:block; border:#9CF 2px solid; background:#CEE7FF; border-radius:3px;}
.gyo_top a:hover {border:#F90 solid 2px; background:#FFE4CA;}

/*基礎知識TOPタイルメニュー*/
.ks_mntop {width:100%; margin:15px auto; overflow:hidden;}
.ks_mntop ul {width:calc(100% + 10px); margin:0; padding:0;}
.ks_mntop ul li a {margin:0 10px 10px 0; border:1px solid #CCC; border-radius:3px; padding:2px; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:160px; display:block;}
.ks_mntop ul li a h3 {font-size:16px; text-align:center; height:50px; line-height:50px; background:#E8E8E8; margin:0; padding:0;}
.ks_mntop ul li a p {font-size:13px; line-height:1.7em; padding:12px 10px; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:#FFF; width:100%; height:104px; 
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.ks_mntop ul li a:hover {border-color:#FC0;}
.ks_mntop ul li a:hover h3 {background-color:#FFF7DB;}
.ks_mntop ul li a:hover p {background-color:#FFF;}
@media (min-width:1000px) {.ks_mntop ul li a {width:calc((100% - 40px) / 4);}}
@media (max-width:999px) {.ks_mntop ul li a {width:calc((100% - 30px) / 3);}}
@media (min-width:768px) and (max-width:850px) {.ks_mntop ul li a {width:calc((100% - 20px) / 2);}}
@media (min-width:381px) and (max-width:599px) {.ks_mntop ul li a {width:calc((100% - 20px) / 2);}}
@media (max-width:380px) {.ks_mntop ul li a {width:calc(100% - 10px); height:auto;} .ks_mntop ul li a p {height:auto;}}
/*基礎知識(材料TOPメニュー)*/
.ks_mm2 {width:100%; margin:15px auto; overflow:hidden;}
.ks_mm2 ul {width:calc(100% + 10px); margin:0; padding:0;}
.ks_mm2 ul li a {margin:0 10px 10px 0; border:3px solid #E5E5E5; background:#F9F9F9; border-radius:3px; padding:5px; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:140px; display:block;}
.ks_mm2 ul li a h3 {font-size:16px; text-align:center; line-height:20px;}
.ks_mm2 ul li a h4 {font-size:14px; text-align:center; line-height:18px;}
.ks_mm2 ul li a p {font-size:13px; line-height:1.7em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:0 5px;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.ks_mm2 ul li a:hover {border-color:#FCC; background-color:#FFF5F0;}
@media (min-width:1000px) {.ks_mm2 ul li a {width:calc((100% - 40px) / 3);}}
@media (max-width:999px) {.ks_mm2 ul li a {width:calc((100% - 30px) / 2);}}
@media (min-width:768px) and (max-width:850px) {.ks_mm2 ul li a {width:calc((100% - 20px) / 2);}}
@media (min-width:381px) and (max-width:599px) {.ks_mm2 ul li a {width:calc((100% - 20px) / 2);}}
@media (max-width:380px) {.ks_mm2 ul li a {width:calc(100% - 10px); height:auto;}}

/*ボトムバナー（3つのサービス）*/
.bn_3services {width:580px; margin:15px auto;}
.bn_3services img {width:190px;}
.bn_3services .item_3s {width:190px; float:left; overflow:hidden; border-left:5px solid #FFF; display:inline-block;}
.bn_3services .item_3s.s1 {border:none; background:url(../img/banner/bmbn_service_draft2.png) no-repeat;}
.bn_3services .item_3s.s2 {background:url(../img/banner/bmbn_service_processing2.png) no-repeat;}
.bn_3services .item_3s.s3 {background:url(../img/banner/bmbn_caddata2.png) no-repeat;}

.bn_3sv ul {max-width:580px; margin:15px auto; display:table; table-layout:fixed;}
.bn_3sv ul li {display:table-cell; max-width:190px; border-right:5px solid #FFF;}
.bn_3sv ul li:last-child {border-right:none;}
.bn_3sv ul li img {width:100%; -webkit-filter:grayscale(0); filter:grayscale(0); -webkit-transition:0.2s ease; transition:0.2s ease;}
.bn_3sv ul li a:hover img {-webkit-filter:grayscale(100%); filter:grayscale(100%);}

/*ボトム注意*/
.box_d1_l {border: 1px dotted #999; padding:5px 10px; width:263px; float:left;}
.box_d1_r {border: 1px dotted #999; padding:5px 10px; width:263px; float:right;}