@charset "shift_jis";

/* ========================================
	reset
======================================== */
body {
	color: #333333;
	font-size: 12px;
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN','MS P Gothic', Helvetica, sans-serif;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: left;
}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
q:before, q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
li {
	list-style-type: none;
}
em, strong {
	font-style: normal;
	font-weight: bold;
}
img {
	border: 0;
	vertical-align: bottom;
}
:focus {
	outline: none;
}
a:link, a:visited {
	outline: none;
}
a:hover, a:active {
	outline: none;
}
#container{
	width: 890px;
	margin: 0 auto;
	position: relative;
}
#container_inner{
	width: 784px;
	height: 507px;
	margin: 0 auto;
	position: relative;
	background: url(../img/frame.png) 0 0 no-repeat;
}
#container_inner2{
	width: 784px;
	height: 507px;
	margin: 0 auto;
	position: relative;
	background: url(../img/frame2.png) 0 0 no-repeat;
}
.back_link{
	padding: 20px;
	text-align: center;
	display: block;
}
#ttl{
	position: absolute;
	top: 23px;
	left: 25px;
}
#ttl2{
	position: absolute;
	top: 33px;
	left: 36px;
}
#txt{
	position: absolute;
	top: 173px;
	left: 37px;
}
#sc{
	position: absolute;
	top: 26px;
	left: 440px;
}
#sc2{
	position: absolute;
	top: 310px;
	left: 60px;
}
#sc3{
	position: absolute;
	top: 26px;
	left: 470px;
}
#sc4{
	position: absolute;
	top: 145px;
	left: 436px;
}
#navi_next{
	position: absolute;
	top: 200px;
	right: -40px;
}
#navi_back{
	position: absolute;
	top: 200px;
	left: -40px;
}
.fadein {
	position:relative; 
	width:318px;
	height:405px;
	overflow: hidden;
}
.fadein img {
	position:absolute;
	left:0; top:0;
}