@charset "UTF-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 共通設定およびスマートフォン向けのスタイル
 /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*------シナプス光共通------*/
#main_area {
  width: 100%;
}

#main_area h1 {
  margin-bottom: 0;
}

#container-box {
  width: 95%;
  margin: 20px auto;
  text-align: left;
}

#container-box h2 {
  font-size: 1.3em;
  padding: 0.75em;
  margin: 2em 0 1em 0;
  background-color: #fff5d7;
  border-top: 4px solid #ff8000;
  border-bottom: 1px solid #ff8000;
  font-weight: normal;
}

#container-box h3 {
  font-size: 1.1em;
  padding: 0.5em;
  margin: 1.5em 0;
  border-left: 6px solid #ff8000;
}

#container-box h4 {
  font-size: 1.1em;
  padding: 0.3em;
  margin: 1.5em 0;
  border-bottom: 1px solid #ff8000;
}

#container-box table,
#container-box th,
#container-box td {
  border: 1px solid #000000;
}

#container-box table .border_light {
  border-bottom: 1px solid #D5D5D5;
}

.text-center {
  text-align: center;
}

.width_25 {
  width: 25%;
}

.width_30 {
  width: 30%;
}

.text_s {
  font-size: 0.9em;
}

.bg_pink_r {
  background-color: #FFE1E2;
}

.bg_pink {
  background-color: #FFC3C4;
}

.bg_blue {
  background-color: #9BC5FF;
}

.bg_blue_r {
  background-color: #CDE7FF;
}

/*横並びメニュー1*/
ul#shikari_menu {
  width: 94%;
  margin: 0 auto 3em;
  /*background-color: #ecf9ff;*/
  border: 4px double #336699;
}

ul#shikari_menu li {
  display: inline-block;
  margin: 0;
  /*border: 1px solid red;*/
}

ul#shikari_menu li a {
  display: block;
  margin: 0.5em 0;
  padding: 0.25em 0.5em;
  border-right: 1px dotted #000000;
}

ul#shikari_menu li a.border_none {
  border-right: none;
}

body.s_hikari.merit #nv3_merit {
  color: #d70000;
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  body.s_hikari.merit #nv3_merit {
    background: url(/menu/s_hikari/images/menu_active_home.png) no-repeat center 10px;
  }
}
body.s_hikari.camp #nv3_camp {
  font-weight: bold;
  color: #d70000;
}

@media only screen and (min-width: 769px), print {
  body.s_hikari.camp #nv3_camp {
    background: url(/menu/s_hikari/images/menu_active_campaign.png) no-repeat center 10px;
  }
}
body.s_hikari.service #nv3_service {
  font-weight: bold;
  color: #d70000;
}

@media only screen and (min-width: 769px), print {
  body.s_hikari.service #nv3_service {
    background: url(/menu/s_hikari/images/menu_active_service.png) no-repeat center 10px;
  }
}
body.s_hikari.tel #nv3_tel {
  font-weight: bold;
  color: #d70000;
}

@media only screen and (min-width: 769px), print {
  body.s_hikari.tel #nv3_tel {
    background: url(/menu/s_hikari/images/menu_active_tel.png) no-repeat center 10px;
  }
}
body.s_hikari.option #nv3_option {
  font-weight: bold;
  color: #d70000;
}

@media only screen and (min-width: 769px), print {
  body.s_hikari.option #nv3_option {
    background: url(/menu/s_hikari/images/menu_active_option.png) no-repeat center 10px;
  }
}
body.s_hikari.media #nv3_media {
  font-weight: bold;
  color: #d70000;
}

@media only screen and (min-width: 769px), print {
  body.s_hikari.media #nv3_media {
    background: url(/menu/s_hikari/images/face_2.png) no-repeat center 10px;
  }
}
body.s_hikari.application #nv3_application {
  font-weight: bold;
  color: #d70000;
}

@media only screen and (min-width: 769px), print {
  body.s_hikari.application #nv3_application {
    background: url(/menu/s_hikari/images/menu_active_application.png) no-repeat center 10px;
  }
}
body.s_hikari.faq #nv3_faq {
  font-weight: bold;
  color: #d70000;
}

@media only screen and (min-width: 769px), print {
  body.s_hikari.faq #nv3_faq {
    background: url(/menu/s_hikari/images/menu_active_faq.png) no-repeat center 10px;
  }
}
body.s_hikari.terms #nv3_terms {
  font-weight: bold;
  color: #d70000;
}

@media only screen and (min-width: 769px), print {
  body.s_hikari.terms #nv3_terms {
    background: url(/menu/s_hikari/images/face_2.png) no-repeat center 10px;
  }
}
/*横並びメニュー2*/
ul#shikari_menu2 {
  width: 98%;
  font-size: 13px;
  margin: 0 auto 3em;
  /*background-color: #ecf9ff;*/
  border: 3px solid #336699;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}

ul#shikari_menu2 li {
  display: inline-block;
  margin: 0;
  /*border: 1px solid red;*/
}

ul#shikari_menu2 li a {
  display: block;
  margin: 0.5em 0;
  padding: 0.25em 0.5em;
  border-right: 1px solid #C0C0C0;
}

ul#shikari_menu2 li a.border_none {
  border-right: none;
}

