@charset "utf-8";
/* CSS Document */

/* 選択画面
------------------------------------------------------------------------------------------------------ */
/* 全体 */
#select_screen {
  width: 900px;
  margin: 0 auto;
}

.float_clear {
  clear: both;
}

.note_01 {
  line-height: 1.2em;
  width: 742px;
  margin-left: 10px;
  padding-bottom: 10px;
  float: left;
}

.note_01 img {
  margin-top: 22px;
}

.note_01 span {
  color: #FF0000;
}

#note_02 {
  line-height: 1.2em;
  width: 742px;
  margin-left: 10px;
  float: left;
}

#note_02 img {
  margin-top: 18px;
}

#note_03 {
  line-height: 1.2em;
  margin: 10px 0 0 5px;
}

#note_04 {
  text-align: right;
  line-height: 1.2em;
  padding-right: 1em;
  margin: 10px 0;
}

#note_05 {
  text-align: left;
  width: 670px;
  margin: 10px 0 10px 15px;
  float: left;
}

#note_05_01,
#note_05_02,
#note_05_03,
#note_05_04,
#note_05_05 {
  font-size: 12px;
  line-height: 1.2em;
  display: none;
}

.note_basic_01 {
  width: 742px;
  margin: 10px 0;
  margin-left: 10px;
  float: left;
}

.note_basic_01 img {
  float: left;
}

.note_basic_01 span {
  font-size: 19px;
  font-weight: bold;
  /*width: 660px;*/
  color: #FF0000;
  display: block;
  margin-left: 50px;
  line-height: 1em;
  margin-right: 25px;
}

.note_basic_top {
  background: url(../images/simuration/note_basic_bg_top.jpg) no-repeat;
  /*width: 738px;*/
  height: 8px;
}

.note_basic_middle_01 {
  background: url(../images/simuration/note_basic_bg_middle.jpg);
  background-repeat: repeat-y;
  /*width: 738px;*/
  padding: 5px 10px 9px 10px;
}

.note_basic_middle_02 {
  background: url(../images/simuration/note_basic_bg_middle.jpg);
  background-repeat: repeat-y;
  /*width: 738px;*/
  padding: 0 10px 9px 10px;
}

.note_basic_bottom {
  background: url(../images/simuration/note_basic_bg_bottom.jpg) no-repeat;
  /*width: 738px;*/
  height: 6px;
}

.optTable {
  font-size: 12px;
  line-height: 1.2em;
  border-left: 1px solid #323232;
  border-right: 1px solid #323232;
  border-top: 1px solid #323232;
}

.optTable_bottom {
  border-bottom: 1px solid #323232;
}

.optW1 {
  background: #323232;
  width: 35px;
  height: 30px;
  vertical-align: top;
}

.optW2 {
  width: 160px;
  height: 30px;
  padding: 7px 5px 5px 5px;
}

.optW3 {
  width: 100px;
  height: 30px;
  padding: 7px 5px 5px 5px;
}

.optW4 {
  width: 350px;
  height: 30px;
  padding: 7px 20px 5px 5px;
}

/*光電話オプション*/
#pull_cable_phone .optW2 {
  width: 180px;
  height: 30px;
  padding: 7px 3px 5px 3px;
  font-size: 0.95em;
}

#pull_cable_phone .optW3 {
  width: 90px;
  height: 30px;
  padding: 7px 3px 5px 3px;
  font-size: 0.95em;
}

#pull_cable_phone .optW4 {
  width: 512px;
  padding: 7px 3px 5px 3px;
  font-size: 0.95em;
}

.pull_internet .optW2 {
  width: 180px;
  height: 30px;
  padding: 7px 3px 5px 3px;
  font-size: 0.95em;
}

.pull_internet .optW3 {
  width: 120px;
  height: 30px;
  padding: 7px 3px 5px 3px;
  font-size: 0.95em;
}

.pull_internet .optW4 {
  width: 120px;
  padding: 7px 3px 5px 3px;
  font-size: 0.95em;
}

.optW5 {
  width: 148px;
  padding: 7px 5px 5px 5px;
}


