@charset "utf-8";
/* CSS Document */ /* WWW.KDA1969.COM */

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;}

/*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:'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;}

/*YogoMenu(Main内)あ～わA-Z*/
#menu_yogo {width:100%; margin:5px 0; font-family:meiryo, sans-serif; font-size:18px; font-weight:bold; clear:both; overflow:hidden;}
#menu_yogo ul {height:46px; width:100%;display:table; table-layout:fixed; overflow:hidden;}
#menu_yogo ul li {display:table-cell; border-right:2px solid #FFF; text-align:center; width:100%;}
#menu_yogo ul li:last-child {border-right:0;} 
#menu_yogo ul li a {display:inline-block; color:#CCC; border:2px solid #E7E7E7; width:100%; height:100%; line-height:46px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#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;}

/*BusseiMenu(Main内)*/
#mn_bussei {width:100%; font-size:11px; font-family:'Arial narrow','meiryo ui','ms ui pgothic'; overflow-x:auto;} 
#mn_bussei:after {content:""; clear:both; display:block; margin:5px 0;}
#mn_bussei ul {width:850px; height:22px; background:#F4FAFF; margin-bottom:2px; clear:both;}
#mn_bussei ul:after {content:""; clear:both; display:block;}
#mn_bussei ul li {float:left; border-right:2px solid #FFF; border-bottom:2px solid #FFF; text-align:center;}
#mn_bussei ul li a {display:block; color:#03C; width:38px; height:22px; line-height:22px; background:#cce5ff; border-radius:2px;}
#mn_bussei ul li:first-child a {width:85px; height:22px; display:block;}
#mn_bussei ul.bm_b4 li a {background:#D7FFD7; color:#066;}
#mn_bussei ul li.p1 a {background:#9DCEFF;}
#mn_bussei ul li.p2 a {background:#C2F09D;}
#mn_bussei ul li a.now {color:#F00; background-color:#FFE3D7;}
#mn_bussei ul li a:hover, #mn_bussei ul li a.now:hover {background-color:#FFF4FF; color:#F90; text-decoration:none;}
@media (max-width:895px) {#mn_bussei ul li a {width:calc(83px / 2);}}

/*材料物性TOPのH2*/
h2[class^="h2_mate_t"] a {height:30px; line-height:30px; padding-left:145px; font-size:16px; margin:15px 0; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
h2.h2_mate_t1 {background:#F8FAFF url(../img/study/mate_top_t1.png) no-repeat left;}
h2.h2_mate_t2 {background:#F8FAFF url(../img/study/mate_top_t2.png) no-repeat left;}
h2.h2_mate_t3 {background:#F8FAFF url(../img/study/mate_top_t3.png) no-repeat left;}
h2.h2_mate_t4 {background:#ECFFF5 url(../img/study/mate_top_t4.png) no-repeat left;}
h2.h2_mate_t5 {background:#CEEFFF url(../img/study/mate_top_t5.png) no-repeat left;}

ul.mate_top {width:calc(100% - 10px);}
ul.mate_top li {margin:0 0 5px 0; font-weight:bold; padding:2px 0 5px 20px; line-height:20px; clear:both; border-bottom:1px dotted #CCC;}
ul.mate_top li a {width:100%; display:block; margin-left:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.mate_top.mate_tli1 li {background:url(../img/study/mate_li1.png) no-repeat 0 3px;}
ul.mate_top.mate_tli2 li {background:url(../img/study/mate_li2.png) no-repeat 0 3px;}
ul.mate_top.mate_tli3 li {background:url(../img/study/mate_li3.png) no-repeat 0 3px;}
ul.mate_top.mate_tli4 li {background:url(../img/study/mate_li4.png) no-repeat 0 3px;}
ul.mate_top[class] li .w_1 {width:50px; margin-right:15px; float:left;}
ul.mate_top[class] li .w_2 {width:200px; margin-right:15px; font-weight:normal; font-size:11px; float:left;}
ul.mate_top[class] li .w_3 {width:220px;}

/*材料物性(各樹脂)の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;}

/*材料物性(各樹脂)タブ下の物性表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;}

/*略号・名称・呼称・外観*/
.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:#09C; background:#EEF7FF; color:#06C;}
.h4_bussei.h4_g {border-color:#CCC; background:#F3F3F3;}

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 dt span {font-weight:normal; font-size:14px; color:#000;}

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

/*製品画像(材料物性)*/
.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);}}

/*材料物性-材料メーカーとその詳細ページ*/
body#mate {max-width:500px; margin:0 auto; background:none;}
h1#mate1 {margin:12px 0; padding:5px; background:#9CF; 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 #CCC; padding-top:0.5em; color:#06F;}
ul.mate_l1 p {margin:0; padding:0.5em 0 0.5em; font-weight:normal; color:#333;}
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 #999; 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 nallow','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_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:#CEF1FF; 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:#F4FAFF; 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:#F99;}
.ks_mntop ul li a:hover h3 {background-color:#FFE3D7;}
.ks_mntop ul li a:hover p {background-color:#FFF4FF;}
@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;}}

/*ボトムバナー（3つのサービス）*/
.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%);}