@charset "utf-8";

/* Reset
------------------------------------------------------------------------- */
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, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

html { height: 100%; }
html body { height:100%; width:100%; background-color:#ffffff; }
ol, ul {list-style:none;}

table {
	border-collapse: collapse;
}

/* Basic Styles
------------------------------------------------------------------------- */
body { 
	font: 14px "メイリオ", Meiryo, "游明朝", "YuMincho",ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, "Arial", sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #333333;
	overflow:auto;
}

a:link {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #005275;}
a:hover {text-decoration: underline; color: #005275;}
a:active {text-decoration: underline; color: #005275;}

a:hover img,
a:active img{
	filter:alpha(opacity= 80); /* IE */
	-moz-opacity:0.80; /* Firefox CSS3以前 */
	opacity:0.80; /* CSS3 */
}

iframe {
	z-index:1;
	position: relative;
}


/* Typography
------------------------------------------------------------------------- */
p { margin: 0; line-height: 1;}
p img { margin: 0; }

.kyowakaiunWebfont {font-family: 'Marcellus SC', serif; }
.Headline { font-size:21px; letter-spacing:1px; line-height:90%;}

/*マージン*/
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

/*.mb200 {margin-bottom:200px;} */
.mb200 {
	margin-bottom:200px;
	color: #333333;
	}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt13 {margin-top:13px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.mt-5 {margin-top:-5px;}
.mt-10 {margin-top:-10px;}
.mt-20 {margin-top:-20px;}
.mt-30 {margin-top:-30px;}
.mt-50 {margin-top:-50px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

/* padding */
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

/*揃え*/
.taLeft {text-align:left;}
.taRight {text-align:right;}
.taCenter {text-align:center;}

/*フォント*/
.fwBold {font-weight:bold;}

.fs50 {font-size:50%;}
.fs60 {font-size:60%;}
.fs70 {font-size:70%;}
.fs80 {font-size:80%;}
.fs90 {font-size:90%;}
.fs110 {font-size:110%;}
.fs120 {font-size:120%;}
.fs130 {font-size:130%;}
.fs140 {font-size:140%;}
.fs150 {font-size:150%;}

/*文字色*/
.Glay50 { color: #505050; }
.blue { color:#005275;}

/*行間*/
.lh70 {line-height:50%;}
.lh120 {line-height:120%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh200 {line-height:200%;}

/*フロート*/
.floatL {float: left;}
.floatR {float: right;}

/*リセット*/
.clear { clear:both; }

.fadeDone {opacity: 0;}

.contentBace {width:1100px;margin:0 auto;}

.w590 {width:550px;}

#letterbody {
	padding-top:150px;
	margin-bottom:20px;
}

#letterbody p {
	line-height:25px;
}

.textarea {
	width:800px;
	margin: auto 0 auto 250px ; 
}


/* header
------------------------------------------------------------------------- */
#header {
	width:100%;
	height:154px;
	background:url(../images/header_back.png) repeat-x;
	color:#ffffff;
}

#header02 {
	width:100%;
	height:107px;
	background:url(../images/header_back02.png) repeat-x;
	color:#ffffff;
}

#header03 {
	width:100%;
	height:107px;
	background:url(../images/recruitment/header_back02_re.png) repeat-x;
	color:#ffffff;
}

#header03 a:hover img {
	filter:alpha(opacity= 100); /* IE */
	-moz-opacity:1; /* Firefox CSS3以前 */
	opacity:1; /* CSS3 */
}

.fixed {
	position:fixed;	/* 2017.3.9修正 */
	z-index:999999;
}

.head_left {
	float:left;
	margin-top:40px;
}

.head_right {
	float:right;
}

.language_button {
	margin-top:5px;
	font-size:13px;
}

.language_button a {
	display: block;
	color:#ffffff;
	text-decoration:none;
	border:#ffffff solid 1px;
	padding:1px 10px;
}

.language_button a:hover {
	background-color:#0082b9;
}

.webfont {
	font-family: 'Marcellus SC', serif;
	font-size:17px;
	line-height:120%;
	letter-spacing:1px;
	font-weight:bold;
}

/* Global pmenu
-----------------------------------------*/
#dropmenu{
	margin-top:24px;
}
#dropmenu li{
  position: relative;
  /*width: 20%;*/
  float: left;
  margin: 0 0 0 40px;
  padding: 0;
  text-align: center;
  cursor:pointer;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 10px 0 11px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  color: #D7D7D7;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0px 0 0 -40px;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 210px;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #004f71;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #0073a4;
  border-bottom: 1px solid #002b3e;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/* 採用情報ページ */
#dropmenu03{
	margin-top:73px;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}

#dropmenu03 li{
  position: relative;
  float: left;
  margin: 0 0 0 40px;
  padding: 0;
  text-align: center;
  font-size:15px;
  /*font-weight:bold;*/
  cursor:pointer;
}

