@charset "UTF-8";
/*

	Build source files are ..
	└ compass/reset
	└ /css/
	  └ _sprites
	  └ _extentions
	  └ _animations
	  └ _modules
	  └ _common

*/
/* --------------------------------------------------
	Reset
-------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

body{
	-webkit-font-smoothing: antialiased;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: "Miso-Bold";
  src: url("/assets/font/MISO-BOL.eot?") format("eot"), url("/assets/font/MISO-BOL.woff") format("woff"), url("/assets/font/MISO-BOL.ttf") format("truetype"), url("/assets/font/MISO-BOL.svg#Miso-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
textarea, select, option {
  border-radius: 0;
}

/* --------------------------------------------------
	Animations
-------------------------------------------------- */
/* --------------------------------------------------
	Modules
-------------------------------------------------- */
.pageTitle {
  height: 30px;
  margin: 5px 0;
  padding: 7px 0 0;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-family: "UD Shin Maru Go Medium";
  color: #00a23f;
}

.tableStyleA {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 15px 0;
  background-color: white;
  border-collapse: separate;
}
.tableStyleA .cap {
  display: table-caption;
  vertical-align: middle;
  padding: 7px 5px 5px;
  background-color: #00a23f;
  color: white;
  font-weight: bold;
  font-family: "UD Shin Maru Go Medium";
  font-size: 10px;
  font-size: 0.625rem;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tableStyleA .tr {
  display: table-row;
}
.tableStyleA .td {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  font-size: 10px;
  font-size: 0.625rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tableStyleA .green {
  color: #00a23f;
  font-weight: bold;
}
.tableStyleA a > .green {
  text-decoration: underline;
}
.tableStyleA .splR {
  border-right: 2px solid white;
}
.tableStyleA .bdbS {
  border-bottom: 1px solid #00a23f;
}
.tableStyleA .bdbD {
  background-image: url("/sph/images/common/tbl_dot_x.png");
  background-position: left bottom;
  background-repeat: repeat-x;
  -webkit-background-size: 2px 1px;
  -moz-background-size: 2px 1px;
  -ms-background-size: 2px 1px;
  background-size: 2px 1px;
}
.tableStyleA span.tel {
  color: #ed1e79;
}
.tableStyleA span.pink {
  color: #ed1e79;
}
.tableStyleA span.greenBg {
  background-color: #00a23f;
  color: white;
  padding: 1px 3px;
}
.tableStyleA .w50 {
  width: 50px;
}
.tableStyleA .w60 {
  width: 60px;
}
.tableStyleA .w70 {
  width: 70px;
}
.tableStyleA .w80 {
  width: 80px;
}

.tableStyleB {
  width: 100%;
  background-color: white;
  border-left: 1px solid #00a23f;
  border-spacing: 0px;
  margin: 0px;
  border-collapse: collapse;
}
.tableStyleB th,
.tableStyleB td {
  height: 59px;
  padding: 5px 10px;
  border-right: 1px solid #00a23f;
  border-bottom: 1px solid #00a23f;
  vertical-align: middle;
  line-height: 14px;
  font-weight: bold;
  text-align: center;
	word-break: break-all;
}
.tableStyleB th {
  padding: 10px;
  background-color: #c0e70a;
  color: #156a23;
  font-size: 12px;
}

.tableStyleB th .taL{
	height:auto !important;
}
.tableStyleB th.cap {
  border-right: 1px solid white;
  border-bottom: 1px solid #00a23f;
  background-color: #00a23f;
  color: white;
  font-size: 10px;
}
.tableStyleB th.capEnd {
  border-right: 2px solid #00a23f;
}
.tableStyleB td {
  color: #555555;
  font-size: 10px;
}
.tableStyleB td .green {
  text-decoration: underline;
  color: #00a23f;
}
.tableStyleB .taL {
	height:100%;
  text-align: left;
}
.tableStyleB .colW1 {
  width: 82px;
}
.tableStyleB .colW2 {
  width: 40px;
}
.tableStyleB .colW3 {
  width: 40px;
}
.tableStyleB .colW4 {
  width: 40px;
}
.tableStyleB .colW5 {
  width: 40px;
}
.tableStyleB .colW6 {
  width: 40px;
}
.tableStyleB .colW7 {
  width: 75px;
}
.tableStyleB .colW8 {
  /*width: 106px;*/
}

.tableStyleB th.tth{
	height:auto !important;
	color:#FFF !important;
	background-color:#156a23 !important;
	text-align:left !important;
	padding:25px 15px !important;
	font-size:16px !important;
}

.tableStyleC {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
}
.tableStyleC th {
  padding: 15px 5px;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
  color: white;
  vertical-align: top;
  background-color: #00a23f;
  border-right: 1px solid #00a23f;
  border-bottom: 1px solid white;
}
.tableStyleC td {
  padding: 10px;
  font-size: 11px;
  vertical-align: middle;
  line-height: 16px;
  background-color: white;
  border-right: 1px solid #00a23f;
  border-bottom: 1px solid #00a23f;
}
.tableStyleC td .pink {
  color: #ed1e79;
}
.tableStyleC td .green {
  color: #00a23f;
  font-weight: bold;
}
.tableStyleC td a > .green {
  text-decoration: underline;
}
.tableStyleC .capL {
  padding: 10px;
  border-left: 1px solid #00a23f;
  border-right: 1px solid #00a23f;
  border-bottom: 1px solid #00a23f;
  border-top: 1px solid #00a23f;
  background-color: #c0e70a;
  color: #00a23f;
  text-align: center;
}
.tableStyleC .capL span {
  font-size: 7px;
  font-size: 0.4375rem;
}
.tableStyleC .capR {
  padding: 10px;
  border-right: 1px solid #00a23f;
  border-bottom: 1px solid #00a23f;
  border-top: 1px solid #00a23f;
  background-color: #e6f65d;
  color: #00a23f;
  text-align: center;
}
.tableStyleC .capR span {
  font-size: 7px;
  font-size: 0.4375rem;
}
.tableStyleC .thLast {
  border-bottom: 1px solid #00a23f;
  border-top: 1px solid #00a23f;
}
.tableStyleC .none {
  border: none;
  background-color: inherit !important;
}
.tableStyleC .taC {
  text-align: center;
}
.tableStyleC .fl {
  float: left;
}
.tableStyleC .fr {
  float: right;
}
.tableStyleC .symbol {
  font-size: 20px;
  font-size: 1.25rem;
  color: #00a23f;
  font-weight: bold;
  text-align: center;
}
.tableStyleC .option {
  padding: 2px;
  border: 1px solid #00a23f;
  font-size: 7px;
  font-size: 0.4375rem;
}
.tableStyleC .bdtS {
  border-top: 1px solid #00a23f;
}
.tableStyleC .bdrS {
  border-right: 1px solid #00a23f;
}
.tableStyleC .bdlS {
  border-left: 1px solid #00a23f;
}
.tableStyleC .bdtW{
  border-top: 1px solid #FFF;
}
.tableStyleC .bdrSWhite {
  border-right: 1px solid white;
}
.tableStyleC .bgGreen {
  background-color: #f2faf5;
}
.tableStyleC .bdbD {
  border-bottom: none !important;
  background-image: url("/sph/images/common/tbl_dot_x.png");
  background-position: left bottom;
  background-repeat: repeat-x;
  -webkit-background-size: 2px 1px;
  -moz-background-size: 2px 1px;
  -ms-background-size: 2px 1px;
  background-size: 2px 1px;
}
.tableStyleC .w24p {
  width: 24%;
}
.tableStyleC .w38p {
  width: 38%;
}
.tableStyleC .w76p {
  width: 76%;
}
.tableStyleC .pd5 {
  padding: 5px;
}
.tableStyleC .nobdb {
  border-bottom: none;
}

.tdAllGreen td {
  color: #00a23f !important;
}

.tdAllCenter td {
  text-align: center !important;
}

.tableStyleD {
  width: 100%;
  color: #555;
  border-left: 1px solid #00a23f;
}
.tableStyleD th {
  padding: 10px 5px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 14px;
  font-weight: bold;
  color: white;
  vertical-align: middle;
  background-color: #00a23f;
  border-right: 1px solid white;
  text-align: center;
}
.tableStyleD th span {
  font-size: 7px;
  font-size: 0.4375rem;
}
.tableStyleD th.thLast {
  border-right: 1px solid #00a23f;
}
.tableStyleD td {
  padding: 3px 10px;
  font-size: 10px;
  font-size: 0.625rem;
  vertical-align: middle;
  line-height: 18px;
  border-right: 1px solid #00a23f;
  border-bottom: 1px solid #00a23f;
  text-align: center;
}
.tableStyleD tr.evn td {
  background-color: white;
}
.tableStyleD tr.odd td {
  background-color: #f2faf5;
}
.tableStyleD .capL {
  padding: 10px;
  border-left: 1px solid #00a23f;
  border-right: 1px solid #00a23f;
  border-bottom: 1px solid #00a23f;
  border-top: 1px solid #00a23f;
  background-color: #c0e70a;
  color: #00a23f;
  font-size: 10px;
  font-size: 0.625rem;
  text-align: center;
  font-weight: bold;
}
.tableStyleD .colW1 {
  width: 19%;
}
.tableStyleD .colW2 {
  width: 57%;
}

.bannerSection {
  margin: 0 5px;
  text-align: center;
  background: #f9e427;
  background-image: url("/sph/images/common/bg_bdr_yellow.png");
  background-position: left top;
  background-repeat: repeat;
  -webkit-background-size: 27px 27.5px;
  -moz-background-size: 27px 27.5px;
  -ms-background-size: 27px 27.5px;
  background-size: 27px 27.5px;
}


.bannerSection a {
  display: block;
  width: 100%;
  /*height: 100%;*/
}

.bannerSection .banner01 img {
  width: 276px;
  height: 48px;
}

.bannerSection .banner01 p {
  color: #ed1e79;
  padding: 0px 10px 15px;
}

.bannerSection_green{
  margin: 15px 0px 7px 0px !important;/*margin: 0 5px;*/
  text-align: center;
  background: #f9e427;
  background-image: url("/sph/images/common/bg_bdr_allgreen.png");
  background-position: left top;
  background-repeat: repeat;
  -webkit-background-size: 27px 27.5px;
  -moz-background-size: 27px 27.5px;
  -ms-background-size: 27px 27.5px;
  background-size: 27px 27.5px;
}
.bannerSection_green .banner01 img {
  width: 276px;
  height: 48px;
}

.bannerSection_green a {
  display: block;
  width: 100%;
  /*height: 100%;*/
}
.bannerSection_green .banner01 p {
  color: #ed1e79;
  padding: 0px 10px 15px;
}


.bannerSection_st2 {
  text-align: center;
  background: #f9e427;
  background-image: url("/sph/images/common/bg_bdr_yellow.png");
  background-position: left top;
  background-repeat: repeat;
  -webkit-background-size: 27px 27.5px;
  -moz-background-size: 27px 27.5px;
  -ms-background-size: 27px 27.5px;
  background-size: 27px 27.5px;
}

.bannerSection_st2 a {
  display: block;
  width: 100%;
  padding:5px;
  /*height: 100%;*/
}

.bannerSection_st2 .banner01 img {
  width:276px;
  height: auto;
  position:relative;
  top:0px;
  left:-5px;
}

.bannerSection_st2 .banner01 p {
  color: #ed1e79;
  padding: 0px 10px 15px;
}

.mgb5 {
  margin: 0 0 5px !important;
}

.border-embos {
  border-left: 5px solid #1c902f;
  border-right: 5px solid #1c902f;
  border-top: 5px solid #008232;
  background-color: #f2f2f2;
}

.border-embos-bold {
  border-left: 10px solid #1c902f;
  border-right: 10px solid #1c902f;
  border-top: 10px solid #008232;
  border-bottom: 10px solid #28b15e;
  background-color: #f2f2f2;
}

hr.dot_x {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 6px;
  margin: 15px 0;
  border: 0;
  background-image: url("/sph/images/top/bdr_dot_x.png");
  background-position: left top;
  background-repeat: repeat-x;
  -webkit-background-size: 23px 6px;
  -moz-background-size: 23px 6px;
  -ms-background-size: 23px 6px;
  background-size: 23px 6px;
}

.buttonStyleA {
  position: relative;
  background-color: #00a23f;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
	text-align:center;
}

.buttonStyleA a,
.buttonStyleA .btn {
  display: block;
  padding: 10px 0 5px;
  color: white !important;
}
.buttonStyleA a::after,
.buttonStyleA .btn::after {
  content: "";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: 10px;
  display: block;
  width: 100%;
  height: 0;
  border-top: 5px solid #008232;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.buttonStyleA::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 13px;
  height: 13px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -212px -113.5px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}

.buttonStyleA.btn_bg_red{
	background-color: #ed1e79;
}

.buttonStyleA.btn_bg_red::before {
  background-image: url(../images/sprite_2.png);
  background-repeat: no-repeat;
  background-position:0px 0px;
  -webkit-background-size: 250px 100px;
  background-size: 250px 100px;
}
.buttonStyleA.btn_bg_red.btn_window::before {
  background-image: url(../images/common/icon_tab_04.png);
  background-repeat: no-repeat;
  background-position:0px 0px;
  -webkit-background-size: 10px 8px;
  background-size: 10px 8px;
}
.buttonStyleA.btn_bg_green_window.btn_window::before {
  background-image: url(../images/common/icon_tab_04.png);
  background-repeat: no-repeat;
  background-position:0px 0px;
  -webkit-background-size: 10px 8px;
  background-size: 10px 8px;
}

.buttonStyleA.btn_window::before {
  background-image: url(../images/common/icon_tab_04.png);
  background-repeat: no-repeat;
  background-position:0px 0px;
  -webkit-background-size: 10px 8px;
  background-size: 10px 8px;
}

.buttonStyleA.btn_bg_red a::after,
.buttonStyleA.btn_bg_red .btn::after {
  border-top: 5px solid #9b1651;
}

.A_blank a {
  text-align: center;
}
.A_blank a span.sml {
  display: block;
  padding: 5px 0 0;
  line-height: 12px;
  font-size: 7px;
  font-size: 0.4375rem;
  font-weight: normal;
}
.A_blank::before {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 9px;
  height: 8px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -89.5px -103.5px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
  margin: -4px 0 0;
}

.A_arwLeft a {
  text-align: center;
}
.A_arwLeft::before {
  position: absolute;
  left: 10px;
  top: 12px;
  width: 13px;
  height: 13px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -220.5px -82px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}

.A_arwRight {
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  padding-right: 35px;
  margin-bottom: 20px;
}
.A_arwRight a {
  display: block;
  padding: 10px 0 5px;
}
.A_arwRight a::after {
  content: "";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: 10px;
  display: block;
}
.A_arwRight::before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 12px;
  width: 13px;
  height: 13px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -212px -113.5px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}

.A_arwPlus a {
  text-align: center;
}
.A_arwPlus::before {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 12px;
  height: 12px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -180.5px -134px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}

.buttonStyleB {
  cursor: pointer;
  position: relative;
  padding: 7px 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "UD Shin Maru Go Medium";
  color: white;
  background-color: #00a23f;
  -moz-box-shadow: 0px 5px 0px 0px #008232;
  -webkit-box-shadow: 0px 5px 0px 0px #008232;
  box-shadow: 0px 5px 0px 0px #008232;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.buttonStyleC {
  cursor: pointer;
  position: relative;
  padding: 4px 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "UD Shin Maru Go Medium";
  color: #00a23f;
  background-color: white;
  border: 3px solid #e9e9e9;
  -moz-box-shadow: 0px 5px 0px 0px #c2c2c2;
  -webkit-box-shadow: 0px 5px 0px 0px #c2c2c2;
  box-shadow: 0px 5px 0px 0px #c2c2c2;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.buttonStyleD {
  position: relative;
  background-color: #00a23f;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}
.buttonStyleD a {
  display: block;
  padding: 10px 0 5px;
  color: white !important;
}
.buttonStyleD a::after {
  content: "";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: 10px;
  display: block;
  width: 100%;
  height: 0;
  border-top: 5px solid #008232;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.buttonStyleD::before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 12px;
  width: 13px;
  height: 13px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -220.5px -82px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}


.buttonStyleE {
  cursor: pointer;
  position: relative;
  padding: 14px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  font-family: "UD Shin Maru Go Medium";
  color: white;
  background-color: #00a23f;
  -moz-box-shadow: 0px 5px 0px 0px #008232;
  -webkit-box-shadow: 0px 5px 0px 0px #008232;
  box-shadow: 0px 5px 0px 0px #008232;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.buttonStyleE::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%; margin-top:-6px;
  width: 13px;
  height: 13px;
  background-image: url(../images/sprite_2.png);
  background-repeat: no-repeat;
  background-position:0px 0px;
  -webkit-background-size: 250px 100px;
  background-size: 250px 100px;
}
.buttonStyleE.underArrow::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%; margin-top:-6px;
  width: 24px;
  height: 24px;
  background-image: url(../images/data/circle_arrow_under.png);
  background-repeat: no-repeat;
  background-position:0px 0px;
  -webkit-background-size: 12px;
  background-size: 12px;
}

.buttonStyleE a{
	color:#fff !important;
}
.buttonStyleE.w50{
	width:49%;
	float:left;
	padding-right:1em;
  font-size: 16px;
}
.buttonStyleE.w50:first-child{
	margin-right:2% !important;
}
.buttonStyleE.btn_window01::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%; margin-top:-6px;
  width: 13px;
  height: 13px;
  background-image: none;
  background-repeat: no-repeat;
  background-position:0px 0px;
  -webkit-background-size: 250px 100px;
  background-size: 250px 100px;
}


