@charset "utf-8";

====================
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers 
*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {font-family:ヒラギノ角ゴシック Pro, 'Hiragino Kaku Gothic Pro',游ゴシック体, 'Yu Gothic', YuGothic,  メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
line-height:1;
margin:0;}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

dd {
	margin:0;
}

@media screen and (min-width:480px){

/* ------------------                 ------------------ */
/* ------------------      header     ------------------ */
/* ------------------                 ------------------ */


header {
margin:15px 0px;
}

header p.english {
text-align:right;
width:1000px;
margin:0 auto;
margin-bottom:20px;
}

header p.english a {
text-decoration:none;
color:#000000;
font-size:11px;
border:1px solid #D9D9D9;
padding:3px 8px;
margin-right:18px;
}

header section {
width:1000px;
margin:0 auto;
overflow:hidden;
}


header section div {
width:270px;
height:40px;
float:left;
}
header section div a {
display:block;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
width:270px;
height:40px;
background:url(../images/header_logo.png) no-repeat;
}


header ul {
overflow:hidden;
padding:0;
list-style:none;
/*width:345px;*/
float:right;
margin:0;
}

header ul li {
float:left;
padding:0px 15px;
padding-bottom: 4px;
margin-bottom:2px;
}


header ul li a.nav {
display:block;
height:34px;
white-space:nowrap;
overflow:hidden;
text-indent:110%;
}






ul#menu ul{
float:none;
list-style-type: none;
margin:0 auto;
padding: 0;
/*
height:40px;
width:52px;
*/
display:block;

}
ul#menu ul li{
float: none;
position: relative;
margin: 0;
padding: 5px;
width:120px;
display: block;
}

ul#menu li span {
display:inline-block;
padding:5px 0px;
padding-left:30px;
background:url(../images/ship/icon.jpg) no-repeat;
background-position:left center;
}

ul#menu ul.child{
display: none;
position: absolute;
margin-left: -35px;
margin-top:5px;
padding: 0;
}

ul#menu ul.child li {
border-bottom:1px solid #CCC;
background-color:#FFFFFF;
}

ul#menu ul.child li a{
padding: 5px;
margin-left: -7px;
margin-right: -5px;
margin-bottom: -5px;
display: block;
color:#000000;
font-size:12px;
line-height:18px;
text-decoration:none;
transition:0.5s;
text-align:center;
}


ul#menu ul.child li:last-child {
border:none;
}

ul#menu ul.child li a:hover {
color:#CC0000;
text-decoration:underline;
}










header ul li a.home {
width:40px;
background:url(../images/list1.jpg) no-repeat;
}
header ul li a.service {
width:60px;
background:url(../images/list2.jpg) no-repeat;
}
header ul li a.ship {
width:52px;
background:url(../images/list3.jpg) no-repeat;
}
header ul li a.company {
width:66px;
background:url(../images/list4.jpg) no-repeat;
}
header ul li a.recruit {
width:55px;
background:url(../images/list5.jpg) no-repeat;
}
header ul li a.contact {
width:64px;
background:url(../images/list6.jpg) no-repeat;
}


header ul li.on {border-bottom:2px solid #001961;
margin-bottom:-2px;
}




header ul li:hover {
border-bottom:2px solid #001961;
margin-bottom:-2px;
}









/* ------------------                 ------------------ */
/* ------------------      footer     ------------------ */
/* ------------------                 ------------------ */

footer {
margin-top:20px;
}

footer a.totop {
display:block;
width:42px;
height:22px;
margin:0 auto;
white-space:nowrap;
overflow:hidden;
text-indent:100%;
background:url(../images/totop.jpg) no-repeat;
margin-bottom:30px;
}


footer section:first-of-type {
border-top:1px solid #C5C5C5;
margin-bottom:20px;
padding:20px 0px;
}



footer div {
overflow:hidden;
width:1000px;
margin:0 auto;
}