.optLinkArea01,
.optLinkArea02,
.optLinkArea03,
.optLinkArea04,
.optLinkArea05,
.optLinkArea06,
.optLinkArea07,
.optLinkArea08,
.optLinkArea09,
.optLinkArea10,
.optLinkArea11,
.optLinkArea12,
.optLinkArea13,
.optLinkArea14,
.optLinkArea20,
.optLinkArea21 {
  /* 2015/05/13 「.optLinkArea21」追加 */
  /* 親ボックスを指定 */
  position: relative;
}

.optLink01 {
  position: absolute;
  top: 10px;
  left: 700px;
  font-size: 12px;
}

.optLink02 {
  position: absolute;
  top: 10px;
  left: 700px;
  font-size: 12px;
}

.optLink03 {
  /* 2015/05/13追加 */
  position: absolute;
  top: 20px;
  left: 700px;
  font-size: 12px;
}

.area_border {
  /*width: 860px;*/
  margin: 30px 5px 0 5px;
  border-bottom: 1px solid #DCDCDC;
}

/* IE7ハック含む Start */
#tit_smarttv p,
#tit_cabletv p,
#tit_internet p,
#tit_cable_phone p {
  font-size: 19px;
  font-weight: bold;
  height: 40px;
  display: table-cell;
  layout-grid-line: 40px;
  /* IE7対策 */
  vertical-align: middle;
  padding-left: 55px;
}

#tit_cabletv_name {
  background: url(../../images/sim_tv_ico.png);
  background-repeat: no-repeat;
  background-position: 20px 5px;
  background-size: 30px 30px;
}

#tit_smarttv p {
  background: url(../../images/sim_stb_ico.png);
  background-repeat: no-repeat;
  background-position: 20px 5px;
  background-size: 30px 30px;
}

#tit_milplus p,
#tit_relief_support p {
  font-size: 19px;
  font-weight: bold;
  height: 40px;
  display: table-cell;
  layout-grid-line: 40px;
  /* IE7対策 */
  vertical-align: middle;
  padding-left: 105px;
}

#tit_cabletv .tit_note,
#tit_milplus .tit_note,
#tit_relief_support .tit_note {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  padding-left: 20px;
}

*:first-child + html #tit_cabletv p,
*:first-child + html #tit_milplus p,
*:first-child + html #tit_relief_support p {
  float: left;
}

*:first-child + html #tit_cabletv .tit_note,
*:first-child + html #tit_relief_support .tit_note {
  layout-grid-line: 20px;
  /* IE7対策 2行の場合 */
  float: left;
}

*:first-child + html #tit_milplus .tit_note {
  layout-grid-line: 40px;
  /* IE7対策 1行の場合 */
  float: left;
}

/* IE7ハック含む End */

.btn_pull_cabletv p,
.btn_pull_internet p,
#btn_pull_cable_phone p {
  font-size: 15px;
  color: #FFF;
  font-weight: bold;
  height: 31px;
  display: table-cell;
  layout-grid-line: 31px;
  /* IE7対策 */
  vertical-align: middle;
  padding-left: 11px;
}

#info_smarttv_01 p,
#info_cabletv_01 p,
#info_internet_01 p,
#info_cable_phone_01 p,
#info_milplus_01 p,
#info_relief_support_01 p {
  /*margin-top: 75px;*/
  text-align: center;
}

#info_cabletv_02 p {
  /*margin-top: 95px;*/
  text-align: center;
}

/* IE7ハック含む Start */
.btn_area_01 {
  height: 47px;
  display: table-cell;
  layout-grid-line: 40%;
  /* IE7対策 */
  vertical-align: middle;
  padding: 10px 5px 0 47px;
}

.btn_course_name_01,
.text_course_name_01 {
  width: 300px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2em;
}

.btn_money_01 {
  width: 300px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1em;
}

.btn_money_01 .tax {

}

.btn_money_01 .no_tax {
  font-size: 14px;
}

.btn_course_name_02 {
  width: 180px;
}

.btn_money_02 {
  width: 180px;
  font-size: 18px;
}

.btn_money_02 .tax {

}

.btn_money_02 .no_tax {
  font-size: 12px;
}

*:first-child + html .btn_area_01 {
  padding-top: 4px;
}

/* IE7ハック含む End */

/* IE7ハック含む Start */
.btn_img_01 {
  margin-left: 81px;
}

*:first-child + html .btn_img_01 {
  margin-top: 10px;
}