.buttonStyleE.btn_window01 {
  position: relative;
  background:url(/sph/images/common/icon_tab_04.png) no-repeat right 10px center #00a23f;
  background-size:10px 8px;
}

.buttonStyleA.btn_window01::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%; margin-top:-6px;
  width: 13px;
  height: 13px;
  background-image: none;
  background-repeat: no-repeat;
  background-position:0px 0px;
  -webkit-background-size: 250px 100px;
  background-size: 250px 100px;
}


.buttonStyleA.btn_window01 {
  position: relative;
  background:url(/sph/images/common/icon_tab_04.png) no-repeat right 10px center #00a23f;
  background-size:10px 8px;
}

.buttonStyleE.docomo {
  background-color: #cc0033;
  -moz-box-shadow: 0px 5px 0px 0px #8a0323;
  -webkit-box-shadow: 0px 5px 0px 0px #8a0323;
  box-shadow: 0px 5px 0px 0px #8a0323;
}

.buttonStyleE.au {
  background-color: #eb9605;
  -moz-box-shadow: 0px 5px 0px 0px #982b0d;
  -webkit-box-shadow: 0px 5px 0px 0px #982b0d;
  box-shadow: 0px 5px 0px 0px #982b0d;
}

.buttonStyleF {
  position: relative;
  background:url(/sph/images/about/tank/button_arrow.png) no-repeat right center #00a23f;
  background-size:21px 11px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}