#dropmenu03 li a{
  display: block;
  margin: 0;
  padding: 10px 0 11px;
  color: #fff;
  line-height: 1;
  text-decoration: none;
}

#dropmenu03 li a:hover {
	color: #D7D7D7;
}

/* Side Menu
-----------------------------------------*/
.middletitle {
	background-image:url(../images/middletitle_back.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:100px;
	width:240px;
	color:#ffffff;
	margin-top:121px;
}

.middletitle h3.L2 {
	font-family: 'Marcellus SC', serif;
	font-size:30px;
	font-weight:bold;
	line-height:70%;
	margin-left:13px;
	padding:13px 0 7px;
}

.middletitle h3, .middletitle_re h3 {
	font-family: 'Marcellus SC', serif;
	font-size:30px;
	font-weight:bold;
	margin-left:13px;
	padding-top:25px;
}

.middletitle h4, .middletitle_re h4 {
	font-size:14px;
	font-weight:bold;
	margin-left:13px;
	padding-top:9px;
}

.middletitle_re {
	background-image:url(../images/recruitment/middletitle_back_re.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:100px;
	width:240px;
	color:#ffffff;
	margin-top:121px;
}

/* dropdown 
-----------------------------------------*/
.dropdown {
  left: 0;
  top: 225px;
  width: 240px;
  background-color: #efefef;
  font-size: 14px;
  margin-top:4px;
  box-sizing: border-box;
}
 
.dropdown li {
	border-top:#ffffff solid 1px;
}

/*
.dropdown li.selected {
      background-color: #f2f2f2;
}*/

.dropdown li a {
      display: block;
      width: 100%;
      padding: 2px 0 2px 13px;
      text-decoration: none;
}

.dropdown li > ul li {
    padding: 0 0 0 15px;
	background-color: #d5e4f4;
	overflow:hidden;
}

.dropdown li > ul li a {
      color: #17395e;
}

.dropdown li > ul li > ul li {
      padding: 0 0 0 45px ;
	  margin-left:-30px;
}

.dropdown li.EU {
	padding: 10px 0 0 15px;
	color:#333333;
	background-color:#ffffff;
}

.activemenu {
	background-color: #447390;
}

.activemenu a {
	color:#ffffff;
	font-weight:bold;
}


/* top
------------------------------------------------------------------------- */
#contents1 {
	height:100%;
}

.contents {
	min-width:1100px;
}

.catchcopy {
	width:980px;
	margin:0 auto;
	margin-top:13%;
	z-index:8000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	line-height:120%;
	font-size:30px;
	text-shadow: 3px 3px 3px #5e5e5e;
	border-bottom:#ffffff solid 1px;
}

.routeimage {
	width:850px;
	margin:0 auto;
	margin-top:-95px;
	z-index:7000;
}

#contents2 {
	height:100%;
}

.vegas-timer-progress {
	display:none;
}


.contentArea {
	margin:80px auto;	/* old 40px 0 */
}

.maru_banner,
.icon_link {
	width:980px;
	margin:0 auto;
}