body.s_hikari2.merit #nv3_merit {
  font-weight: bold;
}

body.s_hikari2.camp #nv3_camp {
  font-weight: bold;
}

body.s_hikari2.service #nv3_service {
  font-weight: bold;
}

body.s_hikari2.tel #nv3_tel {
  font-weight: bold;
}

body.s_hikari2.option #nv3_option {
  font-weight: bold;
}

body.s_hikari2.media #nv3_media {
  font-weight: bold;
}

body.s_hikari2.application #nv3_application {
  font-weight: bold;
}

body.s_hikari2.faq #nv3_faq {
  font-weight: bold;
}

body.s_hikari2.terms #nv3_terms {
  font-weight: bold;
}

/*
body.s_hikari2.merit #nv3_merit {font-weight: bold;}
body.s_hikari2.camp #nv3_camp {font-weight: bold;}
body.s_hikari2.service #nv3_service {font-weight: bold;}
body.s_hikari2.tel #nv3_tel {font-weight: bold;}
body.s_hikari2.option #nv3_option {font-weight: bold;}
body.s_hikari2.media #nv3_media {font-weight: bold;}
body.s_hikari2.application #nv3_application {font-weight: bold;}
body.s_hikari2.faq #nv3_faq {font-weight: bold;}
body.s_hikari2.terms #nv3_terms {font-weight: bold;}
*/
/*メール登録ボックス（各ページ下部）*/
#mail_regist,
#apply_regist {
  width: 84%;
  margin: 0 auto 1.5em;
  padding: 1em;
  border: 1px solid #a8a8a8;
  border-top: 4px solid #ff5c26;
  background-color: #fffcdf;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#33000000,Positive=true)";
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#33000000,Positive=true);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.mail_regist_msg {
  font-size: 0.75em;
  margin-bottom: 2em;
}

.s_title {
  background: url(/menu/s_hikari/images/mail_regist.png) no-repeat left center;
  padding-left: 45px;
}

#apply_regist .s_title {
  background: url(/common/img/tel_mark.png) no-repeat left center;
  padding-left: 35px;
}

.s_inquiry_button {
  width: 95%;
}

#container-box .side img {
  margin: 1em auto;
  border: none;
}

#container-box img.line {
  border: 1px #CBCBCB solid;
}

#container-box table {
  border: none;
  margin: 10px 0px 1em 0px;
  border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  font-size: 1em;
}

#container-box table caption {
  text-align: left;
  font-size: 1.2em;
  margin: 0.5em auto 0.5em auto;
}

#container-box table .bg-ye {
  background-color: #fff5d7;
}

#container-box table .bg-blue {
  background-color: #CCDBFF;
}

#container-box table .bg-skyblue {
  background-color: #e0f0ff;
}

#container-box table .bg-pink {
  background-color: #FFE0E0;
}

#container-box td {
  border-bottom: solid 1px #999999;
  border-right: solid 1px #999999;
  border-top: none;
  border-left: none;
  padding: 10px;
}

#container-box th {
  border-bottom: solid 1px #999999;
  border-right: solid 1px #999999;
  border-top: none;
  border-left: none;
  padding: 5px;
  text-align: center;
  background-color: #E7E7E7;
}

/*注意書きリスト(※表示等）*/
#container-box ul.list {
  list-style: disc;
  margin-left: 1em;
}

#container-box ol.attention {
  margin: 1em 0;
  font-size: 0.8em;
}

#container-box ol.attention {
  margin: 1em 0;
  font-size: 0.8em;
  list-style-type: none;
}

#container-box ul.attention {
  margin: 1em 0;
  font-size: 0.8em;
}

#container-box ol.attention li {
  list-style: none;
  margin-left: 0.5em;
}

#container-box ul.attention li {
  list-style: none;
  margin-left: 0.5em;
  margin-bottom: 0.8em;
  padding-left: 1rem;
  text-indent: -1rem;
}

#container-box ol.attention li:before {
  content: "※";
  color: #ff0000;
}

#container-box ul.attention li:before {
  content: "※ ";
  color: #ff0000;
}

#container-box ol.attention {
  counter-reset: num;
  margin: 1em 0;
}

#container-box ol.attention li {
  list-style: none;
  counter-increment: num;
  margin-bottom: 0.8em;
  padding-left: 2rem;
  text-indent: -2rem;
}

#container-box ol.attention li:before {
  content: "※" counter(num) " - ";
  color: #ff0000;
}

.service #container-box #panel2 ol.attention li:before {
  content: "※" counter(num) " - ";
}

.service #container-box #panel1 ol.attention li:before {
  content: "※" counter(num) " - ";
}

/*キャンペーン・申込方法リード文*/
.camp p.lead,
.application p.lead {
  font-size: 2rem;
  text-align: center;
  line-height: 1.2;
  color: #444;
}

/*キャンペーン（転居）テーブル*/
.camp table {
  background-color: antiquewhite;
}

/*キャンペーン注意書きリスト*/
#container-box ul.attention2 li strong,
#container-box ol.attention2 li strong {
  font-weight: normal;
  color: #FF8000;
}

#container-box ol.attention2 {
  margin: 1em 0;
  font-size: 0.9rem;
  line-height: 1.5rem;
  list-style-type: none;
}