/* IE7ハック含む End */

/* オプションボタン選択項目の非表示 */
.pull_cabletv ul,
.pull_internet ul,
#pull_cable_phone ul {
  display: none;
}

/* トップ */
#select_top {
  /*background:url(../images/simuration/tit_top_03.jpg);*/
  width: 100%;
  margin-bottom: 30px;
  /*height: 272px;*/
}

#tit_top {
  /*
font-size: 28px;
font-weight: bold;
width: 900px;
height: 53px;
text-align: center;
display: table-cell;
layout-grid-line: 53px;
vertical-align: middle;
margin: 0;
*/
}

#btn_popular_area {
  /*position: relative;
top: 163px;
left: 15px;*/
}

#btn_popular_01 {
  cursor: pointer;
}

/* ミドル */
#select_middle {
  /*background:url(../images/simuration/bg_middle_01.jpg);*/
  width: 900px;
  padding: 20px 0 10px 0;
}

/* smarttv */
#tit_smarttv {
  /*background:url(../images/simuration/subtit_middle_01.jpg);*/
  height: 40px;
  margin: 30px 0 15px 0;
  background: #ffde51;
  color: #fff;
  border-radius: 30px;

}

#area_smarttv {
  /*background:url(../images/simuration/area_step_bg_01.jpg);*/
  border: 1px solid #DCDCDC;
  margin: 0 0 20px 0;
}

#info_smarttv_01 {
  /*background:url(../images/simuration/new_area_step_01-03.jpg);*/
  width: 130px;
  height: 225px;
  float: left;
  text-align: center;
  background-color: #ff4d6a;
}

#area_smarttv ul {
  width: 752px;
  margin: 10px 0 15px 0;
  float: left;
}

#btn_smarttv_01,
#btn_smarttv_02,
#btn_smarttv_03,
#btn_smarttv_04 {
  background: url(../images/simuration/btn_basic_bg_01.jpg);
  width: 362px;
  height: 67px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}

/* cabletv */
#tit_cabletv {
  height: 40px;
  margin: 0 0 15px 0;
  background-color: #51cdff;
  border-radius: 30px;
  color: #fff;
}

#area_cabletv_01 {
  /*background:url(../images/simuration/area_step_bg_01.jpg);*/
  border: 1px solid #DCDCDC;
  width: 100%;
  margin: 0 0 10px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#info_cabletv_01 {
  /*background:url(../images/simuration/area_step_01.jpg);*/
  background-color: #ff4d6a;
  float: left;
  text-align: center;
  height: 92px;
  width: 130px;
}

#step1_cabletv {
  width: 752px;
  margin: 10px 0 15px 0;
  float: left;
  float: left;
}

#btn_cabletv_01,
#btn_cabletv_02 {
  background: url(../images/simuration/btn_basic_bg_01.jpg);
  width: 362px;
  height: 67px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}

#area_cabletv_02 {
  /*background:url(../images/simuration/area_step_bg_01.jpg);*/
  border: 1px solid #DCDCDC;
  width: 100%;
  margin: 0 0 20px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#info_cabletv_02 {
  /*background:url(../images/simuration/area_step_02.jpg);*/
  background-color: #ff4d6a;
  width: 130px;
  text-align: center;
  float: left;
  height: 276px;
}

#step2_cabletv {
  width: 752px;
  margin: 10px 0 15px 0;
  float: left;
}

#btn_cabletv_03,
#btn_cabletv_04,
#btn_cabletv_05 {
  background: url(../images/simuration/btn_basic_bg_02.jpg);
  width: 237px;
  height: 118px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}

.pull_cabletv {
  margin: 10px 0 20px 0;
  cursor: pointer;
}

.pull_cabletv ul {
  margin: 0 25px;
  position: relative;
  top: -1px;
}

/* IE7バグ対策-liタグの隙間*/
.pull_cabletv li {
  margin-bottom: -2px;
}

.btn_pull_cabletv {
  /*background:url(../images/simuration/btn_option_bg_01.jpg);*/
  height: 30px;
  margin: 0;
  background: #323232;
  color: #fff;
  border-radius: 5px;
  position: relative;
}

.btn_pull_cabletv:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  content: "▼";
  font-size: 14px;
  color: #fff;
}