.buttonStyleF.btn_window01 {
  position: relative;
  background:url(/sph/images/common/icon_tab_04.png) no-repeat right 10px center #00a23f;
  background-size:10px 8px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}

.buttonStyleF a {
  display: block;
  padding: 10px 0;
  color: white !important;
}

.btnToToppage {
  margin: 25px auto 30px auto;
  width: 200px;
}

span.large {
  font-size: 15px;
}

/* --------------------------------------------------
	Common
-------------------------------------------------- */
/* -------------------------
	01. Font
------------------------- */
body {
  width:100%;
  font-family: Helvetica,Arial,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;
  color: #555555;
  background: #00a23f;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 17px;
  letter-spacing: 0px;
}

a:link,
a:visited {
  color: #555555;
  text-decoration: none;
}

a:hover,
a:active {
  color: #555555;
  text-decoration: none;
}


a.green{text-decoration:underline;}
a.green:link,
a.green:visited{
   color:#00a23f;
}

::selection {
  color: black;
  background: #555555;
}

::-moz-selection {
  color: black;
  background: #555555;
}

::-webkit-selection {
  color: black;
  background: #555555;
}

/* -------------------------
	02. Container
------------------------- */
.container {
  min-width: 320px;
}

/* -------------------------
	03. Header
------------------------- */
body.noscroll{
	position:fixed;
	overflow-y:scroll;
}

