@charset "utf-8";

.l-content .rdsw_tutorial_page .rdsw_tutorial_img {
  top: 0;
  height: 720px;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_ttl {
  top: 560px;
  background: #fff0 no-repeat center center;
  z-index: 1;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_bar {
  width: 194px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 6px;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_msg {
  pointer-events: none;
}

/* ================
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;
  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/quotation/img/ttl_01.png);
}
.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_btn,
.l-content .rdsw_tutorial_page[rel='2'] .rdsw_tutorial_btn,
.l-content .rdsw_tutorial_page[rel='4'] .rdsw_tutorial_btn,
.l-content .rdsw_tutorial_page[rel='5'] .rdsw_tutorial_btn,
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_btn,
.l-content .rdsw_tutorial_page[rel='11'] .rdsw_tutorial_btn {
  top: 654px;
  left: 997px;
}
.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='2'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='4'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='5'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='11'] .rdsw_tutorial_msg {
  top: 665px;
  left: 1150px;
}
.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/quotation/img/ttl_02.png);
}
.l-content .rdsw_tutorial_page[rel='2'] .rdsw_tutorial_bar {
  background-position: 0px -19px;
}


/* ================
rel='3'
================ */
.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_ttl {
  background-image: url(/service/rd/sw/tutorials/quotation/img/ttl_03.png);
  display: block;
  opacity: 1;
}
.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_bar {
  background-position: 0px -39px;
}
.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_img_3 {
  width: auto;
  height: auto;
  top: 402px;
  left: 775px;
}
.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_btn {
  top: 444px;
  left: 786px;
}
.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_msg {
  top: 488px;
  left: 909px;
}

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


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

/* ================
rel='6'
================ */
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_ttl {
  background-image: url(/service/rd/sw/tutorials/quotation/img/ttl_06_250710.png);
}
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_bar {
  background-position: 0 -79px;
}
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_img_3 {
  width: auto;
  height: auto;
  top: 97px;
  left: 929px;
}
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_btn {
  top: 154px;
  left: 881px;
}
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_msg {
  top: 205px;
  left: 1010px;
}


/* ================
rel='7'
================ */
.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_ttl {
  background-image: url(/service/rd/sw/tutorials/quotation/img/ttl_07_250710.png);
}
.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_bar {
  background-position: 0 -99px;
}
.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_btn {
  top: 457px;
  left: 947px;
}
.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_msg {
  top: 506px;
  left: 1040px;
}


/* ================
rel='8'
================ */
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_ttl {
  background-image: url(/service/rd/sw/tutorials/quotation/img/ttl_08_250710.png);
}
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_bar {
  background-position: 0 -119px;
}
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_img_4 {
  width: auto;
  height: auto;
  top: 514px;
  left: 199px;
}
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_btn {
  top: 500px;
  left: 467px;
}
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_msg {
  top: 528px;
  left: 823px;
}


/* ================
rel='9'
================ */
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_ttl {
  background-image: url(/service/rd/sw/tutorials/quotation/img/ttl_09_250710.png);
}
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_bar {
  background-position: 0 -139px;
}
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_img_3 {
  width: auto;
  height: auto;
  top: 320px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_btn {
  width: 112px;
  height: 38px;
  top: 370px;
  left: 584px;
}
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_btn a {
  width: 112px;
  height: 38px;
}
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_msg {
  top: 385px;
  left: 656px;
}


/* ================
rel='10'
================ */
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_ttl {
  background-image: url(/service/rd/sw/tutorials/quotation/img/ttl_10_250710.png);
}
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_bar {
  background-position: 0 -139px;
}
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_img_3 {
  width: auto;
  height: auto;
  top: 320px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_btn {
  width: 96px;
  height: 33px;
  top: 393px;
  left: 530px;
}
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_btn a {
  width: 96px;
  height: 33px;
}
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_msg {
  top: 405px;
  left: 590px;
}


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


/* ================
rel='end'
================ */
.l-content .rdsw_tutorial_page[rel='end'] .rdsw_tutorial_ttl_1 {
  background-image: url(/service/rd/sw/tutorials/quotation/img/ttl_12_250710.png);
}
.l-content .rdsw_tutorial_page[rel='end'] .rdsw_tutorial_ttl_2 {
  background-color:#eee;
}
.l-content .rdsw_tutorial_page[rel='end'] .rdsw_tutorial_bar {
  background-position: 0 -179px;
}
.l-content .rdsw_tutorial_page[rel='end'] .rdsw_tutorial_img_3 {
  width: auto;
  height: auto;
  top: 95px;
  left: 712px;
}
.l-content .rdsw_tutorial_page[rel='end'] .rdsw_tutorial_img_4 {
  width: auto;
  height: auto;
  top: 157px;
  left: 625px;
}
.l-content .rdsw_tutorial_page[rel='end'] .rdsw_tutorial_img_5 {
  width: auto;
  height: auto;
  top: 112px;
  left: 990px;
}

.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_end,
.l-content .rdsw_tutorial_page .rdsw_tutorial_btn_close {
  top: 293px;
}