/* CSS Document */

body.top .contents_box,body.top #contents{padding:0;}
body.top .contents_box{background:#1a1a1a url(../images/top_pc.jpg) no-repeat center top;}
	body.top #contents .top_inner{width:1100px; height:970px;}
		body.top #contents .top_inner .share{display:block;}

		body.top #contents .top_inner a#btnStartHunting{display:block; position:absolute; left:50%; margin-left:-549px; top:590px; width:274px; height:297px; background:url(../images/btn_startHunting_pc.png) no-repeat 0px 0px;}
			body.top #contents .top_inner a#btnStartHunting>div{
				position:absolute; left:0; top:0; width:274px; height:297px; background:url(../images/btn_startHunting_pc.png) no-repeat 0px 0px; opacity:0;
				transition-property:opacity;
				transition-duration:0.2s;
			}
			body.top #contents .top_inner a#btnStartHunting:hover>div{opacity:1;}

		body.top #contents .top_inner a#btnClientDL{display:block; position:absolute; left:50%; margin-left:-550px; top:614px; width:316px; height:290px; background:url(../images/btn_clientDL_pc.png) no-repeat 0px 0px;}
			body.top #contents .top_inner a#btnClientDL>div{
				position:absolute; left:0; top:0; width:316px; height:290px; background:url(../images/btn_clientDL_pc.png) no-repeat 0px 0px; opacity:0;
				transition-property:opacity;
				transition-duration:0.2s;
			}
			body.top #contents .top_inner a#btnClientDL:hover>div{opacity:1;}

		body.top #contents .top_inner a#btnLongPV{display:block; position:absolute; left:50%; margin-left:-66px; top:715px; width:172px; height:164px; background:no-repeat 0px 0px; background-image:url(../images/btn_longPV_pc.png), url(../images/z1_pvLong.gif) }
			body.top #contents .top_inner a#btnLongPV>div{
				position:absolute; left:0; top:0; width:172px; height:164px; background:url(../images/btn_longPV_pc.png) no-repeat 0px 0px; opacity:0;
				transition-property:opacity;
				transition-duration:0.2s;
			}
			body.top #contents .top_inner a#btnLongPV:hover>div{opacity:1;}

		body.top #contents .top_inner a#btnLinkMember{display:block; position:absolute; left:50%; margin-left:-266px; top:707px; width:233px; height:181px; background:url(../images/btn_linkMember_pc.png) no-repeat 0px 0px;	}
			body.top #contents .top_inner a#btnLinkMember>div{
				position:absolute; left:0; top:0; width:233px; height:181px; background:url(../images/btn_linkMember_pc.png) no-repeat 0px 0px; opacity:0;
				transition-property:opacity;
				transition-duration:0.2s;
			}
			body.top #contents .top_inner a#btnLinkMember:hover>div{opacity:1;}

		body.top #contents .top_inner a#btnBnr1{display:block; position:absolute; left:50%; margin-left:100px; top:746px; width:316px; height:124px; background:url(../images/btn_bnr2_pc.png) no-repeat 0px 0px;}
			body.top #contents .top_inner a#btnBnr1>div{
				position:absolute; left:0; top:0; width:316px; height:124px; background:url(../images/btn_bnr2_pc.png) no-repeat 0px 0px; opacity:0;
				transition-property:opacity;
				transition-duration:0.2s;
			}
			body.top #contents .top_inner a#btnBnr1:hover>div{opacity:1;}



body.top #contents .top_inner a.btnLongPV_wwwOnly{	margin-left:-236px !important;	}
body.top #contents .top_inner a.btnBnr1_wwwOnly{	margin-left:-60px !important;	}