#tplHeader{
  height: 57px;
	font-family: "UD Shin Maru Go Medium";
}

#tplHeader .headFixNav{
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	z-index:9999;
	/*overflow:scroll;
	overflow-x: hidden;*/
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

#tplHeader .headBar {
  position: relative;
  width: 100%;
  /* padding-top: 9px; */
  background-color: #00a23f;
  height: 57px;
}

#tplHeader .headBar.floating{
  /* border-bottom:solid 5px #fff; */
  height: 57px;
}
#tplHeader .headBar .logo {
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  width: 89px;
  height: 31px;
  background-image: url(../images/common/header_logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 15px;
  position: relative;
  top: 14px;
}
#tplHeader .headBar .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
#tplHeader .headBar .homeIcon {
  display: none;
  position: absolute;
  left: 7px;
  top: 7px;
  width: 35px;
  height: 35px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -71px -46.5px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}
#tplHeader .headBar .homeIcon a {
  display: block;
  width: 35px;
  height: 35px;
}

/* マイページアイコン */
#tplHeader .headBar .mypageIcon {
  position: absolute;
  right: 71px;
  top: 5px;
  width: 47.5px;
  height: 47.5px;
  background-image: url(../images/common/icon_mypage.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#tplHeader .headBar .mypageIcon a {
  display: block;
  width: 47.5px;
  height: 47.5px;
}

/* マイネ王アイコン */
#tplHeader .headBar .kingIcon {
  position: absolute;
  right: 127px;
  top: 5px;
  width: 47.5px;
  height: 47.5px;
  background-image: url(../images/common/icon_kingmineo.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#tplHeader .headBar .kingIcon a {
  display: block;
  width: 47.5px;
  height: 47.5px;
}