footer div p.left {
font-size:13px;
width:320px;
float:left;
line-height:20px;
padding-left:280px;
background:url(../images/footer_logo.png) no-repeat;
background-position:left center;
height:50px;
margin-top: 30px;
}

footer div a.right {
		display:block;
	text-decoration:none;
font-size: 12px;
font-weight: bold;
line-height: 20px;
color: #082E87;
height: 60px;
padding: 8px;
border: 2px solid #082E87;
width: 200px;
float: right;
padding-left: 110px;
background: url(../images/20200803_5.jpg) no-repeat;
}





footer section:last-of-type {
background-color:#87d7d4;
color:#052e86;
padding:30px 0px 50px;
}

footer div small {
float:left;
}

footer div ul {
width:250px;
padding:0;
float:right;
overflow:hidden;
list-style:none;
margin:0;
}

footer ul li {
float:left;
padding:0 5px;
border-left:1px solid #052e86;
}

footer ul li:first-child {
border:none;
}

footer ul li a {
	text-decoration:none;
	color:#052e86;
	font-size:12px;
}


/* ------------------                 ------------------ */
/* ------------------     content     ------------------ */
/* ------------------                 ------------------ */


section.title_information h1 span {
display:block;
width:245px;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/info/h1_title.jpg) no-repeat;

}





section.title {
background:#50A6C4;
height:100px;
}

section.title div {
/*width:1280px;*/
margin:0 auto;
background:url(../images/wave.png) no-repeat;
padding:40px 0px;
padding-bottom:63px;
background-position:center -35px;
}


section.title h1 {
width:1000px;
margin:0 auto;
padding-left: 50px;
}




main {

margin-top: 40px;
}

.wrap {
	width:1000px;
	margin:0 auto;
}






/* ------------------                 ------------------ */
/* ------------------     content     ------------------ */
/* ------------------                 ------------------ */


section.title_service h1 span {
display:block;
width:245px;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/service/h1_title.jpg) no-repeat;

}


h2.midashi {
padding-bottom:16px;
background:url(../images/underbar.jpg) no-repeat;
background-position:center bottom;
text-align:center;
font-size:23px;
}

p {
	margin:0;
	line-height:26px;
}

hr {
	border-top:1px solid #C5C5C5 ;
}


/* ------------------                 ------------------ */
/* ------------------      info       ------------------ */
/* ------------------                 ------------------ */

section.title_info h1 span {
display:block;
width:245px;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/info/h1_title.jpg) no-repeat;

}


section.info {
	padding-bottom:40px;
}

section.info div {
	padding:20px 0px;
}

section.info dl {
	overflow:hidden;
	margin:20px auto;
	width:960px;
	padding:10px;
	border-bottom:1px dashed #50A6C4;
}

section.info dl dt {
	width:140px;
	float:left;
	line-height:160%;
}
section.info dl dd {
	width:800px;
	float:left;
		line-height:160%;
}

/* ------------------                 ------------------ */
/* ------------------     company     ------------------ */
/* ------------------                 ------------------ */


section.greeting {
padding-top:20px;
}
/**/
section.greeting div {
min-height:420px;
padding-left:440px;
background:url(../images/service/president.jpg) no-repeat;
background-position:left top;
margin:50px 0px;
}

section.greeting div {
margin:50px 0px;
}


section.greeting div p {
line-height:170%;
}
section.greeting div span {
display: block;
    text-align: right;
    white-space: nowrap;
    padding-top: 20px;
    padding-right: 125px;
    background: url(../images/service/shimizu.jpg) no-repeat;
    background-position: right bottom;
    text-indent: 400%;
    overflow: hidden;
}


section.overview {
padding-top:30px;
}

section.overview div {
margin:50px 0px;
}

section.overview dl {
border:1px solid #CCCCCC;

margin:0;
border-bottom:none;
}

section.overview dl:last-child {
border:1px solid #CCCCCC;
}


section.overview dl dt {
display:table-cell;
background-color:#F0F3F8;
width:200px;
padding:12px 25px;
font-weight:bold;
color:#3366CC;
line-height:150%;
vertical-align:middle;
}


