/* init
************************************/
body{
	font-size:12px;
	text-align: justify; /* テキスト折り返し位置揃え */
	text-justify: inter-ideograph; /* テキスト折り返し位置揃え IE6～8 */
}
body#english {
	text-align: left !important;
}
*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background-color:transparent;
	color:#333;
	text-decoration:none;
	list-style:none;
	font-size:100%;
	line-height:1;
	font-family:"Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
strong{font-weight:bold;}
table{
	border-collapse:collapse;
	border-spacing:0;
}

/* 予めsourceのsrcにvideoのパスを入れておくと、データ形式によってはFirefoxで「対象はサポート外」となってしまう場合があるので、Firefoxのみdisplay:noneに */
source,x:-moz-read-only{display:none;}

/* Default Property Setting : forIE
************************************/
header,section,footer,aside,nav,article,figure{display:block;}

/* useful class 
************************************/
.clearfix{zoom:1}
.clearfix:after{content:"";height:0;display:block;clear:both}
.wsNowrap{
	white-space:nowrap;
	font-weight:normal!important;
}
.taC{text-align:center!important;}
.taL{text-align:left!important;}
.taR{text-align:right!important;
}
.mt0{margin-top:0 !important;}
.mr0{margin-right:0 !important;}
.mb0{margin-bottom:0 !important;}
.ml0{margin-left:0 !important;}
.mt5{margin-top:5px !important;}
.mr5{margin-right:5px !important;}
.mb5{margin-bottom:5px !important;}
.ml5{margin-left:5px !important;}
.mt10{margin-top:10px !important;}
.mr10{margin-right:10px !important;}
.mb10{margin-bottom:10px !important;}
.ml10{margin-left:10px !important;}
.mt15{margin-top:15px !important;}
.mr15{margin-right:15px !important;}
.mb15{margin-bottom:15px !important;}
.ml15{margin-left:15px !important;}
.mt20{margin-top:20px !important;}
.mr20{margin-right:20px !important;}
.mb20{margin-bottom:20px !important;}
.ml20{margin-left:20px !important;}
.mt25{margin-top:25px !important;}
.mr25{margin-right:25px !important;}
.mb25{margin-bottom:25px !important;}
.ml25{margin-left:25px !important;}
.mt30{margin-top:30px !important;}
.mr30{margin-right:30px !important;}
.mb30{margin-bottom:30px !important;}
.ml30{margin-left:30px !important;}
.mt35{margin-top:35px !important;}
.mr35{margin-right:35px !important;}
.mb35{margin-bottom:35px !important;}
.ml35{margin-left:35px !important;}
.mt40{margin-top:40px !important;}
.mr40{margin-right:40px !important;}
.mb40{margin-bottom:40px !important;}
.ml40{margin-left:40px !important;}
.mt45{margin-top:45px !important;}
.mr45{margin-right:45px !important;}
.mb45{margin-bottom:45px !important;}
.ml45{margin-left:45px !important;}
.mt50{margin-top:50px !important;}
.mr50{margin-right:50px !important;}
.mb50{margin-bottom:50px !important;}
.ml50{margin-left:50px !important;}
.mt-10{margin-top:-10px !important;}
.mr-10{margin-right:-10px !important;}
.mb-10{margin-bottom:-10px !important;}
.ml-10{margin-left:-10px !important;}
.mt-20{margin-top:-20px !important;}
.mr-20{margin-right:-20px !important;}
.mb-20{margin-bottom:-20px !important;}
.ml-20{margin-left:-20px !important;}
.pt0{padding-top:0 !important;}
.pr0{padding-right:0 !important;}
.pb0{padding-bottom:0 !important;}
.pl0{padding-left:0 !important;}
.pt5{padding-top:5px !important;}
.pr5{padding-right:5px !important;}
.pb5{padding-bottom:5px !important;}
.pl5{padding-left:5px !important;}
.pt10{padding-top:10px !important;}
.pr10{padding-right:10px !important;}
.pb10{padding-bottom:10px !important;}
.pl10{padding-left:10px !important;}
.pt15{padding-top:15px !important;}
.pr15{padding-right:15px !important;}
.pb15{padding-bottom:15px !important;}
.pl15{padding-left:15px !important;}
.pt20{padding-top:20px !important;}
.pr20{padding-right:20px !important;}
.pb20{padding-bottom:20px !important;}
.pl20{padding-left:20px !important;}
.pt25{padding-top:25px !important;}
.pr25{padding-right:25px !important;}
.pb25{padding-bottom:25px !important;}
.pl25{padding-left:25px !important;}
.pt30{padding-top:30px !important;}
.pr30{padding-right:30px !important;}
.pb30{padding-bottom:30px !important;}
.pl30{padding-left:30px !important;}
.borderTop_dotted{border-top:1px dotted #c4c4c4;}
.borderTopBottom_dotted{
	margin-left:20px;
	padding:20px 0;
	border-top:1px dotted #c4c4c4;
	border-bottom:1px dotted #c4c4c4;
}
.fix_img{width:100% !important; height:auto !important; max-width:100% !important;}


/* layout 
************************************/
#siteHeader{
	width:100%;
	height:65px;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:10002;
}
#siteHeader #siteHeader_cont{
	max-width:980px;
	margin:0 auto;
}
#siteHeader #siteHeader_cont #siteHeader_inner{position:relative;}
#logo{
	width:238px;
	padding-top:10px;
	float:left;
	position:relative;
}
#siteHeader #siteHeader_cont #siteHeader_inner #siteHeader_right{
	width:100%;
	margin-left:-238px;
	padding-top:26px;
	float:left;
}
#gNav{
	margin-left:238px;
	position:relative;
}
#gNav ul li{
	width:24%;
	height:300px;
	float:left;
	position:relative;
}
#gNav ul li.gNav_01{width:22%;}
#gNav ul li.gNav_02{width:28%;}
#gNav ul li.gNav_03{width:21%;}
#gNav ul li.gNav_04{width:29%;}
#gNav ul li img{
	position:absolute;
	z-index:1001;
}
.dropdown{
	width:190px;
	margin-top:-8px;
	padding-top:12px;
	background:url(../images/dropdownarrow_blue.png) no-repeat 43px 0;
	position:absolute;
	top:35px;
	left:0;
	z-index:1000;
}
.dropdown ul{
	background:#7B191E;
	padding:10px;
	width:100%;
}
.dropdown ul li{
	width:100%!important;
	height:auto!important;
	float:none!important;
	margin:5px!important;
	position:relative!important;
	line-height:1.6!important;
}
.dropdown ul li a{
	padding-left:1.5em;
	color:#FFF;
	text-decoration:none;
	background:url(../images/navarrow_white.png) no-repeat left 2px;
}
#english .dropdown ul li a{background:url(../images/navarrow_white.png) no-repeat left 3px;}
.dropdown ul li a:hover{color:#F39700;}
.dropdown2{
	padding-bottom:12px;
	background:url(../images/dropdownarrow_black.png) no-repeat 14px bottom;
	position:absolute;
	left:0;
	z-index:1000;
}
.dropdown2 ul{
	background:#231815;
	padding:10px 10px 10px 15px;
	width:180px;
}
.dropdown2 ul li{
	width:100%!important;
	height:auto!important;
	float:none!important;
	position:relative!important;
	line-height:1.6!important;
	padding-left:1.4em;
	text-indent:-1.4em;
}
.dropdown2 ul li a{
	padding-left:1.5em;
	color:#FFF;
	text-decoration:none;
	background:url(../images/navarrow_white.png) no-repeat left 2px;
	font-size:11px;
}
.dropdown2 ul li a:hover{color:#099feb;}
#btn_english{
	position:absolute;
	top:0;
	right:0;
}
#btn_pdf{
	position:absolute;
	top:29px;
	right:0;
}
.link_pdf{
	display:block;
	padding:20px 0 20px 36px;
	background:url(../images/icon_pdf.png) no-repeat left center;
	color:#007289;
	line-height:2;
}
.btn_more{
	position:absolute;
	bottom:-2px;
	right:0;
}
#container{
	width:100%;
	height:100%;
	margin:0 auto;
}
#contents{
	max-width:980px;
	margin:0 auto;
}
#contents #contents_inner #secondary{padding-top:200px;}
#contents #contents_inner .pageCont{margin-bottom:200px;}
#contents .alphaBg{
	background:url(../images/bg_alphawhite.png) repeat;
	padding:7px;
}
#contents .column{
	background:#f8f8f8;
	position:relative;
}
#contents #contents_inner #primary #top{
	margin-bottom:0;