#tplHeader .headBar .navIcon {
	cursor: pointer;
	position: absolute;
	right: 15px;
  top: 5px;
  width: 47.5px;
  height: 47.5px;
  background-image: url(../images/common/icon_menu.png);
	/* background-size: 100%; */
	background-repeat: no-repeat;
  background-size: contain;
}
#tplHeader.open .headBar .navIcon {
	background-image: url(../images/common/icon_menu_close.png);
}

/* グロナビ用の閉じるボタン */
.globalNav .navIcon {
  text-align: center;
  margin: 0 -15px;
  height: 50px;

  background-color: #fff;
}

#tplHeader .headBar dl#price_box {
  margin-top: 10px;
  padding: 5px;
  background-color: #00a23f;
}
#tplHeader .headBar dl#price_box dt {
  cursor: pointer;
  padding: 0 10px;
  text-align: center;
  color: white;
}
#tplHeader .headBar dl#price_box dt > p {
  display: inline-block;
}
#tplHeader .headBar dl#price_box dt > span {
  vertical-align: middle;
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -198.5px -113.5px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
  margin-top: -2px;
}
#tplHeader .headBar dl#price_box.open dt > span {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -transform: rotate(180deg);
}
#tplHeader .headBar dl#price_box dd {
  display: none;
  margin-top: 10px;
  padding: 5px 10px;
  /*
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  */
  background-color: white;
}
#tplHeader .globalNav {
  display: none;
}


#tplHeader .globalNav li:first-child{
	border-top:none;
	border-bottom:none;
}

.globalNav {
  padding: 20px 15px 0px;
  background-color:#00a23f;
}
.globalNav ul {
  border-top: 1px solid #1c902f;
  border-bottom: 1px solid #65c574;
}
.globalNav li {
  font-family: "UD Shin Maru Go Medium";
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  border-top: 1px solid #65c574;
  border-bottom: 1px solid #1c902f;
  position:relative;
  top:0px;
  left:0px;
  color: white;
}

.globalNav li > a,
.globalNav li > span {
  position: relative;
  display: block;
  color: white;
  padding: 12px;
}
.globalNav li span::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px; top: 14px;
  width: 14px; height: 14px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -198px -134px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}
.globalNav li.open span::before {
  background-repeat: no-repeat;
  background-position: -211.5px -134px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}
.globalNav li > a::before{
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/sprite.png);
	width:5px; height:7px;
  background-position: -229px -96px;
  -webkit-background-size: 234px auto;
  background-size: 234px auto;
  right: 3.5px; top: 14px;
}

.globalNav li.sb > a::before{
  top: 24px;
}

.globalNav > ul > li > a::before{
  background-position: -212.5px -114px;
  width: 14px; height: 14px;
  right: 10px; top: 14px;
}
.globalNav > ul > li ul{
	display:none;
}
.globalNav > ul > li > ul li{
	border:none;
}
#tplHeader .globalNav > ul > li > ul > li a{
	text-indent:0;
  font-size: 12px;
/*	background-color:#156a23;*/
}

#tplHeader .globalNav > ul > li > ul{
	display:none;
    border:none;
}
#tplHeader .globalNav > ul > li > ul > li{
    background-color:#1C902F;
    border:none;
}
#tplHeader .globalNav > ul > li > ul > li:first-child{
    border-top:1px solid #65C574;
}
#tplHeader .globalNav > ul > li > ul > li > a{
    padding-left:0;
    padding-right:0;
    margin-left:12px;
    margin-right:12px;
    border-bottom:1px solid #65C574;
}
#tplHeader .globalNav > ul > li > ul > li:last-child > a{
    border:none;
}
#tplHeader .globalNav > ul > li > ul > li > a::before{
	right:0;
}
#tplHeader .globalNav > ul > li.link_nav.pink >a::after{
    content: "";
    display: block;
    position: absolute;
    background-image: url(/sph/images/gb_nav_arrow_pink.png);
  	width:12px; height:12px;
    background-position: 0;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    right: 11px; top: 14px;
}


#tplFooter{
	font-family: "UD Shin Maru Go Medium";
}
#tplFooter .globalNav > ul > li > ul > li a{
  font-size: 12px;
	text-indent:0;
/*	background-color:#156a23;*/
}

#tplFooter .globalNav > ul > li > ul{
	display:none;
    border:none;
}
#tplFooter .globalNav > ul > li > ul > li{
    background-color:#1C902F;
    border:none;
}
#tplFooter .globalNav > ul > li > ul > li:first-child{
    border-top:1px solid #65C574;
}
#tplFooter .globalNav > ul > li > ul > li > a{
    padding-left:0;
    padding-right:0;
    margin-left:12px;
    margin-right:12px;
    border-bottom:1px solid #65C574;
}
#tplFooter .globalNav > ul > li > ul > li:last-child > a{
    border:none;
}
#tplFooter .globalNav > ul > li > ul > li > a::before{
	right:0;
}
#tplFooter .globalNav > ul > li.link_nav.pink >a::after{
    content: "";
    display: block;
    position: absolute;
    background-image: url(/sph/images/gb_nav_arrow_pink.png);
  	width:12px; height:12px;
    background-position: 0;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    right: 11px; top: 14px;
}




.globalNav > ul > li > ul > li > span {
	text-indent:10px;
	background-color:#1c902f;
}

.globalNav > ul > li > ul > li > ul {
	padding:0 10px;
	background-color:#156a23;
}
.globalNav > ul > li > ul > li > ul li:first-child{
  border-top: 1px solid #65c574;
}
.globalNav > ul > li > ul > li > ul li a{
	text-indent:0 !important;
}


/***  globalNav 2階層目  ***/

.globalNav .hierarchy2{cursor:pointer;}

.globalNav .hierarchy2 ul{
  display: none;
  border-bottom:none;
}

