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

/*MainImgメニュー変化*/
#hd3_info_menu {position:absolute; top:93px; left:250px;}
#hd3_info_menu ul {height:97px; overflow:hidden;}
#hd3_info_menu ul li {width:80px; height:97px; display:inline-block; margin-right:10px;}
#hd3_info_menu ul li[class] a:hover img {opacity:0; transition:0.2s;}
#hd3_info_menu ul li[class] a.now img {opacity:0;}
#hd3_info_menu ul li.li_info1 {background:url(../img/asinfo/mimg_1_aboutus2.png) no-repeat;}
#hd3_info_menu ul li.li_info2 {background:url(../img/asinfo/mimg_2_trade2.png) no-repeat;}
#hd3_info_menu ul li.li_info3 {background:url(../img/asinfo/mimg_3_map2.png) no-repeat;}
#hd3_info_menu ul li.li_info4 {background:url(../img/asinfo/mimg_4_mail2.png) no-repeat;}
#hd3_info_menu ul li.li_info5 {background:url(../img/asinfo/mimg_5_info2.png) no-repeat;}
#hd3_info_menu ul li.li_info6 {background:url(../img/asinfo/mimg_6_catalog2.png) no-repeat;}


/*お問合せ・カタログフォームのテーブル*/
#form_table {width:100%; margin:15px auto 0; border:1px solid #999; border-collapse:collapse;}
#form_table th, #form_table td {border:1px solid #999; text-align:left; vertical-align:middle; height:20px; padding:5px 5px 5px 8px; line-height:1.5em;}
#form_table th {background:#E1F0FF; width:30%; font-weight:normal;}
#form_table input.radio {vertical-align:middle;}/*ラジオボタンとテキストの位置*/
#form_table input.checkbox {vertical-align:middle;}/*チェックボックスとテキストの位置*/
#form_table th.bg_gry {background:#F0F0F0;}/*THが薄グレー*/
#form_table.th_or th {background:#FFF0E1;}/*THが薄オレンジ*/
#from_table br.br_hd {display:none;}
.box_undert {width:auto; padding:5px 10px; margin:5px auto; background:#FFEEF7; color:#F00; line-height:1.6em;}/*テーブル下の注意書き*/
#form_ask {border:#999999 1px solid; margin:10px auto; padding:15px; width:548px; line-height:1.5em;}/*お問合せフォームのアンケート*/
#form_table.th_sv th {background:#F7F7F7;}/*図面・コンサルお問合せフォームのテーブル*/
@media (max-width:599px) {#form_table br.hd {display:block;} #form_table th, #form_table td {display:block; height:auto; width:auto;}}
/*----------mpmailec/static/css/form.cssより----------*/
div.errs {background-image:url(../img/asinfo/warning.png); background-repeat:no-repeat; color:#FF0000; margin:1em auto; padding:0px 0px 0px 50px;
	min-height:32px; line-height:1.5em; height:auto !important; height:32px; }
#form_table th div.must {background:url(../img/asinfo/must.gif) no-repeat right; padding-top:2px;}
#form_table th div.must2 {background:url(../img/asinfo/must2.gif) no-repeat right; padding-top:2px;}

@media (max-width:900px) {#form_table th div.must, #form_table th div.must2 {background:none; color:#F00;}}

input.text,input.password,textarea,select {
	padding:0.1em; font-size:small; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	background-color:#fdfdfd; background-repeat:repeat-x; border:1px solid #abadb3;}
input.submit {width:100%; height:40px; font-size:14px; font-weight:bold; color:#0066CC; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
h2.h2_aboutus1 {font-size:18px; color:#003; line-height:36px; border-bottom:#9CF solid 3px; padding-left:20px;}
h2.h2_aboutus2 {font-size:18px; color:#F90; line-height:36px; border-bottom:#F90 solid 3px; padding-left:20px;}
h3.h3_aboutus1 {font-size:14px; color:#003; height:20px; line-height:20px; margin:15px auto;}

/*お取引について*/
h2.h2_trading {float:left; width:70px; border-right:#FFF solid 10px; background:#D9E1FF; color:#FFF; font-size:18px; padding:10px; text-align:center;}
h3.h3_trading {color:#069; font-size:18px; padding:0 0 5px; border-bottom:#9CF 2px dotted; margin:0 0 10px; line-height:1.5em;}

.gotoform {width:170px; height:130px; background:url(../img/asinfo/gotomailform1b.png) no-repeat; overflow:hidden; z-index:10; float:right; border-left:10px solid #FFF;}
.gotoform2 {width:170px; height:130px; background:url(../img/asinfo/gotomailform1be.png) no-repeat; overflow:hidden; z-index:10; float:right; border-left:10px solid #FFF;}

.totop {position:absolute; top:8px; right:-2px; width:82px; height:22px;}

.trading_tab {height:30px; width:100%; line-height:30px; font-size:12px; text-align:center; background:#F0F8FF; margin:1em auto 15px;}


/*窓口一覧*/
.icon_info img {float:left; margin:0;}
.icon_info2 img {float:left; margin-right:1em;}
.box_mtb15lr35 {margin:15px 35px; clear:both;}
.btn_toform a {width:calc(100% - 90px); height:80px; line-height:80px; font-size:20px; font-weight:bold; text-align:center; border:2px solid #CEE7FF; background:#F0F8FF; color:#69F; display:block; float:right;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:5px;}
.btn_toform a:hover {border-color:#FFE3D7; background-color:#FFF4CC; color:#F90;}
.btn_gotoform {width:100px; height:100px; background:url(../img/asinfo/gotomailform2b.png) no-repeat; overflow:hidden; float:right; margin-left:10px;}
.btn_gotomap {width:60px; height:60px; background:url(../img/asinfo/gotomap1b.png) no-repeat; overflow:hidden; float:right; margin-left:10px;}


/*サービス*/
.gotodetail {width:60px; height:40px; position:absolute; top:45px; right:0; background:url(../img/asinfo/service_gotodetail_2.png) no-repeat; overflow:hidden;}

/*INFO 本文上下簡易メニューバー*/
.menubar_info {line-height:30px; font-size:12px; text-align:center; background:#F0F8FF; margin:1em auto;}

/*テーブル*/
/*table {background:#999999; line-height:1.5em; width:600px; margin:15px auto;}
table th, td {vertical-align:middle; text-align:left; height:20px; padding:5px 10px;}
table th {background:#D9ECFF; width:160px;}
table td {background:#FFF;}

table .th_yel th {background:#F9F0A2;}*/

/*送信後の画面*/
.table_aftermail {width:500px; margin:20px auto; line-height:1.5em; background:#CCCCCC;}
.table_aftermail th, .table_aftermail td {background:#FFF; text-align:left; vertical-align:middle; height:40px; padding:5px 10px;}
.table_aftermail th {background:#F3F3F3; width:120px; font-weight:normal;}
@media (max-width:550px) {.table_aftermail {width:100%;}}

/*会社案内TOPタイルメニュー*/
.asmenu_box {width:585px; margin:0 0 15px 27px; clear:both;}
.asmenu_item a {border:1px solid #0099CC; background:#D9ECFF; padding:10px;	width:158px; float:left; height:65px; display:block; margin:15px 15px 0 0;}
.asmenu_item2 a {border:1px solid #99CC00; background:#E1FFE1; padding:10px; width:158px; float:left; height:65px; display:block; margin:15px 15px 0 0;}
h3.h3_asmenu {height:22px; line-height:22px; font-size:14px; text-align:center;}
p.p_asmenu {width:158px; color:#333333;}
.asmenu_box a:hover {text-decoration:none; color:#FF0000; border:#FF9900 1px solid; background:#FCF2C7;}

.box_info {width:100%; margin:15px 0;}
.box_info:after {content:""; display:block; clear:both;}

.tm_info {width:100%; margin:15px auto; overflow:hidden;}
.tm_info ul {width:calc(100% + 10px); margin:0; padding:0;}
.tm_info ul li a {margin:0 10px 10px 0; border:2px solid #9CF; background:#F0FCFF; padding:10px; float:left; height:96px; display:block; border-radius:5px;}
.tm_info ul li a h3 {font-size:16px; height:20px; line-height:20px; text-align:right; margin:0; padding:0; text-overflow:ellipsis; white-space:nowrap;}
.tm_info ul li a h3 span {border-bottom:2px solid #9CF; padding:0 5px;}
.tm_info.tm2 ul li a h3 span {border-bottom:2px solid #9C0; padding:0 5px;}
.tm_info ul li a img {float:left; margin:15px 12px 0 0;}
.tm_info ul li a p {font-size:13px; line-height:1.5em; padding:0; margin-top:1em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.tm_info.tm2 ul li a {border-color:#7FE57F; background-color:#E9FFD2; color:#090;}
.tm_info ul li a:hover {border-color:#FC9; background-color:#FFF9E6; text-decoration:none; color:#F30;}
.tm_info ul li a:hover h3 span {border-color:#FC9;}

@media (min-width:1000px) {.tm_info ul li a {width:calc((100% - 136px) / 4);}}
@media (max-width:999px) {.tm_info ul li a {width:calc((100% - 102px) / 3);}}
@media (min-width:768px) and (max-width:850px) {.tm_info ul li a {width:calc((100% - 68px) / 2);}}
@media (max-width:599px) {.tm_info ul li a {width:calc((100% - 68px) / 2);}}

/*社長あいさつ*/
div.profile {padding:2px 0 0 150px; margin:30px auto 10px; background:url(../img/asinfo/president_profile.png) left top no-repeat;}
@media (max-width:600px) {div.profile {padding:2px 0 0 10px; margin:10px auto;}}
	
/*環境方針*/
ol.ol_kankyo {padding-left:25px; list-style-type:decimal;}
ol.ol_kankyo li {list-style-type:decimal; margin:1em 0;}

/*サイトマップ*/
ul.ul_smap {margin-bottom:15px;}
ul.ul_smap li.li_smap {height:22px; line-height:22px; padding-left:15px;}
ul.ul_smap li.li_blu {background:url(../img/list/sq10blu2.png) left no-repeat;}
ul.ul_smap li.li_yel {background:url(../img/list/sq10yel.png) left no-repeat;}
ul.ul_smap li.li_mid {background:url(../img/list/sq10md.png) left no-repeat;}
ul.ul_smap li.li_hai {background:url(../img/list/sq10hi.png) left no-repeat;}
ul.ul_smap li.li_mb10 {margin-bottom:10px;}
ul.ul_smap .fcb, ul.ul_smap .fcb a, ul.ul_smap .li_blu a {color:#03C;}
ul.ul_smap .fc_yel, ul.ul_smap .fc_yel a, ul.ul_smap .li_yel a {color:#F60;}
ul.ul_smap .fc_mid, ul.ul_smap .fc_mid a, ul.ul_smap .li_mid a {color:#060;}
ul.ul_smap .fc_hai, ul.ul_smap .fc_hai a, ul.ul_smap .li_hai a {color:#333;}
ul.ul_smap a:hover {color:#F30;}

/*会社案内メニューボタン*/
.menu_info1 {width:193px; height:120px; background:url(../img/asinfo/menu_info1.png) bottom; display:inline-block; overflow:hidden; margin-right:11px; margin-bottom:11px;}
.menu_info1 img {margin-top:0;}
.menu_info2 {width:193px; height:120px; background:url(../img/asinfo/menu_info2.png) bottom; display:inline-block; overflow:hidden; margin-right:11px; margin-bottom:11px;}

/*プライバシーポリシー*/
ol.ol_p_pol01 {line-height:1.8em; padding-left:1.5em;}
ol.ol_p_pol01 li {list-style-type:decimal; margin-bottom:0.5em;}


/*--------------------F21--------------------*/
ul.ul_f21 {margin:15px 0;}
ul.ul_f21 li {font-size:16px; font-weight:bold; color:#036; list-style:disc; list-style-position:inside; margin-bottom:0.5em; font-family:Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif; width:100%; position:relative;
	border-bottom:2px solid #F1F1F1; padding-bottom:7px;}
ul.ul_f21 p {font-size:12px; line-height:1.8em; margin-bottom:1.5em; margin-left:1em;}
.todetail a {font-size:12px; font-weight:normal; width:80px; height:16px; line-height:16px; background:#D0E8FF; border:1px solid #09F; position:absolute; top:0; right:0; text-align:center; display:block;}
.todetail a:hover {background:#FFD6AC; border:1px solid #F90; text-decoration:none;}

ul.mn_f21 {width:calc(100% + 2px);}
ul.mn_f21:after {content:""; display:block; clear:both;}
ul.mn_f21 li a {width:calc(100% / 3 - 2px); height:24px; line-height:24px; font-size:12px; font-family:Meiryo,"Hiragino Kaku Gothic Pro",Osaka,"MS PGothic", sans-serif; 
	background:#D0E8FF; margin-right:2px; float:left; display:block; margin-bottom:2px; padding-left:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
li.mn_f21 a {width:188px; height:24px; line-height:24px; font-size:12px; font-family:Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif; 
	background:#D0E8FF; margin-right:2px; float:left; display:block; margin-bottom:2px; padding-left:10px;}
li.rm0 a {margin-right:0;} 
li.mn_f21 a:hover {background:#FFF0FF; text-decoration:none;}
li.mn_f21 a.now {background:#FFF0FF;}