@charset 'Shift_JIS';
/* SCC’ljÁ 21.03.08 */

/*----- [ reset ] -----*/
body, html, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, form {
margin:0;
padding:0;
font-size:12px;
}

a img {
border:0;
}

img {
vertical-align:bottom;
font:0;
line-height:0
}

.btn , .mainBtn , .mainBtn * , .clearBtn , p.go_next , p.go_back ,p.go_next_wide ,.okBtn ,.prevBtn , .nextBtn , .selector .select li {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

li, dd {list-style:none;}

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

table {border-collapse: collapse;}

/*----- [ base ] -----*/
body {
-webkit-text-size-adjust:none;
font-family: 'Frutiger Neue LT Pro', Arial, 'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒ�ƒCƒŠƒI, sans-serif;}
color:#333;
line-height:1.5;
}

#main {
width:100%;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0px, #ffffff 10px, #ffffff 100px) no-repeat; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(10%,#ffffff), color-stop(100%,#ffffff)) no-repeat; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#ffffff 10%,#ffffff 100%) no-repeat; /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom, #1e5799 0px, #ffffff 10px, #ffffff 100px) no-repeat;
-webkit-background-size:100% 100px;
background-size:100% 100px;
overflow:hidden;
padding-top:10px;
}

.pop #main {
padding-top:25px;
}

/*----- [ link ] -----*/
a, a:link, a:visited, a:hover, a:active {
color:#3B61D4;
text-decoration: underline;
}

/*----- [ #header ] -----*/
#header {
border-bottom:3px solid #2566D1;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 88%, #E0E5F0 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(88%,#ffffff), color-stop(99%,#E0E5F0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 88%,#E0E5F0 99%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #ffffff 0%, #ffffff 88%, #E0E5F0 99%);
position:relative;
}

#header .vi,
#header .txt {
vertical-align:middle;
display:table-cell;
padding:7px 4px;
}

#header .vi_s {
vertical-align:middle;
display:table-cell;
padding:9px 20px 11px;
}

#header .vi h1,
#header .vi .logo {
vertical-align:middle;
display:inline;
}

#header h1 {
padding:0 0 0 23px;
color:#003399;
font-size:16px;
}

#header .txt h1 {
padding:0 0 0 10px;
}

#header .ttl {
border-top:1px solid #4F6CA8;
border-left:1px solid #4F6CA8;
border-bottom:1px solid #374A73;
border-right:1px solid #374A73;
background:-webkit-gradient(linear, left bottom, left top, from(#526EA9), to(#183E8C));
background:-moz-linear-gradient(90deg,#526EA9,#183E8C);
background:linear-gradient(0deg,#526EA9,#183E8C);
}

#header .ttl h2{
font-size:16px;
font-weight:bold;
color:#FFF;
padding:2px 5px;
}

/*----- [ #footer ] -----*/
#footer, #footerArea {
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 14%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(14%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 14%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #cccccc 0%, #eeeeee 14%, #eeeeee 100%);
position:relative;
padding:12px 0 0;
border-top:solid #FFF 1px;
}

#footer ul {
padding:0 6px 8px;
}

#footer ul.last {
border-top:none;
}

#footer ul li {
font-size: 14px;
padding: 0 0 7px;
/* width:152px; */
width:45%;
display: inline-block;
}

#footer ul li a{
/* padding:3px 25px 2px 0; */
padding:3px 0 2px 0;
font-weight:bold;
font-size: 11px;
letter-spacing: -0.001em;
}

#footer ul li.pc a {
background:url(/apl/image/guest/entry/smp/icn_pc02.png) right center no-repeat;
}

#footer .copyright, #footerArea .copyright {
padding:0 6px 5px;
}

#footer .btn_topc {
	padding: 0 6px 5px;
}

#footer .btn_topc a {
display:block;
padding:5px;
text-align:center;
background:#E0E0E0;
}

.btn_area_btm{
width:100%;
text-align:center;
background:#EEE;
}

.btn_area_btm p{
margin:0 6px;
padding:8px 0;
color:#4060A0;
font-weight:bold;
background:#FFF;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
background:-webkit-gradient(linear, left bottom, left top, from(#E8F4FF), to(#FFF));
background:-moz-linear-gradient(center bottom , #E8F4FF 0%, #FFF 100%);
background:linear-gradient(0deg, #E8F4FF, #FFF);
border-top:1px solid #C6C6C6;
border-left:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
box-shadow: 0px 0px 2px 0px #CCC;
}

.btn_area_btm p a{
padding-left:15px;
font-size:14px;
background:url(/apl/image/guest/entry/smp/icn_totop01.gif) 0 0.2em no-repeat;
}

span.errorMessage {
font-size: 90%;
color: #FF0000;
white-space: normal;
}

#slideArea {
overflow: hidden;
}

.slideStep {
padding-left: 1px;
padding-right: 1px;
}

input:focus::-webkit-input-placeholder {
  opacity: 0;
}

input:focus::-moz-placeholder {
  opacity: 0;
}

input:focus::-ms-placeholder {
  opacity: 0;
}

:placeholder-shown {
    color: #C3C3C3; 
}

input::-moz-placeholder {
 color: #C3C3C3 !important; opacity: 1; 
}

input:-ms-input-placeholder {
 color: #C3C3C3 !important; 
}

input::-webkit-input-placeholder {
 opacity: 0.30 !important; 
}

.box-gray label{
    display: inline-block;
    border: 1px #9A9A9A solid;
    border-radius: 5px;
    padding: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    word-wrap: break-word;
    min-height: 35px;
}

.w-multi-per label{
    width: 33%;
}

.w-half-per label{
    width: 50%;
}

.w-100-per label{
    width: 100%;
}

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

.text-center label, .text-center span.checkbox-parts, .text-center span.radio-parts{
  padding-left: 0px;
}

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

.text-left label {
  padding-left: 35px;
}

.text-left span.checkbox-parts,.text-left span.radio-parts{
  padding-left: 25px;
}

div#loadingArea {
  text-align: center;
}

/* >>>>> radio >>>>> */
 .radio-input{
  display: none;
 }

.radio label {
  padding: 10px 30px 10px 10px;
  margin: 2px -2px 2px 0px;
}

.radio label.radio_pad10 {
  padding: 10px;
}

.labelDeactivated {
  padding: 10px 30px 10px 10px;
  margin: 2px -2px 2px 0px;
  background: #c0c0c0;
}

.radio-parts{
  position: relative;
  display: inline-block;
  width: 100%;
}

.radio-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
  margin-top: -9px;
}

.radio-input:checked + .radio-parts{
  color: #009a9a;
}

.radio-input:checked + .radio-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009a9a;
  border-radius: 50%;
  margin-top: -6px;
}

.longLan .radio-parts {
  box-sizing: border-box;
}

/* <<<<< radio <<<<< */
/* >>>>> checkbox >>>>> */
.checkbox-input{
  display: none;
}

.checkbox label{
  margin: 2px -2px 2px 0px;
  padding: 10px 30px 10px 10px;
}

.checkbox-parts{
  position: relative;
  display: inline-block;
  width: 100%;
}

.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
  margin-top: -9px;
}

.checkbox-input:checked + .checkbox-parts{
  color: #009a9a;
}

.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009a9a;
  border-right: 3px solid #009a9a;
  margin-top: -13px;
}

/* <<<<< checkbox <<<<< */
/* <<<<< text <<<<< */
.text_left{
    padding: 0 50px 0 0;
    white-space: nowrap;
}
.telnum_wid input {
    width: 31%;
}
/* <<<<< text <<<<< */