#container-box ol.attention2 {
  margin: 1em 0;
  font-size: 0.9rem;
  line-height: 1.7rem;
}

#container-box ol.attention2 {
  margin: 1em 0;
  font-size: 0.9rem;
  line-height: 1.5rem;
  list-style-type: none;
}

#container-box ul.attention2 {
  margin: 1em 0;
  font-size: 0.9rem;
  line-height: 1.5rem;
}

#container-box ol.attention2 li {
  list-style: none;
  margin-left: 0.5em;
  margin-bottom: 0.8em;
  font-size: 0.9rem;
  line-height: 1.5rem;
}

#container-box ul.attention2 li {
  list-style: none;
  margin-left: 0.5em;
  margin-bottom: 1em;
  font-size: 0.9rem;
  line-height: 1.5rem;
}

#container-box ol.attention2 li:before {
  content: "";
  color: #ff0000;
}

#container-box ul.attention2 li:before {
  content: "";
  color: #ff0000;
}

#container-box ol.attention2 {
  counter-reset: num;
  margin: 1em 0;
}

#container-box ol.attention2 li {
  list-style: none;
  counter-increment: num;
}

#container-box ol.attention2 li:before {
  content: "※" counter(num) " - ";
  color: #ff0000;
}

.service #container-box #panel2 ol.attention2 li:before {
  content: "※" counter(num) " - ";
}

.service #container-box #panel1 ol.attention2 li:before {
  content: "※" counter(num) " - ";
}

/*キャンペーン注意書きリストend*/
#container-box #mail {
  border: #DBDBDB 1px solid;
  background: #FFFCDF;
  margin: 2em 0;
  padding: 1em 0;
  clear: both;
}

#container-box #mail .mail_title {
  text-align: center;
}

#container-box #mail .mail_title strong {
  background-image: url(../menu/s_hikari/images/envelope.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 2em;
  color: #CB0000;
  font-size: 1.3em;
}

#container-box #mail p {
  margin: 1em auto;
}

#container-box #mail p.s_inquiry_button {
  background-color: #E1F4FF;
}

/*表をスクロール*/
.table_scroll .scroll_msg {
  font-size: 1.1em;
  color: #D70003;
}

/*dlをテーブル表示*/
#container-box .tbl_list .table {
  display: block;
}

#container-box .tbl_list .tr {
  display: block;
}

#container-box .tbl_list .thead {
  display: block;
}

#container-box .tbl_list .tbody {
  display: block;
}

#container-box .tbl_list .tfoot {
  display: block;
}

#container-box .tbl_list .col {
  display: none;
}

#container-box .tbl_list .colgroup {
  display: none;
}

#container-box .tbl_list .td, .th {
  display: inline-block;
}

#container-box .tbl_list .caption {
  display: block;
}

#container-box .tbl_list .td {
  border-top: 1px solid #999999;
  display: block;
  padding: 10px;
  text-align: left;
}

#container-box .tbl_list .tr {
  display: block;
  margin: 0 0 20px 0;
}

#container-box .tbl_list .title {
  font-weight: bold;
}

#container-box .tbl_list .th {
  display: none;
}

#container-box ul.input_tbl {
  border: 1px solid #999999;
}

#container-box .input_tbl li {
  margin: 0 auto;
  background-color: #FFFFFF;
  padding: 0.5em;
}

#container-box .tbl_list dl {
  margin: 0 auto;
  background-color: #eeeeee;
  border: 1px solid #999999;
  border-top: none;
}

#container-box .tbl_list dd {
  border-top: 1px solid #999999;
  border-left: 1px dashed #999999;
  padding: 0.5em;
  margin-left: 9em;
  margin-bottom: 0;
  margin-top: 0;
  background-color: #ffffff;
}

#container-box .tbl_list dt {
  border-top: 1px solid #999999;
  padding: 0.5em;
  font-weight: bold;
  float: left;
  width: 8em;
  margin: 0;
}

#container-box .w_l dd {
  margin-left: 15em;
}

#container-box .w_l dt {
  width: 14em;
}

/* Dialog buttons */
.mail-button {
  font-size: 16px;
  display: inline-block;
  width: 240px;
  margin: 0 0 5px 0;
  padding: 9px 0;
  cursor: pointer;
  transition: all 0.2s ease-out;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  background-clip: padding-box;
}

/*.mail-button {
    color: #16a085;
    border: 2px solid #666666;
    background: #eeeeee;
}

.mail-button:hover,
.mail-button:active {
    color: #f4f4f4;
    background: #c0392b;
}*/
/*------トップページ------*/
#container-box div.titleimg img {
  width: 100%;
  margin: 0 auto 1em auto;
}

.merit #container-box div.titleimg img {
  display: none;
  margin: 0;
}

#container-box div.titleimg_index img {
  width: 100%;
  margin: 0 auto 1em auto;
}

#container-box div.titleimg_index h1 {
  border: none;
  padding: 0;
  width: 100%;
}

#merit {
  border: #BBBBBB 1px solid;
  margin: 3em 1em 1em 1em;
  padding: 0 1em 0 1em;
}

#merit_list .merit_box {
  border-top: #8A8A8A 1px dashed;
  padding: 1em;
  background-color: #FFFFFF;
  text-align: center;
}

