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

body{font-family: "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", sans-serif; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
p{font-size:16px; margin-bottom:1em;}
a{color:#191783 ;text-decoration:none; font-weight:bold;text-shadow:0px 0px 3px #fff;font-size:17px;}
a.pageLink:hover{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transform-origin:center center;
  -moz-transform-origin:center center;
  -ms-transform-origin:center center;
  -o-transform-origin:center center;
  transform-origin:center center;
}
a.pageMove:hover{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transform-origin:center center;
  -moz-transform-origin:center center;
  -ms-transform-origin:center center;
  -o-transform-origin:center center;
  transform-origin:center center;
}
table{border-collapse:collapse;border-spacing:0;border:thin solid #000000;}
th{border-bottom:thin solid #000000;font-weight:normal;}
td{border-bottom:thin solid #000000;border-left:thin solid #000000;}
fieldset,img{border:0;}
img{vertical-align:top;}
a.pageLink:hover,
a.pageMove:hover{
 -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -o-transition:all 0.5s;
  transition:all 0.5s;
  }
ol,ul{list-style:none;}
caption,th{text-align:l;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:bold;clear:both; display:inline;}

/*.clearfix
----------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*body
----------------------------------------------*/

body{
	max-width:4000px;
}

/*.wrapper
----------------------------------------------*/

.wrapper{
	margin:0 auto;
	border:thin solid #000;
	background:url(./../img/index/top_bg_alpha.png) no-repeat center center;
	width:4000px;
	height:2000px;
	display:block;
}
.wrapper_in{
	width:4000px;
	height:2000px;
	background:url(./../img/index/top_bg2_alpha.png) repeat 0 0;
}

/*.island
----------------------------------------------*/
.island{
	width:4000px;
	height:2000px;
	position:relative;
	background:url(./../img/index/top_bg3_alpha.png) no-repeat center center;
}

.island a{
	position:absolute;
}


/*メイン島
----------------*/

.mainIdland1{top:872px;left:1468px;}
.mainIdland2{top:792px;left:1915px;}
.mainIdland3{top:783px;left:2321px;}
.mainIdland4{top:1057px;left:1639px;}
.mainIdland5{top:1057px;left:2183px;}
.mainIdland6{top:1267px;left:1915px;}

.mainIdShip1{position:absolute;top:674px;left:1967px;}
.mainIdShip2{position:absolute;top:937px;left:1686px;}
.mainIdShip3{position:absolute;top:937px;left:2230px;}
.mainIdShip4{position:absolute;top:1160px;left:1966px;}

.systemIdShip1{position:absolute;top:570px;left:1370px;}
.systemIsland{top:618px;left:977px;}
.systemIslandDescription{
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:999;
}
.ikada1{position:absolute;top:550px;left:600px;}
.tako1{position:absolute;top:850px;left:900px;}
.tako1 img{
	width:50px;
	height:auto:
}


.designIdShip1{position:absolute;top:1300px;left:1370px;}
.designIsland{top:1390px;left:977px;}
.designIslandDescription{
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:999;
}
.ikada2{position:absolute;top:1600px;left:1100px;}


.companyIdShip1{position:absolute;top:690px;left:2710px;}
.companyIsland{top:618px;left:2645px;}
.companyIslandDescription{
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:999;
}
.ikada3{position:absolute;top:500px;left:3300px;}


.priceIdShip1{position:absolute;top:1520px;left:3100px;}
.priceIsland{top:1390px;left:2750px;}
.priceIslandDescription{
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:999;
}
.ikada4{position:absolute;top:1300px;left:3400px;}
.tako2{position:absolute;top:1310px;left:2960px;}
.tako2 img{
	width:50px;
	height:auto:
}



.mainIdland11 a{
	cursor:default;
}



/*固定ナビゲーション
----------------*/

.fixedHeader a,
.fixedMenu a,
.fixedNavigation a,
.fixedInformation a{
	position:relative;
}
.fixedLogo{
	position:fixed;
	top:50px;
	left:50px;
	z-index:999;
}
.fixedLogo .logo_in{
	position:relative;
	width:600px;
}
.fixedLogo .logo_in img{
	height:56px;
	width:auto;
}
.fixedLogo .logo_in h1{
	color:#fff;
	font-size:11px;
	text-align:left;
	position:absolute;
	bottom:-54px;
	left:140px;
}

.fixedHeader{
	position:fixed;
	z-index:10;
	top:120px;
	left:50px;
}

.fixedHeader img{
	width:450px;
	height:auto;
}

.fixedMenu{
	position:fixed;
	top:50px;
	right:50px;
	z-index:999;
}

.fixedMenu li{
	float:left;
	width:73px;
}

.fixedMenu li img{
	display:block;
	margin:0 auto;
	width:47px;
}

.fixedMenu li a{
	text-align:center;
	font-size:12px;
	color:#fff;
	text-shadow:none;
	width:100%;
	height:100%;
	display:block;
	line-height:5px;
}

.fixedNavigation{
	width:232px;
	height:192px;
	position:fixed;
	bottom:10px;
	left:50px;
	z-index:999;
}
.nob {
	border:none;
	outline:none;
	overflow:hidden;
}


.fixedCopyright{
	position:fixed;
	bottom:20px;
	left:50%;
	margin-left:-118px;
	color:#fff;
	z-index:999;
	font-size:11px
}

.fixedImg{
	position:fixed;
	right:30px;
	bottom:18px;
}



.fixedTopLine{
	position:fixed;
	top:0;
	left:0px;
	width:100%;
	height:0px;
	background-color:rgba(000,000,000,0.6);
}


.fixedBottomLine{
	position:fixed;
	bottom:0;
	right:0px;
	width:100%;
	height:0px;
	background-color:rgba(000,000,000,0.6);
}


.fixedLeftLine{
	position:fixed;
	bottom:0px;
	left:0;
	width:0px;
	height:100%;
	background-color:rgba(000,000,000,0.6);
}


.fixedRightLine{
	position:fixed;
	top:0px;
	right:0;
	width:0px;
	height:100%;
	background-color:rgba(000,000,000,0.6);
}