@charset "utf-8";

li.apptypeN,li.apptypeM,li.apptypeU{display:none;}
span.apptypeN,span.apptypeM,span.apptypeU{display:none;}
div.priceError{display:none;}
body.apptypeN li.apptypeN{display:block;}
body.apptypeM li.apptypeM{display:block;}
body.apptypeU li.apptypeU{display:block;}
body.apptypeN span.apptypeN{display:inline;}
body.apptypeM span.apptypeM{display:inline;}
body.apptypeU span.apptypeU{display:inline;}
body.priceError div.priceError{display:block;}
body.priceError #applyTyepWrap{display: none;}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
a{font-weight: normal;}

#tenpoWrap{
  width: 950px;
  margin: 0 auto;
}
.product_link {
  margin-bottom:30px;
  border-bottom: 1px solid #d8d9db;
}
p.note {
    line-height: 1.666;
}
span.note, p.note {
    font-size: 85.71%;
    line-height: 1.4;
    margin-bottom: 3px;
}
.applyTyep tr.fwb th,
.applyTyep tr.fwb td{
  font-weight: bold;
}

.product_link a.end{
  margin-right:0;
}
.product_link a {
  float: left;
  margin-right:4px;
  color: #333333;
  width: 312px;
  height: 48px;
  display: block;
  text-align: center;
  line-height: 48px;
  border-top: solid 1px #d8d9db;
  border-right: solid 1px #d8d9db;
  border-left: solid 1px #d8d9db;
  border-radius: 5px 5px 0 0;
  font-weight: bold;

  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.product_link a.active {
  position: relative;
  bottom: -1px;
  color: #006699;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.product_select{
  border: solid 1px #d8dadc;
  padding: 20px;
  margin-bottom: 10px;
}
.product_select ul{
  display: table;
}
.product_select li{
  width: 180px;
  display: table-cell;
  text-align: center;
}
.smartphone .product_select ul{
  width: 100%;
}
.smartphone .product_select li{
  width: 300px;
}
.product_select p{
  line-height: 1.2;
}
.product_select li label{
  cursor: pointer;
}
.product_select li input[type="radio"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   appearance: none;
}

body.firefox .product_select li input[type="radio"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  transform: scale(1.5);
}

.product_select .product_info {
  margin-bottom: 5px;
}
.product_select .link_detail a {
  color: #006699;
  font-weight: bold;
  font-size: 12px;
  width: 120px;
  line-height: 1.3;
  margin:0 auto;
  padding: 6px 0;
  display: block;
  border: solid 1px #d8dadc;
    border-radius: 3px;
  background: #e9e9e9; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
.product_select #model.flat h3{
  width: 200px;
  float: left;
  font-weight: bold;
  font-size: 18px;
}
.product_select #model.flat li{
  position: relative;
  vertical-align: middle;
}
.product_select #model.flat .link_detail{
  width: 120px;
  float: right;
  text-align: center;
  margin:0!important;
}
.product_select #model.flat .product_info{
  width: 180px;
  height: 120px;
  float: right;
    margin-bottom: 5px;
}
.product_select #model.flat .link_detail a:hover {
  text-decoration: underline;
}
.product_select #model.flat .product_info label{
  position: relative;
  display: block;
  top: 50%;
}
.product_select #model.flat .product_info label p,
.product_select #model.flat .product_info label input {
  position: absolute;
}
.product_select #model.flat .product_info label input{
  left: 0;
}
.product_select #model.flat .product_info label p{
    color: #006699;
    left: 30px;
    text-align: left;
    width: 150px;
    font-weight: bold;
}
.product_select #model.flat .product_info label.right_move{
  margin-left: 500px;
}
.product_select #model.flat .product_title{
  border-bottom:solid 1px #d8d9db;
  padding-bottom: 7px;
}
.product_select #model.flat .product_info .product_name .new{
  background-color: #5989cd;
  padding: 0 5px;
  font-size: 12px;
  color: #FFF;
  margin-left: 10px;
}

.product_select #model.flat .link_detail{
  bottom:auto;
}
.product_select #model.flat .link_detail a{
  color: #666;
  border:none;
  background:none;
  text-align: right;
  padding: 0;
  margin-top: 8px;
}


.product_select #model.flat .product_img,
.product_select #model.flat .product_info .link_detail {
  display: none;
}
.product_select #model.flat ul{
  margin:15px 0 20px;
}
.product_select #model.flat ul li:first-child .product_img{
  display: block;
}
.product_select #model.flat ul li{
  width: 250px;
  vertical-align: middle;
}
.product_select #model.flat ul li:first-child{
  width: 350px;
}
.product_select #model.flat .product_img{
  float: left;
}



.app_select{
  margin: 30px 0;
}
.app_select.border_u{
  border-bottom:solid 3px #719c00;
}
.app_select.border_n{
  border-bottom:solid 3px #2c7aa4;
}
.app_select.border_m{
  border-bottom:solid 3px #af2068;
}
.app_select li{
  width: 312px;
  height: 46px;
  float: left;
  border-radius: 5px 5px 0 0;
  border-top: solid 1px #d8d9db;
  border-right: solid 1px #d8d9db;
  border-left: solid 1px #d8d9db;
  line-height: 46px;
  text-align: center;
  margin-right:4px;
  color: #006699;
  cursor: pointer;
  font-weight: bold;
}
.app_select li.active{
  color: #FFFFFF;
}
.app_select li.end{
  margin-right:0;
}
.app_select li.noApp{
  border-top: none;
  border-right: none;
  border-left: none;
  cursor: default;
}