.globalNav .hierarchy2 ul li{background-color:#1c902f;}

.globalNav .hierarchy2 ul li:last-child{
	border-bottom:none;
	padding-bottom:0px;
}


/* -------------------------
	04. Footer
------------------------- */
#tplFooter .footFixNavWrap {
  position: relative;
  width: 100%;
}
#tplFooter .footFixNav {
  position: fixed;
  z-index: 1000;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #00a23f;
	margin-top:5px;
}
#tplFooter .footFixNav ul {
  width: 100%;
  text-align: right;
}

#tplFooter .footFixNav ul li:first-child{
	height:35px;
}

#tplFooter .footFixNav ul li {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height:28px;
  line-height: 0;
}
#tplFooter .footFixNav ul a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 7px 56px 0 0;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: bold;
  font-family: "UD Shin Maru Go Medium";
  font-size: 15px;
  font-size: 1rem;
  color: white;
  letter-spacing: 1px;
}
#tplFooter .footFixNav ul a#link-store{
	padding-top:3px;
	padding-bottom:1px;
	background:url("/sph/images/common/bg_bdr_yellow.png");
  background-size: 27px auto;
	border:3px solid #fff;
}

#tplFooter .footFixNav ul a#link-store img{
	width:135px !important;
}

#tplFooter .footFixNav ul li a::before {
  content: "";
  display: block;
  position: absolute;
  right: 34px;
  top: 7px;
  width: 14px;
  height: 13px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -212px -113.5px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}

#tplFooter .footFixNav ul li:first-child a::before {
	top:11px;
}

#tplFooter .footMainNav {
  overflow: hidden;
  background-color: #00a23f;
}
#tplFooter .footMainNav .snsButtons {
  margin: 32px auto 0;
}
#tplFooter .footMainNav .snsButtons ul {
  width: 164px;
  height: 46px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  -webkit-background-size: 234px 149px;
  background-size: 164px 149px;
  position: relative;
  line-height: 0;
  text-align: center;
  margin: 0 auto;
}
#tplFooter .footMainNav .snsButtons ul::before {
  content: "";
  display: block;
  position: absolute;
  right: 50%;
  top: -18px;
  width: 26px;
  height: 9px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -204px -68px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
  margin: 0 -13px 0 0;
}
#tplFooter .footMainNav .snsButtons li {
  cursor: pointer;
  display: inline-block;
  margin: 16px 2px 0;
}
#tplFooter .footMainNav .snsButtons li.facebook {
  width: 55px;
  height: 20px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -50.5px -113.5px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}
#tplFooter .footMainNav .snsButtons li.twitter {
  width: 68px;
  height: 20px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -131.5px -82px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}
#tplFooter .footMainNav .snsButtons li.google {
  width: 50px;
  height: 20px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -113.5px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
}
#tplFooter .footMainNav .globalNav {
  padding: 15px;
}
#tplFooter .footMainNav .attention {
  padding: 0 15px 15px;
  font-size: 9px;
  font-size: 0.5625rem;
  color: #ddd;
  letter-spacing: 0px;
  line-height: 14px;
  text-indent:0;
}
#tplFooter .footAuthorNav {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  background-color: white;
}
#tplFooter .footAuthorNav .companyNav {
  padding: 25px 0 10px;
  text-align: center;
}
#tplFooter .footAuthorNav .companyNav li {
  display: inline-block;
  padding: 0 0 10px;
}
#tplFooter .footAuthorNav .companyNav li a {
  display: block;
  padding: 0 6px 0 8px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: -1px;
  border-left: 1px solid #555555;
}
#tplFooter .footAuthorNav .companyNav li:nth-child(1) a {
  border-left: none;
}
#tplFooter .footAuthorNav .author {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 5px 50px;
  border-top: 1px solid #f2f2f2;
}
#tplFooter .footAuthorNav .author .logo {
  margin: 0 0 10px;
  overflow: hidden;
}
#tplFooter .footAuthorNav .author .logo a {
  display: block;
  width: 180px;
  height: 15px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -134px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
}
#tplFooter .footAuthorNav .author .copyright {
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: normal;
  font-family: Miso-Bold;
  letter-spacing: 1px;
  text-align: center;
}

.revise_note a {
	color: #00a23f;
	text-decoration: underline;
}

.reg{
	font-size:10px !important;
	position:relative;
	top:-3px;
	left:0px;
}

.line{
	border-bottom:solid 5px #f9e427;
}


ul.list_style li{
	float:left;
}

ul.list_style li:first-child{
	margin-left:0px;
}

.box_contents{
	border:solid 4px #00a23f;
	background-color:#FFF;
}

.box_contents .bc_inner{
	padding:15px 0px;
}

.box_contents .title{
	color:#fff;
	font-family: "UD Shin Maru Go Bold";
	font-size:14px;
	text-align:center;
	background-color:#00a23f;
	padding:3px 0px 6px;
}


.bold{
	font-family: "UD Shin Maru Go Bold";
}

.note a.red{
   text-decoration:underline;
}

.attention{
   font-size:11px;
}

.note{
   font-size:11px;
}

/* -------------------------
	05. Contents
------------------------- */
#contents {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
}

/* -------------------------
	05. color set
------------------------- */