/*
	height:800px;
*/
}
#contents #primary h1{
	padding-top:130px;
	margin-bottom:120px;
}
#english #contents #primary h1{
/*
	padding-top:153px;
	margin-bottom:96px;
*/
}
#contents #primary h1 img{
	width:100%;
	max-width:100%;
	height:auto;
	display:block;
}
/*
#contents #primary .column{height:310px;}
*/
#contents #primary #topContLeft{
	width:673px;
/*
	height:324px;
*/
	margin-right:10px;
	float:left;
}
#contents #primary #topContRight{
	width:297px;
/*
	height:324px;
*/
	float:left;
}
#contents #primary #topContRight .column{
	height:296px;
	padding:47px 17px 17px;
}
#contents #primary #topContRight h2.topNewsTitle{
	width:90px;
	height:32px;
	position:absolute;
	top:0px;
	left:-7px;
}
#contents #primary #topContRight ul li{margin-bottom:20px;}
#contents #primary #topContRight ul li a{
	line-height:1.6;
	text-decoration:none;
}
#contents #primary #topContRight ul li a:hover{text-decoration:underline;}
#contents #secondary #leftCont{
	width:223px;
	float:left;
	position:relative;
}
#contents #secondary #rightCont{
	width:100%;
	margin-left:-238px;
	float:right;
}
#contents #secondary #rightCont #rightCont_inner{margin-left:238px;}
#contents #secondary .lNav{
	width:189px;
	padding:17px;
	background:url(../images/lnav_bg.png) no-repeat right bottom;
	display:none;
	position:fixed;
	top:0;
	left:0;
}
#contents #secondary .lNav .lNavTitle{margin-bottom:10px;}
#contents #secondary .lNav ul li{
	margin-bottom:8px;
	background:url(../images/navarrow_white.png) no-repeat left 3px;
	padding-left:1.5em;
	line-height:1.4;
	cursor:pointer;
}
#english #contents #secondary .lNav ul li{background:url(../images/navarrow_white.png) no-repeat left 1px;}
#english #contents #secondary .lNav ul li a{letter-spacing:1px;}
#contents #secondary .lNav ul li a{
	position:relative;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}
