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

body {
	margin: 0;
	color:#000;
	background:#ffde25;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size:16px;
}
#omikuji_area{
	width:900px;
	margin:0 auto;}
.link_ver1{
	text-align:center;
	width:300px;
	margin:0 auto;
	}
.link_ver1 a{
	display:block;
		width:300px;
		background:#FFF;
		line-height:36px;
		font-size:13px;
		color:#633319;
		text-decoration:none;
		border-radius:4px;
		border-bottom:2px solid #debf13;
	height:36px;}
#wrapper{
	width:100%;
	padding-bottom:20px;
	min-width:1000px;
	background:url(../img/story_bg.jpg) repeat-x;
	}
#contents{
	width:980px;
	height:980px;
	margin:0 auto;
	position:relative;
	background:url(../img/himitsu_bg_main.png) no-repeat center top;
	}
#main{
	width:980px;
	height:940px;
	position:relative;
	}
#header{
	width:980px;
	margin:0 auto;
	height:125px;
	position:relative;
	}

#header h1{
	position: absolute;
	top: 10px;
	left: 5px;
	}
#header h1 a{
	display:block;
	text-indent:-10000px;
	width:257px;
	height:111px;
	background:url(../img/logo_page.png) no-repeat left top;
	}
#header h1 a:hover{
	background-position: left bottom;
	}

#nav1{
	position: absolute;
	top: 47px;
	left: 300px;
	}
#nav1 a{
	display:block;
	text-indent:-10000px;
	width:198px;
	height:48px;
	background:url(../img/nav1.gif) no-repeat left top;
	}
#nav1 a:hover{
	background-position: left bottom;}

#nav2{
	position: absolute;
	top: 51px;
	left: 520px;
	}
#nav2 a{
	display:block;
	text-indent:-10000px;
	width:197px;
	height:43px;
	background:url(../img/nav2.gif) no-repeat left top;
	}
#nav2 a:hover{
	background-position: left bottom;}

#nav3{
	position: absolute;
	top: 51px;
	left: 750px;
	}
#nav3 a{
	display:block;
	text-indent:-10000px;
	width:202px;
	height:41px;
	background:url(../img/nav3.gif) no-repeat left top;
	}
#nav3 a:hover{
	background-position: left bottom;
	}

.sp{ display:none;}
.pc{ display:block;}
img{ vertical-align:top; line-height:0;}
#wrapper_result{
	width:820px;
	height:640px;
	margin:30px auto 0 auto;
	background:url(../omikuji/img/bg.gif) no-repeat;
	position:relative;
	}
.btn_sound{ position: absolute; top: 550px; left: 640px; z-index: 10; }
#start{
	width:820px;
	height:590px;
	position:absolute;
	top:40px;
	background:url(../omikuji/img/start.png) no-repeat center top;
	position:relative;}

#start #link_start{
	position:absolute;
	width:251px;
	height:60px;
	top:230px;
	left:290px;}
#start #link_start a{
	display:block;
	width:251px;
	height:60px;
	background:url(../omikuji/img/link_start.png) no-repeat;
	text-indent:-10000px;
	}
#start #link_start a:hover{
	background-position:left bottom;}
#papa{
	position: absolute;
	top: 250px;
	left: 680px;
}
#papa_start{
	position:absolute;
	top:230px;
	left:140px;}
#dokko_start{
	position:absolute;
	top:320px;
	left:420px;}
#scene1{
	width:820px;
	height:590px;
	position:absolute;
	top:40px;
	display:none;
	}
#scene1 #omikuji{
	position:absolute;
	
	top:50px;
	left:250px;}
#scene1 #gara1{
	position:absolute;
	top:120px;
	left:200px;}
#scene1 #gara2{
	position:absolute;
	top:340px;
	left:540px;}
#scene1 #item1{
	width:90px;
	position:absolute;
	top:420px;
	left:280px;
	
	}
#scene1 #item1 img{
	width:100%;}
#scene1 #motion1{
	position:absolute;
	top:320px;
	left:252px;}
#title{
	width:820px;
	height:120px;
	position:absolute;
	top:50px;
	left:0;}
#title img{ width:100%;}
#title .item{
	width: 180px;
	position: absolute;
	top: 0px;
	left: 97px;
	}
#title dl{
	position: absolute;
	top: 10px;
	left: 281px;
}
#title dt{
	width:300px;}
#title dd{
	margin-top:12px;
	}
#title dd span{
	display:none;}
#title dd.ver2{
	width:380px;}
.text1{
	font-size: 18px;
	position: absolute;
	text-align: center;
	color: #633319;
	width: 800px;
	top: 165px;
	left: 10px;
	line-height:1.2;
}
.text1_2{
	font-size: 15px;
	position: absolute;
	text-align: center;
	color: #633319;
	width: 800px;
	top: 170px;
	left: 10px;
	line-height:1.2;
}
.text1 span{
	color:#ea5404;
	}
.box{
	width:667px;
	height:262px;
	background:url(../omikuji/img/bg_result.png) no-repeat;
	position:absolute;
	top:235px;
	left:70px;
	}
.box .text2{
	font-size:18px;
	font-weight:bold;
	position: absolute;
	text-align: center;
	color: #333;
	width:667px;
	top:40px;
	line-height:1.8;
	}
.box .text2_2{
	font-size: 18px;
	font-weight:bold;
	position: absolute;
	text-align: center;
	color: #333;
	width: 667px;
	top: 35px;
	ine-height:1.8;
	}
.box img{
	width:100%;}
.box .point{
	width: 410px;
	position: absolute;
	top: 138px;
	left: 50px;
}
.box .sns{
	width:114px;
	position:absolute;
	top:140px;
	left:480px;
	}
.box .sns .sns_title{
	width:114px;
	position:absolute;
	top:0;
	left:0;}

.box .sns .sns1{
	width:53px;
	position:absolute;
	top:20px;
	left:0;}
.box .sns .sns2{
	width: 53px;
	position: absolute;
	top: 20px;
	left: 62px;
}
.close{
	width:344px;
	height:100px;
	position:absolute;
	top:500px;
	left:228px;}
.close p{
	width:170px;
	position:absolute;
	color:#633319;
	font-weight:bold;
	font-size:17px;
	top:0;
	left:0;}
.close .arrow{
	width: 50px;
	position: absolute;
	top: 10px;
	left: 170px;
}
.close .arrow img{
	width:100%;}
.close .link{
	width: 102px;
	height: 64px;
	position: absolute;
	top: 0;
	left: 242px;
	}
.close .link a{
	display:block;
	width:102px;
	height:64px;
	background:url(../omikuji/img/result_close.png) no-repeat;
	text-indent:-10000px;
	}
.close .link a:hover{
	background-position:left bottom;}
.copy{
	position:absolute;
	top:620px;
	left:110px;
	width:600px;
	font-size:10px;
	text-align:center;
	line-height:1;
	}