/* =================================================================== CSS information file name : style.css style info : デフォルトスタイルシート =================================================================== */ /* =================================================================== default =================================================================== */ /* == header ==*/ #head{ } #head:before{ content:"";display:block; width:100%; height:5px; background:#000; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ } #head .headWrap{ max-width:980px; margin:0 auto;padding:10px; } #head .headWrap .headWrap_l{ width:56%; float:left; } #head .headWrap .headWrap_l p{ color:#969696; font-size:0.75em; line-height:140%; margin-bottom:5px; } #head .headWrap .headWrap_r{ width:44%; float:right; padding:10px 0 ; } #head .headWrap .headWrap_r .selectWrap{ -webkit-box-shadow:0 0 5px #888 inset; box-shadow:0 0 5px #888 inset; width:150px; position:relative; height:30px; line-height:30px; float:right;} #head .headWrap .headWrap_r .selectWrap:after{ content:""; display:block; position:absolute; width:6px; height:5px; background:url(./img/common/select_allow.png) no-repeat; background-size:5px; top:12px; right:15px; } #head .headWrap .headWrap_r select{ -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border:0; width:100%; background:none; padding-left:15px; } #head .headWrap .headWrap_r .contact_us .estimateBtn{ width:220px; float:left; } #head .headWrap .headWrap_r .contact_us .estimateBtn a{ display:block; height:40px; line-height:40px; text-align:center; background: #ffd554; /* Old browsers */ background: -moz-linear-gradient(top, #ffd554 0%, #ff7915 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd554), color-stop(100%,#ff7915)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd554 0%,#ff7915 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd554', endColorstr='#ff7915',GradientType=0 ); /* IE6-9 */ color:#fff; font-size:1.2em; } #head .headWrap .headWrap_r .contact_us .estimateBtn a:hover{ background: #f3bf20; /* Old browsers */ background: -moz-linear-gradient(top, #ff7915 0%, #ffd554 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7915), color-stop(100%,#ffd554)); background: -webkit-linear-gradient(top, #ff7915 0%,#ffd554 100%); background: -o-linear-gradient(top, #ff7915 0%,#ffd554 100%); background: -ms-linear-gradient(top, #ff7915 0%,#ffd554 100%); background: linear-gradient(to bottom, #ff7915 0%,#ffd554 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7915', endColorstr='#ffd554',GradientType=0 ); text-decoration:none; } #head .headWrap .headWrap_r .contact_us{ margin-top:15px; } #head .headWrap .headWrap_r .contact_us .tel{ width:190px; float:right; color:#ff8915; font-size:1.4em;} #head .headWrap .headWrap_r .contact_us .tel p{ padding-left:25px; position:relative; height:25px; line-height:25px; font-weight:bold; font-size:0.95em; } #head .headWrap .headWrap_r .contact_us .tel p:before{ content:""; display:block; background:url(./img/common/tel_icon.png); position:absolute; top:0; left:0; width:21px; height:21px;} #head .headWrap .headWrap_r .contact_us .tel span{ font-size:0.6em; color:#969696; display:block; margin-top:2px; } #head #navi{ background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ } #head #navi>ul{ max-width:980px; margin:0 auto;} #head #navi>ul>li{ width:20%; float:left; text-align:center; } #head #navi>ul>li.active{ background:#fff; padding:10px 0; } #head #navi>ul>li.active span{ border:none; } #head #navi>ul>li a{ display:block; color:#fff; padding:10px 0;} #head #navi>ul>li a:hover { background:#fff; /* background: #114056; background: -moz-linear-gradient(top, #114056 0%, #00a98b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114056), color-stop(100%,#00a98b)); background: -webkit-linear-gradient(top, #114056 0%,#00a98b 100%); background: -o-linear-gradient(top, #114056 0%,#00a98b 100%); background: -ms-linear-gradient(top, #114056 0%,#00a98b 100%); background: linear-gradient(to bottom, #114056 0%,#00a98b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114056', endColorstr='#00a98b',GradientType=0 ); text-decoration:none; */ } #head #navi>ul>li.main_navi_sub{ position:relative; } #head #navi>ul>li>ul{ background:#fff; position:absolute; width:100%; display:none; z-index:1000; } #head #navi>ul>li>ul li a{ color:#333;} #head #navi>ul>li>ul li a:hover{ color:#00a98b; } } #head #navi>ul>li a:hover{ text-decoration:none; } /*#head #navi ul li:first-child span{ border-left:1px solid #fff; } #head #navi ul li:last-child span{ border-right:1px solid #fff; }*/ #head #navi>ul>li a span{ display:block;} #head #navi>ul>li a:hover span{ color:#333; } #head #navi>ul>li span b{ display:block; font-size:0.8em; font-weight:normal; } /*#head #navi ul li a span{ display:block; font-size:0.8em; margin-top:5px; }*/ /* == main visual ==*/ #main_visual{ width:100%; background:#eee; margin:0 auto; } #main_visual ul{ max-width:1300px; margin:0 auto; } #main_visual ul img{ width:100%; } /* == contents ==*/ #service{ max-width:980px; margin:40px auto 0; } #service .service_wrap{} #service .service_wrap div{ width:470px; float:left; margin-right:40px; position:relative;} #service .service_wrap div:last-child{ margin-right:0; } #service .service_wrap div a{ display:block; text-decoration:none; } #service .service_wrap div figure img{ width:100%; } #service .service_wrap div a p.btn{ background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ height:40px; text-align:center; line-height:40px; color:#fff; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } #service .service_wrap div a p.btn:hover{ background: #114056; /* Old browsers */ /*background: -moz-linear-gradient(top, #114056 0%, #00a98b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114056), color-stop(100%,#00a98b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #114056 0%,#00a98b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #114056 0%,#00a98b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #114056 0%,#00a98b 100%); /* IE10+ */ background: linear-gradient(to bottom, #114056 0%,#00a98b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114056', endColorstr='#00a98b',GradientType=0 ); /* IE6-9 */ text-decoration:none; } .fr_trans{ margin-top:40px; } .fr_trans .fr_btn{width:470px;} .fr_trans .fr_btn a{ display:block; height:50px; line-height:50px; text-align:center; color:#035135; font-size:1.2em; border:5px solid #a7a7a7; font-weight:bold; -moz-transition: all 0.05s ease; -o-transition: all 0.05s ease; -webkit-transition: all 0.05s ease; transition: all 0.05s ease; position:relative; } .fr_trans .fr_btn a:hover{ text-decoration:none; background:#035135; border:5px solid #035135; color:#fff; } .fr_trans .fr_btn a:after{ content:""; display:block; width:7px; height:9px; position:absolute; top:20px; right:10px; background:url(./img/darkgreenbtn_left_allow.png) no-repeat; } .fr_trans .trans_description{ width:470px; margin-top:20px; line-height:1.3em; } .advantage{ max-width:980px; margin:60px auto 40px; } .advantage h1{ text-align:center; border-bottom:3px solid #000; padding-bottom:10px; font-size:1.6em; font-weight:bold; } .advantage .adv_description{ padding:15px 0; } .advantage .adv_description p.text{ line-height:1.6em; float:left; width:65%;} .advantage .adv_description p.strongBtn{ float:right; width:200px; margin-top:120px;} .advantage .adv_description p.strongBtn a{ display:block; width:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ height:40px; text-align:center; line-height:40px; color:#fff; -moz-transition: all 0.05s ease; -o-transition: all 0.05s ease; -webkit-transition: all 0.05s ease; transition: all 0.05s ease; } .advantage .adv_description p.strongBtn a:hover{ background: #114056; /* Old browsers */ background: -moz-linear-gradient(top, #114056 0%, #00a98b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114056), color-stop(100%,#00a98b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #114056 0%,#00a98b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #114056 0%,#00a98b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #114056 0%,#00a98b 100%); /* IE10+ */ background: linear-gradient(to bottom, #114056 0%,#00a98b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114056', endColorstr='#00a98b',GradientType=0 ); /* IE6-9 */ text-decoration:none; } #co_pickup{ max-width:980px; margin:0 auto 40px; } #co_pickup div{ width:31%; float:left; margin-right:3.5%; } #co_pickup div:last-child{ margin:0; } #co_pickup div a{ display:block; width:100%; } #co_pickup div a:hover{ text-decoration:none; opacity:0.85; } #co_pickup div a:hover figure{ margin:-3px -3px 17px -3px; border:3px solid #08bc26; } #co_pickup div a figure{ margin-bottom:20px; width:100%; overflow:hidden; height:185px;} #co_pickup div a figure img{ width:100%; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #co_pickup div a:hover figure img{ width:102%; } #co_pickup div a h2{ margin-bottom:10px; } #co_pickup div a h2 img{ width:100%; } #co_pickup div a p{ font-size:0.9em; } #page_cv{ background:#aaa; box-shadow:0 0 10px #888 inset;} #page_cv .page_cv_wrap{ max-width:820px; width:100%; margin:0 auto; padding:40px 80px; line-height:1.6em; } #page_cv .page_cv_wrap h2{ font-size:1.4em; line-height:1.4em; font-weight:bold; color:#fff; margin-bottom:10px; } #page_cv .page_cv_wrap p.estimateBtn,#page_cv .page_cv_wrap p.contactBtn{ width:220px; float:left; margin-right:20px; margin-top:10px;} #page_cv .page_cv_wrap p a{ display:block; height:58px; line-height:58px; text-align:center; background: #ffd554; /* Old browsers */ background: -moz-linear-gradient(top, #ffd554 0%, #ff7915 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd554), color-stop(100%,#ff7915)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd554 0%,#ff7915 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd554', endColorstr='#ff7915',GradientType=0 ); /* IE6-9 */ color:#fff; font-size:1.2em; } #page_cv .page_cv_wrap p a:hover{ background: #ff7915; /* Old browsers */ background: -moz-linear-gradient(top, #ff7915 0%, #ffd554 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7915), color-stop(100%,#ffd554)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7915 0%,#ffd554 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7915', endColorstr='#ffd554',GradientType=0 ); /* IE6-9 */ text-decoration:none; } #page_cv .page_cv_wrap .cvBtn_wrap{ width:60%; float:left; } #page_cv .page_cv_wrap .tel{ width:24%; float:right; color:#fff; line-height:1.6em; } #page_cv .page_cv_wrap .tel p{font-size:1.4em; font-weight:bold; } #page_cv .page_cv_wrap .tel span{ display:block; font-size:0.85em; } #information{ max-width:980px; width:100%; margin:40px auto 0; } #information h1{ color:#08bc26; border-bottom:1px solid #08bc26; padding:10px; font-size:1.4em; } #information h1 span{ font-size:0.8em; } #information .news_wrap{ padding:5px 0; } #information article{ padding:5px 0; border-bottom:1px #444 dashed; margin:0 10px; } #information article a{ display:block; } #information article a:hover{ text-decoration:none; opacity:0.7; } #information article a h2{ color:#08bc26; font-weight:bold; font-size:0.9em;} .personBtn{ max-width:800px; margin:60px auto; padding:0 90px; } .personBtn p{ width:360px; } .personBtn p.dispatchBtn{ float:left; } .personBtn p.recruitBtn{ margin:0 auto; } .personBtn p a{ display:block; width:100%; height:60px; border:4px solid #a7a7a7; line-height:54px; text-align:center; color:#08bc26; font-size:1.4em; font-weight:bold; box-sizing:border-box; position:relative; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .personBtn p a:hover{ text-decoration:none; border:4px solid #08bc26; background:#08bc26; color:#fff; font-size:1.5em; } .personBtn p a:after{content:""; display:block; position:absolute; top:23px; right:20px; width:8px; height:8px; background:url(./img/greenbtn_left_allow.png) no-repeat; background-size:8px; } .personBtn p a:hover:after{ background:url(./img/whitebtn_left_allow.png) no-repeat; background-size:8px; } #footer{} #footer .footer_top{ width:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; } #footer .footer_top .sitemap{ max-width:980px; margin:0 auto; padding:30px 0 10px; } #footer .footer_top .sitemap>div{ padding-bottom:10px; } #footer .footer_top .sitemap div div{ width:150px; float:left; padding-left:20px; } #footer .footer_top .sitemap>div:last-child{ } #footer .footer_top .sitemap>div h3 a{ color:#fff; } #footer .footer_top .sitemap>div>div ul{ border-right:1px solid #fff;} #footer .footer_top .sitemap>div>div:last-child ul{ border:none;} #footer .footer_top .sitemap>div ul>li{} #footer .copyright{ text-align:right; color:#fff; } #footer .copyright a{ text-align:right; color:#fff; } #footer .copyright a:hover{ text-decoration:none; } #footer .footer_top .sitemap>div ul>li a{ display:block; padding:5px 0; color:#fff; } #footer .footer_bottom{ max-width:980px; margin:20px auto; } #footer .footer_bottom .language{ font-size:0.7em; color:#ddd; line-height:1.6em; width:880px; float:left; } #footer .footer_bottom .privacyMark{ width:85px; float:right; } /* =================================================================== strong_point =================================================================== */ #contents{ max-width:960px; margin:0 auto; padding:0 10px; } #sub_visual{ width:100%; background:#eee; margin:0 auto 20px; } #sub_visual p{ max-width:980px; margin:0 auto; } #sub_visual p img{ width:100%; } #strong_detail{ max-width:980px; width:100%; margin:0 auto; } #strong_detail p{ padding:20px 10px; } #strong_point{ max-width:980px; margin-top:30px; } #strong_point h1{ font-size:1.6em; color:#04aa1b; margin-bottom:20px; font-weight:bold; } #strong_point article{ width:30%; float:left; margin:25px 5% 25px 0; position:relative;} #strong_point article img{ width:100%; } #strong_point article:last-child{ margin-right:0; } #strong_point article h2{position:absolute;background:#08bc26; top:0; left:0; font-size:1.4em; color:#fff; font-weight:normal; margin:0 auto; padding:7px 7px; } /*#strong_point article h2 span{ color:#fff; display:block; width:32px; height:32px; text-align:center; line-height:32px; float:right; font-size:0.7em; } #strong_point article h2 b{font-weight:normal; float:left; height:35px; line-height:35px; color:#fff;}*/ #strong_point article p{ text-align:center; font-size:1.8em; color:#04aa1b; line-height:1.3em; padding:20px; font-weight:bold; font-family:"HG明朝B","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; } #strong_point article p em{ text-align:center; color:#ff7900; } #strong_example{ margin-top:20px; } #strong_example h1{ text-align:center;font-size:1.6em; font-weight:bold; border-bottom: 3px solid #000; padding:25px 0 10px; margin-bottom:40px; } #strong_example article{ position:relative; padding:40px 20px; } #strong_example article .article_wrap{ border:5px solid #08bc26; padding:50px 25px; } #strong_example article.enormous_achievements .article_wrap{ padding:40px 25px 85px; } #strong_example article span{ position:absolute; top:20px; left:0; width:45px; height:45px; font-size:1.1em; text-align:center; line-height:45px; background:#08bc26; color:#fff; display:block; } #strong_example article figure{ position:absolute; top:0; box-shadow:0 0 10px #333; } #strong_example article.stable_quality figure,#strong_example article.established_store figure{ left: 80px; } #strong_example article.enormous_achievements figure{ right: 80px; } #strong_example article.stable_quality h2,#strong_example article.established_store h2{ position:absolute; top:5px; left:390px; font-size:2.0em; color:#04aa1b; font-family:"HG明朝B","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; } #strong_example article h2 b{ color:#ff7900; font-size:1.2em; } #strong_example article.stable_quality .article_wrap p,#strong_example article.established_store .article_wrap p{ float:left; margin-left:340px; } #strong_example article.enormous_achievements h2{ position:absolute; top:5px; left:90px; font-size:2.0em; color:#04aa1b; font-family:"HG明朝B","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; } #strong_example article.stable_quality p.introductionBtn,#strong_example article.established_store p.introductionBtn{ position:absolute; bottom:40px; right:20px;} #strong_example article.enormous_achievements p.introductionBtn{ position:absolute; bottom:40px; left:20px; } p.introductionBtn a{ padding:10px 30px; color:#fff; display:block; position:relative; background:#04aa1b; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } p.introductionBtn a:after{ content:""; display:block; width:8px; height:8px; background:url(./img/btn_left_allow_white.png); background-size:8px; position:absolute; top:17px; right:10px;} p.introductionBtn a:hover{ letter-spacing:0.2em; font-size:1.05em;} #serviceBtn{max-width:800px; margin:0 auto 60px; padding:0 90px;} #serviceBtn p{ width:360px; } #serviceBtn p.translationBtn{ float:left; } #serviceBtn p.interpretationBtn{ float:right; } #serviceBtn p a{ display:block; width:100%; height:60px; line-height:60px; text-align:center; color:#08bc26; font-size:1.4em; box-sizing:border-box; position:relative; width:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; } #serviceBtn p a:after{content:""; display:block; position:absolute; top:25px; right:20px; width:8px; height:8px; background:url(./img/btn_left_allow_white.png) no-repeat; background-size:8px; } #serviceBtn p a:hover{ background: #114056; /* Old browsers */ background: -moz-linear-gradient(top, #114056 0%, #00a98b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114056), color-stop(100%,#00a98b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #114056 0%,#00a98b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #114056 0%,#00a98b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #114056 0%,#00a98b 100%); /* IE10+ */ background: linear-gradient(to bottom, #114056 0%,#00a98b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114056', endColorstr='#00a98b',GradientType=0 ); /* IE6-9 */ text-decoration:none; } /* =================================================================== translation_detail =================================================================== */ /*#translation_detail{ padding:0 60px ; }*/ #translation_detail h1{ text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #000; padding:25px 0 20px; margin-bottom:0px; } #translation_detail h2{ text-align:center; font-weight:bold; font-size:1.8em; padding:20px 0 10px; margin-top:40px; color:#08bc26; } #translation_detail p{ text-align:center;padding:0 60px; } #translation_detail p img{ width:100%; } #translation_features{ padding:0 60px; } #translation_features h1{ padding-left:30px;margin:40px 0; height:40px; line-height:40px; font-size:1.8em; font-weight:bold; position:relative; } #translation_features h1:before { content:""; display:block; width:10px; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:0; top:0; } #translation_features h2{ font-weight:bold; font-size:1.2em; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:15px; } #translation_features article{ margin-bottom:20px; } #translation_list{ max-width:980px; } #translation_list.top{margin:0 auto 40px;} #translation_list.bottom{ margin:60px 0; } #translation_list>ul>li{ width:21%; margin:0 2%; float:left; text-align:center; height:40px; line-height:40px; } #translation_list>ul>li>a{ display:block; color:#fff; width:100%; height:40px; background: #aaa; /* Old browsers */ position:relative; } #translation_list>ul>li>a:hover{ background: #d8d8d8; /* Old browsers */ color:#333; text-decoration:none; } #translation_list>ul>li>ul{ display:none; background:#d8d8d8; padding:0px; } #translation_list ul li a:after{ content:""; display:block; width:8px; height:8px; position:absolute; top:16px; right:30px; background:url(./img/btn_left_allow_white.png) no-repeat; background-size:8px; } #translation_list ul li.active{ position:relative; background:#08bc26; color:#fff; } #translation_list ul li.active:after{ content:""; display:block; width:9px; height:7px; position:absolute; top:15px; right:30px; background:url(./img/btn_top_allow_white.png) no-repeat; background-size:8px; } #translation_list.top ul li.active:after{ background:url(./img/btn_bottom_allow.png) no-repeat; background-size:8px; } #page_cv.sub{ background:#fff; box-shadow:0 6px 8px -8px #333 inset,0 -6px 8px -8px #333 inset; -webkit-box-shadow:0 6px 8px -8px #333 inset,0 -6px 8px -8px #333 inset; -moz-box-shadow:0 6px 8px -8px #333 inset,0 -6px 8px -8px #333 inset;} #page_cv.sub .page_cv_wrap{ max-width:820px; width:100%; margin:0 auto; padding:40px 80px; line-height:1.6em; } #page_cv.sub .page_cv_wrap h2{ font-size:1.4em; line-height:1.4em; font-weight:bold; color:#afafaf; margin-bottom:10px; } #page_cv.sub .page_cv_wrap p.estimateBtn,#page_cv .page_cv_wrap p.contactBtn{ width:220px; float:left; margin-right:20px; margin-top:10px;} #page_cv.sub .page_cv_wrap p a{ display:block; height:58px; line-height:58px; text-align:center; background: #ffd554; /* Old browsers */ background: -moz-linear-gradient(top, #ffd554 0%, #ff7915 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd554), color-stop(100%,#ff7915)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd554 0%,#ff7915 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd554', endColorstr='#ff7915',GradientType=0 ); /* IE6-9 */ color:#fff; font-size:1.2em; } #page_cv.sub .page_cv_wrap p a:hover{ background: #ff7915; /* Old browsers */ background: -moz-linear-gradient(top, #ff7915 0%, #ffd554 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7915), color-stop(100%,#ffd554)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7915 0%,#ffd554 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7915', endColorstr='#ffd554',GradientType=0 ); /* IE6-9 */ text-decoration:none; } #page_cv.sub .page_cv_wrap .cvBtn_wrap{ width:60%; float:left; } #page_cv.sub .page_cv_wrap .tel{ width:24%; float:right; color:#afafaf; line-height:1.6em; } #page_cv.sub .page_cv_wrap .tel p{font-size:1.4em; font-weight:bold; } #page_cv.sub .page_cv_wrap .tel span{ display:block; font-size:0.85em; } /* =================================================================== translation_language =================================================================== */ #translation_language{ } #translation_language h1{ text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #000; padding:25px 0 20px; margin-bottom:0px; } #translation_language p{ padding:10px 0 10px; } #translation_language p img{ width:100%; } #translation_language .language_table{ margin-bottom:30px; } .translationWrap{ margin-bottom:40px; } .translationWrap h2{ width:140px !important; height:120px !important; text-align:center; line-height:120px !important; color:#fff !important; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ float:left !important; font-size:1.0em !important; font-weight:normal !important; padding:0 !important; margin:0 !important; } .translationWrap h2.line_break{ padding-top:35px !important; line-height:1.2em !important; height:85px !important; } .translationWrap h2.line_break span{ width:80px !important; } .translationWrap h2.yellow_green{ line-height:1.2em !important; padding-top:35px !important; height:85px !important; background: -moz-linear-gradient(top, #bfffcc 0%, #1fbf00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfffcc), color-stop(100%,#1fbf00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bfffcc 0%,#1fbf00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bfffcc 0%,#1fbf00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bfffcc 0%,#1fbf00 100%); /* IE10+ */ background: linear-gradient(to bottom, #bfffcc 0%,#1fbf00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffcc', endColorstr='#1fbf00',GradientType=0 ); /* IE6-9 */ text-shadow:0 0 5px #555; } .translationWrap>div{ float:right; width:800px; } .translationWrap p.cv { width:220px; margin-top:6px; float:right; } .translationWrap p.cv a{ text-align:center; height:45px; line-height:45px; color:#fff; font-size:1.2em; background: #ffd554; /* Old browsers */ background: -moz-linear-gradient(top, #ffd554 0%, #ff7915 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd554), color-stop(100%,#ff7915)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd554 0%,#ff7915 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd554', endColorstr='#ff7915',GradientType=0 ); /* IE6-9 */ display:block; } .translationWrap p.cv a:hover{ background: #ff7915; /* Old browsers */ background: -moz-linear-gradient(top, #ff7915 0%, #ffd554 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7915), color-stop(100%,#ffd554)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7915 0%,#ffd554 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7915', endColorstr='#ffd554',GradientType=0 ); /* IE6-9 */ text-decoration:none; } #translation_fr{} #translation_fr h1{ text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #000; padding:25px 0 20px; margin-bottom:0px; } #translation_ru{} #translation_ru h1{ text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #000; padding:25px 0 20px; margin-bottom:0px; } #translation_en{} #translation_en h1{ text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #000; padding:25px 0 20px; margin-bottom:0px; } #translation_other{} #translation_other h1{ text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #000; padding:25px 0 20px; margin-bottom:0px; } #translation_other ul{} #translation_other ul li{ width:162px; float:left; margin:0 12px; text-align:center; height:162px; line-height:162px; border:3px solid #ddd; margin-bottom:24px; font-weight:bold; font-size:1.2em; } #translation_fr h1,#translation_ru h1,#translation_en h1,#translation_other h1{ margin-bottom:40px; } #embassy{ margin-top:-100px; padding-top:60px; } /* =================================================================== translation_price =================================================================== */ #translation_unitprice h1{ text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #000; padding:25px 0 20px; margin-bottom:0px; } #translation_unitprice .table_priceWrap{ padding:30px 40px 20px; } #translation_unitprice table{ border:solid #e2e2e2 2px; width:100%; } #translation_unitprice table thead{ background:#e2e2e2; } #translation_unitprice table thead td{ border-right:2px solid #fff; } #translation_unitprice table thead td:last-child{ border-right:2px solid #e2e2e2; } #translation_unitprice table tr td{ width:auto; text-align:center; padding:10px; font-weight:bold; border-bottom:2px solid #e2e2e2; } #translation_unitprice table tbody td{ border-right:2px solid #e2e2e2; } #translation_unitprice ul{ padding:0 40px ; } #translation_unitprice ul li{} #translation_unitprice ul li span{ color:#08bc26; } #translation_legal{ margin-top:-40px; padding-top:80px; } #translation_legal h1{ text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #000; padding:25px 0 20px; margin-bottom:0px; } #translation_legal h1 span{ font-size:0.55em; display:block; margin-top:10px; font-weight:normal; } .legal_courseprice{ padding:40px 20px 20px; } .legal_courseprice h2{ color:#0a9400; font-size:1.2em; line-height:32px; } .legal_courseprice h2 span{width:32px; background:#08bc26; color:#fff; display:block; height:32px; text-align:center; line-height:32px; float:left; font-size:0.7em; margin-right:5px; } .legal_courseprice table{ width:100%; margin:20px 0;border:2px solid #e2e2e2;s0 } .legal_courseprice table td{ padding:8px; font-weight:bold; color:#0a9400; border-bottom:2px solid #e2e2e2; border-right:2px solid #e2e2e2;} .legal_courseprice table tbody tr td:last-child{ text-align:right; } .legal_courseprice table td span{ display:block; color:#000; } .legal_courseprice table thead{ background:#e2e2e2; } .legal_courseprice table thead td{ border-right:2px solid #fff; color:#000; text-align:center; padding:5px; } .legal_courseprice table thead td:first-child{ width:75%; } .legal_courseprice table thead td:last-child{ border-right:2px solid #e2e2e2; } #translation_legal .estimate,#translation_legal .payment{ padding:0 20px; margin-bottom:40px; } #translation_legal .estimate h2,#translation_legal .payment h2{color:#0a9400; font-size:1.2em; line-height:32px; margin:10px 0; font-weight:bold; } #translation_legal .estimate h2 span,#translation_legal .payment h2 span{width:32px; background:#08bc26; color:#fff; display:block; height:32px; text-align:center; line-height:32px; float:left; font-size:0.7em; margin-right:5px; } #translation_legal .estimate p{} #translation_legal .payment p{ margin-bottom:10px; } #translation_legal h3{} .legal h3{ position:relative; font-size:1.3em; font-weight:bold; padding-left:20px; margin-bottom:20px; } .legal h3:before{ width:10px; content:""; display:block; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:0; top:0; } #translation_payment{ margin-top:50px; } #translation_payment h1{ max-width:500px; border-bottom:2px solid #08bc26; margin:0 auto; text-align:center; padding:10px; font-size:2.0em; font-weight:bold; color:#08bc26; } #translation_payment ul{ max-width:500px; margin:15px auto;} #translation_payment ul li{ width:33%; float:left; margin:0 0.1666%; } #translation_payment ul li a{ display:block; width:92%; padding:4%; color:#fff; text-align:center; background:#0a9400; position:relative; } #translation_payment ul li a:after{content:""; display:block; width:8px; height:8px; background:url(./img/btn_left_allow_white.png) no-repeat; background-size:8px; position:absolute; top:14px; right:10px;} #translation_payment ul li a:hover{ background:#eaeaea; color:#333; text-decoration:none; } #translation_payment ul li:hover a:after{content:""; display:block; width:8px; height:8px; background:url(./img/btn_left_allow.png) no-repeat; background-size:8px; position:absolute;} #translation_payment .payeee{ border:2px solid #e2e2e2; padding:40px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } #translation_payment .payeee h3{ font-weight:bold; font-size:1.2em;margin:10px 0; } #translation_payment .payeee h3:first-child{ margin-top:0; } #translation_payment .translationWrap{ margin:-60px 0 40px; padding-top:100px; } #translation_payment .visitus{ border:2px solid #e2e2e2; padding:40px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } #translation_payment .visitus h3{ font-weight:bold; font-size:1.2em;margin:10px 0; } #translation_payment #crezit { position:relative } #translation_payment #crezit span{ display:block; position:absolute; bottom:0; right:0;} #translation_payment .crezitform { border:2px solid #e2e2e2; padding:40px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } #translation_payment .crezitform h3{ font-weight:bold; font-size:1.2em;margin:10px 0; } #visit h2,#crezit h2{ line-height:1.2em; padding-top:35px; height:85px; text-align:left; } #visit h2 span,#crezit h2 span{ display:block; width:90px; margin:0 auto; position:static !important; } /* =================================================================== translation_performance =================================================================== */ #translation_performance {} #translation_performance h1 { text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #000; padding:25px 0 20px; margin-bottom:20px; } #translation_performance h1 span{ color:#08bc26; } #translation_performance h2{ max-width:400px; margin: 30px auto; text-align:center; padding:10px; font-size:2.0em; height:35px; line-height:35px; font-weight:bold; color:#000; } #translation_performance h2 span{ height:100%; display:block;position:relative;} #translation_performance h2 span:before{ width:10px; content:""; display:block; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:15px; top:-2px; } #translation_performance .plant h2 span:before{ left:35px; } #translation_performance .international h2 span:before{ left:85px; } #translation_performance .technical h2 span:before{ left:35px; } #translation_performance #plant h2 span:before{ left:35px; } #translation_performance .plant>p{ margin:30px 0; } #translation_performance ul.image_list{ margin-top:20px; } #translation_performance ul.image_list li{ float:left; width:25%; text-align:center; } #translation_performance .plant_performance{ border:3px solid #a5a5a5; padding:10px 20px; margin-top:20px; } #translation_performance .recent_years{ margin:20px 0; } #translation_performance .recent_years h3{ font-size:1.4em; font-weight:bold; margin-bottom:15px; } #translation_performance .recent_years ul li{ width:47.5%; float:left; padding:5px 0 5px 2.5%; position:relative; height:25px; line-height:25px; } #translation_performance .recent_years ul li:before{ content:""; display:block; background:url(./img/list_circle.png) no-repeat; background-size:20px; width:20px; height:20px; position:absolute; left:0; top:5px; } #translation_performance .example{ margin:30px 0; } #translation_performance .example h3{ position:relative; font-size:1.6em; font-weight:bold; padding-left:20px; } #translation_performance .example h3:before{ width:10px; content:""; display:block; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:0; top:0; } .example_wrap{ margin-top:20px; } .example_wrap figure{ width:292px; float:left; } .example_wrap figure img{ width:100%; } .example_wrap .example_detail{ margin-left:40px; float:left; width:620px; } .example_wrap .example_detail h4{ font-size:1.5em; font-weight:bold; margin-bottom:10px; } #translation_performance .plant,#translation_performance .international,#translation_performance .technical{ border-bottom:5px solid #333; padding-bottom:20px; margin-bottom:40px; } /* =================================================================== interpretation_detail =================================================================== */ #interpretation_detail {} #interpretation_detail h1 { text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #000; padding:25px 0 20px; margin-bottom:20px; } #interpretation_detail>div{ margin-bottom:30px; } #interpretation_detail>div h2{ position:relative; font-size:1.6em; font-weight:bold; padding-left:20px; margin-bottom:20px; } #interpretation_detail>div h2:before{ width:10px; content:""; display:block; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:0; top:0; } .interpretation_process dl{ margin-bottom:5px; } .interpretation_img{ text-align:center; padding:20px 0; } .interpretation_features h2{ margin-bottom:35px !important; } .interpretation_features dl{ margin-bottom:30px; } .interpretation_features dl dt{ margin-bottom:10px; border-bottom:1px solid #888; font-weight:bold; font-size:1.2em; } /* =================================================================== interpretation_price =================================================================== */ .bottom_line{ border-bottom:2px solid #fff !important; } /* =================================================================== interpretation_performance =================================================================== */ #translation_performance ul.image_list.three li{ width:33.333333%; } .actual_countries{} .actual_countries h3{ position:relative; font-size:1.6em; font-weight:bold; padding-left:20px; margin-bottom:30px;} .actual_countries h3:before{ width:10px; content:""; display:block; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:0; top:0; } /* =================================================================== employment =================================================================== */ #about_employment h1{ font-size:2.0em; font-weight:bold;padding:25px 0 20px; text-align:center; border-bottom:5px solid #000; margin-bottom:20px; } #about_employment .employment_type{ margin:20px 0; } #about_employment .employment_type li{ width:30%; margin-right:5%; float:left; } #about_employment .employment_type li:last-child{ margin:0; } #about_peformance.example{ margin:30px 0; } #about_peformance .example h3{ position:relative; font-size:1.6em; font-weight:bold; padding-left:20px; margin-bottom:20px; } #about_peformance .example h3:before{ width:10px; content:""; display:block; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:0; top:0; } #about_peformance h1{ text-align:center; font-weight:bold; font-size:2.0em; border-bottom: 5px solid #333; padding:25px 0 20px; margin-bottom:30px; } #about_peformance h1 span{ display:block; font-size:1.0em; padding-top:5px; position:relative; width:200px; margin:0 auto; } #about_peformance h1 span:before{ content:""; display:block; width:10px; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:0; top:0; } .about_performance_wrap ul{ float:left; } .about_performance_wrap ul li span{ color:#afafaf; margin-right:5px; } .example_detail{ margin:0 0 40px; } .example_detail p{ float:left; width:600px;} .example_detail figure{ float:left; width:240px;} .example_detail figure img{ width:100%; } .employment_example{ border-top:5px solid #333; padding-top:30px; } .disclosure{ border:5px solid #ccc; padding:30px; margin-top:100px; margin-bottom:50px; } .disclosure h2{ font-size:20px; font-weight:bold; text-align:center; } .disclosure > div{ overflow:hidden; } .disclosure > div > p{ margin:20px 0; } .disclosure > div > ol{ width:550px;float:left; } .disclosure > div > ol li{ list-style-type:none; padding-left:2.6em; text-indent:-2.6em; } .disclosure > div > div{ width:300px; float:right; box-sizing:border-box; padding:1em; background-color:#fff6f6; border:1px solid #ccc; } .disclosure > div > div p span{ display:block; margin-top:1em; padding:5px; background-color:#fec; font-weight:bold; text-align:center; } /* =================================================================== company =================================================================== */ #company h1,#access h1,#philosophy h1,#policy h1,#privacy_policy h1{ padding-left:30px;margin:40px 0; height:40px; line-height:40px; font-size:1.8em; font-weight:bold; position:relative; } #company h1:before ,#access h1:before,#philosophy h1:before,#policy h1:before,#privacy_policy h1:before { content:""; display:block; width:10px; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:0; top:0; } #company>div{ border-top:3px solid #c1c1c1; border-bottom:3px solid #c1c1c1; padding:0; } #company>div dl{ padding:15px 20px; border-bottom:1px solid #c1c1c1; } #company>div dl:last-child{ border-bottom:none; } #company>div dl dt{ width:25%; float:left; } #company>div dl dd{ width:75%; float:left; } #access p{} #access p iframe{ width:100%; } #privacy_policy{ padding-top:100px; margin-top:-100px; margin-bottom:40px; } #privacy_policy > h2{font-weight:bold; font-size:2.0em; padding:25px 0 20px; margin-bottom:0px; } #privacy_policy h2{ padding-left:30px;margin:40px 0; height:40px; line-height:40px; font-size:1.8em; font-weight:bold; position:relative; } #privacy_policy h2:before { content:""; display:block; width:10px; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:0; top:0; } #privacy_policy .pvcy_cont p{ width:95%; margin:0 auto; } #privacy_policy .pvcy_cont p .seal{ display:inline-block; float:right; margin:0 0 2em 3em; } #privacy_policy dl.list{ margin:10px 10px; } #privacy_policy dl.list dt{ clear:both; width:5%; text-align:right; float:left; margin-bottom:10px; line-height:1.8; } #privacy_policy dl.list dd{ margin-bottom:10px; padding-left:0px; width:90%; text-align:left; float:left; line-height:1.8; } #privacy_policy .inner a.link{ display:inline; } #privacy_policy .main h6{ clear:both; color:#063a6c; padding:5px 0 15px; font-size:130%; margin:25px 0 10px 0; border-bottom:solid 1px #cccccc; } #privacy_policy .main h6 span { display: block; padding: 0 0 0 10px; line-height: 1; border-left: solid 5px #063a6c; } #privacy_policy .pvcy_cont .subttl{ font-size:1.5em; font-weight:bold; line-height:1.5; margin:5px 0; } #privacy_policy .pvcy_cont .txtRight{ text-align:right; line-height:1.5; margin:30px 0; } /* =================================================================== recruit =================================================================== */ #recruit h1{ text-align:center; margin:40px 0; padding:20px; height:40px; font-size:1.8em; font-weight:bold; border-bottom:1px solid #484848; border-top:1px solid #484848; background:#ebebeb; } #recruit h1 span{ font-size:0.4em; display:block; } #recruit h2{ font-size:1.6em; font-weight:bold; color:#fff; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ padding:15px 20px; margin-bottom:20px; } #recruit h2 span{ display:block; position:relative; padding-left:15px; } #recruit h2 span:before{ content:""; display:block; width:5px; background:#fff; position:absolute; top:0; left:0px; height:100%; } #recruit p{ margin-bottom:40px; } .privacy_contact{ position:relative; } .privacy_contact p.privacy_contact_l{ float:left; width:30%; background:#ebebeb; height:50px; line-height:50px; text-align:center; } .privacy_contact .privacy_contact_r{ float:left; width:35%; padding-left:20px; } .privacy_contact p.pdf{ width:60px; text-align:center; position:absolute; bottom:0; right:0; } /* =================================================================== estimate =================================================================== */ #estimate{} #estimate h1{ margin:40px 0; color:#fff; padding:20px; font-size:1.8em; font-weight:bold; border-bottom:1px solid #484848; border-top:1px solid #484848; background:#25cc12; } #estimate .estimate_description{ padding:20px; border:8px solid #ebebeb; margin-bottom:40px; } #estimate .estimate_description h2{ font-size:1.6em; font-weight:bold; margin-bottom:20px; } #estimate .estimate_form h2{ text-align:left; color:#7c7c7c; font-size:1.6em; font-weight:bold; } #estimate .estimate_form p.attention{ color:#d92c00; } .estimate_form form{} .estimate_form form table{ border:1px solid #a3a3a3; width: 100%; } .estimate_form form table th{ background:#fff2d2; border-bottom:1px solid #a3a3a3; text-align:left; padding:20px; } .estimate_form form table th span{ background:#ff0000; color:#fff; font-weight:normal; font-size:0.9em; padding:1px 5px; margin-right:5px; } .estimate_form form table th.estimate_content{background:#f2f2f2; padding:10px; text-align:center; } .estimate_form form table td{ border-bottom:1px solid #a3a3a3; padding:20px 20px 20px 25px ;} .estimate_form form table td.account{} .estimate_form form table td.account span{ float:left; padding-right:10px; } .estimate_form form table td input[type="text"]{ height:25px; width:200px;} .estimate_form form table td input[type="radio"]{ margin-right:3px; } .estimate_form form table td.name{} .estimate_form form table td.name p{ float:left; } .estimate_form form table td span{ display:block; font-size:0.9em; } .estimate_form form table td.country{ } /*.estimate_form form table td.country select{ width:100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 1px solid #ddd; border-radius:0; background:#fff; padding-left:10px; height:35px; } */ .estimate_form form table td.country>div{ position:relative; width:200px; } /*.estimate_form form table td.country>div:after{ content:""; display:block; width:10px; height:10px; position:absolute; right:10px; top:15px; background:url(./img/btn_bottom_allow.png) no-repeat; }*/ .estimate_form form table td.language{} .estimate_form form table td.language p{ width:40%; float:left; } .estimate_form form table td.language p span{ padding-left:50px; } .estimate_form form table td.language input{ width:150px; } .estimate_form form table td.layout span{ float:left; margin-right:20px; } .estimate_form form table td.amount p{ margin:3px 0; } .estimate_form form table td.amount p input{ margin-right:5px; } .estimate_form form table td.tel input,.estimate_form form table td.fax input,.estimate_form form table td.postal-code input{ width:120px; } .estimate_form form table td.mail input{ width:300px; } .estimate_form form table td textarea{ width:100%; resize:none; } .estimate_form form p.confirm_submit{ width:200px; margin:20px auto; } .estimate_form form p.confirm_submit input{ width:100%; height:35px; background:#939393; border:1px solid #000; color:#fff; } .mw_wp_form_complete{ padding:40px; text-align:center; } .privacy_area{ margin:40px 0; } .privacy_area h3{ margin:40px 0 20px; } //.privacy_area p.description{ padding:20px; border:8px solid #ebebeb; margin-bottom:40px; height:200px; overflow-y:scroll;} form #ips .description{ padding:20px; border:8px solid #ebebeb; margin-bottom:40px; height:200px; overflow-y:scroll;} p.submit{ width:280px; margin:0 auto 40px; position:relative; } p.submit input{ width:100%; height:58px; line-height:58px; color:#fff; font-size:1.2em; background: #ffd554; /* Old browsers */ background: -moz-linear-gradient(top, #ffd554 0%, #ff7915 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd554), color-stop(100%,#ff7915)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd554 0%,#ff7915 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd554', endColorstr='#ff7915',GradientType=0 ); /* IE6-9 */ display:block; border:none; } p.submit:after{ content:""; display:block; width:7px; height:8px; position:absolute; top:27px; right:10px; background:url(./img/btn_left_allow_white.png) no-repeat; background-size:8px; } p.submit input:hover{ background: #ff7915; /* Old browsers */ background: -moz-linear-gradient(top, #ff7915 0%, #ffd554 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7915), color-stop(100%,#ffd554)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7915 0%,#ffd554 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7915', endColorstr='#ffd554',GradientType=0 ); /* IE6-9 */ text-decoration:none; } /* =================================================================== news =================================================================== */ #news{ width:100%; margin-bottom:40px;} #news h1{ margin:40px 0; color:#fff; padding:20px 20px 15px; font-size:1.8em; font-weight:bold; border-bottom:1px solid #484848; border-top:1px solid #484848; background:#25cc12; } #news h1 span{ display:block; font-size:0.4em; margin-top:5px; } #news article{ width:100%; border-bottom:1px dashed #000; padding:10px 0;} #news article h2{ width:100%; color:#08bc26; font-weight:bold; margin-bottom:5px; } #news article p{ width:100%; } /* =================================================================== head02 =================================================================== */ .head{ background:rgba(255,255,255,0.9); display:none; position:fixed; top:0; width:100%; z-index:1000;} .head .head_sub_wrap{ max-width:980px; width:100%; margin:0 auto; } .head .head_sub_wrap h1.logo{ width:130px; float:left; padding-top:15px; } .head .head_sub_wrap .scroll_navi{ width:710px; float:left; } .head .head_sub_wrap .scroll_navi>ul{} .head .head_sub_wrap .scroll_navi>ul>li{ width:20%; float:left; ; } .head .head_sub_wrap .scroll_navi>ul>li>a{ width:100%;height:67px; text-align:center; display:block; padding-top:15px; } .head .head_sub_wrap .scroll_navi>ul>li a:hover,.head .head_sub_wrap .scroll_navi ul li a:hover span,.head .head_sub_wrap .scroll_navi ul li a:hover b{ color:#087f00; text-decoration:none;} .head .head_sub_wrap .scroll_navi ul>li a b{ display:block; font-size:0.7em; font-weight:normal; color:#888; } .head .head_sub_wrap .scroll_navi ul>li.scroll_navi_sub{ position:relative; } .head .head_sub_wrap .scroll_navi ul>li ul{ position:absolute; top:100%; width:100%; background:rgba(255,255,255,0.9); display:none; } .head .head_sub_wrap .scroll_navi ul>li ul li a{ text-align:center; display:block; padding:5px 0; } .head .head_sub_wrap .contact_us_sub{ width:140px; float:left; } .head .head_sub_wrap .contact_us_sub .tel{ padding-left:20px; margin-bottom:5px; color:#ff7915; font-weight:bold; position:relative; } .head .head_sub_wrap .contact_us_sub .tel:before{ content:""; display:block; background:url(./img/common/tel_icon.png) no-repeat; background-size:15px; position:absolute; top:3px; left:0; width:15px; height:15px;} .head .head_sub_wrap .contact_us_sub p.estimateBtn{ width:100%; } .head .head_sub_wrap .contact_us_sub p.estimateBtn a{ line-height:1.2em; width:100%; display:block; background: #ffd554; /* Old browsers */ background: -moz-linear-gradient(top, #ffd554 0%, #ff7915 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd554), color-stop(100%,#ff7915)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd554 0%,#ff7915 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd554', endColorstr='#ff7915',GradientType=0 ); /* IE6-9 */ border:none; text-align:center; color:#fff; padding:5px 0; } .head .head_sub_wrap .contact_us_sub p.estimateBtn a:hover{ background: #f3bf20; /* Old browsers */ background: -moz-linear-gradient(top, #ff7915 0%, #ffd554 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7915), color-stop(100%,#ffd554)); background: -webkit-linear-gradient(top, #ff7915 0%,#ffd554 100%); background: -o-linear-gradient(top, #ff7915 0%,#ffd554 100%); background: -ms-linear-gradient(top, #ff7915 0%,#ffd554 100%); background: linear-gradient(to bottom, #ff7915 0%,#ffd554 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7915', endColorstr='#ffd554',GradientType=0 ); text-decoration:none; } /* =================================================================== Back Top =================================================================== */ #page-top { position: fixed; bottom: 10px; right: 10px; font-size: 77%; } #page-top a { background: #fff; border:4px solid #04aa1b; text-decoration: none; color: #04aa1b; width: 90px; padding: 20px 0; text-align: center; display: block; font-weight:bold; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } #page-top a:hover { text-decoration: none; background: #04aa1b; color:#fff; font-size:1.1em; } /* =================================================================== SERVICE =================================================================== */ .interpretation_wrap{ background:#efefef; padding:10px; width:450px !important; position:absolute !important; display:none; z-index:1000; } .interpretation_wrap div{ width:450px !important; margin-bottom:10px; border-bottom:1px dashed #888; padding-bottom:5px; } .interpretation_wrap div h2{ font-size:1.15em; font-weight:bold; float:left; } .interpretation_wrap div span{ float:right; display:block; font-size:0.8em; } .interpretation_wrap ul li{ width:50%; float:left; } .interpretation_wrap ul li a{ display:block; padding:10px 0 10px 15px; position:relative; } .interpretation_wrap ul li a:before{ content:""; display:block; background:url(./img/left_allow.png) no-repeat; background-size:7px 9px; position:absolute; top:15px; left:0; width:7px; height:9px; } .interpretation_wrap ul li a:hover{ text-decoration:underline !important; } /*20170516修正*/ #iso17100{ margin:40px auto 0; max-width:980px; } #iso17100 a.btn_iso:hover{ opacity:0.7; } #footer .footer_bottom .mark{ float:right; } #footer .footer_bottom .language{ width:750px; } #footer .footer_bottom .mark li{ float:left; } #footer .footer_bottom .mark li.mark_p{ margin-right:15px; } /*当社の強み*/ #contents .border{ border-bottom:3px solid #000; padding-bottom:50px; margin-bottom:70px; } .pdg_b30{ padding-bottom:30px; } .mgn_b75{ margin-bottom:75px; } .pdg_l25{ padding-left:25px; } #iso17100shutoku{ margin-top:-100px; padding-top:100px; } #strong_example article.iso17100 h2{ color:#04aa1b; font-family:"HG明朝B","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-size:2em; position:absolute; top:100px; } #strong_example article.iso17100 h2 b{ font-size:1.7em; } #strong_example article .article_wrap_iso{ border:5px solid #ffc001; background-color:#fffcd9; padding:50px 25px; margin-top:100px; height:200px; margin-bottom:60px; } #strong_example article.iso17100 figure{ top:100px; right:60px; } #strong_example article.iso17100 p{ float:left; } #strong_example article.iso17100 p.ninsho{ width:121px; } #strong_example article.iso17100 p.txt_iso{ width:510px; margin-left:20px; } /*20170516修正_ここまで*/ .flexslider{ display:none; } /*20170601修正_ここから*/ /* =================================================================== PRIVACY / Information Privacy Statement (ips) =================================================================== */ #ips{ margin-top:50px; } #ips .ips_link{ text-align:center; } #ips .ips_link a{ display:inline-block; margin-top:1em; padding:0.5em 1em; border-radius:0.5em; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; font-size:1.5em; font^weight:bold; } #ips .ips_link a:hover{ background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 100%, #001e2c 0%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#00a98b), color-stop(0%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 100%,#001e2c 0%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 100%,#001e2c 0%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 100%,#001e2c 0%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 100%,#001e2c 0%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ } #ips .scrollbox{ margin-top:2em; height:500px; overflow:auto; background-color:#f3f3f3; } #ips .pvcy_cont{ margin:0 20px 50px; } #ips h1{ font-size:2em; font-weight:bold; color:#fff; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ padding:25px 20px; margin-bottom:20px; text-align:center; } #ips > h2{font-weight:bold; font-size:2.0em; padding:25px 0 20px; margin-bottom:0px; } #ips h2{ padding-left:30px;margin:40px 0; height:40px; line-height:40px; font-size:1.8em; font-weight:bold; position:relative; } /*#ips .pvcy_cont h2:before */ #ips h2:before { content:""; display:block; width:10px; height:100%; background: #00a98b; /* Old browsers */ background: -moz-linear-gradient(top, #00a98b 0%, #001e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a98b), color-stop(100%,#001e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a98b 0%,#001e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a98b 0%,#001e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a98b', endColorstr='#001e2c',GradientType=0 ); /* IE6-9 */ color:#fff; position:absolute; left:0; top:0; } #ips .pvcy_cont p{ width:95%; margin:0 auto; } #ips .pvcy_cont p .seal{ display:inline-block; float:right; margin:0 0 2em 3em; } #ips dl.list{ margin:10px 10px; } #ips dl.list dt{ clear:both; width:5%; text-align:right; float:left; margin-bottom:10px; line-height:1.8; } #ips dl.list dd{ margin-bottom:10px; padding-left:0px; width:90%; text-align:left; float:left; line-height:1.8; } #ips .inner a.link{ display:inline; } #ips .main h6{ clear:both; color:#063a6c; padding:5px 0 15px; font-size:130%; margin:25px 0 10px 0; border-bottom:solid 1px #cccccc; } #ips .main h6 span { display: block; padding: 0 0 0 10px; line-height: 1; border-left: solid 5px #063a6c; } #ips .pvcy_cont .subttl{ font-size:1.5em; font-weight:bold; line-height:1.5; margin:5px 0; } #ips .pvcy_cont .txtRight{ text-align:right; line-height:1.5; margin:30px 0; } #privacy-check{ margin:50px 0 100px; } #privacy-check .privacy-check{ width:960px; margin:0 auto; } #privacy-check p.nextstepBtn a{ display:block; height:70px; line-height:70px; text-align:center; background: #ffd554; /* Old browsers */ background: -moz-linear-gradient(top, #ffd554 0%, #ff7915 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd554), color-stop(100%,#ff7915)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd554 0%,#ff7915 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd554 0%,#ff7915 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd554', endColorstr='#ff7915',GradientType=0 ); /* IE6-9 */ color:#fff; font-size:1.8em; } #privacy-check p a:hover{ background: #ff7915; /* Old browsers */ background: -moz-linear-gradient(top, #ff7915 0%, #ffd554 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7915), color-stop(100%,#ffd554)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7915 0%,#ffd554 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7915 0%,#ffd554 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7915', endColorstr='#ffd554',GradientType=0 ); /* IE6-9 */ text-decoration:none; }