#contents #secondary .lNav ul li:hover a{color:#F39700;}
#contents #secondary .lNav ul li a span{
	font-size:84%;
	color:#F39700;
}
#contents #secondary section{padding-top:23px;}
#contents #secondary section .col_wrapper{padding:55px 20px 60px;}
/*
#contents #secondary #news{margin-bottom:280px;}
*/
#contents #secondary #news .col_wrapper,
#contents #secondary #contact .col_wrapper{padding:55px 20px 120px;}
#contents #secondary section .col_inner{padding:0 50px;}
#contents #secondary section .pt20{padding-top:20px;}
#contents #secondary section h1{
	width:688px;
	position:absolute;
	top:-20px;
	left:0px;
}
#contents #secondary section h2{
	margin-bottom:20px;
	font-size:117%;
	font-weight:bold;
}
#contents #secondary section p,
#contents #secondary section div,
#contents #secondary section li{line-height:2;}
#contents #secondary section .mainvisual{margin-bottom:27px;}
#contents #secondary section ul.list_01,
#contents #secondary section ul.list_02{margin-top:15px;}
#contents #secondary section ul.list_01 li{margin-bottom:40px;}
#contents #secondary section ul.list_01 li.list_01_wideCol{width:101%;}
#contents #secondary section ul.list_01 li span{font-weight:bold;}
#contents #secondary section ul.list_02 li{
	margin-bottom:20px;
	padding-left:9em;
	text-indent:-9em;
}
#contents #secondary section ul.list_03{padding-left:20px;}
#contents #secondary section ul.list_03 li{
	padding-left:5em;
	text-indent:-5em;
}
#english #contents #secondary section ul.list_03 li{
	padding-left:9.5em;
	text-indent:-9.5em;
}
#contents #secondary section ul.list_03 li.title{font-weight:bold;}
#contents #secondary section ul.list_04 li{line-height:1.8;}
#contents #secondary section ul.list_04 li span.date{
	display:inline-block;
	margin-bottom:0.7em;
	padding:0 2em;
	background:#7B191E;
	color:#FFF;
}
#contents #secondary section ul.list_04 li span.title{font-weight:bold;}
#contents #secondary section ul.list_04 li span.text{line-height:1.6;}
#contents #secondary section ul.list_04 li br{line-height:1;}
#contents #secondary section ul.list_05 li{
	padding-left:1.3em;
	text-indent:-1.3em;
}
#contents #secondary section dl.list_06{
	width:100%;
	margin-top:15px;
}
#contents #secondary section dl.list_06 dt{
	width:165px;
	float:left;
	clear:both;
	line-height:1.6;
}
#contents #secondary section dl.list_06 dd{
	width:100%;
	margin:0 0 20px -165px;
	float:left;
	line-height:1.6;
}
#contents #secondary section dl.list_06 .inner{
	margin-left:165px;
	line-height:1.6;
}
#contents #secondary section .leftCol{
	width:251px;
	margin-right:30px;
	float:left;
}
#contents #secondary section .rightCol{
	width:307px;
	height:217px;
	float:left;
	position:relative;
}
#contents #secondary section .rightCol .rightCol_inner{
	position:absolute;
	bottom:0;
	left:0;
}
#contents #secondary section .leftCol2{
	width:107px;
	float:left;
}
#contents #secondary section .rightCol2{
	width:100%;
	margin-left:-107px;
	float:right;
}
#contents #secondary section .rightCol2 .rightCol2_inner{margin-left:107px;}
#contents #secondary section .read_aboutOcean{
	padding-left:12px;
	color:#37b1ef;
	font-size:134%;
	font-weight:bold;
}
#contents #secondary section .historyBox .year{
	width:100%;
	background:url(../images/era_dottline.png) repeat-x;
}
#contents #secondary section .historyBox .year p{
	width:4em;
	padding:0 0.5em;
	background:#F8F8F8;
	color:#7B191E;
	line-height:1;
}
#contents #secondary section .historyBox dl dt{
	width:2.8em;
	padding:10px 1.1em 0;
	background:url(../images/era_sideline.png) no-repeat right 9px;
	float:left;
	clear:both;
	text-align:right;
}
#contents #secondary section .historyBox dl dd{
	width:98%;
	margin-left:-5em;
	float:left;
}
#contents #secondary section .historyBox dl dd .inner{
	margin-left:5em;
	padding:8px 0 10px 1em;
	border-left:4px solid #9a9a9a;
}
#contents #secondary section .investMainVisual{
	width:98%;
	border:2px solid #9a9a9a;
}
#contents #secondary section .investmentBox a{position:relative;}
#contents #secondary section .contact_col .read{
	padding:0 0 20px 17px;
	font-size:117%;
}
#contents #secondary section .contact_col .contact_col_inner{
	padding:20px 20px 20px 3em;
	background:#e8e8e8;
	font-size:117%;
	line-height:2;
	text-indent:-1em;
}
#contents #secondary section .contact_col .contact_col_inner span{
	font-size:84%;
	color:#FFF;
}
#contents #secondary section .contact_col .contact_col_inner a{color:#FFF;}
.lastSection{
	/*min-height:1000px;
	margin-bottom:0!important;
	padding-top:0!important;*/
}
.base{
	width:100%; height: 360px;
	position:relative;
	overflow: hidden;
}
.base .base_title{
	width:108px;
	height:17px;
	position:absolute;
	top:10px;
	left:0;
}
.base .point{
	position:absolute;
	font-weight:bold;
	color: #7b191e;
	text-shadow: -1px -1px rgba(255, 255, 255, 0.3),1px -1px rgba(255, 255, 255, 0.3),-1px 1px rgba(255, 255, 255, 0.3),1px 1px rgba(255, 255, 255, 0.3);
}
.base .point:before{
	content: "";
	width: 8px; height: 8px;
	margin-right: 3px;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #7b191e;
}
.base .point_01{
	margin: 52px 0 0 50px;
	top:50%; left:50%;
}
.base .point_02{
	margin: 130px 0 0 -125px;
	top:50%; left:50%;
}
.base .point_03{
	margin: -35px 0 0 58px;
	top:50%; left:50%;
}