/* internet */
#tit_internet {
  /*background:url(../images/simuration/subtit_middle_03.jpg);*/
  height: 40px;
  margin: 30px 0 15px 0;
  background: #ff9eae;
  border-radius: 30px;
  color: #fff;
}

#tit_internet p {
  background: url(../../images/sim_net_ico.png);
  background-repeat: no-repeat;
  background-position: 20px 5px;
  background-size: 30px 30px;
}

#area_internet {
  /*background:url(../images/simuration/area_step_bg_01.jpg);*/
  border: 1px solid #DCDCDC;
  margin: 0 0 20px 0;
}

#area_internet ul {
  width: 752px;
  margin: 10px 0 15px 0;
  float: left;
}

#info_internet_01 {
  /*background:url(../images/simuration/area_step_03.jpg);*/
  background-color: #ff4d6a;
  width: 130px;
  height: 400px;
  float: left;
  text-align: center;
}

#btn_internet_01 {
  background: url(../images/simuration/btn_basic_bg_03_01.jpg);
  width: 362px;
  height: 67px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
  position: relative;
}

#btn_internet_01:after {
  position: absolute;
  content: "オススメ";
  color: #fff;
  background-color: #ff4d6a;
  padding: 3px;
  right: 5px;
  top: 5px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 12px;
}

#btn_internet_06 {
  background: url(../images/simuration/btn_basic_bg_04_01.jpg);
  width: 362px;
  height: 67px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}

#btn_internet_02,
#btn_internet_03,
#btn_internet_04 {
  background: url(../images/simuration/btn_basic_bg_01.jpg);
  width: 362px;
  height: 67px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}

.pull_internet {
  margin: 10px 0 20px 0;
  cursor: pointer;
}

.pull_internet ul {
  margin: 0 25px;
  position: relative;
  top: -2px;
}

/* IE7バグ対策-liタグの隙間*/
.pull_internet li {
  margin-bottom: -2px;
}

.btn_pull_internet {
  /*background:url(../images/simuration/btn_option_bg_01.jpg);*/
  height: 30px;
  margin: 0 0;
  background: #323232;
  color: #fff;
  border-radius: 5px;
  position: relative;
}

.btn_pull_internet:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  content: "▼";
  font-size: 14px;
  color: #fff;
}

/* cable_phone */
#tit_cable_phone {
  /*background:url(../images/simuration/subtit_middle_04.jpg);
width: 870px;*/
  height: 40px;
  margin: 30px 0 15px 0;
  background: #68f1b4;
  color: #fff;
  border-radius: 30px;
}

#tit_cable_phone p {
  background: url(../../images/sim_tel_ico.png);
  background-repeat: no-repeat;
  background-position: 20px 5px;
  background-size: 30px 30px;
}

#area_cable_phone {
  /*background:url(../images/simuration/area_step_bg_01.jpg);*/
  border: 1px solid #DCDCDC;
  margin: 0 0 20px 0;
}

#area_cable_phone ul {
  width: 752px;
  margin: 10px 0 15px 0;
  float: left;
}

#info_cable_phone_01 {
  /*background:url(../images/simuration/area_step_04.jpg);*/
  width: 130px;
  height: 169px;
  float: left;
  text-align: center;
  background-color: #ff4d6a;
}

#btn_cable_phone_01,
#btn_cable_phone_02 {
  background: url(../images/simuration/btn_basic_bg_04.jpg);
  width: 362px;
  height: 144px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
  line-height: 0.7em;
}

#pull_cable_phone {
  margin: 10px 0 20px 0;
  cursor: pointer;
}

#pull_cable_phone ul {
  margin: 0 25px;
  position: relative;
  top: -2px;
}

/* IE7バグ対策-liタグの隙間*/
#pull_cable_phone li {
  margin-bottom: -2px;
}


#btn_pull_cable_phone {
  /*background:url(../images/simuration/btn_option_bg_01.jpg);*/
  height: 30px;
  margin: 0 0;
  background: #323232;
  color: #fff;
  border-radius: 5px;
  position: relative;
}

#btn_pull_cable_phone:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  content: "▼";
  font-size: 14px;
  color: #fff;
}

/* milplus */
#tit_milplus {
  background: url(../images/simuration/subtit_middle_05.jpg);
  width: 870px;
  height: 40px;
  margin: 0 15px 15px 15px;
}