#merit h3 {
  color: #FFFFFF;
  background-color: #ff8000;
  text-align: center;
  padding: 0.3em;
}

#merit_list .merit_box img {
  margin-bottom: 0.5em;
}

.info {
  width: 90%;
  margin: 0 auto;
  padding: 1em;
  background: #fff5d7;
}

/*------サービスプラン・料金------*/
/*切り替え用タブ*/
ul.tab {
  /*	margin:0 0.8em 0 0.8em;*/
  border-bottom: 4px solid #FF8000;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

ul.tab li {
  width: 50%;
}

ul.tab li a {
  outline: none;
  display: block;
  padding: 1em 0 0.75em;
  border: 1px solid #bbbbbb;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  color: #bbbbbb;
  text-align: center;
}

ul.tab li a:hover {
  border-color: #FF8000;
  color: #FF8000;
}

.camp ul.tab li#tab1,
.camp ul.tab li#tab2,
.application ul.tab li#tab1,
.application ul.tab li#tab2 {
  width: 33%;
  margin-right: 0.5%;
}

.camp ul.tab li#tab3,
.application ul.tab li#tab3 {
  width: 33%;
}

ul.tab li a.selected {
  border-color: #FF8000;
  background-color: #FF8000;
  color: #FFFFFF;
  cursor: default;
  text-decoration: none;
}

div.panel {
  margin: 0 0 1rem;
  /*	margin:0 0.8em 0 0.8em;*/
}

div.panel div#panel1,
div.panel div#panel2,
div.panel div#panel3 {
  padding: 3rem 0 0;
}

#initial_home,
#initial_apart {
  border: 1px dashed #666666;
  margin-bottom: 2em;
  padding: 1em;
}

#initial_home ul li,
#initial_apart ul li {
  display: inline-block;
  margin: 0 0.25em 0.75em 0;
  /*border: 1px solid red;*/
}

#initial_home ul li a,
#initial_apart ul li a {
  display: block;
  padding: 0.25em 2em;
  border: 2px solid #16a085;
  background: #ffffee;
  border-radius: 1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 1.2em;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

.graph_button {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  margin-bottom: 15px;
}

#initial_home ul li a.selected,
#initial_apart ul li a.selected {
  background: #DDF786;
  border: 2px solid #16a085;
  font-weight: bold;
  /*color: #ffffff;*/
}

#container-box p.getugaku {
  margin-bottom: 2em;
}

#container-box .getugaku .ryoukin_setuzoku {
  display: block;
  padding: 0 1% 1% 1%;
  background-color: #e7ffdb;
  text-align: center;
  width: 80%;
}

#container-box .getugaku .ryoukin_hikari {
  display: block;
  padding: 0 1% 1% 1%;
  background-color: #e0f0ff;
  text-align: center;
  width: 80%;
}

/**月額料金合計**/
#container-box .getugaku .ryoukin_goukei {
  display: block;
  padding: 0 1% 1% 1%;
  background-color: #FFFDCE;
  text-align: center;
  width: 80%;
}

#container-box .getugaku .ryoukin_goukei2 {
  display: block;
  text-align: center;
  width: 80%;
}

#container-box .getugaku {
  display: block;
  padding: 1% 1% 1% 1%;
  /**	background-color: #FFFDCE;**/
  text-align: center;
  width: 80%;
}

#container-box .getugaku .ryoukin_setuzoku strong {
  border-bottom: #85B757 solid 1px;
}

#container-box .getugaku .ryoukin_hikari strong {
  border-bottom: #74B3FF solid 1px;
}

#container-box .getugaku .ryoukin_goukei strong {
  border-bottom: #FF8C00 solid 1px;
}

#container-box .getugaku .plus {
  display: block;
  padding: 2%;
  text-align: center;
  width: 80%;
}

#container-box .getugaku strong {
  display: block;
  text-align: center;
  padding: 2%;
  margin-bottom: 2%;
}

#container-box p.ryoukin {
  margin-bottom: 2em;
}

#container-box .ryoukin .ryoukin_keiyaku {
  display: block;
  padding: 0 1% 1% 1%;
  background-color: #e7ffdb;
  text-align: center;
}

#container-box .ryoukin .ryoukin_hinmoku {
  display: block;
  padding: 0 1% 1% 1%;
  background-color: #e0f0ff;
  text-align: center;
}

#container-box .ryoukin .ryoukin_keiyaku strong {
  border-bottom: #85B757 solid 1px;
}

#container-box .ryoukin .ryoukin_hinmoku strong {
  border-bottom: #74B3FF solid 1px;
}

#container-box .ryoukin .plus {
  display: block;
  padding: 2%;
  text-align: center;
}

#container-box .ryoukin strong {
  display: block;
  text-align: center;
  padding: 2%;
  margin-bottom: 2%;
}

#container-box table.ryoukin {
  width: 100%;
}

#container-box table.ryoukin th {
  font-size: 0.9em;
}

#container-box table.ryoukin .line_type {
  display: block;
  border-top: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
  font-weight: normal;
  background-color: #F0F0F0;
  margin-top: 0.3em;
  padding: 0.1em;
}

#container-box table.ryoukin .bg_green {
  background-color: #E7FFDB;
}