@media (max-width: 840px){
	

	body.top .contents_box{background:#1a1a1a url(../images/top_sp.jpg) no-repeat center top;}
	body.top #contents .top_inner{width:840px;height:1700px;position:relative;}
	body.top #contents .top_inner a#btnClientDL{margin-left:-250px; top:690px; width:500px; height:470px; background-image:url(../images/btn_clientDL_sp.png);}
	body.top #contents .top_inner a#btnLongPV{margin-left:-420px; top:1040px; width:268px; height:252px; background-image:url(../images/btn_longPV_sp.png);}

	body.top #contents .top_inner a#btnLinkMember{margin-left:50px; top:1120px; width:376px; height:280px; background-image:url(../images/btn_linkMember_sp.png);}
	body.top #contents .top_inner a#btnBnr1{margin-left:-418px; top:1430px; width:836px; height:192px; background-image:url(../images/btn_bnr2_sp.png);}
	
	body.top #contents .top_inner a#btnStartHunting>div,
	body.top #contents .top_inner a#btnClientDL>div,
	body.top #contents .top_inner a#btnLinkMember>div,
	body.top #contents .top_inner a#btnLongPV>div,
	body.top #contents .top_inner a#btnBnr1>div{display:none;}

	body.top #contents .top_inner .share{width:840px; position:absolute; left:-160px; bottom:282px; display:block; text-align:center;}

		body.top #contents .top_inner .share a{display:inline-block; width:116px; height:116px; margin:0 15px; background:url(../images/sns_sp.jpg) no-repeat 0px 0px;}
		body.top #contents .top_inner .share a.tw{}
		body.top #contents .top_inner .share a.fb{background-position:-116px 0px;}
		body.top #contents .top_inner .share a.ln{background-position:-232px 0px;}

	
	/* www top */
	body.top.www header{
		position:relative;
		z-index:9;
	}
	body.top.www footer{
		position:relative;
		z-index:7;
		margin:80px 0px 146px 0px;
	}
	body.top.www .contents_box,body.top.www contents{
		position:relative;
		z-index:8;
	}
	body.top.www #contents .top_inner{
		height:1320px;
	}
	body.top.www #contents .top_inner a#btnStartHunting{
		display:none;
	}
	body.top.www #contents .top_inner a#btnBnr1{
		top:1095px;
	}
	body.top.www #contents .top_inner a#btnLongPV{
		top:840px;
	}
	body.top.www #contents .top_inner .share{
		top:940px;
		left:160px;
	}


	body.top.www p#btnStartHuntingCover{
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		height:186px;
		background:rgba(0,0,0,0.8);
		z-index:9;
	}
	body.top.www p#btnStartHuntingCover a#btnStartHuntingSP{
		display:block;
		position:static;
		left:0;
		top:0;
		margin:30px;
		width:780px;
		height:136px;
		background-image:url(../images/btn_startHunting_sp.png);
	}
	
	/* cog top */
	body.top #contents .top_inner.cog{
		height:1500px;
	}
	body.top #contents .top_inner.cog a#btnClientDL{
		width:570px;
		height:470px;
		margin-left:-210px;
		top:640px;
		background-image:url(../images/btn_clientDL2_sp.png);
	}
	div#watchPC{
		background-image:url(../images/btn_clientDL2_sp.png);
	}
	body.top #contents .top_inner.cog a#btnLongPV{
		top:840px;
	}
	body.top #contents .top_inner.cog a#btnLinkMember{
		top:950px;
	}
	body.top #contents .top_inner.cog .share{
		top:1100px;
	}
	body.top #contents .top_inner.cog a#btnBnr1{
		top:1230px;
	}
	
	/*
*/
}

body.top #wall{display:block; position:absolute; left:50%; margin-left:424px; top:108px; width:170px; height:795px; z-index:10;}
	body.top #wall:before{content:' '; display:block; width:170px; height:795px; position:absolute; left:0; top:0; background:url(../images/catch_pc.png) no-repeat 0px 0px;}
@media (max-width: 840px){
	body.top #wall{left:0; margin-left:0; top:0; width:840px; height:0; overflow:visible;}
	body.top #wall:before{left:50%; margin-left:215px; top:164px; width:200px; height:992px; background:url(../images/catch_sp.png) no-repeat 0px 0px;}
}