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

/*----------------------------------------初期化----------------------------------------*/
html,body {height:100%; margin:0; padding:0; line-height:1em;}
h1,h2,h3,h4,h5,p,pre,blockquote,ul,li,ol,dl,dd,header,footer,div,span,nav,section,article,aside,msearch,* {margin:0; padding:0; line-height:1em;}
header,footer,nav,section,article,aside {display:block;}
form, fieldset {margin:0; padding:0;}
ul,ol,dl {list-style:none;} li {display:list-item; zoom:normal;}
img {border:none; margin:0; vertical-align:top;}

/*---リンク変化---*/
a {color:#03F; text-decoration:none; transition:ease 0.2s;}
a:hover {color:#F60;}
a.now {color:#F00;}
a.now:hover {color:#F90; text-decoration:underline;}
a:hover img {opacity:0.6; transition:0.2s;}
img.c-g {filter:grayscale(0%); -webkit-filter:grayscale(0%);} img.c-g:hover {filter:grayscale(100%); -webkit-filter:grayscale(100%);}
img.g-c {filter:grayscale(100%); -webkit-filter:grayscale(100%); opacity:0.6;} img.g-c:hover {filter:grayscale(0%); -webkit-filter:grayscale(0%);}
a.lc_y {color:#F60; text-decoration:none;} a.lc_y:hover {color:#F30;}
a.lc_m {color:#090; text-decoration:none;} a.lc_m:hover {color:#F30;}
a.lc_h {color:#333; text-decoration:none;} a.lc_h:hover {color:#F30;}
/*---画像HOVER---*/
img.opf10:hover {opacity:0; transition:0.2s;}
/**/
section:after {content:""; display:block; clear:both;}
/*アンカースクロール*/
html {-webkit-scroll-behavior:smooth; scroll-behavior:smooth;}

/*========================================基本構造========================================*/

/*=====WebFont*/
@font-face {font-family:migmix-1p-bold; src:url(../tools/fonts/migmix-1p-20111002/migmix-1p-bold.eot);}/*IE*/
@font-face {font-family:migmix-1p-bold; src:url(../tools/fonts/migmix-1p-20111002/migmix-1p-bold.ttf) format("truetype");}/*Firefox,Opera,Safari*/
@font-face {font-family:fas_r; src:url(../tools/fontawesome/v5/webfonts/fa-regular-400.woff) format("woff"),url(../tools/fontawesome/v5/webfonts/fa-regular-400.ttf) format("truetype"); font-weight:400;}
@font-face {font-family:fas_s; src:url(../tools/fontawesome/v5/webfonts/fa-solid-900.woff) format("woff"),url(../tools/fontawesome/v5/webfonts/fa-solid-900.ttf) format("truetype"); font-weight:900;}
@font-face {font-family:fas_b; src:url(../tools/fontawesome/v5/webfonts/fa-brands-400.woff) format("woff"),url(../tools/fontawesome/v5/webfonts/fa-brands-400.ttf) format("truetype"); font-weight:400;}
.fas_r {font-family:fas_r;} .fas_s {font-family:fas_s;} .fas_b {font-family:fas_b;}

body,table,input,textarea,select {font-family:Arial,meiryo,'Arial narrow','meiryo ui','MS PGothic',sans-serif,'fas_r','fas_s','fas_b'; color:#000;}
p,div,table {font-size:14px;}

/*=====HEADER*/
#hd {}
#hd1 {width:100%; height:55px; border-bottom:5px solid #999; 
background:#FFF;}/*グローバルナビ*/
#hd1:after {content:""; clear:both; display:block;}
.hd1_inn {max-width:1100px; position:relative;}
#hd2 {width:auto; height:58px; margin:3px 0; text-align:center; background:#CBCBCB; overflow:hidden;}/*サイトタイトル*/
#hd2:after {content:""; clear:both; display:block;}
#hd2 .hd2_inn {max-width:1100px; height:58px; overflow:hidden; padding:0; background:#003564;}
#hd2 .hd2_inn a {display:block;}
#hd2 .hd2_inn2 a {max-width:1100px; height:55px; overflow:hidden; padding:3px 0 0; margin:0 auto; line-height:55px; background:#003564; color:#FFF; font-family:arial,Meiryo,migmix-1p-bold; font-weight:bold; display:block;}
#hd2 .hd2_inn2 a span.hd2a {font-size:24px; display:inline-block; vertical-align:middle;}
#hd2 .hd2_inn2 a span.hd2b {font-size:14px; display:inline-block; vertical-align:middle; margin:0 20px 0 0;}
#hd2 .hd2_inn2 a span.hd2c {font-size:16px; display:inline-block; vertical-align:middle; margin:0 0 0 20px; padding:4px 15px 3px; border:1px solid #FFF; border-radius:2px;}
#hd2 .hd2_inn2 a:hover {background:#666;}
#hd3 {width:100%; height:220px; border-bottom:3px solid #FFF; background-color:#F2F2F5; overflow:hidden;}/*メインイメージ*/
#hd3:after {content:""; clear:both; display:block;}
#hd3 .hd3_inn {position:relative;}
/*=====MIDDLE*/
#middle {width:100%; height:auto; padding:20px 0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#middle:after {content:""; clear:both; display:block;}
.middle_inn {}
#lmenu {height:auto; padding:0; margin:0; -webkit-position:sticky; position:sticky; top:10px;}
#lmenu:after {content:""; clear:both; display:block;}
#main {height:auto;}
#main:after {content:""; clear:both; display:block;}
/*=====FOOTER*/
#footer{}
#footer:after {content:""; clear:both; display:block;}

/*========================================基本要素========================================*/

/*Hタグ共通*/
h1,h2,h3,h4,h5 {font-family:Arial,Meiryo,'migmix-1p-bold','fas_r','fas_s'; line-height:1.5em;}

/*H1*/
h1 {text-align:center; font-size:26px; line-height:1.2em;}
p#h1p {font-size:12px; width:100%; line-height:15px; text-align:center; margin-top:5px;}
p#h1p.left {width:565px; padding-left:60px; text-align:left;}
h1 span.blue {color:#09F; margin-left:12px;}
h1 span.green {color:#0C0; margin-left:12px;}
/*H2*/
h2 {font-size:22px; line-height:1.2em; margin:1em auto;}
h2.h2_lbr {box-sizing:border-box; border-left:10px solid #F00; padding:0.6em;}/*new*/
h2.h2_lbb {box-sizing:border-box; border-left:10px solid #09F; padding:0.6em;}/*new*/
h2.h2_uh {border-bottom:3px solid #E6E6E6; padding:5px;}
.uh {box-sizing:border-box; border-bottom:3px solid #E6E6E6; width:100%; height:3px;}
/*H3*/
h3 {font-size:18px; line-height:1.2em; margin:1em auto;}
h3[class^="h3_u"] {padding-bottom:5px; border-bottom:3px solid;}/*下線*/
h3.h3_uh, h3 .h3_uh {border-color:#EAEAEA;}/*灰*/
h3.h3_ub, h3 .h3_ub {border-color:#CEE7FF;}/*青*/
h3.h3_uy, h3 .h3_uy {border-color:#FFEA97;}/*黄*/
h3[class^="h3_s"] {border-left:10px solid; padding:3px 3px 3px 10px;}/*左棒*/
h3.h3_sh {border-color:#CCC;}/*灰*/
h3.h3_sb {border-color:#0CF;}/*青*/
h3.h3_sy {border-color:#FC0;}/*黄*/
h3[class^="h3_c"]:before {font-family:'fas_s'; content:'\f111'; font-size:12px; margin-right:7px; line-height:inherit;}
h3.h3_cy:before {color:#FC0;}/*黄*/
h3.h3_cb:before {color:#0CF;}/*青*/
h3.h3_ch:before {color:#999;}/*灰*/
/*h3_span*/.kkm_blu {padding:2px 8px; background:#9CF; color:#FFF; font-size:15px; margin-right:10px; border-radius:3px;}
/*h3_span*/.kkm_org {padding:2px 8px; background:#F96; color:#FFF; font-size:15px; margin-right:10px; border-radius:3px;}
/*H4*/
h4 {font-size:16px; line-height:1.2em; margin:1em auto;}
h4[class^="h4_s"] {box-sizing:border-box; border-left:12px solid; padding-left:10px;}
h4.h4_sh {border-color:#CCC;}
h4.h4_sb {border-color:#9CF;}
h4.h4_sr {border-color:#F99;}
h4.h4_sy {border-color:#FC0;}
h4.h4_sm {border-color:#9C0;}

/*パン屑リスト（H1直下）*/
ol.guidenavi {width:100%; height:20px; font-size:11px; margin:10px 0 25px; padding:0; background:#F7F7F7; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ol.guidenavi li {float:left; line-height:20px; color:#666; background:#DFDFDF; border-left:2px solid #FFF; border-bottom:2px solid #FFF;}
ol.guidenavi li:first-child {border-left:none;}
ol.guidenavi li:last-child {background:none; padding-left:8px;}
ol.guidenavi li a {padding:0 8px; color:#666; display:block; line-height:20px;}
ol.guidenavi li a:hover {color:#F00; text-decoration:none; background:#F7F7F7;}

/*HD1(グローバルナビ)*/
/*#hd1 #logo_hd1の各項目は下の「Menu-グローバルメニュー」で定義*/
#hd1 #logo_hd1 a {width:86px; height:55px; position:absolute; top:-1px; left:0; background:url(../img/base/hd/kda_logo2.png) no-repeat; overflow:hidden; display:block;}
#hd1 #logo_hd1 a img {transition:ease 0.2s;}
#hd1 #logo_hd1 a:hover img {opacity:0;}
#hd1 ul#menu_hd1 {width:auto; height:30px; position:absolute; top:18px; margin-left:calc((100% - 410px) / 2); font-size:0;}
#hd1 ul#menu_hd1 li {display:inline-block;}
#hd1 ul#menu_hd1 li a {overflow:hidden; float:left; line-height:30px; text-align:center; margin-right:8px; background:#F7F7F7; border:0 solid; border-radius:3px; color:#999; text-decoration:none; font-size:14px;}
#hd1 ul#menu_hd1 li.hd1_item1 a {width:110px; height:30px; /*letter-spacing:-1px;*/}
#hd1 ul#menu_hd1 li.hd1_item2 a {width:50px; height:30px; font-size:16px;}
#hd1 ul#menu_hd1 li a:hover {background-color:#E6E6E6; color:#FFF;}
#hd1 ul#menu_hd1 li a.now {background-color:#ACD6FF; color:#FFF;}
#hd1 ul#menu_hd1 li a.now:hover {background-color:#CEE7FF; text-decoration:none;}
#hd1 ul#menu_hd1 li.hd1_item2 a.now {background-color:#B4ED85; color:#FFF;}
#hd1 ul#menu_hd1 li.hd1_item2 a.now:hover {background-color:#C2F09D;}
#hd1 #search {width:160px; height:20px; position:absolute; top:8px; right:0; overflow:hidden;}
#search input#stxt {width:143px; height:14px; border:#CCC 1px solid; text-align:left; position:absolute; right:0; font-size:12px; color:#999; padding:2px; border-radius:2px; font-family:fas_s;}
#search input#sbtn {display:none;}
#search input::placeholder {color:#CCC; font-size:12px; text-align:center;}
#search input::-webkit-input-placeholder {color:#CCC; font-size:12px;}
#search input::-moz-placeholder {color:#CCC; font-size:12px;}
#search input:-ms-input-placeholder {color:#CCC; font-size:12px; opacity:0.7;}
ul#lang1 {width:200px; height:18px; position:absolute; top:32px; right:0;}
ul#lang1 li[class] a {height:18px; display:inline-block; float:right; margin-left:5px; line-height:18px;}
ul#lang1 li.lang a {width:28px; font-size:12px; background:#CCC; color:#FFF; text-align:center; font-weight:bold; border-radius:2px;}
ul#lang1 li.lang a.now {background:#9DCEFF;}
ul#lang1 li.lang a:hover {background:#FFE3D7;} ul#lang1 li.lang a.now:hover {background:#09F;}
ul#lang1 li.smap a {font-family:'fas_s'; font-size:16px; font-weight:normal; margin-right:10px; color:#09F;}

/*HD3(メインイメージ)*/
#mimg_t a {position:absolute; bottom:10px; left:10px; z-index:2; min-width:200px; height:50px; padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	border:1px solid #06C; background:rgba(0,153,255,0.7); color:#FFF; font-family:Arial,'meiryo ui'; font-size:18px; font-weight:bold; text-align:center; line-height:50px; display:block;}
#mimg_t a:hover {background:rgba(0,51,102,0.7);}

/*=====フッタ*/
#ft1 {font-size:18px; text-align:center; font-weight:bold; margin-top:25px;}
#ft1 span.faws {margin-right:1em; vertical-align:middle; font-size:30px; font-weight:normal;}
#ft1 a {width:100%; display:block; color:#CCC; background:#F7F7F7; line-height:50px; border-top:1px solid #999; border-bottom:1px solid #999;}
#ft1 a:before {font-family:fas_s; content:'\f139'; margin-right:20px; font-size:30px; vertical-align:middle;}
#ft1 a:hover {background:#EFEFEF; color:#999;}
#ft2 {width:100%; border-bottom:1px solid #999; padding-top:25px; padding-bottom:25px;} .ft2_inn {}
.ft2-1 .cname {padding:20px 0 5px;} /*会社ロゴのimg*/ 
.ft2-1 .cname img {transition:0.2s;} .ft2-1 .cname img:hover {opacity:0.6;}
.ft2-1 .caddress {font-size:11px; color:#999; padding-bottom:8px; line-height:11px;} 
.ft2-1 .csite {font-size:12px; color:#666; font-weight:bold; line-height:1em; display:none;}
.ft2-2:after {content:""; display:block; clear:both;}
.ft_info_img {float:left; margin-right:25px;}
.ft_tel {padding-top:3px; line-height:1em;}
.ft_tel .ft_tel0 {margin-bottom:2px;}
.ft_tel .ft_tel_n {font-size:32px; font-weight:bold; color:#666; line-height:32px;}
		.ft_tel_n span.m1:before {content:'f\6f\f1fa';}
		.ft_tel_n span.m2:before {content:'\61\2e\63';}
		.ft_tel_n span.m3:before {content:'\2e\6a'}
.ft_tel .ft_tel_n:before {font-family:fas_s; content:'\f199'; margin-right:10px; color:#F99;} @media (max-width:500px) {.ft_tel_n:before {display:none;}}
.ft_tel .ft_tel_n a {color:#666;} .ft_tel .ft_tel_n a:hover {color:#09F;} 
.ft_tel .ft_time {font-size:11px; color:#666; padding-top:3px; line-height:11px;} .ft_tel .ft_time:before {font-family:fas_r; content:'\f017'; margin-right:5px;}
.ft_tel .ft_tel_cm {font-size:14px; font-weight:bold; line-height:1em; margin-bottom:5px;}
.ft2-3 .toinfo a {background:#ACD6FF; border:1px solid #09F; border-radius:5px; font-size:18px; font-weight:bold; color:#FFF; text-align:center; line-height:65px; width:100%; height:65px; display:block;} 
.ft2-3 .toinfo a:before {font-family:fas_s; content:'\f0a9'; margin-right:10px; font-size:25px;}
.ft2-3 .toinfo a:hover {background:#09F;}
#ft3 {font-size:15px; clear:both;}
[class^="ft3-"] {} /*後で設定*/
[class^="ft3-"] ul {list-style:none;}
[class^="ft3-"] ul li {font-size:14px;}
[class^="ft3-"] ul li a {margin:0; color:#069;}
.ft3-1 ul li:before {font-family:fas_s; content:'\f138'; margin-right:5px; font-size:13px;}
.ft3-2 ul li:before {font-family:fas_s; content:'\f3fa'; margin-right:5px; font-size:13px;}
.ft3-3 ul li:before {font-family:fas_r; content:'\f4ad'; margin-right:5px; font-size:13px;}
[class^="ft3-"] ul li:hover {color:#F00;}
.ft3-4 {}
.ft_title {font-size:16px;}
.ft_title.main:before {font-family:fas_s; content:'\f07b'; margin-right:5px;}
.ft_title.k_sites:before {font-family:fas_s; content:'\f360'; margin-right:5px;}
.ft_title.readme:before {font-family:fas_s; content:'\f4ad'; margin-right:5px;}
.ft_title.calender:before {font-family:fas_r; content:'\f073'; margin-right:5px;}
#ft4 {background-color:#036; height:20px; padding-top:20px; padding-bottom:20px; font-size:14px; color:#FFF; clear:both;}
#ft4:after {content:""; display:block; clear:both;}
#ft4_inn {position:relative;}
.copyright {position:absolute; top:0; right:0; margin:0; line-height:20px;} .copyright:before {font-family:fas_r; content:'\f1f9'; margin-right:7px;}/*コピーライト*/
.lang2 ul {height:20px; font-size:12px;}
.lang2 ul li a {font-weight:bold; text-align:center; line-height:16px; width:30px; height:20px; display:block; display:block; border:2px solid #FFF; border-radius:2px; color:#FFF; margin-right:7px; float:left; 
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.lang2 ul li a.now {background:#FFF; color:#036;}
.lang2 ul li a:hover {border-color:#0FF; color:#0FF;} .lang2 ul li a.now:hover {background-color:#0FF; color:#036;}
.lang2 ul li[class] a {border:none; width:auto; line-height:20px; font-weight:normal;}
.lang2 ul li.sitemap a:before {content:'\f0e8'; font-family:fas_s; margin:0 3px 0 10px; font-size:12px;}
.lang2 ul li.search a:before {content:'\f002'; font-family:fas_s; margin-right:3px; font-size:12px;}
@media (max-width:500px) {li.sitemap a span,li.search a span {display:none;}}

/*========================================デコレーション========================================*/
/*=====段組=====*/
.col2 {column-count:2;} @media (max-width:600px) {.col2 {column-count:1;}}
.col3 {column-count:3;} @media (max-width:900px) {.col3 {column-count:2;}} @media (max-width:600px) {.col3 {column-count:1;}}
/*===フォント===*/
/*Font-Family*/
.ff_ui {font-family:'meiryo ui','arial narrow','ms ui gothic';}
/*サイズ*/
.f9 {font-size:9px;} .f10 {font-size:10px;} .f11 {font-size:11px;} .f12 {font-size:12px;} .f14 {font-size:14px;} .f16 {font-size:16px;} .f18 {font-size:18px;} .f20 {font-size:20px;} .f24 {font-size:24px;}
/*太字*/.fwb {font-weight:bold;} /*太字解除*/.fwn {font-weight:normal;}
/*青*/.fcb {color:#06F;} /*赤*/.fcr {color:#F00;} /*黄*/.fcy {color:#F60;} /*灰*/.fch {color:#999;} /*緑*/.fcm {color:#090;} /*白*/.fcw {color:#FFF;} /*黒*/.fck {color:#000;}
/*囲み(背景)*/
[class^="fbc"] {padding:0.2em 0.5em; border-radius:3px;}
.fbcb {color:#06F; background:#ACD6FF;}
.fbcb2 {color:#06F; background:#DFF;}
.fbcb3 {color:#FFF; background:#ACD6FF;}
.fbcy {color:#F60; background:#FFEA97;}
.fbcr {color:#F00; background:#FCC;}
.fbch {color:#333; background:#E6E6E6;}
.fbcm {color:#060; background:#D7FFD7;}
/*囲み(枠)*/[class^="fkc"] {padding:0.15em 0.5em; border:2px solid; border-radius:3px;}
.fkcb {color:#06F; border-color:#9DCEFF;}

/*===P===*/
p {line-height:1.8em; margin:0 auto 0.5em;} p.p2 {line-height:2em; margin:1em auto;} p.p1 {line-height:1.8em; margin:0.5em 0 !important; padding:0 !important;}

/*行間*/.lh_1 {line-height:1em;} .lh_1b {line-height:1.5em;} .lh_2 {line-height:2em;} .lh_3 {line-height:3em;}

/*囲みBOX*/.bx_d2 {box-sizing:border-box; margin:15px auto; clear:both; border:2px dotted #CCC; padding:10px; line-height:1.6em;}

/*フロート・センター*/.fl {float:left;} .fr {float:right;} .center {text-align:center;}


/*下線・ボーダーライン*/
.uline {text-decoration:underline;} /*下線*/
.bline_1d_h {border-bottom:1px dotted #CCC;} /*ボーダーライン下*/
.bline_y {border-bottom:2px solid #FC3;}
.bline_b {border-bottom:2px solid #9CF;}

/*背景色*/
.bc_d {background:#FFE3D7;}
.bc_g {background:#F3F3F3;}

/*========== ul,li(一般箇条書き) ==========*/
ul.ul_disc {padding-left:1.2em;}
ul.ul_disc li {list-style:disc; margin:0.5em 0; line-height:1.8em;}
ul.ul_disc.lh15 li {margin:0; line-height:1.5em;}

ul.ul_d1 {margin:15px 0;}
ul.ul_d1 li {line-height:1.8em;}
ul.ul_d1 li:before {font-family:fas_s; content:'\f111'; color:#09F; margin-right:7px; font-size:10px;}/*青*/
ul.ul_d1.d_r li:before {color:#F9C;}
ul.ul_d1.d_h li:before {color:#CCC;}

dl.dl_disc {padding-left:0;}
dl.dl_disc dt {font-weight:bold; margin:0 0 0.5em; line-height:1.8em; padding-left:5px;}
dl.dl_disc dt:before {content:'\f111'; font-family:"fas_s"; font-size:10px; margin-right:10px;}
dl.dl_disc dd {list-style:disc; margin:0 0 0.5em; line-height:1.8em;}
dl.dl_disc.dd_fl dd {list-style:none; padding:0 0.3em; display:inline-block;}
dl.dl_disc[class] dd.n_bc {background:none; padding:0; display:block;}
dl.dl_disc.dd_b a, dl.dl_disc.dd_b dt:before {color:#09F;}
dl.dl_disc.dd_b dd {background:#F0F8FF;} dl.dl_disc.dd_b dd a {color:#09F;}
dl.dl_disc.dd_m a, dl.dl_disc.dd_m dt:before {color:#0C6;}
dl.dl_disc.dd_m dd {background:#E8FFE8;} dl.dl_disc.dd_m dd a {color:#0C6;}
dl.dl_disc.dd_y a, dl.dl_disc.dd_y dt:before {color:#F90;}
dl.dl_disc.dd_y dd {background:#FFF7DB;} dl.dl_disc.dd_m dd a {color:#F90;}
dl.dl_disc.dd_h dt a, dl.dl_disc.dd_h dt:before {color:#666;}
dl.dl_disc.dd_h dd {background:#E8E8E8;} dl.dl_disc.dd_h dd a {color:#666;}
dl.dl_disc[class] a:hover {color:#F00;} dl.dl_disc[class] dd:not(.n_bc):hover {background:#FFF4FF;}

/*リスト(ul,li以外)*/
.fing_r:before {font-family:fas_r; content:'\f0a4'; margin-right:10px;}/*右*/
.fing_l:before {font-family:fas_r; content:'\f0a5'; margin-right:10px;}/*左*/
.fing_u:before {font-family:fas_r; content:'\f0a6'; margin-right:10px;}/*上*/
.fing_d:before {font-family:fas_r; content:'\f0a7'; margin-right:10px;}/*下*/
.maru_10blu:before {font-family:"fas_s";content:'\f111'; color:#0CF; margin-right:7px; font-size:10px; line-height:inherit;}
.maru_10yel:before {font-family:"fas_s";content:'\f111'; color:#FC0; margin-right:7px; font-size:10px; line-height:inherit;}

/*ライン*/
hr {border-width:1px 0 0; border-style:solid; border-color:#999; height:1px; clear:both;}
hr.line1 {margin:1em 0;}
hr.line1_d {margin:1em auto; border:none; border-bottom:1px dotted #999;}

/*IMG(イメージ画像)*/
.img_fl {float:left; margin-right:1em;} @media (max-width:399px) {.img_fl {float:none;}}
.img_fr {float:right; margin-left:1em;}
.img_fl100 {float:left; margin-right:1em;}
.img_c100 {text-align:center; margin:1em auto; clear:both;} 
@media (max-width:1100px) {.img_fl100 img, .img_c100 img {width:100%; margin-right:0;}}
.img_br5 {border-radius:5px; overflow:hidden;}/*画像角丸*/

/*マージンと幅（Paddingも含む）*/
.mg0 {margin:0;} .mg_t0 {margin-top:0;} .mg_b0 {margin-bottom:0;} .mg_r0 {margin-right:0;}
.mg_l15 {margin-left:15px;}
.mg_tb1 {margin:1em 0;}
.mg_b10 {margin-bottom:10px;} .mg_b15 {margin-bottom:15px;} .mg_b25 {margin-bottom:25px;} .mg_b35 {margin-bottom:35px;}
.mg_1em {margin:1em;}

.w500 {max-width:500px; margin-left:auto; margin-right:auto;}/*aftermail*/


/*ボーダー*/
.bd1d_b {border-bottom:1px dotted #999;}/*下破線*/


/*Zero*/
.zero {clear:both; height:0; line-height:0; margin:0; padding:0;}
.zero10 {clear:both; height:0; line-height:0; margin-bottom:10px;}
.clear {clear:both;}
.clearfix:after {content:""; display:block; clear:both;}

.cf:after {content:""; display:block; clear:both; overflow:hidden;}
.cf {clear:both;}

.ofh {overflow:hidden;}

/*==================== Menu(メニュー) ====================*/
/*----------HD3メインイメージ内メニュー(半透明)----------*/
ul.mimg_menu {
	position:absolute;
	top:32px;
	right:20px;
	padding:0;
	width:180px;
	font-family:Arial,'meiryo ui','arial narrow','ms ui gothic';
}
ul.mimg_menu li {font-size:13px; font-weight:bold; color:#FFF; width:170px; height:22px; padding:0 0 0 10px; margin-bottom:5px; line-height:22px;
	background:rgb(0,40,200); /*ie6,7,8*/ background:rgba(0,40,200,0.4);}
ul.mimg_menu li span {font-family:fas_s; font-size:10px;}
ul.mimg_menu li.outsite {background:rgb(130,130,130); background:rgba(130,130,130,0.4);}
ul.mimg_menu li.bg_m {background:rgba(0,153,153,0.7);}
ul.mimg_menu li a {color:#FFF; line-height:22px; display:block; zoom:1;/*ie6対策*/}
ul.mimg_menu li a:hover {color:#FF0000;}
ul.mimg_menu li.now {background:rgb(0,204,255);/*ie6,7,8*/ background:rgba(0,204,255,0.4);}
ul.mimg_menu.mimg_m_s1 {
	position:absolute;
	right:165px;
	width:130px;
	height:160px;
}
ul.mimg_menu.mimg_m_s1 li {width:120px;}
ul.mimg_menu.mimg_m_s2 {position:absolute; right:20px; width:130px; height:auto;}
ul.mimg_menu.mimg_m_s2 li {width:120px;}
ul.mimg_menu[class].bg_m li {background:rgba(0,153,153,0.7);}

/*----------サイドメニュー----------*/
ul#sidemenu {margin:0; padding:0; list-style:none;}
ul#sidemenu li {font-size:14px; margin-bottom:5px; border:1px solid; border-radius:3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul#sidemenu li:after {display:block; clear:both; content:"";}
ul#sidemenu li > a {padding:18px 0 18px 35px; display:block; background:no-repeat 14px 17px; color:#666;}
ul#sidemenu > li.now > a {font-weight:bold;}
ul#sidemenu li ul {margin:0; padding:0; list-style:none;}
ul#sidemenu li ul li {font-size:13px; margin:0; border:0; border-top:1px solid #FFF;}
ul#sidemenu li ul li a {padding:14px 0 14px 35px; display:block;}
ul#sidemenu li ul li.now, ul#sidemenu li ul li a.now {font-weight:bold;}
ul#sidemenu li ul li ul li a, ul#sidemenu li ul li ul li a.now {padding:10px 0 10px 35px; display:block; font-weight:normal;}
ul#sidemenu li[class*="g"] {border-color:#CCC; background:#FAFAFA;}
ul#sidemenu li.li1g > a {background:url(../img/base/menu_l/lm_hm1.png) no-repeat 14px 17px; color:#666;}
ul#sidemenu li.li1g > a:hover {background:url(../img/base/menu_l/lm_hm2.png) no-repeat 14px 17px;}
ul#sidemenu li.li4g > a {background:url(../img/base/menu_l/lm_us1.png) no-repeat 14px 17px; color:#666;}
ul#sidemenu li.li4g > a:hover {background:url(../img/base/menu_l/lm_us2.png) no-repeat 14px 17px;}
ul#sidemenu li.li5g > a {background:url(../img/base/menu_l/lm_ct1.png) no-repeat 14px 17px; color:#666;}
ul#sidemenu li.li5g > a:hover {background:url(../img/base/menu_l/lm_ct2.png) no-repeat 14px 17px;}
ul#sidemenu li[class] ul li a {background:url(../img/base/menu_l/lm_lis_h.png) no-repeat 18px 16px;}
ul#sidemenu li[class] ul li a.now {background:#F0F0F0 url(../img/base/menu_l/lm_lis_h2.png) no-repeat 18px 16px;}
ul#sidemenu li[class*="g"][class] a:hover {background-color:#E9E9E9;}
ul#sidemenu li.li5g span {font-size:12px; font-weight:normal;}
ul#sidemenu li.li2 {border-color:#09F; background:#F0F8FF;}
ul#sidemenu li.li2 > a {background:url(../img/base/menu_l/lm_pl1.png) no-repeat 14px 17px; color:#06C;}
ul#sidemenu li.li2.now > a {background:url(../img/base/menu_l/lm_pl2.png) no-repeat 14px 17px;}
ul#sidemenu li.li2 > a:hover {background:url(../img/base/menu_l/lm_pl3.png) no-repeat 14px 17px;}
ul#sidemenu li.li2 ul li > a {background:url(../img/base/menu_l/lm_lis_b.png) no-repeat 18px 17px; color:#06C;}
ul#sidemenu li.li2 ul li.now {background:#B2F0FF;}
ul#sidemenu li.li2 ul li.now > a {background:url(../img/base/menu_l/lm_lis_b2.png) no-repeat 18px 16px;}
ul#sidemenu li.li2 ul li ul li a {background:url(../img/base/menu_l/lm_lix_b.png) no-repeat 20px 14px;}
ul#sidemenu li.li2[class] a:hover {background-color:#CEE7FF;}
ul#sidemenu li.li3 {border-color:#090; background:#F7FFF7;}
ul#sidemenu li.li3 > a {background:url(../img/base/menu_l/lm_st1.png) no-repeat 14px 17px; color:#090;}
ul#sidemenu li.li3.now > a {background:url(../img/base/menu_l/lm_st2.png) no-repeat 14px 17px;}
ul#sidemenu li.li3 > a:hover {background:url(../img/base/menu_l/lm_st3.png) no-repeat 14px 17px;}
ul#sidemenu li.li3 ul li a {background:url(../img/base/menu_l/lm_lis_m.png) no-repeat 18px 16px; color:#090;}
ul#sidemenu li.li3 ul li.now {background:#E0FFB2;}
ul#sidemenu li.li3 ul li.now > a {background:url(../img/base/menu_l/lm_lis_m2.png) no-repeat 18px 16px;}
ul#sidemenu li.li3 ul li ul li a {background:url(../img/base/menu_l/lm_lix_m.png) no-repeat 20px 14px;}
ul#sidemenu li.li3[class] a:hover {background-color:#D7FFD7;}
ul#sidemenu li[class] ul li a:hover {background:url(../img/base/menu_l/lm_lis_y.png) no-repeat 18px 16px;}
ul#sidemenu li[class] ul li ul li a.now, ul#sidemenu li[class] ul li ul li a:hover {background:url(../img/base/menu_l/lm_lix_r.png) no-repeat 20px 14px;}
ul#sidemenu li[class] a.now, ul#sidemenu li[class] a:hover {color:#F00;}

/* fit-sidebar */
.fit-sidebar-fixed{margin-top:0 !important; margin-bottom:0!important; position:fixed;}
.fit-sidebar-blank{z-index:0; background-color:transparent; visibility:hidden;}

@media (max-width:767px) {ul#sidemenu > li[class] {clear:both;} ul#sidemenu li[class] ul li {width:calc(100% / 3); float:left;} ul#sidemenu li[class] ul li ul {display:none;}}
@media (max-width:599px) {ul#sidemenu > li[class] {clear:both;} ul#sidemenu li[class] ul li {width:50%; float:left;} 
ul#sidemenu li[class] ul li a, ul#sidemenu li[class] ul li a:hover, ul#sidemenu li[class] ul li a.now {padding-left:14px; background-image:none;}}

/*左バナー*/
[id^="lm_bn_"] a {width:100%; margin-bottom:5px; display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; transition:ease 0.2s;	border:1px solid; border-radius:3px;}
[id^="lm_bn_"] a:hover img {opacity:1;}
/*左バナーINFO*/
#lm_bn_info a {height:60px; border-color:#9CF; background:#E5F5FF;}
#lm_bn_info a:hover {border-color:#09F; background-color:#9CF;}
/*左バナーCatalog*/
#lm_bn_catalog a {height:50px; border-color:#F93; border-radius:3px; background:#FFF8F2;}
#lm_bn_catalog a:hover {border-color:#F60; background-color:#FFE0C1;}

/*タブメニュー(基本)*/
[id^="tab0"] {width:100%; height:25px; margin:15px auto; text-align:center; font-size:12px;}
[id^="tab0"]:after {content:""; clear:both; display:block;}
#tab0a {background:url(../img/base/tab/tab0bk1.png) bottom repeat-x;} /*上*/
#tab0b {background:url(../img/base/tab/tab0bk1.png) top repeat-x;} /*下*/
[id^="tab0"] ul {width:auto; height:25px; margin:0 auto;}
[id^="tab0"] ul li {display:inline-block;}
[id^="tab0"] ul li a {border:1px solid #003; background:#F7F7F7; padding:6px 10px 0; height:17px; display:block; color:#039;}
[id^="tab0"] ul li a.now {background:#DFFAFF; color:#00F; font-weight:bold;}
[id^="tab0"] ul li a:hover, [id^="tab0"] ul li a.now:hover  {background:#FFF4CC;}
#tab0a ul li a.now {border-bottom:1px solid #0CF;} /*上*/
#tab0b ul li a.now {border-top:1px solid #0CF;} /*下*/
@media (min-width:600px) {[id^="tab0"] ul li a {min-width:50px;}}

/*下部メニュー*/
ul.mn_ud1 {width:calc(100% + 10px); height:90px; display:table; table-layout:fixed; margin:1em auto; font-size:12px;} ul.mn_ud1 span {font-size:14px; font-weight:bold;}
ul.mn_ud1 > li {display:table-cell; vertical-align:middle; text-align:center; border-right:10px solid transparent;}
ul.mn_ud1 > li a {display:block; line-height:1.6em; width:100%; height:90px; border:2px solid #9CF; background:#F0F8FF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
ul.mn_ud1 li a:hover {background:#FFF8F2; border:2px solid #FFE3D7;}
ul.mn_ud1 li a.now {background:#FFF5F0; color:#F66; border:2px solid #F93;}

/*外部リンク用（専門サイト）*/
.to_site a {height:30px; padding-left:105px; background:url(../img/list/li_site.png) left no-repeat; line-height:30px; margin-bottom:0.5em; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*-----オーバーフロー-----*/
.ovf_x {overflow-x:auto;}
.tb_over {overflow-x:auto; white-space:nowrap;}/*X方向にオーバーした場合スクロールバーが表示*/

/*========== SNSシェアボタン ==========*/
ul#sns-area {font-size:0px; display:table; border-collapse:separate; border-spacing:5px 0; margin:1em 0 1em -5px; clear:both; border-bottom:10px solid #FFF;}
ul#sns-area li {height:30px; width:33px; font-size:36px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
ul#sns-area li.top-btn span {padding:7px; white-space:nowrap; color:#FFF; background:#CCC; font-size:12px; border-radius:3px; vertical-align:middle;}
ul#sns-area li :not(.top-btn) {vertical-align:-14%;}
ul#sns-area li.twitter-btn a {color:#55ACEE;} ul#sns-area li.twitter-btn a:hover {color:#09F;}
ul#sns-area li.facebook-btn a {color:#3B5998;} ul#sns-area li.facebook-btn a:hover {color:#039;}
ul#sns-area li.google-btn a {color:#DD4B39;} ul#sns-area li.google-btn a:hover {color:#F30;}
ul#sns-area li.line-btn a {color:#00C300;} ul#sns-area li.line-btn a:hover {color:#0F3;}


/*========== Calendarカレンダー2 ==========*/
#calback2 {color:#999; margin:0; padding:0 0 10px; line-height:1em; font-weight:normal;}
.caltitle {font-size:14px; font-weight:bold;}
.calendar {padding:0 0 10px; width:100%; font-family:Verdana,Arial,"MS Gothic",sans-serif; text-align:center;}
.schedule_wrapper {padding:5px; border:solid 1px #CCC; font-size:11px; line-height:1.5em; text-align:center;}
.schedule_wrapper img {vertical-align:middle;}
.schedule_wrapper span {margin-left:15px;}
.schedule_wrapper span.close {margin:0; color:#9CF;}
.schedule_wrapper h3 {padding:0 10px; font-weight:normal; margin:0; font-size:12px; color:#666;}
table.cal {width:100%;}
table.cal tr th p {float:left; padding:0; margin:0; color:#666; font-size:14px;}
table.cal tr th div.cal_ui {float:right; margin-bottom:0;}
table.cal tr th div.cal_ui input[type="button"] {border:none; background-color:#FFF; font-size:14px; margin-left:2px; padding:3px 0 0; font-family:'fas_s'; color:#CCC;} 
table.cal tr th div.cal_ui input[type="button"]:hover {color:#F69;}
table.cal tr td {border-top:solid 1px #EEE;}
table.cal tr td {font-size:10px; text-align:center; padding:2px 0;}
table.cal tr.headline td {padding:3px 0; color:#666;}
table.cal tr.headline {background-color:#EEE;}
table.cal tr td div {position:relative; padding:3px; font-size:10px; text-align:center; background-color:#FFF;}
table.cal tr td div span {display:none; position:absolute; top:20px; left:0; width:180px; border:solid 1px #EEE; background-color:#FFF; text-align:left; padding:3px; z-index:10; color:#000; font-weight:normal; line-height:1.5em; box-shadow:1px 1px 3px #666;}
table.cal tr td div.Sat {color:#00F; background:#E6F2FF;}/*以下クラス指定（曜日・祝日など）*/
table.cal tr td div.Sun {color:#F00; background:#E6F2FF;}
table.cal tr td div.Today {font-weight:bold; color:#090; background:#DFE !important; font-size:10px; padding:3px 0;}
table.cal tr td div.Holyday {font-weight:bolder; color:#F00; background-color:#E6F2FF;}
table.cal tr td div.Workday {font-weight:normal; color:#000; background-color:#FFF;}
table.cal tr td div.backward {color:#999; font-weight:normal; background-color:#FFF; border-radius:3px;}
table.cal tr td div.pointer {cursor:pointer;}
table.cal tr td div.pointer:hover {background-color:#EEE;}