#container-box .fee_graph dt {
  margin-left: 1em;
  font-size: 1.1em;
  color: #ff8800;
}

#container-box .fee_graph dd {
  margin-left: 1em;
}

.box1 { /*20160520追加 - 初期費用部分*/
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 5px 5px 0 0;
  font-size: 1.25rem;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
}

.box2 {
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 25px 2rem;
  border-radius: 0 0 5px 5px;
  font-size: 1em;
  text-align: center;
}

.initial_shinki .box1 {
  background-color: #fb4b85;
}

.initial_tenyo .box1 {
  background-color: #0082BA;
}

.initial_shinki .box2 {
  border: 2px solid #fb4b85;
}

.initial_tenyo .box2 {
  border: 2px solid #0082BA;
}

.initial_tenyo .box2 p {
  margin-top: 0;
}

.waribiki_lead { /*初期費用*/
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #E7336E;
}

.waribiki_ryoukin { /*平日割&キャンペーン適用後の料金*/
  font-size: 6rem;
  line-height: 1;
}

/*************** ローカルメニュー改善 20160203 ************************/
.table-ul {
  display: none;
  width: 80%;
  margin: 10px auto 20px;
  /*	border: 1px solid #aaaaaa;*/
}

@media only screen and (min-width: 769px), print {
  .table-ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    /*			border: 2px solid #aaaaaa;*/
    font-size: 0.9rem;
    text-align: center;
  }
}
.table-ul > li {
  border-bottom: 1px dotted #aaaaaa;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li {
    display: table-cell;
    border-bottom: none;
    border-right: 1px dotted #aaaaaa;
  }
}
.table-ul > li.last_element {
  border-bottom: none;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li.last_element {
    border-right: none;
  }
}
/* シナプス光ローカルメニューアイコンのオンマウスによる切り替えここから */
.table-ul > li a {
  display: block;
  padding: 0.5rem;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a {
    padding: 4.75rem 0 0.5rem;
    /*			background: url(/menu/s_hikari/images/face.png) no-repeat center 10px;*/
    line-height: 1.15;
  }
}
.table-ul > li a:hover {
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a:hover {
    /*			background: url(/menu/s_hikari/images/face_2.png) no-repeat center 10px;*/
  }
}
.table-ul > li a#nv3_merit { /*ホーム*/
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_merit {
    background: url(/menu/s_hikari/images/menu_home.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_merit:hover {
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_merit:hover {
    background: url(/menu/s_hikari/images/menu_active_home.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_service { /*料金・サービス*/
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_service {
    background: url(/menu/s_hikari/images/menu_service.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_service:hover {
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_service:hover {
    background: url(/menu/s_hikari/images/menu_active_service.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_camp { /*キャンペーン*/
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_camp {
    background: url(/menu/s_hikari/images/menu_campaign.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_camp:hover {
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_camp:hover {
    background: url(/menu/s_hikari/images/menu_active_campaign.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_tel { /*電話*/
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_tel {
    background: url(/menu/s_hikari/images/menu_tel.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_tel:hover {
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_tel:hover {
    background: url(/menu/s_hikari/images/menu_active_tel.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_option { /*オプション*/
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_option {
    background: url(/menu/s_hikari/images/menu_option.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_option:hover {
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_option:hover {
    background: url(/menu/s_hikari/images/menu_active_option.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_application { /*お申し込み*/
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_application {
    background: url(/menu/s_hikari/images/menu_application.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_application:hover {
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_application:hover {
    background: url(/menu/s_hikari/images/menu_active_application.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_faq { /*FAQ*/
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_faq {
    background: url(/menu/s_hikari/images/menu_faq.png) no-repeat center 10px;
  }
}
.table-ul > li a#nv3_faq:hover {
  font-weight: bold;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li a#nv3_faq:hover {
    background: url(/menu/s_hikari/images/menu_active_faq.png) no-repeat center 10px;
  }
}
/* シナプス光グローバルメニューのオンマウスによる切り替えここまで */
.table-ul > li:last-child {
  text-align: center;
  background-color: #aaaaaa;
}

@media only screen and (min-width: 769px), print {
  .table-ul > li:last-child {
    display: none !important;
  }
}
.lm_close > a {
  color: #ffffff;
}

.lm {
  width: 80%;
  margin: 0 auto 0.25rem;
}

@media only screen and (min-width: 769px), print {
  .lm {
    display: none;
  }
}
.lm > li {
  padding: 0.5rem;
  border: 1px solid #aaaaaa;
  text-align: center;
  cursor: pointer;
}

.arrow_down {
  background: url(/menu/s_hikari/images/localmenu_back_down.png) no-repeat 98% center;
}

.arrow_up {
  background: url(/menu/s_hikari/images/localmenu_back_up.png) no-repeat 98% center;
}

/*************** End of ローカルメニュー改善 20160203 *****************/
.serviceBanner {
  margin-top: 3em;
  text-align: center;
}

.serviceBanner li {
  display: inline-block;
  margin-right: 0;
}

@media only screen and (min-width: 769px), print {
  .serviceBanner li {
    margin-right: 15px;
  }
}
.serviceBanner li:last-of-type {
  margin-right: 0;
}

.serviceBanner li a {
  display: block;
  width: 175px;
  height: 80px;
  background-position: left -80px;
}

@media only screen and (min-width: 769px), print {
  .serviceBanner li a {
    width: 400px;
    height: 181px;
    background-position: left -181px;
  }
}
.serviceBanner li a:hover {
  background-position: top left;
}

.sbNavi_access {
  background: url(/menu/s_hikari/images/service_banner_access.png) no-repeat;
  background-size: cover;
}

.sbNavi_lite {
  background: url(/menu/s_hikari/images/service_banner_lite.png) no-repeat;
  background-size: cover;
}

.sbNavi-on {
  background-position: top left !important;
}

.sbNavi-off {
  background-position: left -181px;
}

.appBanner {
  margin-top: 3em;
  text-align: center;
}

.appBanner li {
  display: inline-block;
  margin-right: 0;
}

@media only screen and (min-width: 769px), print {
  .appBanner li {
    margin-right: 15px;
  }
}
.appBanner li:last-of-type {
  margin-right: 0;
}

.appBanner li a {
  display: block;
  width: 175px;
  height: 80px;
  /*background-position: left -80px;*/
}

@media only screen and (min-width: 769px), print {
  .appBanner li a {
    width: 400px;
    height: 181px;
    opacity: 0.4;
    /*background-position: left -181px;*/
  }
}
.appBanner li a:hover {
  background-position: top left;
  opacity: 1;
}

.appNavi_h {
  background: url(/menu/s_hikari/images/cmp_h.png) no-repeat;
  background-size: cover;
  height: 100px !important;
}

.appNavi_hd {
  background: url(/menu/s_hikari/images/cmp_hd.png) no-repeat;
  background-size: cover;
  height: 100px !important;
}

.appNavi-on {
  /*background-position: top left !important;*/
  opacity: 1 !important;
}

.appNavi-off {
  /*background-position: left -181px;*/
  opacity: 0.4 !important;
}

/*------シナプスでんわとは------*/
.about {
  margin-left: 2em;
}

/*プラスプランバンドルマーク*/
.plus-bundle {
  width: 40px;
  color: white;
  font-size: 0.7em;
  padding: 0.3em;
  white-space: nowrap;
  background-color: #6BE453;
  margin-left: 0.3em;
  /*background-color: #ecf9ff;*/
  border: 0px;
  border-radius: 3px; /* CSS3草案 */
  -webkit-border-radius: 3px; /* Safari,Google Chrome用 */
  -moz-border-radius: 3px; /* Firefox用 */
}

/*------申し込み方法------*/
#container-box ol.step strong {
  font-size: 1.1em;
}

#container-box ol.step li {
  list-style: none;
  counter-increment: num;
  background-color: #EAF7FF;
  padding: 1em;
  margin-top: 1em;
  border: #D9D9D9 solid 1px;
}

#container-box ol.step li .box {
  background-color: #FFFFFF;
  border: #D9D9D9 solid 1px;
  margin-top: 1em;
  padding: 0.5em;
  /*position:relative;*/
}

#container-box ol.step li .box_sc_apply {
  position: relative;
  padding: 1em 0 1em 0;
}

#container-box ol.step li .box .line {
  border-bottom: #D9D9D9 solid 1px;
}

#container-box ol.step li ul {
  margin-left: 2em;
}

#container-box ol.step li li {
  list-style: disc;
  counter-increment: none;
  padding: 0;
  margin-top: 0;
  border: none;
  background-color: #FFFFFF;
}

#container-box ol.step li:before {
  content: "ステップ" counter(num) " - ";
}

#container-box ol.step li li:before {
  content: normal;
}

#container-box ol.step li .box strong {
  border-bottom: 1px dashed #B7B6B6;
  padding-bottom: 0.3em;
  margin-bottom: 0.5em;
  display: block;
}

#container-box ol.step .sc img {
  display: none;
}

#preparation {
  border: #C00003 solid 1px;
  padding: 1em;
}

#preparation p {
  margin: 1em auto;
}

#preparation .s_inquiry_button {
  width: 80%;
  background-color: #fffcdf;
}

#container-box .app_msg {
  margin-top: 2em;
  padding: 0.75rem 1rem;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  line-height: 1.5em;
}

#container-box .app_button {
  display: block;
  width: 75%;
  margin: 1em;
  padding: 0.75em;
  background: url(/common/img/sp_style_arrow.png) no-repeat 95% 45% #ffffcc;
  border: 1px solid orange;
}

/*お申し込みはこちらボタン*/
#container-box .app_button2 {
  color: white;
  font-weight: bold;
  font-size: 2rem;
  display: block;
  width: 65%;
  margin: 1em;
  padding: 0.5em;
  background: url(/common/img/sp_style_arrow02.png) no-repeat 95% 45% orange;
  border: 2px solid #FF8000;
  border-radius: 4px;
  box-shadow: 0 10px #FF8000;
  margin: 60px auto 100px;
  text-align: center;
}

/*------注意事項------*/
.all_open {
  /*position: absolute;*/
  display: inline-block;
  margin-top: 1rem;
  margin-left: 1rem;
  padding: 0 0.5rem;
  color: #666666;
  font-size: 1rem;
  font-weight: normal;
  background-color: #eeeeee;
}

@media only screen and (min-width: 769px), print {
  .all_open {
    margin-top: 0;
    margin-left: 2rem;
    vertical-align: middle;
  }
}
.item_q {
  /*padding: 1em 1em 1em 30px;*/
  background: url(/menu/s_hikari/images/q.png) no-repeat left 15px;
  border: 1px solid #ffffff;
  border-bottom: 1px dashed #666666;
  cursor: pointer;
}

.item_a {
  /*padding: 1em 1em 1em 30px;*/
  background: url(/menu/s_hikari/images/a.png) no-repeat left 15px;
  background-color: #ffffcc;
  border: 1px solid #ffffcc;
  border-bottom: 2px solid #666666;
}

.item_q p,
.item_a p {
  margin: 1em 1em 1em 30px !important;
}

.item_q table,
.item_a table {
  margin: 1em 1em 1em 60px;
  border: 1px solid #666666;
}

.item_q th,
.item_a th,
.item_q td,
.item_a td {
  padding: 0.25em;
  border: 1px solid #666666;
}

.item_q ul,
.item_q ol,
.item_a ul,
#container-box .item_a ol {
  margin: 1em 1em 1em 50px;
}

.item_q dl,
.item_a dl {
  margin: 1em 1em 1em 60px;
}

.item_q dt,
.item_a dt {
  float: left;
}

.item_q dd,
.item_a dd {
  text-indent: 1em;
}

.item_no_border {
  border-bottom: none;
}

/*------メールアドレス登録------*/
body.s_hikari.mail #container-box h2 {
  background-color: transparent;
  border: none;
  font-weight: bold;
}

body.s_hikari.mail #container-box h3 {
  padding: 0;
  padding-left: 1em;
  margin-left: 1em;
}

#container-box p.mail_msg {
  width: 90%;
  margin: 1em auto;
}

#mail_area {
  width: 90%;
  margin: 2em auto;
  border: 1px solid #666666;
  background-color: #fffcdf;
}

#mail_area p,
#mail_area ul {
  margin: 0 1em 1em 3em;
}

#mail_area dl {
  width: 90%;
  margin: 0 1em;
}

#mail_area dl dt {
  padding: 0.5em;
  background-color: #faffbd;
  border: 1px solid #85b200;
}

#mail_area ul li {
  display: inline-block;
  margin-right: 0.5em;
}

#mail_area #checkout strong {
  font-size: 2em;
}

body.s_hikari.mail input[type=text] {
  width: 80%;
  padding-left: 0.5em;
  height: 2em;
}

body.s_hikari.mail input[type=submit],
body.s_hikari.mail input[type=button] {
  margin-top: 2em;
  padding: 0.75em;
}

/*------利用規約------*/
div#shikari_kiyaku {
  height: 300px;
  border: 1px solid #666;
  margin: 0 auto;
  padding: 10px;
  overflow: auto;
  font-size: 0.9em;
}

div#shikari_kiyaku h2 {
  background-color: #eee;
  border: 1px solid #ccc;
  color: #000;
  font-size: 1em;
  padding: 0.3em;
  margin: 0 0 1em 0;
}

div#shikari_kiyaku p {
  padding: 0.5em 0 0.5em 0;
  margin: 0.5em 0 0.5em 0;
  line-height: 1.5em;
}

div#shikari_kiyaku dl {
  margin: 0 0 0 1em;
  line-height: 1.2em;
  padding: 0 0 1em 1em;
}

div#shikari_kiyaku dt {
  margin: 0;
  padding: 0.2em 0 0.5em 0.5em;
  text-indent: -2em;
}

div#shikari_kiyaku dd {
  margin: 0 0 0 0.5em;
  padding: 0 0 0.5em 0;
}

