/* PC用CSS */
@media print, screen and (min-width: 640px) {
/* ここから通常のCSS */
/*==========================================================================================================================*/
/*------------------------------------------------------------------------------------------------------------------ClearFix*/
.clearfix{
display:inline-table;
min-height:1em;
}
.clearfix:after{
content:"";
display:block;
height:1px;
clear:both;
visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */
.clearIndex{
clear:both;
}
/*==========================================================================================================================*/
/*---------------------------------------------------------------------------------------------------------------------Basic*/
*{
margin:0;
padding:0;
text-align:left;
}
body{
text-align:center;
color:#222222;
font-size:100%;
line-height:150%;
margin:0;
padding:0;
z-index:0;
background:#2a2a2a url(imgs/bg.gif) top left repeat-x;
font-family: "Meiryo UI", "Meiryo", "游ゴシック", "Yu Gothic","Courier New";
}
a:link {color:#1a2a52;text-decoration:none; font-weight:bold;}
a:visited {color:#1a2a52;text-decoration:none; font-weight:bold;}
a:active {color:#1169a5;text-decoration:underline; font-weight:bold;}
a:hover {color:#a30303;text-decoration:underline; font-weight:bold;}
/*==========================================================================================================================*/
/* -----------------------------------------------------------------------------------------------------------------HR------*/
hr.style1{ border-top:1px solid #8c8b8b; }
hr.style2{ border-top:3px double #8c8b8b; }
hr.style3{ border-top:1px dashed #8c8b8b; }
hr.style4{ border-top:1px dotted #8c8b8b; }
hr.style5{ background-color:#fff; border-top: 2px dashed #8c8b8b; }
hr.style6{ background-color: #fff;border-top: 2px dotted #8c8b8b; }
hr.style7{ border-top:1px solid #8c8b8b; border-bottom: 1px solid #fff; }
hr.style8{ border-top:1px solid #8c8b8b; border-bottom: 1px solid #fff; }
hr.style8:after{ content:''; display:block; margin-top:2px; border-top:1px solid #8c8b8b; border-bottom:1px solid #fff; }
hr.style9{ border-top:1px dashed #8c8b8b; border-bottom:1px dashed #fff; }
hr.style10{ border-top:1px dotted #8c8b8b; border-bottom:1px dotted #fff; }
hr.style11{ height:6px; background:url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0; border:0; }
hr.style12{ height:6px; background:url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0; border: 0; }
hr.style13{ height:10px; border:0; box-shadow:0 10px 10px -10px #8c8b8b inset; }
hr.style14 { border:0; height:1px;
background-image:-webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image:-moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image:-ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image:-o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); }
hr.style15{ border-top:4px double #8c8b8b; text-align:center; }
hr.style15:after{ content:'\002665'; display:inline-block; position:relative; top:-15px; padding:0 10px; background:#f0f0f0; color:#8c8b8b; font-size:18px; }
hr.style16{ border-top:1px dashed #8c8b8b; }
hr.style16:after{ content:'\002702'; display:inline-block; position:relative; top:-12px; left:40px; padding:0 3px; background:#f0f0f0; color:#8c8b8b; font-size:18px; }
hr.style17{ border-top:1px solid #8c8b8b; text-align:center; }
hr.style17:after { content:'§'; display:inline-block; position:relative; top:-14px; padding:0 10px; background:#f0f0f0; color:#8c8b8b; font-size:18px;
-webkit-transform:rotate(60deg);
-moz-transform:rotate(60deg);
transform:rotate(60deg); }
hr.style18{ height:30px; border-style:solid; border-color:#8c8b8b; border-width:1px 0 0 0; border-radius:20px; }
hr.style18:before{ display:block; content:""; height:30px; margin-top:-31px; border-style:solid; border-color:#8c8b8b; border-width:0 0 1px 0; border-radius:20px; }
.hrArea0 { display:block; text-align:center; background:#eee; margin:0; padding:0; }
.hrArea10 { display:block; text-align:center; background:#eee; margin:0; padding:10px 0; }
.hrArea20 { display:block; text-align:center; background:#eee; margin:0; padding:20px 0; }
.hrArea40 { display:block; text-align:center; background:#eee; margin:0; padding:40px 0; }
.hrArea60 { display:block; text-align:center; background:#eee; margin:0; padding:60px 0; }
.hrArea80 { display:block; text-align:center; background:#eee; margin:0; padding:80px 0; }
hr.hr_wide { width:950px; margin:0 auto; }
hr.hr_wide_no { width:950px; margin:0 auto; border:none; }
/*==========================================================================================================================*/
/* ---------------------------------------------------------------------------------------------------------------Common----*/
#wrapper { position:relative; z-index:1; margin:0 auto; padding:0; }
#pagetop{ margin:0; padding:0; width:100%; }
.pagetop { display: none; position: fixed; bottom: 20px; right: 15px;}
.pagetop a { display: block; background-color: #1a2a52; text-align: center; color: #fff; font-size: 12px; text-decoration: none; padding:10px 20px;
filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.pagetop a:hover { display: block; background-color: #1169a5; text-align: center; color: #fff; font-size: 12px; text-decoration: none; padding:10px 20px;
filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#header{ display:none; }
#global-header{ display:none; }
#footerArea { margin:0; padding:0; background:#2a2a2a; }
#footer { display:block; text-align:center; width:950px; margin:0 auto; padding:30px 0 20px 0; color:#fff; }
#footer .logo { float:left; margin:0; padding:0 50px 0 0; width:450px; }
#footer .adress { float:left; margin:0; padding:0; width:400px; }
#footer h2 { font-size:120%; text-align:center; margin:0; padding:0; }
#footer h2 em{ display:none; }
#footer h3 { font-size:100%; margin:0; padding:0 0 10px 0; }
.copyright { margin:0; padding:20px 0; font-size:80%; color:#666; text-align:center; }
.copyright a:link {color:#666;text-decoration:none}
.copyright a:visited {color:#666;text-decoration:none}
.copyright a:active {color:#666;text-decoration:underline}
.copyright a:hover {color:#666;text-decoration:underline}
/*==========================================================================================================================*/
/* --------------------------------------------------------------------------------------------------------------TOPpage----*/
#catch .logo { position:relative; z-index:11; text-align:center; margin:0 auto; padding:150px 0 0 0; }
#catch .logo img { filter: drop-shadow(30px 30px 30px #fff);
-webkit-filter: drop-shadow(30px 30px 30px #fff);
-moz-filter: drop-shadow(30px 30px 30px #fff);
-ms-filter: drop-shadow(30px 30px 30px #fff);
-o-filter: drop-shadow(30px 30px 30px #fff); }
#catch .copy { position:relative; z-index:12; margin:150px 0 0 0; padding:20px 0 50px 0; background: url(imgs/bg_catch.png) top left repeat-x; }
#catch .copy h2 { text-align:center; margin:10px 0; padding:0; color:#fff; font-size:180%; line-height:200%; }
#catch .copy h2 em { display:none; }
#mainNavi { position:relative; z-index:13; margin:0 auto; padding:0; border-bottom:1px solid #fff; background:#1a2a52; }
#mainNavi ul#contents_navi { margin:0 auto; padding:0; width:950px; list-style-type:none; border-right:1px solid #fff; }
#mainNavi ul#contents_navi li { float:left; margin:0; padding:0; border-left:1px solid #fff; text-align:center; }
#mainNavi ul#contents_navi li span { font-size:9px; margin:0; padding:10px 0; }
#mainNavi ul#contents_navi li a { color:#fff; display:block; padding:15px 33px; background: url(imgs/link_contents_navi.gif) bottom center no-repeat; text-align:center; }
#mainNavi ul#contents_navi li a:hover { color:#fff; display:block; padding:15px 33px; background:#1169a5 url(imgs/link_contents_navi.gif) bottom center no-repeat; text-align:center; }
#mainNavi ul#contents_navi li a.wide { color:#fff; display:block; padding:15px 42px; background: url(imgs/link_contents_navi.gif) bottom center no-repeat; text-align:center; }
#mainNavi ul#contents_navi li a.wide:hover { color:#fff; display:block; padding:15px 42px; background:#1169a5 url(imgs/link_contents_navi.gif) bottom center no-repeat; text-align:center; }
#mainNavi ul#contents_navi li a.narrow { color:#fff; display:block; padding:15px 24px; background: url(imgs/link_contents_navi.gif) bottom center no-repeat; text-align:center; }
#mainNavi ul#contents_navi li a.narrow:hover { color:#fff; display:block; padding:15px 24px; background:#1169a5 url(imgs/link_contents_navi.gif) bottom center no-repeat; text-align:center; }
#mainNavi ul#contents_navi li a.contact { color:#fff; display:block; padding:15px 25px 15px 24px; background: url(imgs/link_contents_navi.gif) bottom center no-repeat; text-align:center; }
#mainNavi ul#contents_navi li a.contact:hover { color:#fff; display:block; padding:15px 25px 15px 24px; background:#1169a5 url(imgs/link_contents_navi.gif) bottom center no-repeat; text-align:center; }
#mainNavi{ display:block; width:100%; }
#mainNavi.active{ display:block; position:fixed; top:0; left:0; }
#mainNavi ul#contents_navi li a.hover { background:#1169a5 url(imgs/link_contents_navi.gif) bottom center no-repeat; }
#newsArea { margin:0; padding:50px 0; background:#2a2a2a; }
#news { margin:0 auto; width:910px; padding:10px 20px; border-radius: 30px; -webkit-border-radius: 30px;-moz-border-radius: 30px; background:#fff; }
#news .news_title { float:left; width:70px; color:#1169a5; font-weight:bold; margin:0 20px 0 0; padding:0 0 2px 0; text-align:center; /*background:url(imgs/bg_clum_name.png) 0 20px repeat-x*/ }
#news .article { float:left; width:820px; }
#news .news_frame { width:820px; height:25px; overflow-x:hidden; overflow-y:auto; }
#contentsArea01 { margin:0; padding:0; background:#2a2a2a; }
#top_clum01 { margin:0 auto; padding:10px 0 0 0; width:950px; background: url(imgs/bg_topclum01.gif) bottom left repeat-x; }
#top_clum01 .boxTxt { float:left; width:500px; margin:0; padding:70px 15px 0 15px; text-align:center; }
#top_clum01 .boxImg { float:left; width:380px; margin:0; padding:0 15px; text-align:right; }
#top_clum01 h2 { margin:0; padding:0 0 20px 0; font-size:180%; line-height:160%; text-align:center; }
#top_clum01 img { border:#fff 7px solid; }
#top_clum01 p { margin:0; padding:10px 20px 0 0; text-align:right; font-size:120%; }
#top_clum01 a { margin:0; padding:0 0 0 15px; background:url(imgs/link_text01.gif) 0 8px no-repeat; }
#top_clum01 a:hover{ margin:0; padding:0 0 0 15px; background:url(imgs/link_text01_hover.gif) 0 8px no-repeat; }
#contentsArea02 { display:block; text-align:center; margin:0; padding:20px 0; background:#284ba3 url(imgs/bg_plus_top.gif) bottom center no-repeat; color:#fff; }
#top_clum02 { margin:0 auto; padding:20px 0 20px 0; width:950px; }
#top_clum02 .boxTxt { float:left; width:400px; margin:0; padding:40px 0 0 0; text-align:center; }
#top_clum02 .boxImg { float:left; width:500px; margin:0; padding:0 40px 40px 0; }
#top_clum02 h3 { font-size:350%; margin:0 0 30px 0; padding:0; opacity: 0.3; }
#top_clum02 p { margin:0; padding:10px; }
#top_clum02 p.link_w { text-align:right; font-size:120%; }
#top_clum02 img { border:#fff 5px solid; }
#top_clum02 p.link_w a { margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 8px no-repeat; color:#fff; }
#top_clum02 p.link_w a:hover{ margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 8px no-repeat; color:#fff; }
#contentsArea03 { display:block; text-align:center; margin:0; padding:20px 0; background:#181818 url(imgs/bg_plus_bottom.gif) top center no-repeat; color:#fff; }
#top_clum03 { margin:0 auto; padding:60px 0 20px 0; width:950px; }
#top_clum03 .boxTxt { float:left; width:400px; margin:0; padding:40px 40px 0 0; text-align:center; }
#top_clum03 .boxImg { float:left; width:500px; margin:0; padding:0; }
#top_clum03 h3 { font-size:350%; margin:0 0 30px 0; padding:0; opacity: 0.3; }
#top_clum03 p { margin:0; padding:10px; }
#top_clum03 p.link_w { text-align:right; font-size:120%; }
#top_clum03 img { border:#fff 5px solid; }
#top_clum03 p.link_w a { margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 8px no-repeat; color:#fff; }
#top_clum03 p.link_w a:hover{ margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 8px no-repeat; color:#fff; }
#contentsArea04 { display:block; text-align:center; margin:0; padding:20px 0; background:#232b33 url() top center no-repeat; color:#fff; }
#top_clum04 { margin:0 auto; padding:20px 0 20px 0; width:950px; }
#top_clum04 .boxTxt { float:left; width:400px; margin:0; padding:40px 0 0 0; text-align:center; }
#top_clum04 .boxImg { float:left; width:500px; margin:0; padding:0 40px 40px 0; }
#top_clum04 h3 { font-size:350%; margin:0 0 30px 0; padding:0; opacity: 0.3; }
#top_clum04 p { margin:0; padding:10px; }
#top_clum04 p.link_w { text-align:right; font-size:120%; }
#top_clum04 img { border:#fff 5px solid; }
#top_clum04 p.link_w a { margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 8px no-repeat; color:#fff; }
#top_clum04 p.link_w a:hover{ margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 8px no-repeat; color:#fff; }
#contentsArea06 { float:left; width:50%; margin:0; padding:20px 0; background:#288aa3 url() top right no-repeat; color:#fff; }
#top_clum06 { float:right; width:475px; text-align:left; }
#top_clum06 .boxImg { margin:10px 0 0 0; padding:0 0 0 0; }
#top_clum06 .boxImg img { border:#fff 5px solid; width:400px; }
#top_clum06 h3 { position:relative; z-index:0; top:-170px; left:60px; font-size:300%; margin:0; padding:0; opacity: 0.8; }
#top_clum06 p { margin:0; padding:0 20px 10px 0; }
#top_clum06 p.link_w { margin:0; padding:0 20px 0 0; text-align:right; font-size:120%; }
#top_clum06 p.link_w a { margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 8px no-repeat; color:#fff; }
#top_clum06 p.link_w a:hover{ margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 8px no-repeat; color:#fff; }
#contentsArea07 { float:left; position:relative; z-index:0; width:50%; top:30px; left:0; margin:0; padding:20px 0; background:#586776 url() top left no-repeat; color:#fff; }
#top_clum07 { float:left; width:455px; text-align:left; padding:0 0 0 20px; }
#top_clum07 .boxImg { margin:20px 0 0 0; padding:0 0 0 20px; text-align:right; }
#top_clum07 .boxImg img { border:#fff 5px solid; width:400px; }
#top_clum07 h3 { position:relative; z-index:0; top:-80px; left:0; font-size:300%; margin:0; padding:0; opacity: 0.8; }
#top_clum07 p { margin:0; padding:0 20px 0 0; }
#top_clum07 p.link_w { margin:0; padding:0 20px 0 0; text-align:right; font-size:120%; }
#top_clum07 p.link_w a { margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 8px no-repeat; color:#fff; }
#top_clum07 p.link_w a:hover{ margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 8px no-repeat; color:#fff; }
/*==========================================================================================================================*/
/* -------------------------------------------------------------------------------------------------------------DOWNpage----*/
#mainArea { }
#downpage { display:block; margin:0; padding:0; background:#eee; }
#logoArea{ margin:0 auto; padding:0; width:950px; }
#logoArea .logo { float:left; width:200px; margin:0; padding:5px 0; }
#logoArea .copy { float:left; width:750px; margin:0; padding:0; }
#logoArea .copy h2 { float:left; margin:0; padding:20px; font-size:120%; }
#logoArea .copy h2 em { display:none; }
#logoArea .copy h3 { float:left; margin:0; padding:20px 0; font-size:100%; }
#logoArea .copy h4 { float:right; margin:0; padding:10px 0; font-size:80%; text-align:right; }
#logoArea .copy h4 span {font-size:135%; }
a.txt { margin:0; padding:0 0 0 15px; background:url(imgs/link_text01.gif) 0 6px no-repeat; }
a.txt:hover { margin:0; padding:0 0 0 15px; background:url(imgs/link_text01_hover.gif) 0 6px no-repeat; }
a.txt_w { margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 6px no-repeat; color:#fff; }
a.txt_w:hover { margin:0; padding:0 0 0 15px; background:url(imgs/link_text02.png) 0 6px no-repeat; color:#fff; }
a.mail { margin:0; padding:0 0 0 20px;background:url(imgs/link_mail.gif) 0 7px no-repeat; }
a.mail:hover { margin:0; padding:0 0 0 20px;background:url(imgs/link_mail_hover.gif) 0 7px no-repeat; }
#nameArea { margin:0; padding:20px 0 0 0; }
#clum01 { margin:0 auto; padding:20px 0; width:950px; background:#eee; }
#clum01 .boxL_half { float:left; width:475px; margin:0 0 0 20px; padding:10px 10px 0 10px; text-align:left; border-left:#2a2a2a 10px solid; }
#clum011 .boxR_half { float:right; width:475px; margin:0; padding:10px 10px 0 10px; text-align:right; }
#clum01 h2 { margin:0; padding:0 0 0 20px; font-size:180%; }
#clum01 h3 { margin:0; padding:10px 20px 0 0; font-size:130%; text-align:right; opacity: 0.6; }
#clum01 p { clear:left; margin:0; padding:10px 0 0 40px; }
.contentsArea { display:block; text-align:center; margin:0; padding:20px 0; background:#eee; color:#222; }
.title { margin:0; padding:0; background:url(imgs/bg_clum_name.png) 0 15px repeat-x; }
.title h2 { margin:0 auto; width:950px; padding:10px; color:#333; font-size:250%; opacity: 0.95; }
.title h2 span { padding:0 10px; background:#eee; opacity: 0.95; }
.clum { margin:10px auto; padding:20px 0; width:950px; border-top:#2a2a2a 1px solid; }
.boxR { margin:0; padding:20px; border-radius: 30px; -webkit-border-radius: 30px;-moz-border-radius: 30px; background:#fff; }
.clum p { margin:0; padding:10px; }
.head_img { margin:0 auto; padding:0 0 20px 0; text-align:center; background:#eee; }
/*==========================================================================================================================*/
/* -------------------------------------------------------------------------------------------------------------COMPANY-----*/
#company_img_position { position:relative; }
.clum .company_img { top:30px; left:560px; position:absolute; }
.clum .company_img img { border:#fff 5px solid; }
.clum dl.company { line-height:2; padding:10px; }
.clum dl.company dt { float:left; clear:both; width:7em; border-top:1px dotted #999; padding:1em 0 1em 0; }
.clum dl.company dd { border-top:1px dotted #999; margin-left:7em; padding:1em 0 1em 1em; }
.clum dl.company dt.line_no { border-top:none; }
.clum dl.company dd.line_no { border-top:none; }
.greeting { float:left; margin:0; padding:0; width:590px; }
.greeting_photo { float:right; margin:15px 0 0 0; padding:0 10px 0 0; width:270px; }
.greeting_photo p { margin:0; padding:0; line-height:16px; text-align:center; font-size:90%; font-weight:bold; }
/*==========================================================================================================================*/
/* -------------------------------------------------------------------------------------------------------------SERVICE-----*/
.txtArea01 { float:left; width:455px; margin:0; padding:0; }
.imgArea01 { float:left; width:455px; margin:0; padding:0; text-align:right; }
h3.service { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#1169a5 1px dotted; }
img.service { margin:15px 0 0 0; padding:0; border:#fff 5px solid; }
/*==========================================================================================================================*/
/* -----------------------------------------------------------------------------------------------------------TECHNIQUE-----*/
h3.tech { margin:20px 20px 0 20px; padding:10px; background:#c4e5fc; }
ul.tech { margin:10px 20px 0 20px; padding:10px 0 0 40px; list-style-type: none; }
.txtArea02 { float:left; width:320px; margin:0; padding:20px 20px 20px 80px; }
.imgArea02 { float:left; width:400px; margin:0; padding:0; text-align:right; }
p.tech_p { }
p.tech_p .tech_img01 { }
p.tech_p strong { margin:0; padding:0; }
img.tech_img02 { margin:15px 0 0 0; padding:0; border:#fff 5px solid; }
p.tech_img03 { margin:20px 40px 0 40px; padding:20px 0 0 0; border-top:#666 1px dotted; }
#approval{ height:20px; }
.txtArea03 { float:left; width:450px; margin:0; padding:20px 20px 20px 40px; }
.imgArea03 { float:right; width:360px; margin:0; padding:0 20px 0 0; text-align:center; }
.txtArea03 .inner_box { width:450px; margin:0 auto; text-align:center; }
.txtArea03 h4 { }
.txtArea03 span.line_1 { text-align:left;padding-right:70px; }
.txtArea03 span.line_2 { text-align:right;padding-left:90px; }
.txtArea03 h4 { position: relative; display: inline-block; padding: 0 75px; margin:20px 0; font-size:20px;text-shadow: 1px 1px 4px rgba(0,0,0,0.3); text-align: center; }
.txtArea03 h4:before,
.txtArea03 h4:after { position: absolute; top: calc(50% - 3px); width: 50px; height: 6px; content: ''; border-top: solid 2px #000; border-bottom: solid 2px #000; }
.txtArea03 h4:before { left: 0;}
.txtArea03 h4:after { right: 0;}
.clum dl.tech { margin:0 0 0 20px; padding:10px 10px 10px 40px; width:260px; }
.clum dl.tech dt { float:left; clear:both; width:80px; padding:0; }
.clum dl.tech dd.txt_L { float:left; padding:0; text-align:left; width:100px; }
.clum dl.tech dd.txt_R { float:right; padding:0; text-align:right; width:80px; }
/*==========================================================================================================================*/
/* ---------------------------------------------------------------------------------------------------------PERFORMANCE-----*/
.clum dl.perform { margin:0 0 0 20px; padding:10px; }
.clum dl.perform dt { float:left; clear:both; width:60px; padding:0 3px 3px 0; margin:0.5em 0; border-bottom:1px dotted #999; }
.clum dl.perform dd.month { float:left; padding:0 30px 3px 3px; text-align:right; width:50px; margin:0.5em 0; border-bottom:1px dotted #999; }
.clum dl.perform dd.article { float:left; padding:0 3px 3px 3px; text-align:left; width:700px; margin:0.5em 0; border-bottom:1px dotted #999; }
.clum dl.perform dt.repeat { text-indent:100%; white-space:nowrap; overflow:hidden; margin:0.5em 0; border-bottom:none; }
p.perform_note { font-size:85%; margin:20px 0 0 0; padding:0 0 0 40px; }
/*==========================================================================================================================*/
/* -------------------------------------------------------------------------------------------------------------RECRUIT-----*/
.clum dl.recruit { line-height:2; padding:10px; }
.clum dl.recruit dt { float:left; clear:both; width:7em; border-top:1px dotted #999; padding:1em 0 1em 0; }
.clum dl.recruit dd { border-top:1px dotted #999; margin-left:7em; padding:1em 0 1em 1em; }
.clum dl.recruit dt.line_no { border-top:none; }
.clum dl.recruit dd.line_no { border-top:none; }
.clum ul.job { margin:0; padding:0 0 0 20px; }
/*==========================================================================================================================*/
/* -------------------------------------------------------------------------------------------------------------CONTACT-----*/
h3.contact03 { margin:0; padding:0; }
ul.contact_tel { clear:both; margin:0; padding:0; list-style-type: none; }
ul.contact_tel li { float:left; margin:0; padding:0 20px 0 0; }
ul.contact_mail { margin:0; padding:20px 0 0 40px; }
.contact_map { float:left; margin:20px 0 0 0; padding:0; text-align:center; }
.map_frame { border:#fff 10px solid; width:435px; height:500px; }
.contact_view { float:right; margin:20px 0 0 0; padding:0; text-align:center; }
.view_frame { border:#fff 10px solid; width:435px; height:500px; }
}/* ←CSSの一番最後に記述 */
/* IE */
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, #catch .logo img { filter: drop-shadow(30px 30px 30px #fff); }
*::-ms-backdrop, #mainNavi ul#contents_navi li a.wide { padding:15px 43px; }
*::-ms-backdrop, #mainNavi ul#contents_navi li a.wide:hover { padding:15px 43px; }
*::-ms-backdrop, #mainNavi ul#contents_navi li a.narrow { padding:15px 24px; }
*::-ms-backdrop, #mainNavi ul#contents_navi li a.narrow:hover { padding:15px 24px; }
*::-ms-backdrop, #mainNavi ul#contents_navi li a.contact { padding:15px 26px 15px 25px; }
*::-ms-backdrop, #mainNavi ul#contents_navi li a.contact:hover{ padding:15px 26px 15px 25px; }
}
/* FireFox */
@-moz-document url-prefix(){
#mainNavi ul#contents_navi li a.wide { padding:15px 43px; }
#mainNavi ul#contents_navi li a.wide:hover { padding:15px 43px; }
#mainNavi ul#contents_navi li a.narrow { padding:15px 24px; }
#mainNavi ul#contents_navi li a.narrow:hover { padding:15px 24px; }
#mainNavi ul#contents_navi li a.contact { padding:15px 26px 15px 25px; }
#mainNavi ul#contents_navi li a.contact:hover { padding:15px 26px 15px 25px; }
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,#mainNavi ul#contents_navi li a.wide { padding:15px 43px; }
::i-block-chrome,#mainNavi ul#contents_navi li a.wide:hover { padding:15px 43px; }
::i-block-chrome,#mainNavi ul#contents_navi li a.narrow { padding:15px 24px; }
::i-block-chrome,#mainNavi ul#contents_navi li a.narrow:hover { padding:15px 24px; }
::i-block-chrome,#mainNavi ul#contents_navi li a.contact { padding:15px 26px 15px 25px; }
::i-block-chrome,#mainNavi ul#contents_navi li a.contact:hover { padding:15px 26px 15px 25px; }
}