@charset "utf-8";

/*---page_picture_book---*/

body {
	background: #FFF url(../images/picture_book_size/bg_base.jpg) no-repeat;
}

/*----Header---*/

#header {
	height:153px;
}
#header h1 {
	position:absolute;
	left:99px;
	top:49px;
	z-index:1000;
}

#header #btn01 {
	position:absolute;
	left:700px;
	top:35px;
	z-index:1000;
}

/*----Maincolumn---*/

#maincolumn h1 {
	position:absolute;
	left:49px;
	top:10px;
}

/*----
--LeftMenu---------------------------*/

#maincolumn ul#leftMenu {
	position:absolute;
	left:20px;
	top:38px;
	width:136px;
}
#maincolumn ul#leftMenu li {
	margin-bottom:16px;
}

/*----
--Main---------------------------*/
#maincolumn {
	height:3897px;
}
#maincolumn #main {
	position:absolute;
	left:160px;
	top:0;
	width:864px;
	-webkit-overflow-scrolling: touch;
}

#maincolumn #main #fishList{
	position:relative;
	width:864px;
	height:3897px;
}
#maincolumn #main .fishBox {
	width:864px;
	height:613px;
	position:relative;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling: touch;
}


#maincolumn #main #fish_1 { position:absolute; left:55px; top:90px; }
#maincolumn #main #fish_5 { position:absolute; left:55px; top:420px; }
#maincolumn #main #fish_10 { position:absolute; left:55px; top:610px; }
#maincolumn #main #fish_2 { position:absolute; left:55px; top:780px; }
#maincolumn #main #fish_3 { position:absolute; left:55px; top:960px; }
#maincolumn #main #fish_6 { position:absolute; left:55px; top:1100px; }
#maincolumn #main #fish_17 { position:absolute; left:55px; top:1260px; }
#maincolumn #main #fish_9 { position:absolute; left:55px; top:1410px; }
#maincolumn #main #fish_16 { position:absolute; left:55px; top:1540px; }
#maincolumn #main #fish_13 { position:absolute; left:55px; top:1690px; }

#maincolumn #main #fish_11 { position:absolute; left:55px; top:1850px; }
#maincolumn #main #fish_8 { position:absolute; left:55px; top:2010px; }
#maincolumn #main #fish_21 { position:absolute; left:55px; top:2105px; }
#maincolumn #main #fish_4 { position:absolute; left:55px; top:2240px; }
#maincolumn #main #fish_18 { position:absolute; left:55px; top:2370px; }
#maincolumn #main #fish_7 { position:absolute; left:55px; top:2530px; }
#maincolumn #main #fish_15 { position:absolute; left:55px; top:2670px; }
#maincolumn #main #fish_12 { position:absolute; left:55px; top:2800px; }
#maincolumn #main #fish_19 { position:absolute; left:55px; top:2950px; }
#maincolumn #main #fish_14 { position:absolute; left:55px; top:3100px; }


#maincolumn #main #fish_24 { position:absolute; left:55px; top:3230px; }
#maincolumn #main #fish_25 { position:absolute; left:55px; top:3360px; }
#maincolumn #main #fish_20 { position:absolute; left:55px; top:3490px; }
#maincolumn #main #fish_23 { position:absolute; left:55px; top:3590px; }
#maincolumn #main #fish_22 { position:absolute; left:55px; top:3680px; }
#maincolumn #main #fish_26 { position:absolute; left:55px; top:3780px; }