@charset "utf-8";
/**　------------ ↓　　　　　　　メイン部分編集　　　　　　　↓　------------ **/

#zookeeper1 #zoomain-sec #maingame-sec .blk1-lay {
	position:relative;
	border:none;
	height:415px;
	width:950px;
	background: url(/static/img/pages/lp/zookeeper1/bg01.png?v=2) no-repeat;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk1-lay h1 {
	position:absolute;
	top:17px;
	left:19px;
	border:none;
	width:472px;
	height:132px;
	text-indent: -9999px;
	background: url(/static/img/pages/lp/zookeeper1/logo.png?v=2) no-repeat;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk1-lay p.lv1-lay {
	position:absolute;
	border:none;
	top:150px;
	left:170px;
	width:689px;
	height:180px;
	text-indent: -9999px;
	background: url(/static/img/pages/lp/zookeeper1/lead.png?v=2) no-repeat;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk1-lay h2 a {
	position:absolute;
	border:none;
	top:287px;
	left:250px;
	display:block;
	text-indent: -9999px;
	overflow:auto;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay {
	position:relative;
	border:none;
	width:950px;
	height:827px;
	background: url(/static/img/pages/lp/zookeeper1/bg02.png?v=2) no-repeat;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay div {
	border:none;
	width:275px;
	height:225px;
	text-indent: -9999px;
}


#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay h2 {
	border:none;
	width:575px;
	height:37px;
	text-indent: -9999px;
}


#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay p {
	border:none;
	width:575px;
	text-indent: -9999px;
}


#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay p.lv4-lay a {
	background: url(/static/img/pages/lp/zookeeper1/btn2.png?v=2) no-repeat;
	position:absolute;
	border:none;
	top:735px;
	left:320px;
	width:311px;
	height:76px;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay p.lv4-lay a:hover{
	background-position:0px -76px;
}


#zookeeper1 #zoomain-sec #nonmember #guestgame-sec.blk-lay {
	height:315px;
	width:950px;
	background-color:#fffad4;
	margin-top:24px;
}


#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay div.lv1-lay {
	position:absolute;
	top:105px;
	left:26px;
	height:166px;
	width:422px;
	background: url(/static/img/pages/lp/zookeeper1/img01.png?v=2) no-repeat;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay h2.lv1-lay {
	position:absolute;
	height:117px;
	top:114px;
	left:457px;
	width:480px;
	background: url(/static/img/pages/lp/zookeeper1/hl01.png?v=2) no-repeat;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay p.lv1-lay {
	position:absolute;
	top:75px;
	left:335px;
	height:106px;
	background: url(/static/img/pages/lp/zookeeper1/cap01.png?v=2) no-repeat;
}


#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay div.lv2-lay {
	position:absolute;
	top:288px;
	right:71px;
	height:170px;
	width:422px;
	background: url(/static/img/pages/lp/zookeeper1/img02.png?v=2) no-repeat;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay h2.lv2-lay {
	position:absolute;
	top:279px;
	height:186px;
	left:26px;
	width:407px;
	background: url(/static/img/pages/lp/zookeeper1/hl02.png?v=2) no-repeat;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay p.lv2-lay {
	position:absolute;
	top:305px;
	right:340px;
	height:132px;
	width:589px;
	background: url(/static/img/pages/lp/zookeeper1/cap02.png?v=2) no-repeat;
}


#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay div.lv3-lay {
	position:absolute;
	top:475px;
	left:27px;
	height:265px;
	width:419px;
	background: url(/static/img/pages/lp/zookeeper1/img03.png?v=3) no-repeat;
}

#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay h2.lv3-lay {
	position:absolute;
	top:473px;
	left:457px;
	height:249px;
	width:465px;
	background: url(/static/img/pages/lp/zookeeper1/hl03.png?v=2) no-repeat;
}
#zookeeper1 #zoomain-sec #maingame-sec .blk2-lay p.lv3-lay {
	position:absolute;
	top:550px;
	left:332px;
	height:106px;
	width:589px;
	background: url(/static/img/pages/lp/zookeeper1/cap03.png?v=2) no-repeat;
}
.edt-btn1 a.png_bg{
	background: url(/static/img/pages/lp/zookeeper1/btn1.png?v=2) no-repeat 0 0;
	width: 445px;
	height: 90px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	overflow: auto;
	margin-bottom:5px;
}
.edt-btn1 a.png_bg:hover {
    background-position:0 -90px;
}
.edt-btn2 a.png_bg{
	background: url(/static/img/pages/lp/zookeeper1/btn2.png?v=2) no-repeat 0 0;
	width: 445px;
	height: 90px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	overflow: auto;
	margin-bottom:5px;
}
.edt-btn2 a.png_bg:hover {
    background-position:0 -90px;
}

/**　------------ ↑　　　　　　　メイン部分編集　　　　　　　↑　------------ **/




/**　------------ ↓　インクルードnonmember部分と下部の指定の指定　↓　------------ **/


/* Gallery styles */
#zookeeper1 .gallery-lay {
	background: url(/static/img/nonmember/slide_bg.gif?v=2) no-repeat top center;
	width: 950px;
}

#zookeeper1 #gallery{
	margin: 0 5px;
	/* The width of the gallery */
	width:940px;
	overflow:hidden;
}

#zookeeper1 #slides{
	/* This is the slide area */
	height:300px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:940px;
	overflow:hidden;
	padding: 3px 0 0;
}

#zookeeper1 .slide{
	float:left;
	border-botoom: 1px solid #b6c1d4;
}


