@charset "UTF-8";
body {
	background-color: #000;
}
#slideDiv,
#slideDiv ul.imgList {
	width: 100%;
	min-width: 980px;
    position: absolute;
    top: 0;
    left: 0;
}
#slideDiv ul.imgList li {
	top: 93px;
	left: 0;
	width: 100%;
	height: 540px;
	margin: 0;
    position: absolute;
	overflow: hidden;
	z-index: 1;
	text-align: center;
}

#pagenation {
	width: 980px;
	margin: 505px auto 0;
	height: 25px;
	z-index: 4;
}
#pagenation ul {
	float:right;
	list-style: none;
}
#pagenation li {
   float:left;
   margin: 0 10px 0 0;
}
#pagenation li a {
	width:12px;
	height:10px;
	overflow:hidden;
	display:block;
	background-image: url(../../images/li_moviNavi.png);
}
#pagenation li.active a,
#pagenation li a:hover{
	background-image: url(../../images/li_moviNavi_on.png);
}
#toppage {
    position: relative;
    z-index: 3;
	width: 100%;
	text-align: center;
}
ul#topMiddleBnr {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

#topMiddleBnr li.mr70 {
	margin-right:70px;
	display: inline-block;
}

#topMiddleBnr li.mr25 {
	width: 226px;
	margin-right:25px;
	margin-top:25px;
	position: relative;
}


#topMiddleBnr li {
	/*float: left;*/
	padding: 0;
	display: inline-block; 
    *display: inline;  
    *zoom: 1;  
}
#topMiddleBnr li.last {
	margin-right: 0px;
}

#boxContents {
	width: 970px;
	margin:40px auto 0;
	padding: 0 5px;
	color: #fff;
}
#boxContents h2 {
	border: none;
	height: 28px;
	padding: 0;
	margin: 0;
}
#boxContents h2 {
	border: none;
	height: 28px;
}
#boxContents #boxWhatsNew {
	width: 453px;
	float: left;
}
#boxContents #boxWhatsNew h2 {
	width: 453px;
}
#boxContents #boxFacebook {
	width: 450px;
	float: right;
}
#boxContents #boxFacebook h2 {
	width: 450px;
}
#boxContents table {
	margin-top: 10px;
}
#boxContents table a {
	color: #fff;
}
#boxContents td.dyn-date {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-right: 1em;
}
#boxContents td.dyn-txt {
	text-align: left;
}
#boxFacebook .fb-page {
    margin-top: 10px;
}

#banner_area {
	width: 980px;
	margin: 50px auto 40px auto;
}

#btmBanner {
	text-align: center;
}

#btmBanner li {
	display: inline-block;
	margin: 0 14px;
	padding: 0;
}

div#banner {
	position: relative;
	width: 986px;
	margin: 0px auto 0px auto;
	text-align: left;
}

div#banner ul li.event {
	position: absolute;
	top: 355px;
	left: -4px;
	z-index: 4;
	width:237px;
	height:39px;
}

/*div#banner ul li#banner_01 {
	position: absolute;
	top: 395px;
	left: -4px;
	z-index: 4;
}*/
div#banner ul li#banner_01 {
position: absolute;
top: 360px;
left: 740px;
z-index: 4;
}
div#banner ul li#banner_02 {
	position: absolute;
	top: 395px;
	left: 247px;
	z-index: 4;
}

div#banner ul li#banner_event {
	/*　左上にバナー表示　*/
	/*top: 44px;*/
	/*left: 0px;*/
	
	/* 右下にバナー表示 */
	/*top: 450px;*/
    /*right: -51px;*/
	
	/* 左下にバナー表示 */
	top: 450px;
	left: 0px;
	position: absolute;	
	z-index: 4;
}

p#recall {
	margin: 40px auto 0px auto;
	width: 980px;
	text-align: left;
}

p#recall a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 16px;
	background:url(/marine/share/images/black_arw.gif) left 50% no-repeat;
}

p#recall a:hover {
	text-decoration: underline;
}

.banner_used {
	padding-top:30px;
	}

/* common */
.ribbon {    position: absolute;
    left: 145px;
    top: -2px;
}
/* add20160921 */
#boxMoviePanel {
	margin-bottom:35px;
}
#boxMoviePanel h2 {
  color: #fff;
  font-size: 18px;
  text-align: left;
  border-bottom: solid 1px #fff;
  margin-bottom: 10px ;
  line-height: 1.5;
}
#boxMoviePanel ul {
  margin: auto;
  width: 720px;
}
#boxMoviePanel ul li {
  float: left;
  margin-bottom: 10px;
  margin-left: 7px;
  margin-right: 7px;
  position: relative;
  text-align: center;
}
#boxMoviePanel ul li a {

}
#boxMoviePanel ul li a {
  outline: none;
}

#boxMoviePanel ul li.lastitem img {
  height: auto;
  width: auto;
}
.clr_r {
	clear:left;
}