.base .tokyo .dropdown2{top:-540%;}
.base .shanghai{
	height:20px;
	position:absolute;
	top:48.5%;
	left:55.5%;
}
.base .hongkong{
	height:20px;
	position:absolute;
	top:68%;
	left:50%;
}
.base .map{
	width:100%;
	margin-left: -330px;
	position: absolute;
	top: 0; left: 50%;
}
.base .map img{
/*
	width:100%;
	max-width:100%;
	height:auto;
	display:block;
*/
}
#BG_noscript{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-10000;
}
#BG_noscript #BG_mesh{
	width:100%;
	height:100%;
	background:url(../images/bg/bg_mesh.png) repeat;
	position:absolute;
	z-index:-10001;
	
	display: none;
}
#BG_noscript img{
	width:100%;
	max-width:100%;
	height:auto;
	display:block;
	position:absolute;
	z-index:-10002;
}
#siteFooter{
	width:100%;
	height:25px;
	padding-top:13px;
	background:#333;
	border-top:1px solid #555;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10001;
	font-size:84%;
	color:#999;
	text-align:right;
}



#BG_viewer #BG_mesh {
	display: none;
}




/* Media Query
************************************/
@media screen and (max-width:980px) {
/*
	#contents #contents_inner #primary #top{height:1100px;}
*/
	#contents #primary #topContLeft{
		margin:0 0 10px 0;
		float: right;
	}
	#contents #primary #topContRight {
		float: right;
	}
	
	#contents #contents_inner #secondary {
		padding-top: 80px;
	}
	
	#contents #secondary section .rightCol .rightCol_inner{top:0;}
	#contents #secondary section .mainvisual .liquidImg{
		width:100%;
		max-width:100%;
		height:auto;
		display:block;
	}
	#contents #secondary section .map img{
		width:86%;
		max-width:86%;
		height:auto;
		display:block;
	}
}