section.overview dl dd {
display:table-cell;
padding:12px 25px;
line-height:150%;
}


section.access {
padding-top:30px;
padding-bottom:70px;
}


section.access iframe {
	margin-top:40px;
width:100%;
height:420px;
}





/* ------------------                 ------------------ */
/* ------------------      ship       ------------------ */
/* ------------------                 ------------------ */





section.title_ship h1 span {
display:block;
width:228px;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/ship/h1_title.jpg) no-repeat;

}


section.ship1 h2.title {
white-space:nowrap;
overflow:hidden;
text-indent:100%;
width:158px;
height:69px;
background:url(../images/ship/ship1_title.jpg) no-repeat;
margin:0 auto;
}

section.ship2 h2.title {
white-space:nowrap;
overflow:hidden;
text-indent:100%;
width:116px;
height:67px;
background:url(../images/ship/ship2_title.jpg) no-repeat;
margin:0 auto;
margin-bottom:20px;
}




section.ship3 h2.title {
white-space:nowrap;
overflow:hidden;
text-indent:100%;
width:386px;
height:65px;
background:url(../images/ship/ship3_title.jpg) no-repeat;
margin:0 auto;
margin-bottom:20px;
}








section.ship4 h2.title {
white-space:nowrap;
overflow:hidden;
text-indent:100%;
width:387px;
height:65px;
background:url(../images/ship/ship4_title.jpg) no-repeat;
margin:0 auto;
margin-bottom:20px;
}

section.ship5 h2.title {
white-space:nowrap;
overflow:hidden;
text-indent:100%;
width:282px;
height:65px;
background:url(../images/ship/ship5_title.jpg) no-repeat;
margin:0 auto;
margin-bottom:20px;
}




section.ship div {
padding-top:10px;
}

section.ship p {
padding-top:20px;
border-top:2px solid #999999;
margin-top:20px;
}


section.ship article {
padding-top:60px;

}

section.ship ul {
list-style:none;
padding:0;
padding-right:640px;

}

section.ship ul li {
padding:8px 0;
border-bottom:1px dashed;
}

section.ship ul li:last-child {
border:none;
}


section.ship1 article {
padding-bottom:340px;
background:url(../images/ship/ship1sub2.jpg) no-repeat;
background-position:center bottom;
}

section.ship1 ul {
background:url(../images/ship/ship1sub1.jpg) no-repeat;
background-position:right top;
}

section.ship2 article {
padding-bottom:440px;
background:url(../images/ship/ship2sub2.jpg) no-repeat;
background-position:center bottom;
}


section.ship2 ul {
background:url(../images/ship/ship2sub1.jpg) no-repeat;
background-position:right top;
min-height:450px;
}


section.ship3 article {
padding-bottom:200px;
background:url(../images/ship/ship3sub2.jpg) no-repeat;
background-position:center bottom;
}


section.ship3 ul {
background:url(../images/ship/ship3sub1.jpg) no-repeat;
background-position:right top;
}







section.ship4 article {
padding-bottom:200px;
background:url(../images/ship/ship4sub2.jpg) no-repeat;
background-position:center bottom;
}

section.ship4 ul {
background:url(../images/ship/ship4sub1.jpg) no-repeat;
background-position:right top;
}
section.ship5 ul {
background:url(../images/ship/ship5sub1.jpg) no-repeat;
background-position:right top;
min-height:402px;
}








section.ship aside {
padding-top:30px;
}

section.ship aside p {
border:none;
padding-bottom:20px;
}





section.other_ship {
background:#138AB1;
padding:40px 0px;
margin:80px 0px;
}

section.other_ship h3 {
overflow:hidden;
text-indent:100%;
white-space:nowrap;
width:178px;
height:39px;
background:url(../images/ship/other.jpg) no-repeat;
margin:10px auto;
}


section.other_ship div.ships {
overflow:hidden;
padding-top:20px;
width: 400px;
}