#area_milplus {
  background: url(../images/simuration/area_step_bg_01.jpg);
  border: 1px solid #DCDCDC;
  width: 870px;
  margin: 0 15px 20px 15px;
}

#info_milplus_01 {
  background: url(../images/simuration/area_step_05.jpg);
  width: 115px;
  height: 122px;
  float: left;
}

#area_milplus ul {
  width: 752px;
  margin: 10px 0 15px 0;
  float: left;
}

#btn_milplus_01 {
  background: url(../images/simuration/btn_basic_bg_01.jpg);
  width: 362px;
  height: 67px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}

#btn_milplus_02 {
  background: url(../images/simuration/btn_basic_bg_01.jpg);
  width: 362px;
  height: 67px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}

/* relief_support */
#tit_relief_support {
  /*background:url(../images/simuration/subtit_middle_05.jpg);
width: 870px;*/
  height: 40px;
  margin: 30px 0 15px 0;
  background: #c77fff;
  color: #fff;
  border-radius: 30px;
}

#tit_relief_support_name {
  background: url(../../images/sim_option_ico.png);
  background-repeat: no-repeat;
  background-position: 20px 10px;
  background-size: 81px 18px;
}

#area_relief_support {
  /*background:url(../images/simuration/area_step_bg_01.jpg);*/
  border: 1px solid #DCDCDC;
  margin: 0 0 0px 0;
}

#info_relief_support_01 {
  /*background:url(../images/simuration/area_step_06.jpg);*/
  width: 130px;
  height: 92px;
  float: left;
  background-color: #ff4d6a;
  text-align: center;
}

#area_relief_support ul {
  width: 752px;
  margin: 10px 0 15px 0;
  float: left;
}

#btn_relief_support_01,
#btn_relief_support_02 {
  background: url(../images/simuration/btn_basic_bg_01.jpg);
  width: 362px;
  height: 67px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}

/* total_amount */
#area_total_amount {
  /*width: 900px;*/
  margin: 15px auto 0 auto;
}

#btn_total_amount_01 {
  float: left;
  cursor: pointer;
}

#bnr_total_amount_01 {
  float: left;
  margin-left: 24px;
  cursor: pointer;
}

/* ボトム */
#select_bottom {
  /*background:url(../images/simuration/bg_bottom_01.jpg);*/
  /*width: 900px;*/
  height: 13px;
}

/* ケーブルライン追加　2015/09/18 */
.opt_title_01 {
  position: absolute;
  width: 35px;
  cursor: default;
  margin-top: 2px;
  margin-left: -25px;
}

.cable_line_info {
  margin-left: -25px;
  padding: 10px 35px;
  width: 783.5px;
  height: 95px;
  z-index: 100;
  border-left: 1px solid #323232;
  border-right: 1px solid #323232;
  border-bottom: 1px solid #323232;
  font-size: 120%;
  cursor: default;
}

.cable_line_info table {
  float: left;
  width: 370px;
  margin-right: 20px;
}

.cable_line_info table th {
  padding: 5px 10px;
  vertical-align: top;
  color: #444;
  background-color: #ffa700;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 100px;
}

.cable_line_info table td {
  font-size: 14px;
  padding: 5px 10px;
  background-color: #FFFFFF;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 260px;
}

/* 合計金額表示画面
------------------------------------------------------------------------------------------------------ */
#total_amount_screen {
  display: none;
}

.separator_line {
  border-bottom: 2px solid #C8C8C8;
  margin: 30px 15px 10px 15px;
}

/* トップ */
#total_amount_top {
  background: url(../images/simuration/tit_total_amount_01.jpg);
  width: 900px;
  height: 55px;
}

/* ミドル */
#total_amount_middle {
  /*background:url(../images/simuration/bg_middle_01.jpg);
width: 900px;*/
  padding: 20px 30px;
}

#total_amount_middle table {
  border-top: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#heading_item_01 {
  background: #323232;
  border-right: 1px solid #DCDCDC;
  font-size: 14px;
  font-weight: normal;
  color: #FFF;
  padding: 10px;
  text-align: left;
}

#heading_item_02 {
  background: #323232;
  border-right: 1px solid #DCDCDC;
  font-size: 14px;
  font-weight: normal;
  color: #FFF;
  padding: 10px;
}