@media screen and (max-width:768px){
	#gNav ul li{
		width:24% !important;
	}
	#gNav ul li img {
		width: 100%; height: auto;
		max-width: 100%;
	}
	
	#gNav ul li .dropdown ul li{
		width:100% !important;
	}
	
	#contents #contents_inner .pageCont {
		margin-bottom: 60px;
		overflow: hidden;
	}
}

@media screen and (max-width:700px){
	#contents #primary #topContLeft{
		width:100%;
		height:auto;
		margin:0 0 10px 0;
		float:none;
	}
	#contents #primary #topContRight{
		width:100%;
		height:auto;
		float:none;
	}
	#contents #primary .column{height:auto;}
	.dropdown2{padding-bottom:7px;}
	.dropdown2 ul{padding:3px;}
	.base .tokyo{z-index:100;}
	.base .tokyo .dropdown2{
		top:-402%;
		left:-107%;
		background-position-x:52px;
	}
	.base .hongkong{z-index:99;}
	.base .hongkong .dropdown2{
		top:-331%;
		left:-160%;
		background-position-x:77px;
	}
}

/* Smart Phone */
@media screen and (max-width:640px){
	#siteHeader{height:auto;}
	#logo{
		width:100%;
		padding-top:0;
		float:none;
		text-align:center;
	}
	#siteHeader #siteHeader_cont #siteHeader_inner #siteHeader_right{
		width:100%;
		padding-top:5px;
		float:none;
		margin-left:0;
	}
	#gNav{
		width:100%;
		margin-left:0;
		padding:0 10px;
	}
	#gNav ul li img{
/*
		width:100%;
		max-width:100%;
		height:auto;
		display:block;
*/
	}
/*
	#english #gNav ul li.gNav_01 img{
		width:74%;
		max-width:74%;
	}
	#english #gNav ul li.gNav_02 img{
		width:95%;
		max-width:95%;
	}
	#english #gNav ul li.gNav_03 img{
		width:61%;
		max-width:61%;
	}
	#english #gNav ul li.gNav_04 img{
		width:56%;
		max-width:56%;
	}
*/
	#contents #secondary #leftCont{display:none;}
	#contents #secondary #rightCont{
		width:100%;
		margin-left:0;
		float:none;
	}
	#contents #secondary #rightCont #rightCont_inner{margin-left:0;}
	#contents #secondary section .col_inner{padding:0;}
	#contents #secondary section .col_inner_bdr{padding:36px 0 0;}
	.dropdown2 ul li{line-height:1!important;}
	#siteFooter{position:relative;}
	.base .hongkong .dropdown2 ul{margin-left:-65px;}
	
	#contents #contents_inner #primary #top {
/*
		height: 1000px;
*/
	}
	
	#scrollController #up {
		top: 105px !important;
	}
}
@media screen and (max-width:479px){
	#contents #contents_inner #primary #top {
/*
		height: 780px;
*/
	}
	
	#contents #secondary section dl.list_06 dt {
		float: none;
	}
	#contents #secondary section dl.list_06 dd{
		width:95%;
		margin:0 0 20px 0;
		padding-left: 5%;
		float: none;
	}
	#contents #secondary section dl.list_06 .inner{
		margin-left:0;
	}
}