div#dkiyaku dd ul {
  list-style: none;
  list-style-position: outside;
  margin: 0.5em 0;
}

div#shikari_kiyaku dd ul li {
  text-indent: -2em;
  padding-left: 3em;
  margin-bottom: 0.3em;
}

div#shikari_kiyaku dd ul li td {
  text-indent: 0;
}

div#dkiyaku .indent {
  text-indent: -1.5em;
  padding-left: 1.7em;
}

div#shikari_kiyaku table {
  font-size: 1em;
}

div#shikari_kiyaku table caption {
  margin-top: 3em;
  border-bottom: 1px dashed #666;
  text-align: left;
}

div#shikari_kiyaku .indent {
  text-indent: -1.5em;
  padding-left: 1.7em;
}

div#shikari_kiyaku .fusoku {
  margin: 0 0 0 2em;
  padding: 0 0 0.5em 0;
  text-align: left;
}

div#shikari_kiyaku .label_length {
  width: 25%;
}

.download {
  margin: 2em 1em 1em 1em;
}

.download strong {
  border-left: 7px solid #ccc;
  font-size: 1em;
  margin: 0 0 1em;
  padding-left: 0.5em;
}

.download ul {
  margin: 0 0 2em 1em;
}

.download ul li {
  margin-bottom: 1em;
}