section.other_ship a {
width:184px;
padding-top:165px;
display:block;
text-align:center;
color:#FFF;
font-weight:bold;
/*float:left;*/
margin:8px auto;
text-decoration:none;
font-size:14px;
}

section.other_ship a:hover {
text-decoration:underline;
}

section.other_ship a:first-child {
background:url(../images/ship/other4.jpg) no-repeat;
background-position:center top;
}/*
section.other_ship a:nth-child(2) {
background:url(../images/ship/other4.jpg) no-repeat;
background-position:center top;
}
section.other_ship a:nth-child(3) {
background:url(../images/ship/other5.jpg) no-repeat;
background-position:center top;
}*/



/* ------------------                 ------------------ */
/* ------------------    recruit     ------------------ */
/* ------------------                 ------------------ */


section.title_recruit h1 span {
display:block;
width:228px;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/recruit_titleh1.jpg) no-repeat;

}

section.recruit {
	padding-top:20px;
}

section.recruit div {
margin:30px 0px;
border:1px solid #c5c5c5;
}


section.recruit div dl {
	padding-bottom:10px;
	border-bottom:1px solid #a1a1a1;
	margin:15px 19px;
}


section.recruit div dl:last-child {
	border:none;
}

section.recruit div dt {
	display:table-cell;
	width:240px;
	line-height:26px;
}


section.recruit div dd {
	display:table-cell;
	width:240px;
	line-height:26px;
}

section.recruit div dd span {
	display:inline-block;
	padding:3px 8px;
	color:#FFFFFF;
	font-size:15px;
}

section.recruit div dd span.blue {
	background-color:#001699;
}
section.recruit div dd span.orange {
	background-color:#ad4b03;
}
section.recruit div dd span.green {
	background-color:#007542;
}


section.recruit div dl.notable dd {
	width:700px;
}



section.recruit a {
	display:block;
	width:380px;
	font-size:18px;
	font-weight:bold;
	background-color:#CCCCCC;
	border:2px solid #999999;
	border-radius:5px;
	margin:40px auto;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	padding:15px 10px;
	margin-bottom:80px;
	transition:0.8s;
}

section.recruit a:hover {
		background-color:#50a6c4;
		border:2px solid #50a6c4;
}
	

/* ------------------                 ------------------ */
/* ------------------     contact     ------------------ */
/* ------------------                 ------------------ */


section.title_contact h1 span {
display:block;
width:228px;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/contact_titleh1.jpg) no-repeat;

}

section.contact div {
padding:30px 0px;
}


section.contact p {
text-align:center;
}

section.contact dl {
border:1px solid #50a6c4;
}

section.contact dt {
background-color:#50a6c4;
color:#FFF;
padding:15px 20px;
display:table-cell;
width:200px;
vertical-align:middle;
}


section.contact dd {
padding:15px 20px;
display:table-cell;
	width: 680px;
}

section.contact dd input {
font-size:110%;
}

section.contact dd input.name {
margin-right:10px;
}

section.contact dd input.mail {
width:100%;
}

section.contact dd textarea {
width:680px;
height:250px;
}


section.contact dd label {

display: inline-block;
margin-right: 10px;

}

section.contact button {
display: block;
font-weight: bold;
text-decoration: none;
font-size: 18px;
text-align: center;
line-height: 35px;
color: #FFF;
padding: 5px 20px;
/* width: 250px; */
/* height: 47px; */
background-color: #87d7d4;
border-radius: 5px;
margin-right: auto;
margin-left: auto;
margin-bottom: 40px;
border: 0;
margin-top: 50px;
transition:0.8s;
}
section.contact button:hover {
	cursor:pointer;
	background-color:#50a6c4;
}


section.contact th {
	padding:10px 0px;
}

section.contact td {
	padding:10px 0px;
}
section.contact button.submit {
	display:inline-block;
	margin-right:20px;
}

section.contact button.back {
	display:inline-block;
}



section.thanks p {
	text-align:center;
	padding:30px 0;
}


.sp_only {
	display:none !important;
}

}


/*-----------------------------------------------------sp-------------------------------------------------------------------*/




