/* 
 * RainbowLink Inc.'s Official Site Design ( page ) Vesion 2.0
 * Created by RainbowLink Inc.  And ChatGPT re-designed the site-design for RainbowLink Inc.
 *   
 */
main{
margin: 0 auto;
width: 100%;
}
aside{
margin: 0 auto;
background-color: #7ea6da;
background-size: cover;
}
aside ul.content {
margin: 0 auto;
padding-top: 5em;
padding-bottom: 5em;
width: 50%;
font-size: 130%;
}
aside ul.content li{
padding-bottom: 2em;
color: #fff;
}
aside ul.content li a{
color: #fff;
text-decoration: underline;
}
aside ul.content li {
list-style: circle;
}
article {
margin: 0 auto;
padding-top: 5px;
padding-bottom: 5px;
max-width: 1000px;
}
section {
margin: 0 auto;
max-width: 1000px;
}
section p {
font-size: 100%;
line-height: 1.4;
padding-left: 0.8em;
}
h1 {
color: #000;
}
h2,h3 {
background-image: none;
}
h2.informations {
padding-top: 0.5em;
padding-left: 0;
padding-right: 0;
padding-bottom: 0.3em;
width: auto;
cursor: pointer;
color: #000;
text-align: center;
vertical-align: middle;
font-size: 150%;
letter-spacing: 0.05em;
font-weight: bold;
border-width: 0;
text-decoration: none;
border-bottom: none;
background-color:#fff;
}
h2.title_info {
margin-top : 4em;
padding : 0.5em;
width : auto;
cursor : pointer;
color : #fff;
text-align : left;
line-height: 2.1;
vertical-align : middle;
font-size : 130%;
font-weight : bold;
border-width : 0;
text-decoration : none;
border-bottom : none;
  background-image: -webkit-image-set(
    url("../img/rlbg.avif") type("image/avif"),
    url("../img/rlbg.webp") type("image/webp"),
    url("../img/rlbg.png") type("image/png"));
  background-image: image-set(
    url("../img/rlbg.avif") type("image/avif"),
    url("../img/rlbg.webp") type("image/webp"),
    url("../img/rlbg.png") type("image/png"));
border: none;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
h2.title_info a {
color : #fff;
}
h2.title_info_Cata {
margin-top : 4em;
padding : 0.5em;
width : auto;
cursor : pointer;
color : #fff;
text-align : left;
line-height: 2.1;
vertical-align : middle;
font-size : 130%;
font-weight : bold;
border-width : 0;
text-decoration : none;
border-bottom : none;
background-color: #4D96FF;
border: none;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
h2.title_info_Cata a {
color : #fff;
}
p.informations {
padding-top : 0.3em;
padding-left : 2em;
padding-right : 0;
padding-bottom : 0.3em;
width : auto;
cursor : pointer;
color : #000;
text-align : center;
vertical-align : middle;
font-size : 100%;
font-weight : bold;
border-width : 0;
text-decoration : none;
border-bottom : none;
background-color : #fbfbfb;
}

aside ul.content li a:link{
color: #fff;
text-decoration: underline;
}
aside ul.content li a:active{
color: #fff;
text-decoration: underline;
}
aside ul.content li a:hover{
color: #fff;
text-decoration: underline;
}
h2 {
margin-top: 2em;
}
h3 {
margin-top:1em;
margin-left: 0.2em;
margin-right:0.2em;
margin-bottom: 0;
padding: 0.4em;
line-height: 1.6;
font-size: 120%;
color: #666;
font-weight:bold;
text-align: left;
/*
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#fff));
background: -moz-linear-gradient(top, #cdcdcd, #fff);
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
*/
}
h4 {
margin-top:4em;
margin-left: 0.2em;
margin-right:0.2em;
margin-bottom: 0;
padding: 0.4em;
line-height: 1.6;
font-size: 100%;
color: #000;
font-weight:bold;
text-align: left;
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#fff));
background: -moz-linear-gradient(top, #cdcdcd, #fff);
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
color:#fff;
}
div.waku {
margin-top: 1em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-bottom: 1em;
text-align: left;
width: 95%;
line-height: 1.4;
border: 5px solid silver;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
div.waku2 {
margin-top: 1em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-bottom: 1em;
text-align: left;
width:95%;
line-height: 1.4;
border: 5px solid silver;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
p.subtitle_note{
margin:0;
padding:0.4em;
font-size:100%;
font-weight:bold;
text-align:left;
color: #000;
line-height:1.4;
background-color: silver;
}
table.disptable tr:nth-child(even) th{
width: 30%;
padding-top:0.3em;
padding-bottom:0.3em;
line-height: 1.4;
background:#fbfbfb;
}
table.disptable tr:nth-child(odd) th{
width: 30%;
line-height: 1.4;
padding-top:0.3em;
padding-bottom:0.3em;
background:#ededed;
}
table.disptable tr:nth-child(even) td{
padding-top:0.3em;
padding-bottom:0.3em;
line-height: 1.4;
background:#fbfbfb;
}
table.disptable tr:nth-child(odd) td{
padding-top:0.3em;
padding-bottom:0.3em;
line-height: 1.4;
background:#ededed;
}
ul.content li a:link {
color:#4D96FF;
}
.bgcolor_Catalogue {
background-color: #4D96FF;
}
textarea.inquiry {
padding: 1%;
height: 10em;
width: 96%;
font-size: 130%;
background-color: #ededed;
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;
box-shadow: 5px 15px 10px 2px #737373;
}
iframe.erp_rainbow-link {
width: 100%;
min-height: 2500px;
border-width: 0;
border: none;
}
.alliance_form .disptable,.alliance_table_inner,.alliance_message{
width: 100%;
}
.btn_Cata a,.btn_Cata {
margin-top:2em;
padding-top: 1.2em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 1.2em;
display: inline-block;
width: 100%;
font-size: 120%;
font-weight: bold;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: none;
color: #fff;
border: none;
border-radius: 15px;
box-shadow: 0 9px #999;
background-color: #4D96FF;
}
.btn_Cata a:link,.btn_Cata:link,.btn_Cata a:visited,.btn_Cata:visited {
color: #fff;
margin-top:2em;
margin-left: 2px;
margin-right: 2px;
}
.btn_Cata a:hover,.btn_Cata:hover {
margin-top:2em;
margin-left: 2px;
margin-right: 2px;
color: #000;
box-shadow: 0 3px #4D96FF;
background-color: #c1dbe5;
}

.rl_lan {
width: 95%;
margin: 0 auto;
padding: 0.5em;
text-align: center;
background-color: #000080;
}
.rl_lan_inner {
margin: 0 auto;
text-align: center;
}
.rl_lantitle {
margin: 0 auto;
padding: 0.3em;
text-align: center ! important;
color: #fff;
font-weight: bold;
}
.rl_lan_core {
margin: 0 auto;
padding-top: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 3%;
text-align: center;
background-color: #bed5f2;
}
.rl_lan_iprange {
margin: 0 auto;
padding: 0.3em;
font-weight: bold;
text-align: center ! important;
font-size: 90%;
color: #000;
}
.rl_lan_core hr{
color: #fff;
width: 80%;
}
.rl_lanbox{
margin: 0 auto;
text-align: center;
display: inline-block;
}
.rl_lanbox .lanbox_inner p{
padding-left: 1em;
font-size: 80%;
line-height: 1.4;
}
.rl_lanbox .lanbox_inner p a{
text-decoration: none;
}
.rlyellow {
padding-top: 0.5em;
text-align: center;
color: #000;
background-color: yellow;
}
.rlyellow a:link, .rlyellow a:visited{
color: #000 ! important;
}
.rlgreen {
padding-top: 0.5em;
margin: 0 auto;
text-align: center;
color: #333;
background-color: pink;
}
.rlgreen a:link,.rlgreen a:visited {
color: #333 ! important;
}
.rlgreen p.pwhite {
color: #333 ! important;
}
.redundderline {
border-bottom: 3px red solid;
}
.footer_search h2#site_search {
border: none;
}

/* background-colors */
.bg_green {
color: #fff;
background-color: green;
}
.bg_pink {
background-color: pink;
}
.bg_yellow {
background-color: yellow;
}

h2.bg_green{
padding: 0.3em;
}


@media screen and (max-width:48em){
section{
padding-left: 0.5em;
padding-right: 0.5em;
}
.rl_lanbox .lanbox_inner{
display: block;
width: 100%;
}
.rl_lanbox .lanbox_inner p{
text-align: left;
}
}
@media screen and (min-width: 48em) {
.rl_lanbox .lanbox_inner{
float: left;
display: block;
width: 50%;
text-align: left ! important;
}
}