#heading_item_03 {
  background: #323232;
  font-size: 14px;
  font-weight: normal;
  color: #FFF;
  padding: 10px;
}

.text_item_01 {
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  font-size: 13px;
  padding: 10px;
  text-align: left;
}

.text_item_02 {
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  font-size: 13px;
  padding: 10px;
  text-align: center;
}

.text_item_03 {
  border-bottom: 1px solid #DCDCDC;
  font-size: 13px;
  padding: 10px;
  text-align: center;
}

#area_total_amount_01 {
  clear: both;
  /*background:url(../images/simuration/bg_total_amount_01_01.jpg);*/
  height: 31px;
  color: #fff;
  margin: 20px 0;
  position: relative;
}


#text_description_01L {
  float: left;
}

#text_description_01L p {
  background: #323232;
  font-size: 15px;
  font-weight: bold;
  color: #FFF;
  height: 31px;
  display: table-cell;
  layout-grid-line: 31px;
  /* IE7対策 */
  vertical-align: middle;
  padding-left: 11px;
}

#text_description_01R {
  float: right;
}

#text_description_01R p {
  font-size: 18px;
  font-weight: bold;
  height: 31px;
  display: table-cell;
  layout-grid-line: 31px;
  /* IE7対策 */
  vertical-align: middle;
  padding-right: 11px;
  color: #323232;
}

#area_total_amount_02 {
  background-color: #ff3200;
  margin: 20px 0;
  position: relative;
  padding: 20px 0
}

#area_total_amount_02:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #ff3200 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

#area_total_amount_02 #text_description_02 {
  /*width: 870px;*/
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  height: 30px;
  line-height: 1.5em;
  vertical-align: middle;
  text-align: center;
}

#area_total_amount_02 #bg_description_02_top {
  /*background:url(../images/simuration/bg_total_amount_02_top.jpg);
width: 870px;
height: 6px;*/
}

#area_total_amount_02 #bg_description_02_middle {
  background-color: #fff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #FF3200;
  padding: 5px 0;
  vertical-align: middle;
  text-align: center;
  margin: 0 5%;
  width: 90%;
}

#area_total_amount_02 #bg_description_02_bottom {
  /*background-image: url(../images/simuration/bg_total_amount_02_bottom.jpg);
width: 100%;
height: 43px;
background-size: cover;*/
}

#text_description_03 {
  font-size: 30px;
  font-weight: bold;
  color: #FF3200;
  text-align: center;
  padding: 0 15px;
}

#text_description_03 span {
  padding-bottom: 5px;
  border-bottom: 3px solid #FF3200;

}

#area_total_amount_03 {
  width: 282px;
  float: left;
}

#area_total_amount_03 #link_total_amount_01 {
  background: url(../images/simuration/icon_total_amount_01.jpg) no-repeat;
  margin: 20px 0 0 15px;
  padding-left: 15px;
}

#area_total_amount_03 #link_total_amount_02 {
  background: url(../images/simuration/icon_total_amount_01.jpg) no-repeat;
  margin: 10px 0 0 15px;
  padding-left: 15px;
  background-position: 0 5px;
}

#area_total_amount_04 {
  width: 336px;
  float: left;
  margin-left: 282px;
}

#area_total_amount_05 {
  width: 165px;
  float: left;
}

#btn_total_amount_02 {
  background: url(../images/simuration/btn_total_amount_02.png);
  width: 165px;
  height: 32px;
  margin: 40px 0 0 65px;
  cursor: pointer;
  background-size: 100%;
  background-repeat: no-repeat;
}

#btn_total_amount_03 {
  background: url(../images/simuration/btn_total_amount_03.png);
  width: 336px;
  height: 80px;
  margin-top: 26px;
  background-size: 100%;
  background-repeat: no-repeat;
}

/* ボトム */
#total_amount_bottom {
  background: url(../images/simuration/bg_bottom_01.jpg);
  width: 900px;
  height: 13px;
}