@media screen and (max-width:479px){


.pc_only {
	display:none !important;
}

/* ------------------                 ------------------ */
/* ------------------      header     ------------------ */
/* ------------------                 ------------------ */
div.mean-push {
	display:none;
}

.mean-bar {
    position: fixed !important;
    z-index: 1 !important;
    background-color: #FFFFFF;
    border-bottom:2px solid #50A6C4;
}



div.mean-bar:last-of-type {
	display:none;
}


header {
    width: 270px;
    position: fixed;
    z-index: 1;
}

header p.english {
text-align:right;
width:98%;
margin:0 auto;
margin-bottom:20px;
display:none;
}

header p.english a {
text-decoration:none;
color:#000000;
font-size:11px;
border:1px solid #D9D9D9;
padding:3px 8px;
margin-right:18px;
}

header section {

    /* margin: 0 auto; */
    margin-left: 10px;
    overflow: hidden;
}


header section div {
margin-top:6px;
}
header section div a {
display: block;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    width: 240px;
    height: 35px;
    background: url(../images/header_logo.png) no-repeat;
    background-size: contain;
}


header ul {
overflow:hidden;
padding:0;
list-style:none;
width:520px;
float:right;
margin:0;
}

header ul li {
float:left;
padding:0px 15px;
padding-bottom: 4px;
margin-bottom:2px;
}



header ul li a {
display:block;
height:34px;
white-space:nowrap;
overflow:hidden;
text-indent:110%;
}

header ul li:first-child a {
width:40px;
background:url(../images/list1.jpg) no-repeat;
}
header ul li:nth-child(2) a {
width:60px;
background:url(../images/list2.jpg) no-repeat;
}
header ul li:nth-child(3) a {
width:52px;
background:url(../images/list3.jpg) no-repeat;
}
header ul li:nth-child(4) a {
width:66px;
background:url(../images/list4.jpg) no-repeat;
}
header ul li:nth-child(5) a {
width:55px;
background:url(../images/list5.jpg) no-repeat;
}
header ul li:last-child a {
width:64px;
background:url(../images/list6.jpg) no-repeat;
}


header ul li.on {border-bottom:2px solid #001961;
margin-bottom:-2px;
}




header ul li:hover {
border-bottom:2px solid #001961;
margin-bottom:-2px;
}









/* ------------------                 ------------------ */
/* ------------------      footer     ------------------ */
/* ------------------                 ------------------ */

footer {
margin-top:20px;
}

footer a.totop {
display:block;
width:42px;
height:22px;
margin:0 auto;
white-space:nowrap;
overflow:hidden;
text-indent:100%;
background:url(../images/totop.jpg) no-repeat;
margin-bottom:30px;
}


footer section:first-of-type {
border-top:1px solid #C5C5C5;
padding:20px 0px;
}



footer div {
overflow:hidden;
width:98%;
margin:0 auto;
}



footer div p.left {
font-size: 13px;
/* width: 320px; */
/* float: left; */
text-align: center;
line-height: 20px;
padding-top: 60px;
background: url(../images/footer_logo.png) no-repeat;
background-position: center top;
height: 50px;
margin-bottom: 10px;
}

footer div a.right {
	display:block;
	text-decoration:none;
font-size: 12px;
font-weight: bold;
line-height: 20px;
color: #082E87;
height: 60px;
padding: 8px;
border: 2px solid #082E87;
/* width: 200px; */
/* float: right; */
padding-left: 110px;
background: url(../images/20200803_5.jpg) no-repeat;
}





footer section:last-of-type {
background-color:#87d7d4;
color:#FFFFFF;
padding: 10px 0px 20px;
}

footer div small {
display: block;
    line-height: 150%;
    text-align: center;
}

footer div ul {
	display:none;
width:390px;
padding:0;
float:right;
overflow:hidden;
list-style:none;
margin:0;
}

footer ul li {
float:left;
padding:0 5px;
border-left:1px solid #FFF;
}

footer ul li:first-child {
border:none;
}

footer ul li a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
}