.app_select li.type_u{
background: #f6f6f6;
}
.app_select li.active.type_u{
color: #FFFFFF;
background: #719c00; /* Old browsers */
background: -moz-linear-gradient(top,  #85b801 0%, #719c00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #85b801 0%,#719c00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #85b801 0%,#719c00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b801', endColorstr='#719c00',GradientType=0 ); /* IE6-9 */
border-top: solid 1px #719c00;
border-right: solid 1px #719c00;
border-left: solid 1px #719c00;
}
.app_select li.type_n{
background: #f6f6f6;
}
.app_select li.active.type_n{
color: #FFFFFF;
background: #2b79a3; /* Old browsers */
background: -moz-linear-gradient(top,  #3f93c2 0%, #2b79a3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3f93c2 0%,#2b79a3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3f93c2 0%,#2b79a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f93c2', endColorstr='#2b79a3',GradientType=0 ); /* IE6-9 */
border-top: solid 1px #2b79a3;
border-right: solid 1px #2b79a3;
border-left: solid 1px #2b79a3;
}
.app_select li.type_m{
background: #f6f6f6;
}
.app_select li.active.type_m{
color: #FFFFFF;
background: #af2068; /* Old browsers */
background: -moz-linear-gradient(top,  #ed2e90 0%, #af2068 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ed2e90 0%,#af2068 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ed2e90 0%,#af2068 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2e90', endColorstr='#af2068',GradientType=0 ); /* IE6-9 */
border-top: solid 1px #af2068;
border-right: solid 1px #af2068;
border-left: solid 1px #af2068;
}


#purchase_box{
  border: 8px solid #eeeeee;
    margin: 0 0 20px;
    width: 950px;
    padding: 10px;
    overflow: hidden;
}
#purchase_box .box_left{
  width: 575px;
  float: left;
}
#purchase_box .box_right{
  float: right;
  text-align: center;
  padding-top: 70px;
}
.list-def {
    margin: 0 0 10px!important;
}
.list-def.fl {
    overflow: hidden;
    display: table;
}
.list-def.fl dt,
.list-def.fl dd{
  display: table-cell;
  vertical-align: middle;
  padding: 0.8em 10px 0.6em;
}
.list-def.fl dt {
    clear: both;
    width: 8em;

}
.list-def.fl dd {
}
.list-def.fl dt::after{
  content: ":";
  float: right;
}
.btn-t01 {
    border-radius: 3px;
    color: #fff!important;
    display: inline-block;
    font-size: 114.29%;
    line-height: 1.3;
    margin: 0;
    min-width: 270px;
    padding: 15px 29px 12px 27px;
    text-align: center;
}
.btn-t01:hover {
    border-style: solid !important;
    border-width: 0 0 3px !important;
    bottom: 0;
    color: #fff;
    min-width: 270px;
    overflow: hidden;
    padding-bottom: 10px;
    text-decoration: none;
    padding-top: 14px;
}
.btn-01:link, .btn-01:visited, .btn-01:active, .btn-01:focus {
    color: #fff!important;
}

.apptypeU .btn-t01{
    background-color: #7eae01;
    border-color: #6f9900;
}
.apptypeU .btn-t01:hover {
    background-color: #90c700;
    border: 1px solid #7eae01;
}

.apptypeN .btn-t01{
    background-color: #168dcc;
    border-color: #177db3;
}
.apptypeN .btn-t01:hover {
    background-color: #27a5e8;
    border: 1px solid #1980b7;
}

.apptypeM .btn-t01{
    background-color: #d82882;
    border-color: #c30b69;
}
.apptypeM .btn-t01:hover {
    background-color: #f845a1;
    border: 1px solid #d82882;
}

#contents{
  display: none;
}
.tex_right{
  text-align: right;
  padding-bottom: 8px;
}
.applyTyep td{
  text-align: center;
}
#applyTyepC .tbl th {
  background-color: #eef6db;
}
#applyTyepN .tbl th {
  background-color: #ebf8ff;
}
#applyTyepM .tbl th {
  background-color: #f7e9f0;
}
.disnon {
  display: none;
}
.new_window {
  width: inherit;
    background: rgba(0, 0, 0, 0) url("/online-shop/set/data/special/campaign/shared/img/icon_window.gif") no-repeat scroll right center;
    display: inline-block;
    margin-right: 3px;
    padding-right: 17px;
}
.pdf {
  width: inherit;
    background: rgba(0, 0, 0, 0) url("/online-shop/set/data/special/campaign/shared/img/icon_pdf.gif") no-repeat scroll right center;
    display: inline-block;
    margin-right: 3px;
    padding-right: 17px;
}
body.priceError div.priceErrorHide{display: none;}
.colorSelect {
    margin: 20px 0;
}
.colorSelect > div {
    display: none;
}
.list-form-01 {
    text-align: center;
}
.list-form-01 li label span {
    text-align: center;
    display: block;
}
.list-form-01 li label span img {
    width: 95px;
    height: auto;
}
