@charset "utf-8";

.l-content .rdsw_tutorial_page .rdsw_tutorial_bar {
	width: 115px;
	margin-left: -57px;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn {
	top: 654px;
	left: 997px;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_msg {
	top: 665px;
	left: 1150px;
}


/* ================
rel='start'
================ */
.l-content .rdsw_tutorial_page[rel='start'] {
	display: block;
	z-index: 1;
}
.l-content .rdsw_tutorial_page[rel='start'] .rdsw_tutorial_img {
	display: block;
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	top: 0;
	height: 720px;
}
.l-content .rdsw_tutorial_page[rel='start'] .rdsw_tutorial_btn {
	top: 615px;
	left: 530px;
}
.l-content .rdsw_tutorial_page[rel='start'] .rdsw_tutorial_btn > a {
	display: block;
	top: 620px;
	left: 490px;
}


/* ================
rel='1'
================ */
.l-content .rdsw_tutorial_page[rel='1'] {
	background-color: #fff;
}
.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_ttl {
	background-image: url(/service/rd/sw/tutorials/design_examples/img/ttl_01.png);
}
.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_bar {
	background-position: 0 0;
}


/* ================
rel='2'
================ */
.l-content .rdsw_tutorial_page[rel='2'] .rdsw_tutorial_ttl {
	background-image: url(/service/rd/sw/tutorials/design_examples/img/ttl_02.png);
}
.l-content .rdsw_tutorial_page[rel='2'] .rdsw_tutorial_bar {
	background-position: 0 -20px;
}

/* ================
rel='3'
================ */
.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_ttl {
	background-image: url(/service/rd/sw/tutorials/design_examples/img/ttl_03.png);
}
.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_txt_1 {
	top: 271px;
	left: 503px;
}
.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_bar {
	background-position: 0 -20px;
}

/* ================
rel='4'
================ */
.l-content .rdsw_tutorial_page[rel='4'] .rdsw_tutorial_ttl {
	background-image: url(/service/rd/sw/tutorials/design_examples/img/ttl_04.png);
}
.l-content .rdsw_tutorial_page[rel='4'] .rdsw_tutorial_txt_1 {
	top: 379px;
	left: 481px;
}
.l-content .rdsw_tutorial_page[rel='4'] .rdsw_tutorial_bar {
	background-position: 0 -40px;
}

/* ================
rel='5'
================ */
.l-content .rdsw_tutorial_page[rel='5'] .rdsw_tutorial_ttl {
	background-image: url(/service/rd/sw/tutorials/design_examples/img/ttl_05.png);
}
.l-content .rdsw_tutorial_page[rel='5'] .rdsw_tutorial_txt_1 {
	top: 413px;
	left: 824px;
}
.l-content .rdsw_tutorial_page[rel='5'] .rdsw_tutorial_bar {
	background-position: 0 -60px;
}

/* ================
rel='6'
================ */
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_ttl {
	background-image: url(/service/rd/sw/tutorials/design_examples/img/ttl_06.png);
}
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_txt_1 {
	top: 151px;
	left: 315px;
}
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_txt_2 {
	top: 151px;
	left: 315px;
}
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_bar {
	background-position: 0 -80px;
}

/* ================
rel='7'
================ */
.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_ttl {
	background-image: url(/service/rd/sw/tutorials/design_examples/img/ttl_07.png);
}
.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_txt {
	top: 265px;
	left: 650px;
}
.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_bar {
	background-position: 0 -100px;
}


/* ================
rel='end'
================ */
.l-content .rdsw_tutorial_page[rel='end'] .rdsw_tutorial_ttl {
	background-image: url(/service/rd/sw/tutorials/design_examples/img/ttl_end.png);
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_end, .l-content .rdsw_tutorial_page .rdsw_tutorial_btn_close {
	top: 347px;
}
.l-content .rdsw_tutorial_page[rel='end'] .rdsw_tutorial_bar {
	background-position: 0 -200px;
}