/* ------------------                 ------------------ */
/* ------------------     content     ------------------ */
/* ------------------                 ------------------ */


section.title_information h1 span {
display:block;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/info/h1_title.jpg) no-repeat;

}





section.title {
	    padding-top: 51px;
background:#50A6C4;

}

section.title div {
margin: 0 auto;
padding: 20px 0px;

background-position: center -35px;
}


section.title h1 {
margin:0 auto;
padding-left: 15px;
}


.wrap {
width:96%;
margin:0 auto;
}

/* ------------------                 ------------------ */
/* ------------------      info       ------------------ */
/* ------------------                 ------------------ */

section.title_info h1 span {
display:block;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/info/h1_title.jpg) no-repeat;

}


section.info {
}

section.info div {
	width:96%;
margin:0 auto;
	padding:20px 0px;
}

section.info dl {
	overflow:hidden;
	margin:10px auto;
	padding:5px 0;
	border-bottom:1px dashed #50A6C4;
}

section.info dl dt {
	line-height:160%;
}
section.info dl dd {
		line-height:160%;
}





/* ------------------                 ------------------ */
/* ------------------     content     ------------------ */
/* ------------------                 ------------------ */


section.title_service h1 span {
display:block;
width:245px;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/service/h1_title.jpg) no-repeat;

}


h2.midashi {
padding-bottom:16px;
background:url(../images/underbar.jpg) no-repeat;
background-position:center bottom;
text-align:center;
font-size:20px;

}

p {
	margin:0;
	line-height:26px;
}

hr {
	border-top:1px solid #C5C5C5 ;
}

/* ------------------                 ------------------ */
/* ------------------     company     ------------------ */
/* ------------------                 ------------------ */


/*

section.greeting div {
padding-bottom: 450px;
background: url(../images/service/president.jpg) no-repeat;
background-position: center bottom;
margin: 50px 0px;
}
*/

section.greeting div {
margin: 50px 0px;
}


section.greeting div p {
line-height:170%;
}
section.greeting div span {
display:block;
text-align:right;
padding-top:20px;
padding-right:125px;
background:url(../images/service/shimizu.jpg) no-repeat;
background-position:right bottom;
white-space:nowrap;
text-indent:500%;
overflow:hidden;
}


section.overview {
padding-top:30px;
}

section.overview div {
margin:50px 0px;
}

section.overview dl {
border:1px solid #CCCCCC;

margin:0;
border-bottom:none;
}

section.overview dl:last-child {
border:1px solid #CCCCCC;
}


section.overview dl dt {
background-color:#F0F3F8;
padding:10px 8px;
font-weight:bold;
color:#3366CC;
line-height:150%;
vertical-align:middle;
}


section.overview dl dd {
padding:10px 8px;
line-height:150%;
margin:0;
}


section.access {
padding-top:30px;
padding-bottom:70px;
}


section.access iframe {
	margin-top:40px;
width:100%;
height:420px;
}





/* ------------------                 ------------------ */
/* ------------------      ship       ------------------ */
/* ------------------                 ------------------ */


/*
ul#menu{
list-style-type: none;
margin:0 auto;
padding: 0;
height:40px;
display:none;

}
ul#menu li{
float: left;
position: relative;
margin: 0;
padding: 5px;
width: 165px;
display: block;
}

ul#menu li span {
display:inline-block;
padding:5px 0px;
padding-left:30px;
background:url(../images/ship/icon.jpg) no-repeat;
background-position:left center;
}

ul#menu ul.child{
display: none;
position: absolute;
margin-left: -5px;
padding: 0;
}

ul#menu ul.child li {
border-bottom:1px solid #CCC;
background-color:#FFF;
}

ul#menu ul.child li a{
padding: 5px 10px;
margin-left: -5px;
margin-right: -5px;
margin-bottom: -5px;
display: block;
color:#000000;
font-size:15px;
text-decoration:none;
transition:0.5s;
}


ul#menu ul.child li:last-child {
border:none;
}

ul#menu ul.child li a:hover {
color:#CC0000;
text-decoration:underline;
}

*/





