/* 
 * RainbowLink Inc.'s Official Site Design ( contact ) Vesion 2.0
 * Created by RainbowLink Inc.  And ChatGPT re-designed these for RainbowLink Inc.
 *   
 */
aside {
background: transparent;
}
article {
margin: 0 auto;
height: auto;
}
div.contents{
width: auto;
margin:0;
padding: 0;
background: transparent;
}
div.nav_steps {
margin: 0 auto ! important;
display: block;
font-family: 'Alegreya Sans', sans-serif;
z-index: 1;
background: transparent;
}
div.nav_steps ul.buttons_title {
margin: 0 auto ! important;
padding: 0;
display: block;
counter-reset: step;
}
div.nav_steps ul.buttons_title li {
list-style-type: none;
width: 33.3333%;
float: left;
font-size: 12px;
position: relative;
text-align: center;
text-transform: uppercase;
color: #005599;
}
div.nav_steps ul.buttons_title li:before {
width: 30px;
height: 30px;
content: counter(step);
counter-increment: step;
line-height: 30px;
border: 2px solid #336699;
display: block;
text-align: center;
margin: 0 auto;
border-radius: 50%;
z-index: 10;
}
div.nav_steps ul.buttons_title li:after {
height: 2px;
content: '';
position: absolute;
background-color: #336699;
top: 15px;
left: -50%;
z-index: 5;
margin-left: 15px;
}
div.nav_steps ul.buttons_title li:first-child:after {
content: none;
}
div.nav_steps ul.buttons_title li.active {
color: #005599;
}
div.nav_steps ul.buttons_title li.active:before {
border-color: #336699;
background-color: yellow;
}
div.nav_steps ul.buttons_title li.active + li:after {
background: linear-gradient(to bottom, #82C8E5 0%, #336699 100%);
}
div.menu_contact {
border-radius: 0.3em;
z-index: 0;
opacity: 0.6;
filter:alpha(opacity=60);
-ms-filter:"alpha(opacity=60)";
background:none!important;
}
.main_contact {
margin-top: 0 ! important;
margin-bottom: 0 ! important;
padding-top: 1em;
padding-bottom: 1em;
background: transparent;
background-size: cover;
height:auto;
}
div.RLoutline_contact{
margin-top:0.8em;
margin-left: 2em;
margin-bottom:3em;
padding-bottom:0.5em;
text-align:center;
border: 5px solid #336699;
border-style:solid;
background-color: #E0EDF3;
border-radius: 0.3em;
}
div.RLoutline_contact2{
margin-left:1%;
padding:0em;
text-align:center;
border: 5px solid #336699;
border-style:solid;
background-color: #E0EDF3;
border-radius: 0.3em;
}
div.RLoutline_contact3{
margin: 0 auto;
margin-top: 1em;
text-align:center;
border: 5px solid #336699;
border-style:solid;
background-color: #E0EDF3;
border-radius: 0.3em;
}
div.RLoutline_contact_aside{
margin-top: 1em;
margin-left:1%;
margin-bottom:1%;
text-align:center;
border: 5px solid #336699;
border-style:solid;
background-color: #FFF;
border-radius: 0.3em;
position: relative;
z-index: 0;
}
div.RLoutline_contact_aside_WWWsub{
margin-top: 1em;
margin-bottom:1%;
text-align:center;
border: 5px solid #336699;
border-style:solid;
background-color: #E0EDF3;
border-radius: 0.3em;
position: relative;
z-index: 5;
}
div.RLoutline_contact_aside_SSL{
margin-top: 1em;
margin-bottom:1%;
padding: 0;
text-align:center;
border: 5px solid #336699;
border-style:solid;
background-color: #E0EDF3;
border-radius: 0.3em;
position: relative;
z-index: 5;
}
div.RLoutline_contact_wide{
margin-top: 1em;
margin-bottom:1%;
padding:0;
text-align:center;
border: 5px solid #336699;
border-style:solid;
background-color: #E0EDF3;
border-radius: 0.3em;
}
div.RLoutline_contact_wide_SSL{
margin-top: 1em;
margin-bottom:1%;
padding:0;
text-align:center;
border: 5px solid #336699;
border-style:solid;
background-color: #E0EDF3;
border-radius: 0.3em;
}
div.RLoutline_contact_sp{
margin-top:0.8em;
margin-left: 2em;
margin-bottom:1%;
padding-bottom:0.5em;
width: auto;
text-align:center;
border: 5px solid #336699;
border-style:solid;
background-color: #E0EDF3;
border-radius: 0.3em;
}
div.RLoutline_contact_inner {
margin: 0;
text-align: center;
display:-moz-box;
display:-webkit-box;
display:-o-box;
display:-ms-box;
background-color: #E0EDF3;
}
h2.contact_top,h2.contact {
padding-top: 0.5em;
padding-left: 0;
padding-right: 0;
padding-bottom: 0.3em;
width: auto;
cursor: pointer;
color: #000000;
text-align: center;
vertical-align: middle;
font-size: 150%;
letter-spacing: 0.05em;
font-weight: bold;
text-decoration: none;
border-width: 0;
border-bottom: none;
background: linear-gradient(to bottom, #82C8E5 0%, #336699 100%);
}
h2.contact a{
color: #000000;
background-color: transparent;
text-decoration: none;
}
#SSL_form h2.contact {
padding-right: 1em;
text-align: left;
letter-spacing: 0.05em;
white-space:normal;
background-color: transparent;
background-image: none;
}
h3.contact{
margin: 0;
padding-top:0.4em;
padding-left: 1em;
padding-bottom:0.4em;
font-weight:bold;
text-align: left;
color: #fff;
line-height:1.4;
background-color: #336699;
}
h3.contact a{
color: #000000;
text-decoration: none;
}
h3.contact_step2_prof{
margin: 0;
padding-top: 0.4em;
padding-bottom: 0.4em;
font-size:100%;
font-weight: bold;
text-align: center;
color: #336699;
line-height: 1.4;
text-align: left;
background-color: #336699;
}
h3.contact_step2_prof a{
color: #336699;
text-decoration: none;
}
h4.contact{
margin-top: 0.5em;
margin-left: 0.3em;
margin-bottom: 0.5em;
padding:0.4em;
color: #005599;
font-weight:bold;
text-align:left;
line-height:1.4;
border-width:0px 0px 0px 12px;
border-style:solid;
border-color: #005599;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
h4.contact a{
color: #336699;
text-decoration: none;
}
div.contact_inquiry {
margin-top:0%;
margin-left:10%;
margin-right:10%;
margin-bottom:0.5em;
padding: 1%;
text-align: left;
vertical-align: top;
background-color: #fff;
border-color: #336699;
border-width: 1em;
border-style: solid;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
div.contact_inquiry p.contact, .menu_contact p.contact {
margin: 0;
padding-top:0.4em;
padding-left:0.8em;
padding-right:0.8em;
padding-bottom:0.8em;
padding-bottom:1px;
line-height:1.4;
font-size: 90%;
font-weight:bold;
color: #000000;
text-align:left;
}
div.contact_inquiry p.contact a, .menu_contact p.contact a{
color : #000;
text-decoration: underline dotted;
}

div.contact-container {
margin: 0 auto;
width: auto;
padding: 0.5em ! important;
}
div.contact-container:nth-child(even){
background:#ededed;
}
div.contact-container:nth-child(odd){
background:#fbfbfb;
}
div.contact-container_inner{
width: 100%;
margin: 0;
font-size: 100% ! important;
font-weight: normal;
}
div.contact-container_inner .contact-item_table div {
display: contents;
}
div.contact-container_inner .contact-item_table div.item-value{
text-align: left ! important;
}
div.contact-container_inner .contact-item_table div.item-value textarea, div.contact-container_inner .contact-item_table div.item-value input {
width: 90%;
}
div.contact-container_inner p a:link, div.contact-container_inner .contact-item_content a:link, div.contact-container_inner p a:visited, div.contact-container_inner .contact-item_content a:visited{
color: #000000;
}
div.contact-container_inner p a:hover, div.contact-container_inner .contact-item_content a:hover{
color:#4D96FF;
}
div.contact-container_inner img {
max-width: 980px;
}

@media screen and (max-width: 48em) {
div.contact-container_inner .contact-item_table {
margin: 0;
display: block;
}
#SSL_form .item-key,#SSL_form .item-value {
width: 100% !important;
display: block !important;
}
div.contact-container_inner .contact-item_table div.item-key{
text-align: left ! important;
}
}
@media screen and (min-width: 48em) {
div.contact-container_inner .contact-item_table {
margin: 0;
display: grid;
gap: 4px;
grid-template-columns: 35% 65%;
}
div.contact-container_inner .contact-item_table div.item-key{
text-align: right ! important;
}
}
/* Reset */
p.pclear{
margin-top:5em;
margin-right: 0.3em;
margin-bottom: 0.5em;
text-align:right;
}
p.pclear a:link{
padding: 0.3em;
color: #fff;
border: 1px solid #336699;
border-radius : 0.3em;
text-decoration: none;
background-color : #336699;
}
p.pclear a:visited{
padding: 0.3em;
color : #fff;
border: 1px solid #336699;
border-radius : 0.3em;
text-decoration: none;
background-color : #336699;
}
p.pclear a:hover{
padding: 0.3em;
color: #005599;
border: 1px solid #000;
border-radius : 0.3em;
text-decoration: none;
background-color: #FFF;
}

p.menutitle_contact {
padding-top:0;
padding-left:0;
padding-right:0;
padding-bottom:0.1em;
font-weight: bold;
text-align: left;
line-height: 1.4;
color: #000000;
font-size: 100%;
border-bottom: 5px dotted #336699;
}
div.RLoutline_contact_select_box {
display: inline-block;
}
.contact_select_box {
margin-top: 1em;
margin-left: 1em;
display: inline-block;
color: #000000;
width: auto;
min-width: 8em;
height: 5em;
vertical-align: top;
}
.contactbtn1, .contactbtn2{
width: auto;
display:block;
margin:0px;
padding-top: 0.3em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 0.3em;
color: #000000;
text-decoration:none;
cursor: pointer;
height:2.8em;
font-size: 120%;
font-weight: bold;
vertical-align: middle;
border-radius: 0.3em;
}
.contactbtn1 {
color: #fff;
background: linear-gradient(to bottom, #82C8E5 0%, #336699 100%);
border: solid 1px #336699;
}
.contactbtn2 {
color: #005599;
background-color: #FFF;
border: solid 1px #336699;
}
.contactbtn1:hover, .contactbtn1:focus, .contactbtn1:active {
color:  #fff;
border: solid 5px #fff;
}
.contactbtn2:hover, .contactbtn2:focus, .contactbtn2:active {
color:  #000000;
border: solid 5px #336699;
}

aside .img100 {
padding-left: 2%;
padding-right: 2%;
width: 98%;
}
.btn {
width: auto;
display:block;
margin:0px;
margin-top:1.2em;
margin-left: 1em;
margin-right:0%;
margin-bottom:0.3em;
padding-left: 0.5em;
color: #ebeeef;
text-decoration:none;
cursor: pointer;
height:2em;
font-size: 120%;
font-weight: bold;
vertical-align: middle;
background-color:  #000;
border-radius: 0.3em;
}
.btn_select_a_title {
width: auto;
display:block;
margin:0px;
margin-top:1.2em;
margin-left: 1em;
margin-right:0%;
margin-bottom:0.3em;
padding-left: 0.5em;
color: #000000;
text-decoration:none;
cursor: pointer;
height:2em;
font-size: 120%;
font-weight: bold;
letter-spacing: 0.05em;
vertical-align: middle;
background-color:  #336699;
border: none;
border-radius: 0.3em;
}
.btn_select_a_title:hover {
width: auto;
display:block;
margin:0px;
margin-top:1.2em;
margin-left: 1em;
margin-right:0%;
margin-bottom:0.3em;
padding-left: 0.5em;
color: #005599;
text-decoration:none;
cursor: pointer;
height:2em;
font-size: 120%;
font-weight: bold;
vertical-align: middle;
background-color:  #fff;
border: 5px solid #336699;
border-radius: 0.3em;
}
.regbtn1 {
width: auto;
display:block;
margin:0px;
padding-top: 0.3em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.3em;
color: #005599;
text-decoration:none;
cursor: pointer;
height:2em;
font-size: 120%;
font-weight: bold;
vertical-align: middle;
background-color: #a2e629;
border: solid 0px #fff;
border-radius: 0.3em;
}
.regbtn2 {
width: auto;
display:block;
margin:0px;
padding-top: 0.3em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.3em;
color : #000;
text-decoration:none;
cursor: pointer;
height:2em;
font-size: 120%;
font-weight: bold;
vertical-align: middle;
background-color: #4D96FF;
border: solid 0px #fff;
border-radius: 0.3em;
}
input.voicedraft {
width:99%;
height:30em;
text-align: left;
vertical-align:top;
}
.clear,.cleaning {
clear: both;
height: 1em;
background-color: transparent;
}
textarea.inquiry {
height: 15em;
width: 95%;
padding: 1%;
font-size: 1.8em;
background-color: #fbfbfb;
border-color: #4D96FF;
border-width: 0 0 0 18px;
border-style: solid;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
input[type="radio"] {
border: 1px solid #aaaaaa;
vertical-align: -8px;
-webkit-appearance: none;
position: relative;
margin-right: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
width: 26px;
height: 26px;
background: #e2e2e2;
background: -webkit-gradient(
linear, left top, left bottom,
color-stop(0.00, #ffffff),
color-stop(1.00, #e2e2e2)
);
background: linear-gradient(
to bottom,
#ffffff 0%,
#e2e2e2 100%
);
}
input[type="radio"]:checked {
background: #99cc00;
background: -webkit-gradient(
linear, left top, left bottom,
color-stop(0.00, #99cc00),
color-stop(1.00, #87b400)
);
background: linear-gradient(
to bottom,
#99cc00 0%,
#87b400 100%
);
border: 1px solid #336600;
}
input[type="radio"]:checked:before {
position: absolute;
left: 1px;
top: 16px;
display: block;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
content: "";
width: 10px;
height: 4px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right center;
}

input[type="radio"]:checked:after {
display: block;
position: absolute;
left: 9px;
top: 16px;
content: "";
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
width: 16px;
height: 4px;
background: #ffffff;
-webkit-transform: rotate(-53deg);
-webkit-transform-origin: left center;
}

input[type="checkbox"] {
border: 1px solid #aaaaaa;
vertical-align: -8px;
-webkit-appearance: none;
position: relative;
margin-right: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
width: 26px;
height: 26px;
background: #e2e2e2;
background: -webkit-gradient(
linear, left top, left bottom,
color-stop(0.00, #ffffff),
color-stop(1.00, #e2e2e2)
);
background: linear-gradient(
to bottom,
#ffffff 0%,
#e2e2e2 100%
);
}

input[type="checkbox"]:checked {
background: #99cc00;
background: -webkit-gradient(
linear, left top, left bottom,
color-stop(0.00, #99cc00),
color-stop(1.00, #87b400)
);
background: linear-gradient(
to bottom,
#99cc00 0%,
#87b400 100%
);
border: 1px solid #336600;
}

input[type="checkbox"]:checked:before {
position: absolute;
left: 1px;
top: 16px;
display: block;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
content: "";
width: 10px;
height: 4px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
display: block;
position: absolute;
left: 9px;
top: 16px;
content: "";
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
width: 16px;
height: 4px;
background: #ffffff;
-webkit-transform: rotate(-53deg);
-webkit-transform-origin: left center;
}
textarea.faq_inquiry {
height: 15em;
width: 95%;
padding: 1%;
font-size: 100%;
border-color: #FFA94D;
border-width: 0 0 0 18px;
border-style: solid;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #fff;
}
textarea.news_inquiry {
height: 15em;
width: 95%;
padding: 1%;
font-size: 100%;
border-color:#4D96FF;
border-width: 0 0 0 18px;
border-style: solid;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #fff;
}

th {
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 1em;
}
td {
padding-top: 0.5em;
padding-bottom: 0.5em;
}

input.voicedraft {
width:99%;
height:30em;
text-align: left;
vertical-align:top;
}


input.bar100_normal{
height:2.1em;
width:95%;
border: 3px solid #336699;
font-size: 120%;
text-align: left;
vertical-align:middle;
background-color:#fbfbfb;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
input.bar100{
height:2.1em;
width:95%;
border: 3px solid #fff;
font-size: 120%;
text-align: left;
vertical-align:middle;
background-color:#fbfbfb;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
input.bar100_dash{
height:2.1em;
width:95%;
border: 3px dashed #336699;
font-size: 120%;
text-align: left;
vertical-align:middle;
background-color:#fbfbfb;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
input.bar30_dash{
height:2.1em;
width:40%;
font-size: 120%;
border: 3px dashed #336699;
text-align: left;
vertical-align:middle;
vertical-align:top;
background-color:#fbfbfb;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
input.bar100_title{
height:6.3em;
width:95%;
border: 3px solid #336699;
font-size: 120%;
white-space: nowrap;
text-align: left;
vertical-align:top;
background-color:#fbfbfb;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
select {
width: auto;
padding: 0.5em;
font-size: 120%;
border: 3px solid #336699;
}
.not_required select {
width: auto;
padding: 0.5em;
font-size: 120%;
border: 3px dashed #336699;
}


#con_titles_list {
text-align: left;
color:#000;
background-color:#fbfbfb;
}
.con_titles_list_WWW{
color:#000;
background-color:#fbfbfb;
}

.con_titles_list_WWW #con_titles_list p{
color:#000;
background-color:#fbfbfb;
}
p.pattention{
margin:0;
padding:0;
width: auto;
line-height:1.4;
font-size:90%;
font-weight: bold;
color: #336699;
text-align: left;
white-space:normal;
}
p.pattention a img{
margin:0;
border-width:0;
}
p.pattention a {
color: #336699;
text-decoration:underline;
}
p.pattention a:link{
color: #336699;
text-decoration:underline;
}
p.pattention a:visited{
color: #336699;
text-decoration:underline;
}
p.pattention a:hover{
text-decoration:none;
font-weight: bold;
font-size: 100%;
background-color: #000000;
}
article#SSL_form p.attention {
background: transparent;
}
hr.h80 {
width: 80%;
text-align: center;
}
.width100 {
width: 95%;
}
span.p80 {
font-size: 80%;
}

aside#SSL p.pborder {
margin-left: 0.8em;
padding-left: 5px;
font-size: 100%;
font-weight: bold;
color: #336699;
text-align: left;
line-height: 1.4;
text-decoration: none;
border-color: #ebeeef;
border-width:0px 0px 0px 12px;
border-style:solid;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
aside#SSL p.pborder a:link {
padding: 0.2em;
color: #005599;
text-decoration: none;
background-color: #FFF;
border-top-right-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
aside#SSL p.pborder a:visited {
padding: 0.2em;
color: #005599;
text-decoration: none;
background-color: #FFF;
border-top-right-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
aside#SSL p.pborder a:hover {
padding: 0.2em;
color: #005599;
text-decoration: none;
background-color: yellow;
border-top-right-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
aside#SSL p.pborder:before {
content: '';
}
aside#SSL p.pborder_pen_white {
margin-left: 0.8em;
padding-left: 5px;
font-size: 100%;
font-weight: bold;
color: #000000;
text-align: left;
line-height: 1.4;
text-decoration: none;
border-color: #ebeeef;
border-width:0px 0px 0px 12px;
border-style:solid;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
aside#SSL p.pborder_pen_white a {
color: #005599;
text-decoration: none;
background-color: #FFF;
}
aside#SSL p.pborder_pen_white:before {
content: '';
}
aside#SSL p.menutitle {
color: #000000;
}

article#SSL_form p.menutitle {
color : #000;
}
article#SSL_form p.pleft {
text-align: left;
padding: 1%;
}
.contact_inquiry .pleft{
color: #005599;
}
.contact_inquiry .pcenter{
color: #005599;
}
.pen_black{
color: #005599;
}
.pen_white{
color: #000000;
}
.mtop2_7em{
margin-top: 2.7em;
}
option {
white-space:normal;
}

h2.subtitle_white {
margin-left: 0.8em;
padding-left: 5px;
font-size: 100%;
font-weight: bold;
color: #336699;
text-align: left;
line-height: 1.4;
text-decoration: none;
border-color: #336699;
border-width:0px 0px 0px 12px;
border-style:solid;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
h4.subtitle_white {
margin-left: 0.8em;
padding-left: 5px;
font-size: 100%;
font-weight: bold;
color: #336699;
text-align: left;
line-height: 1.4;
text-decoration: none;
border-color: #336699;
border-width:0px 0px 0px 12px;
border-style:solid;
border-radius: 0.3em;
}
input[type=submit].pushbtn {
color: #000000;
outline: none;
background: linear-gradient(to bottom, #82C8E5 0%, #336699 100%);
display: inline-block;
transition: .3s;
box-shadow: 0 5px 0 #333;
}
input[type=submit].pushbtn:hover{
color: #333;
box-shadow: 0 3px #4D96FF;
background-color: #336699;
transform: translateY(5px);
box-shadow: 0 0 0 #333;
}
input[type=submit].titles_list_open_show {
white-space:normal;
}
td.td16 {
letter-spacing: 0.05em;
}






/* to pagetop */

aside.sp_only{
padding-left: 3%;
padding-right: 3%;
}





@media screen and (max-width: 48em) {

article,aside {
width: auto;
padding-bottom: 0.8em;
}
article{
padding-left: 1%;
padding-right: 1%;
}
h2.contact,h3.contact,h4.contact{
font-size:100%;
}
.menu_contact,.main_contact{
margin: auto 0;
float: none;
clear: both;
width: auto;
padding-left: 1%;
padding-right: 1%;
}
.anonymous-message .menu_contact {
margin-left: 2.5%;
margin-right: 2.5%;
background-size: cover;
}
.menu_contact p.contact a:link, .menu_contact p.contact a:visited{
font-size: 210%;
line-height: 2.1;
}
.menu_contact p.contact a:hover {
font-size: 210%;
line-height: 2.1;
background: #fff;
color: #000;
}

.menu_contact p.contact a.font-normal{
font-size: 100% ! important;
line-height: 1.4;
}
.menutitle_contact {
font-size: 150%! important;
}
.realname-contact .menu_contact {
display: none;
}
.RLoutline_contact_aside_SSL {
float: none;
clear: both;
width: auto;
}
textarea.tex100_normal{
width: 95%;
height:7em;
padding: 1%;
color: #005599;
text-align:left;
border: 3px solid #4f6c9b;
background-color:#fbfbfb;
}

article#SSL_form div.contact_inquiry p.left {
color: #005599;
}

div.RLoutline_contact,div.RLoutline_contact2,div.RLoutline_contact3,div.RLoutline_contact_aside_WWWsub,div.RLoutline_contact_aside_SSL,div.RLoutline_contact_aside,div.RLoutline_contact_wide,div.RLoutline_contact_wide_SSL,div.RLoutline_contact_sp,div.RLoutline_contact_inner{
padding: 0;
width:auto;
}

.pattention {
color: #000000;
}
.pc{
padding: 0.5em;
border-radius: 0.3em;
}
.pc .sp_pwhite {
color: #000000;
}
.pc .sp_pwhite a{
color: #000000;
}
.step-intro, .pattention,.steps_under_form {
display: none;
}
.not_required .pushbtn{
font-size: 70%;
}
p.pclear a:link,p.pclear a:visited,p.pclear a:hover{
font-size: 70%;
}
article#SSL_form p.pborder {
margin-left: 0.8em;
padding-left: 5px;
font-size: 90%;
font-weight: bold;
color: #000000;
text-align: left;
line-height: 1.4;
text-decoration: none;
border-color: #000000;
border-width:0px 0px 0px 12px;
border-style:solid;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
article#SSL_form p.pborder a {
color: #000000;
text-decoration: none;
background-color: #FFF;
}
article#SSL_form p.pborder:before {
content: '';
}
div.nav_steps {
margin-left: 0.5em;
text-align: left;
}
div.nav_steps ul.buttons_title li:after {
width: 75.6%;
}
.sp_only p.pcontact {
color: #000000;
}
}

@media screen and (min-width: 48em){
.article {
margin: 0;
padding: 0;
max-width: 1000px;
}
.main_contact {
height: auto;
}
.header_contact {
margin-top: -0.6em;
margin-bottom: 1em;
font-size: 75%;
}
div.menu_contact {
margin-right: 1%;
float: right;
text-align: center;
width: 30%;
padding-top: 0;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 1em;
line-height: 1.4;
position: relative;
border-radius: 0.3em;
z-index: 0;
box-shadow: -15px 10px 10px #ebeeef;
-moz-box-shadow: -15px 10px 10px #ebeeef;
-webkit-box-shadow: -15px 10px 10px #ebeeef;
-uu-box-shadow: -15px 10px 10px #ebeeef;
/*background-color: #04c7f8;
background-image: url("/img/accessories-beach-blue-feminine-659002.png");
*/
background-color: #FFF;
background-size: cover;
opacity: 0.6;
filter:alpha(opacity=60);
-ms-filter:"alpha(opacity=60)";
background:none!important;
}

#SSL_form h2.contact {
font-size : 110%;
}
h3.contact{
font-size:130%;
}
h4.contact{
font-size:110%;
}
div.contact-container_inner {
width: 100%;
}
#contact_confirmation h4.subtitle_white {
color: #000000;
}
textarea.tex100_normal{
width: 95%;
height:7em;
padding: 1%;
font-size: 100%;
color: #005599;
text-align:left;
border: 3px solid #336699;
background-color:#fbfbfb;
}
aside#SSL p.pattention {
color : #000;
}
aside#SSL p.pattention a{
color : #000;
}
.header_menu_btns div a {
font-size: 100%;
}
aside .btn_contact {
color: #005599;
padding: 0.3em;
font-size: 80%;
border-top-right-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
article#SSL_form div.contact_inquiry p.left {
color: #005599;
}
div.RLoutline_contact, div.RLoutline_contact3, div.RLoutline_contact_aside {
width:47.5%;
}
div.RLoutline_contact2{
width:87%;
}
div.RLoutline_contact_aside_WWWsub,div.RLoutline_contact_aside_SSL{
width:61%;
}
div.RLoutline_contact_wide,div.RLoutline_contact_wide_SSL{
width:97%;
}
div.RLoutline_contact_inner {
width: 100%;
}
p.pclear {
font-size: 100%;
}
.step-intro {
width: 100%;
margin: 0 auto;
text-align: center;
}
.step-intro_inner {
width: 99.9%;
margin: 0 auto;
text-align: center;
display: inline-block;
}
.step-intro .button {
margin-top: 2em;
margin-right: 3em;
padding: 0.5em;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 70%;
cursor: pointer;
border-radius: 0.3em;
}
.step-intro .button:not(:last-child) {
border-right: none;
}
.step-intro .button_step1, .step-intro .button_step2_current{
color: #336699;
background-color: #FFF;
position:relative;
z-index: 10;
border: 1px solid #336699;
}
 .step-intro .button_step2_current, .step-intro .button_step3{
margin-left: 10em;
}
.step-intro .button_step2, .step-intro .button_step3 {
color: #000000;
background: linear-gradient(to bottom, #82C8E5 0%, #336699 100%);
position:relative;
z-index: 10;
border: 1px solid #336699;
background: linear-gradient(to bottom, #82C8E5 0%, #336699 100%);
}
.step-intro .button_step1::after,.step-intro .button_step2_current::after {
position: absolute;
left: 30%;
font-size: 75%;
display: block;
margin-top: 3px;
margin-left:0px;
border: 0px solid transparent;
border-top: 0px solid #336699;
color: #336699;
z-index: -1;
content: "▼";
}
.step-intro .button_step2::after,.step-intro .button_step3::after {
position: absolute;
left: 30%;
font-size: 75%;
display: block;
margin-top: -5px;
margin-left: -5px;
border: 0px solid transparent;
border-top: 9px solid #336699;
color: #336699;
z-index: -1;
content: "▼";
}

article#SSL_form p.pborder {
margin-left: 0.8em;
padding-left: 5px;
font-size: 100%;
font-weight: bold;
color: #336699;
text-align: left;
line-height: 1.4;
text-decoration: none;
border-color: #336699;
border-width:0px 0px 0px 12px;
border-style:solid;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
article#SSL_form p.pborder a {
color: #005599;
text-decoration: none;
background-color: #FFF;
}
article#SSL_form p.pborder:before {
content: '';
}
div.nav_steps {
max-width:1000px;
margin-left:0;
}
div.nav_steps ul.buttons_title li:after {
width: 90%;
}
}

@media screen and (max-width: 991px){
#SSL_form h2.contact {
padding-left: 0.3em;
padding-right: 3em;
font-size: 100%;
}
}

/* pagerRL  */
div.dclear {
clear: both;
margin-bottom: 1em;
background: linear-gradient(to bottom, #82C8E5 0%, #336699 100%) ! important;
}
div.dbox {
width: 50%;
height:3px;
margin: 0 auto;
box-shadow: -15px 10px 10px #ebeeef;
-moz-box-shadow: -15px 10px 10px #ebeeef;
-webkit-box-shadow: -15px 10px 10px #ebeeef;
-uu-box-shadow: -15px 10px 10px #ebeeef;
background: linear-gradient(to bottom, #82C8E5 0%, #336699 100%) ! important;
}
#bottom_last_contact {
margin: 1em;
}
.bottom_last, #bottom_last_contact {
background: linear-gradient(to bottom, #82C8E5 0%, #336699 100%) ! important;
}


aside p.pcontact,aside p.pcontact a:link,aside p.pcontact a:visited,aside p.contact,aside p.contact a:link,aside p.contact a:visited {
color: #000000;
}

article p.content, .contact_inquiry p.contact {
color: #000 ! important;
} 

.submitnext,.submitnext_contact,.submitback,.submitback_contact {
background-color: transparent;
}
.submitnext_contact:hover,.submitback_contact:hover,.submitnext:hover,.submitback:hover{
background: #336699;
}

/* Anonymous */
.anonymous-message .RLoutline_contact_wide,.anonymous-message .RLoutline_contact_aside {
background-color: #cce0f5;
}
.anonymous-message .RLoutline_contact_wide h3,.anonymous-message .RLoutline_contact_aside h3{
color: #fff;
background-color: #336699;
}
.anonymous-message .RLoutline_contact_wide h4,.anonymous-message .RLoutline_contact_aside h4{
color: #336699;
border-color:#336699;
background-color: transparent;
}

.anonymous-message div.contact_inquiry{
background: #fff ! important;
}

/* RealName */
.realname-message .pushbtn{
color: #fff ! important;
}
.pinpoint {
margin-top: 3em;
margin: 0 auto;
text-align: left;
width: 80%;
}
.pinpoint h2 {
display: block;
font-size: 100% ! important;
border-style:solid;
padding: 1%;
text-align: left;
vertical-align: top;
background-color: #fff;
border-color: #336699;
border-width: 1em;
border-style: solid;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.realname-message h2 {
padding-left: 0.5em;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-left: 12px solid #336699;
}
.realname-message h2, .add_h2 {
width: auto;
max-width: 50%;
}