/*
.menu_schedule {
	background:url(../images/maru_banner_schedule_off.png) no-repeat;
	margin:0 50px;
}

.menu_schedule a {
	width:226px;
	height:226px;
	background:url(../images/maru_banner_schedule_off.png) no-repeat;
	display:block;
	text-indent:-9999px;
}

.menu_schedule a:hover {
	background-image:url(../images/maru_banner_schedule_on.png);
}

.menu_agency {
	background:url(../images/maru_banner_agency_off.png) no-repeat;
	margin:0 50px;
}

.menu_agency a {
	width:226px;
	height:226px;
	background:url(../images/maru_banner_agency_off.png) no-repeat;
	display:block;
	text-indent:-9999px;
}

.menu_agency a:hover {
	background:url(../images/maru_banner_agency_on.png);
}

.menu_spec {
	background:url(../images/maru_banner_spec_off.png) no-repeat;
	margin:0 50px;
}

.menu_spec a {
	width:226px;
	height:226px;
	background:url(../images/maru_banner_spec_off.png) no-repeat;
	display:block;
	text-indent:-9999px;
}

.menu_spec a:hover {
	background:url(../images/maru_banner_spec_on.png);
}
*/
.top_btn {
	width:1100px;
	margin:40px auto 0 ;	/*old 40px auto 0 */
}

.btn_download {
	background:url(../images/btn_top_charge_en_off.png) no-repeat;
	margin-right:36px;
}

.btn_download a {
	width:350px;
	height:45px;
	background:url(../images/btn_top_charge_en_off.png) no-repeat;
	display:block;
	text-indent:-9999px;
}

.btn_download a:hover {
	background:url(../images/btn_top_charge_en_off.png);
}

.btn_charge {
	background:url(../images/btn_top_charge_off.png) no-repeat;
	margin-right:36px;
}

.btn_charge a {
	width:350px;
	height:45px;
	background:url(../images/btn_top_charge_off.png) no-repeat;
	display:block;
	text-indent:-9999px;
}

.btn_charge a:hover {
	background:url(../images/btn_top_charge_on.png);
}

.btn_rate {
	background:url(../images/btn_top_rate_off.png) no-repeat;
}

.btn_rate a {
	width:350px;
	height:45px;
	background:url(../images/btn_top_rate_off.png) no-repeat;
	display:block;
	text-indent:-9999px;
}

.btn_rate a:hover {
	background:url(../images/btn_top_rate_on.png);
}

/*
.icon_container {
	width:326px;
	margin-top:10px;
}

.icon_table {
	vertical-align:middle;
	text-align:center;
}
*/

.newsArea {
	margin-top:15px;
}

.movingImage {
	float:left;
	width:338px;
}

.information {
	/*float:right;*/
	width:100%;	/*old 700px */
	margin-bottom:10px;
}

.information dl dt {
	float:left;
	font-size:12px;
	width:85px;
	line-height:140%;
	margin-top:2px;
	padding-bottom:5px;
}

.information dl dd {
	font-size:14px;
	line-height:140%;
	padding-bottom:5px;
}

.informationAll {
	text-align:right;
	font-size:12px;
	margin-top:10px;
}

.informationTitle {
	border-bottom:#005275 solid 1px;
	color:#005275;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.informationTitle img {
	vertical-align:text-bottom;
}


.titleBar {
	background:url(../images/title_back.png) no-repeat center;
	height:70px;
	color:#005275;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#ddf4fc;
}

.titleBar img {
	padding-top:25px;
	vertical-align:text-bottom;
}


/* footer
------------------------------------------------------------------------- */
#footer {
	background-image:url(../images/footerbackimage_000.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	height:775px;
	font-size:12px;
	color:#ffffff;
	width:100%;
}

@media screen and (min-width: 1450px) {
#footer {background-image:url(../images/footerbackimage_010.jpg);}
}

#footer2 {
	background-image:url(../images/footer3_back.png);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:cover; 
	-moz-background-size:cover;
	height:240px;
	font-size:12px;
	color:#ffffff;
	width:100%;
}

@media screen and (min-width: 1500px) {
#footer2 {
	background-size:100% 100%; 
	-moz-background-size:100% 100%;
	background-image:url(../images/footer2_back.png);	/* 2017.3.9修正 */
  }
}


.footerbackcover img, .footerbackcover2 img {
	width: 100%;
}

.footerMenu {
	position:absolute;
	right:0;
	margin-top:75px;
}

.footerMenuContainer {
	border-left: #ffffff solid 1px;
	padding:0 20px 0 6px;
	height:145px;
	float:left;
}

.footerList li.indent {
	padding-left:10px;
}