section.title_ship h1 span {
display:block;
width:228px;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/ship/h1_title.jpg) no-repeat;

}


section.ship1 h2.title {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    width: 108px;
    height: 50px;
    background: url(../images/ship/ship1_title.jpg) no-repeat;
    background-size: contain;
    margin: 0 auto;
    margin-top: 30px;
}

section.ship2 h2.title {
white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    width: 108px;
    height: 50px;
    background: url(../images/ship/ship2_title.jpg) no-repeat;
	background-position:center;
    background-size: contain;
    margin: 0 auto;
    margin-top: 30px;
}




section.ship3 h2.title {
white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    width: 250px;
    height: 50px;
    background: url(../images/ship/ship3_title.jpg) no-repeat;
	background-position:center;
    background-size: contain;
    margin: 0 auto;
    margin-top: 30px;
}


section.ship img {
	width:100%;
}






section.ship4 h2.title {
white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    width: 280px;
    height: 50px;
    background: url(../images/ship/ship4_title.jpg) no-repeat;
	background-position:center;
    background-size: contain;
    margin: 0 auto;
    margin-top: 30px;
}

section.ship5 h2.title {
white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    width: 280px;
    height: 50px;
    background: url(../images/ship/ship5_title.jpg) no-repeat;
	background-position:center;
    background-size: contain;
    margin: 0 auto;
    margin-top: 30px;
}




section.ship div {
padding-top:10px;
}

section.ship p {
	font-size: 15px;
padding-top:20px;
border-top:2px solid #999999;
margin-top:20px;
}


section.ship article {
padding-top:30px;

}

section.ship ul {
list-style: none;
padding: 0;
padding-top: 290px;
margin:0;

}

section.ship ul li {
font-size:15px;
padding:8px 0;
border-bottom:1px dashed #CCCCCC;
}

section.ship ul li:last-child {
border:none;
}

/*
section.ship1 article {
padding-bottom:300px;
background:url(../images/ship/ship1sub2.jpg) no-repeat;
background-position:center bottom;
}
*/
section.ship1 ul {
background:url(../images/ship/ship1sub1.jpg) no-repeat;
background-position: center top;
background-size: contain;
}
/*
section.ship2 article {
padding-bottom:440px;
background:url(../images/ship/ship2sub2.jpg) no-repeat;
background-position:center bottom;
}
*/

section.ship2 ul {
background:url(../images/ship/ship2sub1.jpg) no-repeat;
background-position: center top;
background-size: contain;

}

/*
section.ship3 article {
padding-bottom:200px;
background:url(../images/ship/ship3sub2.jpg) no-repeat;
background-position:center bottom;
}
*/

section.ship3 ul {
background:url(../images/ship/ship3sub1.jpg) no-repeat;
background-position: center top;
background-size: contain;
padding-top:190px;
}






/*
section.ship4 article {
padding-bottom:200px;
background:url(../images/ship/ship4sub2.jpg) no-repeat;
background-position:center bottom;
}
*/
section.ship4 ul {
background:url(../images/ship/ship4sub1.jpg) no-repeat;
background-position: center top;
background-size: contain;
padding-top:170px;
}
section.ship5 ul {
background:url(../images/ship/ship5sub1.jpg) no-repeat;
background-position: center top;
background-size: contain;
}








section.ship aside {
padding-top:30px;
}

section.ship aside p {
border:none;
padding-bottom:20px;
}





section.other_ship {
background:#138AB1;
padding:40px 0px;
margin:80px 0px;
}

section.other_ship h3 {
overflow:hidden;
text-indent:100%;
white-space:nowrap;
width:178px;
height:39px;
background:url(../images/ship/other.jpg) no-repeat;
margin:10px auto;
}


section.other_ship div {
overflow:hidden;
padding-top:20px;
}

section.other_ship a {
width: 46%;
padding-top: 165px;
display: block;
text-align: center;
color: #FFF;
font-weight: bold;
/*float: left;*/
margin: 2% auto;
text-decoration: none;
font-size: 14px;
}