/* //////////kaito////////// */
#zookeeper1 .slide_kaito {
	float:left;
	width:940px;
	height:299px;
	background-image: url(/static/img/nonmember/slide_kaito.jpg?v=2);
	background-position: top;
}
/* //////////kaito////////// */

/* //////////kaizoku////////// */
#zookeeper1 .slide_kaizoku {
	float:left;
	width:940px;
	height:299px;
	background-image: url(/static/img/nonmember/slide_kaizoku.jpg?v=2);
	background-position: top;
}
/* //////////kaizoku////////// */

/* //////////teiban////////// */
#zookeeper1 .slide_teiban {
	float:left;
	width:940px;
	height:299px;
	background-image: url(/static/img/nonmember/slide_teiban.jpg?v=2);
	background-position: top;
}
/* //////////teiban////////// */



#zookeeper1 #menu{
	/* This is the container for the thumbnails */
	height:93px;
	padding: 3px 0 0;
}

#zookeeper1 #menu ul{
	margin:0px;
	padding:0px;
}

#zookeeper1 #menu li{
	/* Every thumbnail is a li element */
	width:226px;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	list-style:none;
	height:86px;
	overflow:hidden;
}

#zookeeper1 #menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(/static/img/nonmember/pic_bg.png?v=2) repeat;
}

#zookeeper1 #menu li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(/static/img/nonmember/active_bg.png?v=2) no-repeat;
}

#zookeeper1 #menu li.act a{
	cursor:default;
}

#zookeeper1 #menu .fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	/* background:url(img/divider.png) no-repeat right; */
}

#zookeeper1 #menu li a{
	display:block;
	/* background:url(img/divider.png) no-repeat right; */
	height:86px;
	padding:4px;
}

#zookeeper1 #menu a img{
	border:none;
}

#zookeeper1 #main-sec p {
	color:#1D3994;
}

#zookeeper1 div.info-lay {
	margin: 20px 0 0px 3px;
	width:940px;
}

#zookeeper1 .info-lay li {
	float: left;
	width: 300px;
	background: url(/static/img/nonmember/pt_bg.gif?v=2) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 20px 0 0;
}

#zookeeper1 .info-lay li.com {
	padding-right: 0;
}

#zookeeper1 .info-lay div {
	height:260px;
}

#zookeeper1 .info-lay h3 {
	width: 300px;
	height: 32px;
	text-indent: -9999px;
}

#zookeeper1 .info-lay p {
	width: 280px;
	height: 32px;
	margin: 12px 10px 10px;
	text-indent: -9999px;
}

#zookeeper1 .info-lay div.info1-lay {
	background: url(/static/img/nonmember/pt1_image.gif?v=2) no-repeat 10px 86px;
}

#zookeeper1 .info-lay div.info1-lay h3 {
	background: url(/static/img/nonmember/pt1.gif?v=2) no-repeat 0 0;
}

#zookeeper1 .info-lay div.info1-lay p {
	background: url(/static/img/nonmember/pt1_lead.gif?v=2) no-repeat 0 0;
}

#zookeeper1 .info-lay div.info2-lay {
	background: url(/static/img/nonmember/pt2_image.gif?v=2) no-repeat 10px 86px;
}

#zookeeper1 .info-lay div.info2-lay h3 {
	background: url(/static/img/nonmember/pt2.gif?v=2) no-repeat 0 0;
}

#zookeeper1 .info-lay div.info2-lay p {
	background: url(/static/img/nonmember/pt2_lead.gif?v=2) no-repeat 0 0;
}

#zookeeper1 .info-lay div.info3-lay {
	background: url(/static/img/nonmember/pt3_image.gif?v=2) no-repeat 10px 86px;
}

#zookeeper1 .info-lay div.info3-lay h3 {
	background: url(/static/img/nonmember/pt3.gif?v=2) no-repeat 0 0;
}

#zookeeper1 .info-lay div.info3-lay p {
	background: url(/static/img/nonmember/pt3_lead.gif?v=2) no-repeat 0 0;
}

#zookeeper1 #guestgame-sec.blk-lay {
	position:relative;
}

#zookeeper1 #guestgame-sec.blk-lay h2 {
	position:absolute;
	top:20px;
	left:57px;
	text-indent: -9999px;
	height:52px;
	width:838px;
	background: url(/static/img/pages/lp/zookeeper1/etc_lead2.png?v=2) no-repeat;
}

#zookeeper1 #guestgame-sec.blk-lay p.etc8 {
	background: url(/static/img/pages/lp/zookeeper1/etc08.png?v=2) no-repeat;
	position:absolute;
	top:315px;
	right:57px;
	width:188px;
	height:188px;
	text-indent: -9999px;
}

#zookeeper1 #guestrec-sec {
	text-align:center;
	margin-top:30px;
}

#zookeeper1 #guestrec-sec p {
	color:#1D3994;
}



#zookeeper1 .lnk-lay {
	/*width:638px;*/
	width:800px;
	margin: 40px 0 40px 90px;
}

#zookeeper1 .lnk-lay ul{
	float: left;
	
}

#zookeeper1 .lnk-lay ul{
    float: left;

}

#zookeeper1 .lnk-lay ul li {
	text-align: left;
}

#zookeeper1 .lnk-lay li.lv1-lay {
	min-width:160px; 
	width: auto !important;
	width:160px;
	white-space:nowrap; 
}

#zookeeper1 .lnk-lay li a {
	background :url(/static/img/nonmember/ic_ar.gif?v=2) no-repeat 0 7px;
	display:block;
	line-height: 1.8;
	padding-left: 10px;
}