.footerAdress {
	width:1100px;
	margin:-185px auto 0 ;
	height:185px;
	color:#ffffff;
}

.footerAdress h3 {font-weight:bold; font-size:26px;}
.footerAdress h4 {font-size:13px; margin-top:-10px;}
.footerAdress h5 {font-size:17px;}
.footerAdress p {font-size:12px;line-height:140%;}

.copyright {
	height:25px;
	font-size:10px;
	text-align:center;
	padding-top:10px;
	color:#333333;
	background-color:#ffffff;
}

#footer a, #footer2 a, #foorer_2 a {
	color:#ffffff !important;
}

/* footer-2 */
#foorer_2 {
	background-color:#005275;
	background-image:url(../images/footer_2_back.png);
	background-position:right top;
	background-repeat:no-repeat;
	z-index:999;
}

.footerAdress_2 {
	width:1100px;
	padding-top:49px;
	margin:0 auto ;
	height:185px;
	color:#ffffff;

}

.footerAdress_2 h3 {font-weight:bold; font-size:26px;}
.footerAdress_2 h4 {font-size:13px; margin-top:-10px;}
.footerAdress_2 h5 {font-size:17px;}
.footerAdress_2 p {font-size:12px;line-height:140%;}


/* Contents
------------------------------------------------------------------------- */
.routemenu {
	width:480px;
	margin:0 auto;
	float:right;
	margin:-290px 20px 0 0 ;
	right:0;
}

.routemenu .micronesia {
	background:url(../images/service/menu_Micronesia_off.png) no-repeat;
}

.routemenu .micronesia a {
	width:140px;
	height:140px;
	background:url(../images/service/menu_Micronesia_off.png) no-repeat;
	display:block;
	text-indent:-9999px;
}

.routemenu .micronesia a:hover {
	background-image:url(../images/service/menu_Micronesia_on.png);
}

.routemenu .australia {
	background:url(../images/service/menu_Australia_off.png) no-repeat;
}

.routemenu .australia a {
	width:140px;
	height:140px;
	background:url(../images/service/menu_Australia_off.png) no-repeat;
	display:block;
	text-indent:-9999px;
}

.routemenu .australia a:hover {
	background-image:url(../images/service/menu_Australia_on.png);
}

.routemenu .southPacific {
	background:url(../images/service/menu_SouthPacific_off.png) no-repeat;
}

.routemenu .southPacific a {
	width:140px;
	height:140px;
	background:url(../images/service/menu_SouthPacific_off.png) no-repeat;
	display:block;
	text-indent:-9999px;
}

.routemenu .southPacific a:hover {
	background-image:url(../images/service/menu_SouthPacific_on.png);
}

#worldmap01 {
	background-image:url(../images/service/worldmap01.jpg) ;
	background-position:center top;
	background-repeat:no-repeat;
	height:600px;
	margin-top:-50px;
}

.sea {
	background-image:url(../images/service/sea.jpg) ;
	background-position:center center;
	background-repeat:no-repeat;
	height:700px;
}

.sea p {
	font-size:16px;
	text-align:center;
	color:#ffffff;
	padding-top:270px;
	line-height:200%;
	text-shadow: 1px 1px 1px #333;
}

.mapinfo {
	margin:0 auto;
	width:800px;
}

.worldmap01, .worldmap02 {
	height:450px;
}

.worldmap01 {
	background-color:#f5cbd9;
}

.worldmap02 {
	background-color:#b1d9c5;
}