section.other_ship a:hover {
text-decoration:underline;
}

section.other_ship a:first-child {
background:url(../images/ship/other4.jpg) no-repeat;
background-position:center top;
background-size:contain;
}/*
section.other_ship a:nth-child(2) {
background:url(../images/ship/other4.jpg) no-repeat;
background-position:center top;
background-size:contain;
}
section.other_ship a:nth-child(3) {
background:url(../images/ship/other5.jpg) no-repeat;
background-position:center top;
background-size:contain;
}*/


/* ------------------                 ------------------ */
/* ------------------    recruit     ------------------ */
/* ------------------                 ------------------ */


section.title_recruit h1 span {
display:block;
width:228px;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/recruit_titleh1.jpg) no-repeat;

}

section.recruit {
	padding-top:20px;
}

section.recruit div {
margin:30px 0px;
border:1px solid #c5c5c5;
}


section.recruit div dl {
/*	padding-bottom:10px;
	border-bottom:1px solid #a1a1a1;
	*/
	margin:15px 19px;
}


section.recruit div dl:last-child {
	border:none;
}

section.recruit div dt {
	margin:10px 0px;
	line-height:26px;
}


section.recruit div dd {
	line-height:26px;
		padding-bottom:10px;
		border-bottom:1px solid #a1a1a1;
}



section.recruit div dd span {
	display:inline-block;
	padding:3px 8px;
	color:#FFFFFF;
	font-size:15px;
}

section.recruit div dd span.blue {
	background-color:#001699;
}
section.recruit div dd span.orange {
	background-color:#ad4b03;
}
section.recruit div dd span.green {
	background-color:#007542;
}


section.recruit div dl.notable dd {
border: none;
}



section.recruit a {
display: block;
/* width: 380px; */
/* font-size: 18px; */
font-weight: bold;
background-color:#50a6c4;
border:2px solid #50a6c4;
border-radius: 5px;
margin: 40px auto;
text-align: center;
text-decoration: none;
color: #FFFFFF;
padding: 15px 10px;
margin-bottom: 80px;
}

	

/* ------------------                 ------------------ */
/* ------------------     contact     ------------------ */
/* ------------------                 ------------------ */


section.title_contact h1 span {
display:block;
width:228px;
height:26px;
overflow:hidden;
white-space:nowrap;
text-indent:100%;
background:url(../images/contact_titleh1.jpg) no-repeat;

}

section.contact div p {
    font-size: 12px;
}


section.contact p {
text-align:center;
}

section.contact dl {
border:1px solid #50a6c4;
}

section.contact dt {
background-color:#50a6c4;
color:#FFF;
padding:15px 20px;

}


section.contact dd {
padding:15px 20px;
margin:0;
}

section.contact dd input {
font-size:110%;
}

section.contact dd input.name {
    display: block;
    margin-right: 10px;
    width: 100%;
    margin-bottom: 10px;
}

section.contact dd input.mail {
width:100%;
}

section.contact dd textarea {
width:100%;
height:250px;
}


section.contact dd label {

display: inline-block;
margin: 5px 10px;

}

section.contact button {
display: block;
font-weight: bold;
text-decoration: none;
font-size: 18px;
text-align: center;
line-height: 35px;
color: #FFF;
padding: 5px 20px;
/* width: 250px; */
/* height: 47px; */
background-color: #87d7d4;
border-radius: 5px;
margin-right: auto;
margin-left: auto;
margin-bottom: 40px;
border: 0;
margin-top: 50px;
transition:0.8s;
}
section.contact button:hover {
	cursor:pointer;
	background-color:#50a6c4;
}


section.contact th {
	padding:10px 0px;
}

section.contact td {
	padding:10px 0px;
}
section.contact button.submit {
	display:inline-block;
	margin-right:20px;
}

section.contact button.back {
	display:inline-block;
}



section.thanks p {
	text-align:center;
	padding:30px 0;
}



}