/* エラーメッセージ */
#cabletv_block_msg01,
#cabletv_block_msg02,
#cabletv_block_msg03,
#cabletv_block_msg04,
#cabletv_block_msg05,
#cabletv_block_msg06,
#internet_block_msg01,
#internet_block_msg02,
#internet_block_msg03,
#internet_block_msg04,
#internet_block_msg05,
#smarttv_block_msg01,
#smarttv_block_msg02,
#smarttv_block_msg03,
#smarttv_block_msg04,
#smarttv_block_msg05,
#smarttv_block_msg06 {
  position: absolute;
  display: none;
}

#area_cabletv_01,
#area_internet,
#area_smarttv,
#cabletv_pull_option,
#internet_pull_option,
#smarttv_pull_option_ch,
#smarttv_pull_option {
  /* 親ボックスを指定 */
  position: relative;
}

#area_cabletv_01 #cabletv_block_msg01 {
  top: -131px;
  left: 184px;
}

#area_cabletv_01 #cabletv_block_msg02 {
  top: -131px;
  left: 555px;
}

#area_cabletv_01 #cabletv_block_msg03 {
  top: -20px;
  left: 55px;
}

#area_cabletv_01 #cabletv_block_msg04 {
  top: -20px;
  left: 303px;
}

#area_cabletv_01 #cabletv_block_msg05 {
  top: -20px;
  left: 548px;
}

#cabletv_pull_option #cabletv_block_msg06 {
  top: -143px;
  left: 250px;
}

#area_internet #internet_block_msg01 {
  top: -131px;
  left: 184px;
}

#area_internet #internet_block_msg02 {
  top: -131px;
  left: 555px;
}

#area_internet #internet_block_msg03 {
  top: -62px;
  left: 184px;
}

#area_internet #internet_block_msg04 {
  top: -62px;
  left: 555px;
}

#internet_pull_option #internet_block_msg05 {
  top: -143px;
  left: 250px;
}

#area_smarttv #smarttv_block_msg01 {
  top: -131px;
  left: 184px;
}

#area_smarttv #smarttv_block_msg02 {
  top: -131px;
  left: 555px;
}

#area_smarttv #smarttv_block_msg03 {
  top: -62px;
  left: 184px;
}

#area_smarttv #smarttv_block_msg04 {
  top: -62px;
  left: 555px;
}

#smarttv_pull_option_ch #smarttv_block_msg05 {
  top: -143px;
  left: 250px;
}

#smarttv_pull_option #smarttv_block_msg06 {
  top: -143px;
  left: 250px;
}

#btn_internet_05 {
  background: url(../wp-content/themes/kgc/simulator/images/simuration/btn_basic_bg_01.jpg);
  width: 362px;
  height: 67px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}

#btn_cabletv_03,
#btn_cabletv_04,
#btn_cabletv_05 {
  border-right: 1px solid #323232;
}

.sim_top_img {
  margin-top: 20px;
}

.sim_top_text {
  font-size: 14px;
  margin: 5px;
}

.sim_top_border {
  margin: 20px 0;
  height: 1px;
  border: 0;
  background-color: #ff4d6a;
  color: $ff4d6a;
  box-shadow: 0;
}

.sim_each_title_step {
  background: #fff;
  color: #000;
  padding: 2px 7px;
  border-radius: 5px;
  margin: 10px auto 0 auto;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

.sim_each_title {
  font-size: 18px;
  text-align: center;
  margin: 3px 0;
  color: #fff;
  font-weight: bold;
}

.sim_each_link {
  font-size: 12px;
  text-align: center;
  margin: 0;
}

.sim_each_link a {
  color: #fff;
  text-decoration: none;
}

@media screen and (min-width: 769px) {
  #text_description_01L p:after {
    position: absolute;
    content: "";
    border: solid 16px transparent;
    border-left: solid 16px #323232;
    top: 0;
    left: 356px;
  }
}