.red{color:#ed1e79 !important;}
.yellow{color: #f9e427 !important;}

/* -------------------------
	06. position
------------------------- */
.posA{position:absolute;}
.posR{position:relative;}

/* -------------------------
	07. margin
------------------------- */

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}

.mr10{margin-right:10px;}
.mr11{margin-right:11px;}
.mr17{margin-right:17px;}

.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

/* -------------------------
	07. padding
------------------------- */

.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pb20{padding-bottom:20px;}

/* -------------------------
	07. font
------------------------- */

.fs15{font-size:15px;}

/* -------------------------
	08. text align
------------------------- */

.txtC{text-align:center;}

/* -------------------------
	09. line height
------------------------- */

.lh20{line-height:20px;}


/* -------------------------
	10. clear fix
------------------------- */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.link_nav{
	background-color:#156a23;
}
.link_nav.pink{
	background-color:#ED1E79;
}

/* -------------------------
	11. sprite_icon
------------------------- */

.sprite_icon:before{
	content: "";
	display: block;
	position: absolute;
	background-image: url(../images/sprite.png);
	width:5px; height:7px;
	background-position: -229px -96px;
	-webkit-background-size: 234px auto;
	background-size: 234px auto;
	right: 3.5px; top: 14px;
}

.yellow_back{
	border:2px solid #00a23f;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#f9e33c;
	padding:0.5em 1em;
}
.yellow_back p{
	color:#00a23f;
	font-size:14px;
	text-align:center;
}

.exclamation{
	padding-left:23px;
	line-height:17px;
	background:url(/sph/images/exclamation.png) no-repeat left top;
	font-size:12px;
	background-size:17px;
}

#deviceListTable .tablet {
	display: none;
}

#deviceListTable .wifi {
	display: none;
}

/*グロナビの動作端末一覧用（リンクにする）*/
.globalNav li span.subheadl{
	padding:0;
}
.globalNav li span.subheadl::before {
  content: "";
	background-image:none;
}
.globalNav li span.subheadl a{
    color: white;
    display: block;
    padding: 12px;
    position: relative;
}

.globalNav li span.subheadl a::before{
    background-image: url("../images/sprite.png");
	background-position: -212.5px -114px;
    background-size: 234px auto;
    content: "";
    display: block;
    position: absolute;
    width: 5px;
	height: 14px;
    right: 10px;
    top: 14px;
    width: 14px;
}

/*動作確認一覧端末追加テキスト用*/
.attentiontext{
	padding:10px;
	background:#fff;
	border:4px dotted #c7023a;
	border-radius:15px;
	margin-bottom:6px;
	font-size:12px;
	line-height:15px;
	color:#c7023a;
	font-weight:bold;
    text-indent: -0.5em;
}


.globalNav .navSearchBox{
	border-bottom: 1px solid #1c902f;
	border-top: 1px solid #65c574;
	color: white;
	font-family: "UD Shin Maru Go Medium";
	font-size: 0.875rem;
	font-weight: bold;
	left: 0;
	position: relative;
	top: 0;
	padding:12px 0 12px 0;
}
.globalNav .navSearchBox .navSearchInner{
	width:100%;
	display:table;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
.globalNav .navSearchBox .navSearchInner .lcol{
	width:90%;
	display:table-cell;
	border:none;
	vertical-align:middle;
	margin:0;
	padding:0;
}
.globalNav .navSearchBox .navSearchInner .rcol{
	width:10%;
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0;
}
.globalNav .navSearchBox .navSearch{
	width:100%;
	border:none;
	padding:0 0 0 12px;
	vertical-align:middle;
	border-radius:0px;
}
.globalNav .navSearchBox .btnSearch{
	vertical-align:middle;
	border-radius:0px;
}


.globalNav .navSearchBox{
	border-bottom: 1px solid #1c902f;
	border-top: 1px solid #65c574;
	color: white;
	font-family: "UD Shin Maru Go Medium";
	font-size: 0.875rem;
	font-weight: bold;
	left: 0;
	position: relative;
	top: 0;
	padding:12px 0 12px 0;
}
.globalNav .navSearchBox .navSearchInner{
	width:100%;
	display:table;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
.globalNav .navSearchBox .navSearchInner .lcol{
	width:90%;
	display:table-cell;
	border:none;
	vertical-align:middle;
	margin:0;
	padding:0;
}
.tableStyleC .hyphen {
	font-size: 20px;
}

/** 通常タブ **/
.icon_tab01:after {
	background-image: url("../images/common/icon_tab_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 8px;
	left: 2px;
	position: relative;
	top: 0.1em;
	width: 15px;
}
.icon_tab02:after {
	background-image: url("../images/common/icon_tab_02.png");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 8px;
	left: 2px;
	position: relative;
	top: 0.1em;
	width: 15px;
}
.icon_tab03:after {
	background-image: url("../images/common/icon_tab_03.png");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 8px;
	left: 2px;
	position: relative;
	top: 0.1em;
	width: 15px;
}
.icon_tab04_s:after {
	background-image: url("../images/common/icon_tab_04.png");
	background-repeat: no-repeat;
	background-size:9px 7px;
	content: "";
	display: inline-block;
	height: 7px;
	left: 2px;
	position: relative;
	top: 0.1em;
	width: 9px;
}
/** 通常タブ **/

/** 右側タブスペース **/
.pr10{
  padding-right:10px !important;
}
.pr15{
  padding-right:15px !important;
}
.pr20{
  padding-right:20px !important;
}
.pr25{
  padding-right:25px !important;
}
/** 右側タブスペース **/

/** 特殊タブ **/
.icon_tab01_fs10:after {
	background-image: url("../images/common/icon_tab_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 8px;
	left: 2px;
	position: relative;
	top: 0.1em;
	width: 15px;
}

.icon_tab01_1:after {
	background-image: url("../images/common/icon_tab_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 8px;
	left: 20px;
	position: relative;
	top: 0.1em;
	width: 15px;
}
.icon_tab01_2:after {
	background-image: url("../images/common/icon_tab_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 8px;
	left: 11px;
	position: relative;
	top: 0.1em;
	width: 15px;
}
/** 特殊タブ **/

.icon_dl{
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top:-8px;
}

.icon_dl2 {
    position: relative;
    right: -20px;
}
.icon_dl3 {
    position: relative;
    right: -10px;
}


/* クローズド用のヘッダ */
#closedHeader {
	height:auto;
	font-family: "UD Shin Maru Go Medium";
}


#closedHeader .headBar {
  position: relative;
  width: 100%;
  padding-top: 9px;
  background-color: #f2f2f2;
  /* padding-bottom: 10px */
}
#closedHeader .headBar .logo {
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  width: 89px;
  height: 31px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -82px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
  margin: 0 auto;
}
#closedHeader .headBar .logo a {
  display: block;
  width: 100%;
  height: 100%;
}

#closedHeader .headBar dl#price_box {
  margin-top: 10px;
  padding: 5px;
  background-color: #00a23f;
}
#closedHeader .headBar dl#price_box dt {
  cursor: pointer;
  padding: 0 10px;
  text-align: center;
  color: white;
}
#closedHeader .headBar dl#price_box dt > p {
  display: inline-block;
}
#closedHeader .headBar dl#price_box dt > span {
  vertical-align: middle;
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -198.5px -113.5px;
  -webkit-background-size: 234px 149px;
  background-size: 234px 149px;
  margin-top: -2px;
}
#closedHeader .headBar dl#price_box.open dt > span {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -transform: rotate(180deg);
}
#closedHeader .headBar dl#price_box dd {
  display: none;
  margin-top: 10px;
  padding: 5px 10px;
  /*
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  */
  background-color: white;
  text-align: left;
}

