@charset "utf-8";
/* ================
common
================ */
* {
	margin: 0;
	padding: 0;
}
a, a:hover {
	text-decoration: none;
}
a, img {
	border: none;
}
ul, ol, li {
	list-style: none;
}

/* ================
contents base CSS
================ */
.l-content .rdsw_tutorial_box {
	position: relative;
	width: 1280px;
	height: 720px;
	margin: 0 auto;
	overflow: hidden;
}
.l-content .rdsw_tutorial_page {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 1280px;
	height: 720px;
	z-index: 0;
}

/* タイトル画像 */
.l-content .rdsw_tutorial_page .rdsw_tutorial_ttl {
	display: none;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1280px;
	height: 80px;
	background: #fff no-repeat center center;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_ttl span {
	display: none;
}

/* メイン画像 */
.l-content .rdsw_tutorial_page .rdsw_tutorial_img {
	display: none;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	position: absolute;
	top: 80px;
	left: 0;
	width: 1280px;
	height: 560px;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_img img {
	display: block;
}

/* 次に進むボタン */
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn,
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_end,
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_close {
	position: absolute;
	top: 0;
	left: 0;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_end,
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_close {
	display: block !important;
	top: 337px;
	left: 540px;
}
body.apply .l-content .rdsw_tutorial_page .rdsw_tutorial_btn_end {
	left: 430px;
}
body.apply .l-content .rdsw_tutorial_page .rdsw_tutorial_btn_close {
	left: 650px;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn > a,
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_end > a,
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_close > a {
	display: none;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
}
.l-content .rdsw_tutorial_page.on .rdsw_tutorial_btn > a:hover,
.l-content .rdsw_tutorial_page.on .rdsw_tutorial_btn_end > a:hover,
.l-content .rdsw_tutorial_page.on .rdsw_tutorial_btn_close > a:hover {
	opacity: 0.75 !important;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn > a img,
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_end > a img,
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_close > a img {
	display: block;
}

/* 指マーク説明文 */
.l-content .rdsw_tutorial_page .rdsw_tutorial_cap {
	position: absolute;
	top: 640px;
	left: 0;
	z-index: -1;
	width: 1280px;
	height: 80px;
	padding: 8px 0 0;
	background: #fff;
	text-align: center;
}

/* 吹き出し・テキスト用 */
.l-content .rdsw_tutorial_page .rdsw_tutorial_txt {
	display: none;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	position: absolute;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_txt img {
	display: block;
}

/* 指マーク */
.l-content .rdsw_tutorial_page .rdsw_tutorial_msg {
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_msg > span {
	display: block;
	width: 92px;
	height: 39px;
	background: url(/service/rd/sw/tutorials/common/img/icn_next.png) no-repeat 0 0;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_msg > span > strong {
	display: none;
}

/* 進捗メーター */
.l-content .rdsw_tutorial_page .rdsw_tutorial_bar {
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 114px;
	height: 16px;
	margin-left: -57px;
	background: url(/service/rd/sw/tutorials/common/img/meter.png) no-repeat 0 0;
}