@charset "utf-8";
/* CSS Document */
#contents{
	padding-bottom:10px;
	background:rgba(0,0,0,0.8) url(../img/tutorial/james.png) right top no-repeat;
}
#contents h2{
	margin-bottom:11px;
}

.movie_box{
	width:798px;
	margin:0 auto 1em;
	background:url(../img/tutorial/back-movie.png) no-repeat;
	padding:9px;
}
.movie_box h3{
	background:url(../img/tutorial/back-title.jpg) no-repeat;
	width:782px;
	line-height:30px;
	padding:8px;
	font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:26px;
	font-weight:bold;
	letter-spacing:1px;
}
.movie_box .movie_area{
}
.movie_box p{
	font-size:16px;
	margin-top:10px;
}

.thumb_box{
	width:844px;
	margin-left:53px;
	margin-bottom:15px;
}

.thumb_box .thumb_area{
	float:left;
	width:422px; height:350px;
	position:relative;
	margin-bottom:20px;
}
.thumb_box .thumb_area a{
	width:379px; height:241px;
	padding:9px;
	margin-left:27px;
	background:url(../img/tutorial/back-thumb.png) no-repeat;
	display:block;
}
.thumb_box .nolink{
	width:379px; height:241px;
	padding:9px;
	margin-left:27px;
	background:url(../img/tutorial/back-thumb.png) no-repeat;
	display:block;
}
.thumb_box .thumb_area a .fader{
	position:relative;
	width:377px;
}
.thumb_box .thumb_area a img.icon-zoom{
	position:absolute;
	top:86px; left:152px;
}
.thumb_box .thumb_area img.number{
	position:absolute;
	top:-11px; left:8px;
}
.thumb_box .thumb_area h4{
	height:24px; height:75px;
	background:url(../img/tutorial/back-title-mini.png) no-repeat;
	width:414px;
	position:absolute;
	right:8px; top:206px;
}
.thumb_box .thumb_area h4 img{
	position:absolute;
	left:41px;
	bottom:17px;
}
.thumb_box .thumb_area p{
	margin-top:30px;
	margin-left:35px;
	width:379px;
}

#contents .nav{
	text-align:center;
}
#contents .nav a.btn-top{
	margin:0;
}