@charset "shift_jis";

body {
	background: #FFF url(../system/images/bg.jpg) repeat-y center top;
	background-size: 100%;
}
main {
	padding-bottom: 5%;
	background: url(../system/images/system_bg01.png) no-repeat center top;
	background-size: 100%;
}
#topper {
	background-image: none;
}
#topper h1.ttl {
	padding-top: 9.5%;
	text-align: right;
}
#topper .lead {
	padding: 2% 4.68% 5% 4.68%;
}
#contents img {
	width: 100%;
	height: auto;
}
#renewal {
	padding: 0 0 5%;
}
#renewal h2 {
	margin: 0 0 4%;
}
#renewal p {
	line-height: 1.6;
	margin: 0 4.68% 2.5%;
	padding-top: 4px;
	padding-left: 25px;
	font-size: 12px;
}
#renewal p.text01 {
	background: url(../system/images/renewal_list01.png) no-repeat left top;
	background-size: 25px 25px;
}
#renewal p.text02 {
	background: url(../system/images/renewal_list02.png) no-repeat left top;
	background-size: 25px 25px;
}
#renewal p.text03 {
	background: url(../system/images/renewal_list03.png) no-repeat left top;
	background-size: 25px 25px;
}
#renewal #systemmov {
	width: 75%;
	margin: 10px auto;
}
section p {
	line-height: 1.6;
	padding: 0 4.68%;
}
section p.note {
	line-height: 1.6;
	padding: 0 4.68%;
	font-size: 12px;
}
section dl dt {
	width: 75%;
	margin: 0 auto;
}
section dl dd {
	line-height: 1.6;
	margin: 3.5% 0 4.5%;
	font-size: 12px;
	text-align: center;
}
.camera {
	padding: 0 0 5%;
}
.camera .camera-3ds {
	position: relative;
	padding: 1.5% 0 0;
}
.camera .movie {
	position: absolute;
	top: 8.9%;
	left: 23.907%;
	width: 52.186%;
}
.notebook {
	padding: 0 0 5%;
}
.save {
	padding: 0 0 10%;
}
.save .screen {
	width: 75%;
	margin: 1.5% auto 0;
}
.fishing dl {
	padding: 1.5% 0 0;
}

/* ========================================
	Movie
======================================== */
body#movie {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: none;
	background-color: #000;
}
#movie .wrap {
	position: relative;
	margin: 20px auto 0 auto;
	text-align: center;
}
#close {
	margin: 10px 0 0;
}