@media screen and (max-width: 768px) {
  #select_screen {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  #select_middle {
    width: 100%;
  }

  .select_top {
    margin: 0 10px;
  }

  .m_one_cont_none {
    background: #fff;
  }

  /* no float */
  #info_cabletv_01 {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #step1_cabletv {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #info_cabletv_02 {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #step2_cabletv {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #info_smarttv_01 {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #area_smarttv ul {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #info_internet_01 {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #area_internet ul {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #info_cable_phone_01 {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #area_cable_phone ul {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #info_relief_support_01 {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #area_relief_support ul {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
  }

  #info_cabletv_01,
  #info_cabletv_02,
  #info_smarttv_01,
  #info_internet_01,
  #info_cable_phone_01,
  #info_relief_support_01 {
    height: auto;
  }

  #tit_relief_support {
    height: auto;
  }

  #tit_milplus p,
  #tit_relief_support p {
    display: block;
  }

  #area_total_amount {
    text-align: center;
  }

  .tit_note {
    padding-bottom: 5px;
    height: auto !important;
  }

  #note_03 {
    text-align: left;
  }

  .btn_pull_internet,
  .btn_pull_cabletv,
  #btn_pull_cable_phone {
    height: auto;
    padding-right: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  #pull_cable_phone ul {
    margin: 0 !important;
    padding-left: 25px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  .note_basic_01 {
    width: auto;
    margin: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    border: 2px solid #f00;
    box-shadow: 5px;
  }

  .note_basic_top,
  .note_basic_bottom {
    display: none;
  }

  .note_basic_middle_01,
  .note_basic_middle_02 {
    background: none;
  }

  .note_basic_01 span {
    margin-right: 5px;
  }

  .pull_internet ul {
    margin: 0;
  }

  #btn_cabletv_01,
  #btn_cabletv_02,
  #btn_cabletv_03,
  #btn_cabletv_04,
  #btn_cabletv_05,
  #btn_smarttv_01,
  #btn_smarttv_02,
  #btn_internet_01,
  #btn_internet_02,
  #btn_internet_03,
  #btn_internet_04,
  #btn_internet_05,
  #btn_internet_06,
  #btn_cable_phone_01,
  #btn_cable_phone_02,
  #btn_relief_support_01 {
    width: 96%;
    float: none;
    background-color: #fff;
    background-size: auto 110%;
    background-repeat: no-repeat;
    background-position: -1px;
    margin: 5px 2%;
    border: 1px solid #323232;
    font-size: 90%;
  }

  .btn_course_name_01 {
    font-size: 14px;
  }

  .btn_money_01 {
    font-size: 24px;
  }

  .btn_course_name_01,
  .text_course_name_01,
  .btn_money_01,
  .fee_cable_phone_val_01,
  .text_course_name_01 {
    width: auto;
  }

  #btn_total_amount_01 {
    float: none;
  }

  #tit_relief_support_name {
    padding-top: 5px;
  }

  .pull_cabletv ul {
    margin: 0;
  }

  .cable_line_info {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    border: 0;
    margin-left: 0;
  }

  .cable_line_info table {
    width: 100%;
    float: none;

  }

  .cable_line_info {
    font-size: 14px;
    height: auto;
  }

  .cable_line_info table th {
    padding: 10px;
    width: 25%;
    font-size: 14px;
  }

  ..cable_line_info table td {
    padding: 10px;
    width: 75%;
    font-size: 12px;
  }

  #area_total_amount_04 {
    margin-left: none;
    float: none;
    margin: 0 auto;
  }

  #text_description_01L p {
    text-align: center;
    padding: 10px;
    float: none;
  }

  #text_description_01R {
    float: none;
    text-align: center;
  }

  #btn_total_amount_03 {
    width: 100%;
  }

  #text_description_03 span {
    border-bottom: 0;
  }

  #btn_total_amount_02 {
    margin: 65px auto 0 auto;
  }

  #area_total_amount_04 {
    width: 100%;
  }

  #area_total_amount_05 {
    text-align: center;
    margin: 0 auto;
    float: none;
  }

  #text_description_01R p {
    height: auto;
    padding: 10px 0;
    text-align: center;
    display: block;
    line-height: 2em;
  }

  #area_total_amount_01 {
    height: auto;
  }

  #total_amount_middle table {
    border: 0;
  }

  #heading_item_01,
  #heading_item_02,
  #heading_item_03,
  .text_item_01,
  .text_item_02,
  .text_item_03 {
    display: block;
    width: 100%;
    border: none;
    padding: 10px 0;
  }

  #heading_item_01 {
    text-align: center;
  }

  .text_item_01 {
    background: #d1d2d2;
    text-align: left;
  }

  .text_item_02 {
    text-align: left;
  }

  .text_item_03 {
    text-align: left;
  }

  #total_amount_middle {
    padding: 10px;
  }
}