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


/*お問合せ・カタログフォームのテーブル*/
table#form_table {width:100%; margin:15px auto 0; border:1px solid #003; border-collapse:collapse;}
table#form_table th, table#form_table td {border:1px solid #003; text-align:left; vertical-align:middle; height:20px; padding:5px 5px 5px 8px; line-height:1.5em;}
table#form_table th {background:#E1F0FF; width:30%; font-weight:normal;}
form input[type="text"], form textarea {border:0; background:#F3F3F3; border-radius:2px; padding:2px 5px;}
table#form_table input.radio {vertical-align:middle;}/*ラジオボタンとテキストの位置*/
table#form_table input.checkbox {vertical-align:middle;}/*チェックボックスとテキストの位置*/
table#form_table th.bg_gry {background:#F0F0F0;}/*THが薄グレー*/
table#form_table.th_or th {background:#FFF0E1;}/*THが薄オレンジ*/
table#from_table br.br_hd {display:none;}
/*テーブル下の注意書き*/
.box_undert {width:auto; padding:5px 10px; margin:5px auto; background:#FFF4FF; color:#F00; line-height:1.6em; border-radius:3px;}
/*図面・コンサルお問合せフォームのテーブル*/
table#form_table.th_sv th {background:#F7F7F7;}
@media (max-width:599px) {table#form_table {border:none;} table#form_table br.hd {display:block;} table#form_table th, table#form_table td {display:block; height:auto; width:auto; border:none;} table#form_table tr {border:1px solid #003;}}
/*----------mpmailec/static/css/form.cssより----------*/
div.errs {background-image:url(../img/asinfo/warning.png); background-repeat:no-repeat; color:#F00; margin:1em auto; padding:0px 0px 0px 50px;
	min-height:32px; line-height:1.5em; height:auto !important; height:32px; }
table#form_table th div.must {background:url(../img/asinfo/must.gif) no-repeat right; padding-top:2px;}
@media (max-width:900px) {table#form_table th div.must {background:none; color:#F00;}}
input.text,input.password,textarea,select {padding:0.1em; font-size:small; background-color:#fdfdfd; background-repeat:repeat-x; border:1px solid #abadb3;}
input.submit {width:100%; height:40px; font-size:14px; font-weight:bold; color:#06C; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}


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

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

/*サービス*/
.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_aftermail {width:500px; margin:20px auto; line-height:1.5em; background:#CCC;}
.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タイルメニュー*/
.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;}}
	
/*サイトマップ*/
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;}



/*--------------------F21--------------------*/
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; border-radius:2px;
	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;}