@charset "UTF-8";
/* CSS Document */

body {
   margin: 0;
   padding: 0;
   color:#4c4c4c;
   background-color:#fff;
   font-family: sans-serif;
}

h1,h2,h3,h4,h5,h6 {font-size:1em; margin:0px; padding:0px;font-weight:normal;}
p { margin:0px; }
ul li { list-style-type:none; margin:0px;padding:0px;}
a img { border:0; }
a { outline: none; }
body{text-align:center;}
form{margin:0px;padding:0px;}
header { display:block;}

/* CLEAR FIX*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*
*/

.mar-t-20{margin-top:20px !important;}

header{position:relative;top:0px;left:0px;min-height:85px;}

#lang{position:absolute;top:0px;right:0px;margin:0px;padding:0px;}
#lang a{display:inline-block;margin-right:3px;background-color:#cbcbcb;padding:5px 8px 3px;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;transition: background-color 0.3s linear;}  
#lang a:hover{background-color: #ce8b6d;}
#lang a.current{background-color: #ff4f00;}

header h1{position:absolute;left:30px;top:30px;}

nav{position:absolute;top:30px;right:5px;}
nav ul li{display:inline-block;margin:0px 2px;}
nav ul li a{color:#ff0030;display:block;font-size:14px;font-weight:bold;text-decoration:none;transition: background-color 0.3s linear, color 0.3s linear;padding:5px 8px;border-radius:3px;}
nav ul li a:hover{background-color: #ff0030;color:#fff;}
nav ul li a.current{background-color: #ff0030;color:#fff;}

.mobNav{display:none;}

.mobNav{float:right;position:relative;margin:20px;}
.mobNav label i{font-size:28px;color:#ff0030}
.mobNav input{display:none;}
#mobMenu{display:none;}

.mobNav input[type=checkbox]:checked ~ #mobMenu{
    display: block;
}

#mobMenu{position:absolute;z-index:99999;right:0px;top:25px;border:2px solid #ff0030;background-color:#fff;opacity:0.9;margin:0px;padding:20px;min-width:320px;}

#mobMenu li{display:block;margin:0px;padding:0px;border-bottom:1px solid #D7D7D7;}
#mobMenu li a{display:block;font-size:12px;text-align:center;padding:10px;color:#ff0030;text-decoration:none;}
#mobMenu li a:hover{background-color: #ff0030;color:#fff;}
#mobMenu li a.current{background-color: #ff0030;color:#fff;}


#langMob{text-align:right !important;}
#langMob a{display:inline-block !important;margin-left:8px;background-color:#cbcbcb;padding:5px 8px 3px;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;transition: background-color 0.3s linear;} 
#langMob a:hover{background-color: #ce8b6d;}
#langMob a.current{background-color: #ff4f00;color:#fff;}


.mainVisual{background-image:url(../images/mainVisual.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;height:591px;text-align:center;position:relative;}

.mainVisual h2{font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;letter-spacing:0.1em;color:#fff;display:block;position:absolute;top:173px;text-align:center;font-size:36px;width:100%;text-shadow: black 0px 0px 2px;}

.mainVisual div{position:relative;top:273px;margin:0px auto;width:370px;}
.mainVisual div a{display:block;float:left;border:1px solid #fff;padding:20px;font-size:18px;color:#fff;text-decoration:none;transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;}
.mainVisual div a:last-child{float:right;}
.mainVisual div a:hover{background-color:#fff;color:#ff0033;opacity:0.8;}

.topGigantButton div{float:left;width:50%;background-color:#ffbf00;text-align:center;}
.topGigantButton div:first-child{background-color:#ff4f00;}

.topGigantButton div h2{font-size:14px;padding:30px 0px 0px 30px;display:block;color:#000;text-align:left;}
.topGigantButton div i{font-size:137px;color:#000;display:block;margin-top:20px;}
.topGigantButton div h3{font-size:18px;color:#000;display:block;margin-top:50px;}
.topGigantButton div a{margin:20px 0px 30px;display:inline-block;border:1px solid #000;padding:10px 20px;font-size:14px;color:#000;text-decoration:none;transition: background-color 0.3s linear, color 0.3s linear;}
.topGigantButton div a:hover{background-color:#000;color:#ffbf00;}
.topGigantButton div:first-child h2,.topGigantButton div:first-child i,.topGigantButton div:first-child h3{color:#fff;}
.topGigantButton div:first-child a{border:1px solid #fff;color:#fff;}
.topGigantButton div:first-child a:hover{background-color:#fff;color:#ff4f00;}

.topMapButton{background-image:url(../images/topMap.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;height:523px;text-align:center;position:relative;}
.topReqruitButton{background-image:url(../images/topReqruit.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;height:529px;text-align:center;position:relative;}
.topMapButton p,.topReqruitButton p{position:absolute;right:0px;bottom:0px;background-color:#ff4f00;padding:10px 20px;opacity:0.8;font-size:14px;color:#fff;}

.topMapButton a,.topReqruitButton a{display:inline-block;margin:250px auto 0px;border:1px solid #000;padding:20px;font-size:18px;color:#000;text-decoration:none;transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;background-color:#fff;opacity:0.6}
.topMapButton a:hover,.topReqruitButton a:hover{background-color:#000;color:#fff;opacity:1;}

.topReqruitButton a{border:1px solid #fff;color:#fff;background-color:#000;}
.topReqruitButton a:hover{background-color:#fff;color:#000;opacity:1;}

footer{background-color:#59a6c9;padding:20px;}

.footerTop img{float:left;}
.footerTop a{float:right;font-size:12px;text-decoration:none;color:#fff;font-weight:bold;}
.footerTop i{font-size:14px;}
.footerLinks{border-top:2px solid #d1f1ff;margin-top:20px;}
.footerLinks ul,.footerLinks li{margin:0px;padding:0px;}
.footerLinks li{border-bottom:1px solid #d1f1ff;}
.footerLinks li a{display:block;padding:20px 20px;font-size:14px;font-weight:bold;text-decoration:none;text-align:left;color:#fff;}
.footerLinks li a:hover{background-color:#7bbfde;}

.footerCopyright{margin-top:30px;font-size:12px;text-align:right;color:#fff;}

.breadcrumb{background-color:#59a6c9;padding:10px;font-size:12px;font-weight:bold;text-align:left;color:#fff;}

.breadcrumb a{color:#fff;font-weight:normal;}

.mainContents{background-image:url(../images/mainVietnamOffshore.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;height:400px;text-align:center;position:relative;margin-bottom:30px;}
.mainContents h1{position:absolute;left:0px;top:30px;background-color:#ff4f00;padding:10px 20px;opacity:0.8;font-size:24px;color:#fff;}
.mainMarketing{background-image:url(../images/mainVietnamMarket.jpg);}
.mainAbout{background-image:url(../images/topMap.jpg);}
.mainReqruit{background-image:url(../images/topReqruit.jpg);}
.mainInquiry{background-image:url(../images/mainInquiry.jpg);}

.subBlock{margin:0px 20px 30px;text-align:left;}
.subBlock h2{font-size:24px;color:#0080ba;display:block;margin-bottom:20px;}
.subBlock h3{font-size:18px;color:#e243bb;display:block;margin-bottom:20px;margin-top:30px;}
.subBlock p{font-size:14px;}

.ctaButtonWrap{margin-top:20px;text-align:center;padding:20px 0px;background-color:#f2f2f2;border:1px solid #cbcbcb;}

.ctaButton{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #db3d6a;
    border-radius: 3px;
    background: #ff4086;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4086), to(#e34f79));
    background: -moz-linear-gradient(top, #ff4086, #e34f79);
    background: linear-gradient(to bottom, #ff4086, #e34f79);
    text-shadow: #781934 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
	cursor:pointer;
}
.ctaButton:hover,
.ctaButton:focus {
    border: 1px solid #ff4f8a;
    background: #ff4da1;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4da1), to(#ff5f91));
    background: -moz-linear-gradient(top, #ff4da1, #ff5f91);
    background: linear-gradient(to bottom, #ff4da1, #ff5f91);
    color: #ffffff;
    text-decoration: none;
}
.ctaButton:active {
    background: #bf2752;
    background: -webkit-gradient(linear, left top, left bottom, from(#bf2752), to(#e34f79));
    background: -moz-linear-gradient(top, #bf2752, #e34f79);
    background: linear-gradient(to bottom, #bf2752, #e34f79);
}

.aboutTbl{width:100%;border-collapse:collapse;font-size:14px;}

.aboutTbl th{background-color:#f2f2f2;border:1px solid #cbcbcb;color:#595959;font-weight:bold;padding:10px;text-align:left;vertical-align:middle;}
.aboutTbl td{border:1px solid #cbcbcb;color:#595959;padding:10px;text-align:left;vertical-align:middle;}

.subBlock input[type=text]:focus,.subBlock textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}
.subBlock input[type=text],.subBlock textarea{
    display: block;
    margin-bottom: 0px;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    border-radius: 3px;
    width: 400px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.subBlock input[type=text]{margin-bottom:10px;}
.subBlock textarea{height:250px;}
.ctaButtonWrapInquiry{width:410px;}

.subBlockImage{background-color:#d5d5d5;padding:20px;border-radius:10px;text-align:center;margin-top:20px;}