.pdfinfo {
  border: #BD0003 solid 1px;
  padding: 0.5em;
  margin-top: 1em;
}

.pdfinfo img {
  margin: 0.5em;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Media Queries による切り替え
 /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* タブレット向けのスタイル： 481px～768px */
/* PC向けのスタイル： 769px～ */
@media only screen and (min-width: 769px), print {
  /*------シナプス光共通------*/
  #main_area {
    width: 100%;
  }
  #container {
    width: 920px;
    font-size: 1.05em;
  }
  #container-box table .nowrap {
    white-space: nowrap;
  }
  #mail_regist,
  #apply_regist {
    width: 198px;
    margin: 0 0 10px auto;
    padding: 10px;
  }
  #container-box .side img {
    float: left;
    margin: 1em 15px 0 0;
  }
  #container-box dt {
    clear: both;
  }
  #container-box #mail .button {
    width: 80%;
  }
  .width_40 {
    width: 40%;
  }
  .width_20 {
    width: 20%;
  }
  .width_12 {
    width: 12%;
  }
  .width_15 {
    width: 15%;
  }
  /*dlをテーブル表示*/
  #container-box .tbl_list .table {
    display: table;
  }
  #container-box .tbl_list .tr {
    display: table-row;
  }
  #container-box .tbl_list .thead {
    display: table-header-group;
  }
  #container-box .tbl_list .tbody {
    display: table-row-group;
  }
  #container-box .tbl_list .tfoot {
    display: table-footer-group;
  }
  #container-box .tbl_list .col {
    display: table-column;
  }
  #container-box .tbl_list .colgroup {
    display: table-column-group;
  }
  #container-box .tbl_list .td, .th {
    display: table-cell;
  }
  #container-box .tbl_list .caption {
    display: table-caption;
  }
  #container-box .tbl_list {
    display: table;
    border-collapse: collapse;
    margin: 0 auto 20px auto;
    width: 95%;
  }
  #container-box .tbl_list header {
    display: table-header-group !important;
  }
  #container-box .tbl_list .tbody {
    display: table-row-group;
  }
  #container-box .tbl_list .tr {
    display: table-row;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
  }
  #container-box .tbl_list .td {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px dashed #999999;
    border-left: none;
    display: table-cell;
    padding: 10px;
    text-align: left;
  }
  #container-box .tbl_list .options {
    text-align: center;
  }
  #container-box .tbl_list .th {
    display: table-cell;
    background: #eeeeee;
    padding: 0.5em;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px dashed #999999;
    border-left: none;
    font-weight: bold;
  }
  #container-box .tbl_list .title {
    display: none;
  }
  #container-box .tbl_list .no-style-break {
    display: none;
  }
  #container-box .tbl_list .spacer {
    display: none;
  }
  #container-box .tbl_list .br {
    display: block;
  }
  #container-box .tbl_list dt.text-center {
    text-align: center;
  }
  #container-box .tbl_list dd.text-center {
    text-align: center;
  }
  /* ----- トップページ --------*/
  #merit {
    padding: 0 2em 2em 2em;
  }
  #merit_list {
    background-color: #eeeeee;
    margin: 1em auto;
    padding: 1em 0 1.5em 4%;
  }
  #merit_list .merit_box {
    float: left;
    margin-left: 1em;
    margin-top: 0.5em;
    min-height: 11em;
    padding: 1em;
    width: 38%;
    border-right: 1px solid #bbbbbb;
    border-top: none;
    border-bottom: #BBBBBB 1px solid;
  }
  /*------メールアドレス登録------*/
  #mail_area input[type=text] {
    width: 60%;
  }
  #mail_area dl {
    margin: 0 2em;
  }
  /*------サービスプラン・料金------*/
  #container-box .getugaku .ryoukin_setuzoku {
    float: left;
    width: 30%;
  }
  #container-box .getugaku .ryoukin_hikari {
    float: left;
    width: 30%;
  }
  #container-box .getugaku .plus {
    float: left;
    width: 2%;
  }
  #container-box .getugaku .ryoukin_goukei {
    float: left;
    width: 20%;
  }
  #container-box .ryoukin .ryoukin_keiyaku {
    float: left;
    width: 43%;
  }
  #container-box .ryoukin .ryoukin_hinmoku {
    float: left;
    width: 43%;
  }
  #container-box .ryoukin .plus {
    float: left;
    /**width:4%;**/
  }
  #container-box table .br {
    display: block;
  }
  /*------利用規約------*/
  div#shikari_kiyaku {
    height: 500px;
  }
  /*表をスクロール*/
  .table_scroll {
    overflow-x: visible;
  }
  /*------申し込み方法------*/
  #container-box ol.step li p {
    margin-left: 5.5em;
  }
  #container-box ol.step li .box {
    margin-left: 5.5em;
  }
  #container-box ol.step .sc {
    min-height: 145px;
    padding: 1em 1em 1em 100px;
  }
  #container-box #panel2 ol.step .sc {
    min-height: 110px;
  }
  #container-box ol.step .sc .text {
    margin-left: 8em;
  }
  #container-box ol.step .sc img {
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    display: block;
    left: 0.5em;
    margin-top: 0;
    position: absolute;
    top: 1em;
  }
  #container-box #panel2 ol.step .sc img {
    top: 0.5em;
  }
  #container-box ol.step #to_apply img {
    padding: 0.8em;
  }
  #preparation {
    margin: 3em;
    text-align: center;
  }
}
/* 印刷専用CSS */
@media only print {
  #shikari_timg,
  #shikari_gmenu {
    display: none;
  }
}