.worldmap03 {
	background-color:#fee7ab;
	height:550px;
	background-image:url(../images/kage_w.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.worldmap01 p,
.worldmap02 p,
.worldmap03 p {
	line-height:180%;
}

#w001, #w002, #003 {
    margin-top:-106px !important;
    padding-top:106px !important;
}

.map3 {
	width:1200px;
	margin:0 auto;
}





.textarea h2 {
	border-top:#005275 solid 1px;
	border-bottom:#005275 solid 1px;
	background:url(../images/titlebordertop.png) no-repeat left top;
	margin:70px 0 20px 0 ;
	font-size:26px;
	color:#005275;
	padding:10px 0 50px 0;
}

.csr_festival {
	margin:0 auto;
	margin-top:30%;
	z-index:8000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	line-height:120%;
	font-size:40px;
	text-shadow: 3px 3px 3px #1C1C1C;	
}

.festival_copy {
	float:right;
	width:520px;
	color:#ffffff;
	text-shadow: 1px 1px 1px #1C1C1C;
	margin:50px 0 15px;
}

.festival_copy p {
	line-height:180% !important;
}

.festival_PDF {
	position:relative;
	float:right;
	background-color: rgba(255, 255, 255, 0.20);
	width:160px;
	height:45px;
	border:#ffffff solid 1px;
	text-align: center;
}

.festival_PDF a {
	position:absolute;
	top:0;
    left:0;
    width:100%;
    height:100%;
	color:#ffffff;
	line-height:300%;
}

.festival_PDF a:hover {
	background-color: rgba(0, 0, 0, 0.60);
	color:#ffffff;
	text-decoration:none;
}

.festival_PDF img {
	vertical-align:middle;
}

.corporatePhilosophy {
	margin:40px 0 60px;
	background-color:#f8fafb;
	border-top:#005275 solid 3px;
	border-bottom:#005275 solid 3px;
	padding:3px 0;
	text-align:center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#005275;
}

.corporatePhilosophy h4 {
	font-size:27px;
	padding-bottom:20px;
}

.corporatePhilosophy h5 {
	font-size:18px;
	line-height:160%;
}

.corporatePhilosophy2 {
	border-top:#005275 solid 1px;
	border-bottom:#005275 solid 1px;
	padding:25px 0 30px ;
}

.contact_title {
	border-top:#005275 solid 1px;
	border-bottom:#005275 solid 1px;
	text-align:center;
	margin:70px 0 20px 0 ;
}

.contact_title h3 {
	color:#005275;
	font-size:22px;
	padding:42px 0 0 ;
	background: url(../images/contact/ill_mail.gif) no-repeat ;
	background-position:center 25px;
}

.phonecall h4,
.facsimile h4 {
	color:#005275;
	font-size:22px;
	background-position:center 25px;
}

.phonecall {
	width:399px;
	text-align:center;
	border-right:#005275 solid 1px;
}

.facsimile {
	width:399px;
	text-align:center;
}

.call {
	margin:15px 0 10px 70px;
}

.call dt {
	color:#005275;
	border:#005275 solid 1px;
	width:70px;
	float:left;
	margin-right:10px;
}

.call dd {
	font-size:24px;
	color:#005275;
	text-align:left;
	margin-top:-5px;
}

.phonecall img,
.facsimile img {
	margin:3px 0;
}

.borderBottom {
	border-bottom:#005275 solid 1px;
}

.borderlightblue {
	border:#0fb7ff solid 1px;
	padding:10px;
}

.borderlightblue img {
	vertical-align:middle;
}

.borderlightblue a {
	color:#0fb7ff;
}

.date {
	font-size:12px;
	line-height:90%;
	color:#005275;
	padding-bottom:2px;
	margin:70px 0 10px;
	width:100px;
	border-bottom:#005275 solid 3px;
}

.newsTitle {
	font-size:18px;
	margin-bottom:20px;
}

.newsAll {
	line-height:200%;
}

.newsAll dt {
	font-size:12px;
	color:#005275;
	float:left;
	width:100px;
}

.newsAll dd {
}

/*Agency Information
-------------------------------------- */
.searchArea {
	margin:70px 0 10px 0 ;
	padding-bottom:20px;
	border-bottom:#005275 solid 3px;
	width:552px;
	cursor:pointer;
}

    dl.search{
        position:relative;
        background-color:#fff;
        border:1px solid #666;
		width:550px ;
    }
    dl.search dt{
        /*margin-right:40px;*/
        padding:6px 0 6px 6px;
    }
    dl.search dt input {
        width:550px ;
        height:24px;
        background:none;
        border:none;
    }
    dl.search dd{
        position:absolute;
        top:0;
        right:0;
    }
    dl.search dd button{
        display:block;
        padding:1px;
        background:none;
        border:none;
    }
    dl.search dd button span{
        display:block;
        width:30px;
        height:27px;
        background:url(../images/search1.gif) no-repeat ;
		background-position: 0px 7px;
}

.agencyInfo {
	width:100%;
}

	
/* backgroundimage 
------------------------------------------------------------------------- */
.backimage_ship01 {
	background:url(../images/background/backgroundimage_ship01.jpg) no-repeat ;
	background-position:right top ;
}

.backimage_ship02 {
	background:url(../images/background/backgroundimage_ship02.jpg) no-repeat ;
	background-position:right top ;
}


/*  table
------------------------------------------------------------------------- */
.tableCommon {
	width:100%;
	font-size:13px;
}

.tableCommon th {
	background-color:#d9e1e6;
	padding:4px;
	border-top:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	text-align:left;
	font-weight:bold;
	color:#005275;
}

.tableCommon td {
	background-color:#f6f6f6;
	padding:5px;
	border-top:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
}

.tableCommon td.gray {
	background-color:#efefef;
	padding:5px 0 5px 10px;
	border-top:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	text-align:left;
}

.tableCut {
	width:100%;
	font-size:13px;
}

.tableCut th {
	background-color:#d9e1e6;
	padding:4px;
	border-top:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
}

.tableCut td {
	background-color:#f6f6f6;
	padding:5px;
	border-top:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
}

.tableCut td.gray {
	background-color:#efefef;
	padding:5px 0 5px 10px;
	border-top:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
	text-align:left;
}

.tableCut td.white {
	background-color:#ffffff;
	border-top:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
}

.dotsBorder {
	width:100%;
}

.dotsBorder td {
	border-top:#005275 dotted 1px;
	border-bottom:#005275 dotted 1px;
	padding:8px 0 ;
}

.inTable dt {
	float:left;
	width:150px;
}

.relation {
	width:100%;
}

.relation td {
	border-top:#005275 solid 2px;
	padding:3px 0 30px;
}

.container {
	width:100%;
	font-size:13px;
}

.container th {
	background-color:#ffe56d;
	padding:4px;
	border-top:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
}

.container td {
	background-color:#f6f6f6;
	padding:5px;
	border-top:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	text-align:center;
}

.container td.gray {
	background-color:#efefef;
	padding:5px 0 5px 10px;
	border-top:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	text-align:left;
}

.container td.left {
	text-align:left;
}



/* Form */
.contactForm {
	width:100%;
}

.contactForm td {
	border-bottom:#005275 dotted 1px;
	padding:8px 0 ;
	vertical-align: top;
}

.inputtext {
	border:0;
	padding:10px;
	border:solid 1px #ccc;
	width:300px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

.inputtext500 {
	border:0;
	padding:10px;
	border:solid 1px #ccc;
	width:520px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

.textarea500:focus, 
.inputtext:focus, 
.inputtext500:focus {
    border:solid 1px #EEA34A;
}

.textarea500 {
	border:0;
	padding:10px;
	border:solid 1px #ccc;
	width:520px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

.required {
	font-size:10px;
	color:#ffffff;
	padding:1px 2px 0 ;
	margin-left:5px;
	background-color:#FF0000;
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	/* Firefox用 */
}

.errormessage {
	width:100%;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:#FF0000 solid 1px;
	background:#fee;
	text-align:center;
	padding:15px 0;
	margin-bottom:20px;
	color:#f22;
}

.errorcolor {
	background:#fee;
}


/*  heading
------------------------------------------------------------------------- */
.index_01blue {
	width:790px;
	background-color:#005275 ;
	background-image:url(../images/ill_rudder.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:33px;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	margin:30px 0 10px;
	padding:6px 0 0 10px;
}

.index_02blue {
	width:790px;
	background-color:#005275 ;
	background-image:url(../images/ill_rudder.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:33px;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	margin:15px 0 10px;
	padding:6px 0 0 10px;
}

.index_heart {
	width:790px;
	background-color:#c56975 ;
	background-image:url(../images/ill_heart.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:33px;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	margin:15px 0 10px;
	padding:6px 0 0 10px;
}

.index_music {
	width:790px;
	background-color:#c56975 ;
	background-image:url(../images/ill_music.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:33px;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	margin:15px 0 10px;
	padding:6px 0 0 10px;
}

.dots_blue {
	width:100%;
	font-size:16px;
	border-bottom:#005275 dotted 1px;
	margin-bottom:5px;
}

.maptitle {
	width:762px;
	color:#005275;
	border-bottom:#005275 solid 1px;
	font-size:20px;
	font-weight:bold;
	background-image:url(../images/ill_ship_blue.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:38px;
	margin-bottom:10px;
}

/*  button
------------------------------------------------------------------------- */
.btn_blue {
	width: 37%;
	padding: 8px;
	margin:0 auto;
	background: #005275;
	text-align: center;
	display: block;
	text-decoration: none;
	color:#ffffff !important;
}

.btn_blue02 {
	width: 25%;
	padding: 8px;
	background: #005275;
	text-align: center;
	display: block;
	text-decoration: none;
	color:#ffffff !important;
}

.btn_blue:hover, .btn_blue02:hover {
	text-decoration: none;
	background: #0076a8;
}

/*  list
------------------------------------------------------------------------- */
.note01 li {
	list-style:disc;
	margin:0 0 5px 24px;
	font-size:12px;
}

/*  animation
------------------------------------------------------------------------- */
.animation {
margin: 0 auto;
}

/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 1500ms;
}
	
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/*  print page
------------------------------------------------------------------------- */
#printpage {
	width:550px;
	margin:20px;
}

.country_name, .city_name {
	font-size:10px;
	width:100%;
	text-align:right;
}

.city_name {
	margin-bottom:10px;
}

.printhead {
	width:100%;
	background:url(../images/printheadcolor.gif) repeat-x;
	height:25px;
}

.officeimage {
	width:100%;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	line-height:200%;
	padding:30px 0;
}

.officeimage img {
	max-width:400px;
	vertical-align:middle;
}

.office_name {
	/*background-color:#005275;*/
	margin-bottom:10px;
	font-size:14px;
	color:#000000;
	border:#000000 solid 1px;
	padding:4px 0 3px 10px;
}

.print_data{
	width:100%;
	font-size:11px;
	vertical-align:top;
	margin-bottom:30px;
}

.print_data td {
	padding:10px 0;
	vertical-align:top;
	border-bottom:#000 double 3px;
}


/* 2017.0215追加  */
.routecopy {
	padding-top:410px;
	padding-left:280px;
	font-size:22px;
	text-align:left;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow:2px 2px 2px #999;
}

.sche_dl {
	margin:70px 0 0 0 ;
}

.sche_dl40 {
	margin:35px 0 0 0 ;
}


.sche_dl_head {
	font-size:20px;
	color:#005275;
	padding:30px 0 5px 25px;
	border-top:#005275 solid 4px;
	background:url(../images/ill_timer.gif) left 33px no-repeat;
}

.charges_head {
	font-size:20px;
	color:#005275;
	padding:30px 0 5px 25px;
	border-top:#005275 solid 4px;
	background:url(../images/ill_pen.gif) left 33px no-repeat;
}
.SO_head {
	font-size:20px;
	color:#005275;
	padding:100px 0 5px 25px;
	border-top:#005275 solid 4px;
	background:url(../images/ill_spacer.gif) left 33px no-repeat;
}

.sche_table {
	width:100%;height: 120px;
}


.sche_table td {
	text-align:center;
	width:100px;
	font-size:13px;
	vertical-align:top;
}

.sche_table td img {
	margin-left:10px;
}

.w390 {
	width:390px;
}

.tableCut th.gray {
	background-color:#efefef;
	padding:4px;
	border-top:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
}

.tableCut td.blue {
	background-color:#d9e1e6;
    color: #000;
    text-align: center;
	padding:5px;
	border-top:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
}

@media screen and (max-width: 1100px) {
	.backimage_ship02,
	.backimage_ship01 {
		width: 100%;
		background-image:none;
	}
}

/* 採用情報　2017.3.21 */
.recruitment_bordernone {
	width:100%;
}

.recruitment_bordernon td {
	text-align:center;
	border:none !important;
}

.activemenu_recruitment a {
	color:#ffffff;
	font-weight:bold;
}

.activemenu_recruitment {
	background-color: #1674a3;
}

/* 2017.4.24 */
.solidborder {
	color:#005275;
	border:#005275 solid 1px;
	margin:0 70px;
}

.callnumber {
	font-size:24px;
	color:#005275;
}