/* オプション申し込みボタン */
.externalParamLink {
	visibility: hidden;
}

.optionApplyBox {
	margin: 0 auto;
}

.optionApplyBox img {
  vertical-align: bottom;
}

.optionApplyBox li {
  text-align: center;
  padding: 0 !important;
}

.optionApplyBox li.last {
  margin-top: 17px;
}

.optionApplyBox li > div {
  margin-bottom: 10px;
}

.optionApplyBox li > div img {
  width: 182px;
}

.optionApplyBox li a img {
  width: 100%;
}

#tplHeader .list_title,
#tplFooter .list_title {
  background-color: #fff !important;
  color: #00a23f;
  padding: 8px 12px;
  font-size: 11px;
}

.globalNav li.medium {
  font-family: "UD Shin Maru Go Medium" !important;
}


/* 新しい社名対応 */
:root {
  --color-textgray: rgb(82, 109, 123);
  --color-qualitygray: rgb(115, 135, 146);
  --color-yellow: rgb(250, 190, 0);
}

#footer-re {
  width: 100% !important;
  padding-top: 24px;
  padding-bottom: 32px;
  font-family: Meiryo, sans-serif;
  color: rgb(82, 109, 123);
  color: var(--color-textgray);
  background-color: #fff !important;
  /* background-color:#f6f6f6 !important; */
  margin: 0;
  display: block;
  border: none;
  box-sizing: border-box;
}

#footer-re * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
  letter-spacing: 1;
  display: block;
  border: none;
}

#footer-re .tax_info {
  font-size: 10px;
  margin-bottom: 10px;
  line-height: 1.3;
  padding: 0 10px;
}

#footer-re #footer_logo {
  background: linear-gradient(0deg, rgb(115, 135, 146) 5px, #fff 5px);
  background: linear-gradient(0deg, var(--color-qualitygray) 5px, #fff 5px);
}

#footer-re #footer_logo_inner {
  /* padding-bottom: 45px; */
  padding: 0;
  width: 100%;
  margin: 0;
  border: none;
  /* border-bottom: 15px solid rgb(250,190,0); */
  /* display: inline-block; */
  text-align: center;
  /* max-width: 1200px; */
  /* background:linear-gradient( 0deg, var(--color-yellow) 15px, #fff 15px ); */
}

#footer-re #footer_logo_inner img {
  margin: 0 auto 16px;
  height: 25px;
  width: auto;
}

#footer-re #footer_logo_inner span {
  background-color: rgb(250, 190, 0);
  background-color: var(--color-yellow);
  display: block;
  height: 5px;
  width: 50px;
  margin: 0 0 0 50px;
}

#footer-re address {
  font-style: normal;
  font-family: helvetica, arial, meiryo, sans-serif;
  text-align: center;
  font-size: 11px;
  padding: 0;
}

#footer-re.closed address{
  margin-top: 15px;
}

#footer-re ul {
  text-align: center;
  padding: 16px 0 32px;
  width: 100%;
}

#footer-re ul li {
  display: inline-block;
  font-size: 12px;
}

#footer-re>ul li a {
  text-decoration: none;
  color: rgb(82, 109, 123);
  color: var(--color-textgray);
  box-sizing: border-box;
  padding: 2px 5px;
  transition: all 0.1s ease;
  margin: 0 0 0 3px;
  display: inline;
  line-height: 1;
  letter-spacing: 1;
}

#footer-re ul li a:hover {
  background-color:  rgb(250, 190, 0);
  background-color: var(--color-yellow);
  color: #fff;
  border-radius: 5px;
}

#footer-re {
    /*padding-bottom: 5px;*/
}

#footer-re ul {
    text-align: left;
    padding: 0;
    margin: 0 0 32px;
}

#footer-re ul li {
    display: list-item;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 0;
    list-style-type: none;
}

#footer-re ul li a {
    display: block;
    background-color: #eaeaea;
    padding: 16px 10px;
    border-bottom: 1px #bfbfbf dotted;
    margin: 0;
}

#footer-re ul li a:hover {
    border-radius: 0;
}