@charset "Shift_JIS";


body            { background:#660000;
                  margin:0; padding:120px 5px 0 5px;
                  font-size:9pt; color:#ffffff; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:1.8;
                  z-index: 1;
                  -webkit-text-size-adjust: 100%;
                  -moz-text-size-adjust: 100%;
                  -ms-text-size-adjust: 100%;
                  -o-text-size-adjust: 100%;
                  text-size-adjust: 100%;
                }

div#header_area { -moz-box-sizing: border-box;
                  box-sizing: border-box;
                  position: fixed !important;
                  position: absolute; top: 0; left: 0;
                  width: 100%; height:120px;
                  font-size:9pt;
                  background-image:url(images/top/bg.png);
                  z-index: 2;
                }

.top_menu_back  { -moz-box-sizing: border-box;
                  box-sizing: border-box;
                  margin-top:3px;
                  background-image:url(images/top/bg_red.png);
                  height:47px; width:100%;
                  font-weight:bold; }


* html body          { overflow: auto ; }

* html div#main_area { height: 100%; overflow: auto; }


input[type="text"]{ border:none;
                    -webkit-appearance:none; }

input[type="password"]{ border:none;
                   -webkit-appearance:none; }

textarea          { border:none;
                   -webkit-appearance:none; }


td         { font-size:9pt; color:#ffffff; line-height:1.8; }
th         { font-size:9pt; color:#ffffff; line-height:1.8; }

td.mem     { font-size:9pt; color:#ffffff; line-height:1.5; border:solid 1px #ffffff; background:#896d49; text-align:center;}
th.mem     { font-size:9pt; color:#ffffff; border:solid 1px #ffffff; background:#000000; height:40px; line-height:1.2;}

td.down    { border:solid 1px #d1b38f; background:#000000; }
td.file    { border:solid 1px #d1b38f; background:#000000; line-height:1.4; }

ul         { margin:10px 0 10px 0 ; }

table      { border:0; }





/* Link */

a:link          { color:#ffffff; text-decoration:none;  font-size:9pt; }
a:visited       { color:#ffffff; text-decoration:none;  font-size:9pt; }

a.move:hover    { position:relative; top:2px; left:0;  font-size:9pt; }

a.w12:link          { color:#ffffff; text-decoration:none;  font-size:12pt; }
a.w12:visited       { color:#ffffff; text-decoration:none;  font-size:12pt; }

a.bl:link      { color:#000000; text-decoration:none; font-size:9pt; }
a.bl:visited   { color:#000000; text-decoration:none; font-size:9pt; }
a.bl:hover     { color:#000000; text-decoration: underline; font-size:9pt; }
a.bl:active    { color:#000000; text-decoration: underline; font-size:9pt; }

a.bl8:link      { color:#000000; text-decoration:none; font-size:8pt; }
a.bl8:visited   { color:#000000; text-decoration:none; font-size:8pt; }
a.bl8:hover     { color:#000000; text-decoration: underline; font-size:8pt; }
a.bl8:active    { color:#000000; text-decoration: underline; font-size:8pt; }

.07      { font-size:7pt; }

.r09     { color:#f00000; font-size:9pt; }
.r09b    { color:#f00000; font-size:9pt; font-weight:bold; }
.r10     { color:#f00000; font-size:10pt; }
.r10b    { color:#f00000; font-size:10pt; font-weight:bold; }
.r12     { color:#f00000; font-size:12pt; }
.r12b    { color:#f00000; font-size:12pt; font-weight:bold; }
.r14b    { color:#f00000; font-size:14pt; font-weight:bold; }
.r16b    { color:#f00000; font-size:16pt; font-weight:bold; }
.r18b    { color:#f00000; font-size:18pt; font-weight:bold; }

.b09     { color:#0000f0; font-size:9pt; }
.b09b    { color:#0000f0; font-size:9pt; font-weight:bold; }
.b12     { color:#0000f0; font-size:12pt; }
.b12b    { color:#0000f0; font-size:12pt; font-weight:bold; }
.b14b    { color:#0000f0; font-size:14pt; font-weight:bold; }
.b18b    { color:#0000f0; font-size:18pt; font-weight:bold; }

.k09     { color:#000000; font-size:9pt; }
.k09b    { color:#000000; font-size:9pt; font-weight:bold; }
.k12     { color:#000000; font-size:12pt; }
.k12b    { color:#000000; font-size:12pt; font-weight:bold; }
.k14     { color:#000000; font-size:14pt; }
.k14b    { color:#000000; font-size:14pt; font-weight:bold; }
.k18     { color:#000000; font-size:18pt; }
.k18b    { color:#000000; font-size:18pt; font-weight:bold; }

.w09     { color:#ffffff; font-size:9pt; }
.w09b    { color:#ffffff; font-size:9pt; font-weight:bold; }
.w12     { color:#ffffff; font-size:12pt; }
.w12b    { color:#ffffff; font-size:12pt; font-weight:bold; }
.w14b    { color:#ffffff; font-size:14pt; font-weight:bold; }
.w18b    { color:#ffffff; font-size:18pt; font-weight:bold; }

.y09     { color:#ffcc00; font-size:9pt; }
.y09b    { color:#ffcc00; font-size:9pt; font-weight:bold; }
.y10     { color:#ffcc00; font-size:10pt; }
.y10b    { color:#ffcc00; font-size:10pt; font-weight:bold; }
.y12     { color:#ffcc00; font-size:12pt; }
.y12b    { color:#ffcc00; font-size:12pt; font-weight:bold; }
.y14b    { color:#ffcc00; font-size:14pt; font-weight:bold; }
.y18b    { color:#ffcc00; font-size:18pt; font-weight:bold; }





.right_10   { padding-right:10px; }
.right_05   { padding-right:5px; }



.left_bg    { background:#896d49; width:200px; height:100%;  }
.right_bg  { background:#896d49; width:200px; height:100%;  }



.waku_new  { border:solid 1px #d1b38f; width:1020px; }



.button {
	display: inline-block;
	width: 152px;
	height: 46px;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	outline: none;
	position: relative;
	-webkit-perspective: 500px;
	perspective: 500px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .0s;
	transition: all .0s;
}
.button span {
	display: block;
	position: absolute;
	width: 152px;
	height: 46px;
	text-align: center;
	line-height: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: hand;
        font-size:9pt;
}
.button span:nth-child(1) {
	background-color: #d1b38f;
	color: #000;
	border: 1px solid #d1b38f;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -23px;
	-moz-transform-origin: 50% 50% -23px;
	transform-origin: 50% 50% -23px;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;

}
.button span:nth-child(2) {
	background-image:url(https://rq-labo.sakura.ne.jp/images/top/menu/bg.png);
	color: #fff;
	border: 1px solid #d1b38f;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -23px;
	-moz-transform-origin: 50% 50% -23px;
	transform-origin: 50% 50% -23px;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.button:hover span:nth-child(1) {
	background-color: #d1b38f;
        color:000;
	border: 1px solid #d1b38f;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.button:hover span:nth-child(2) {
	background-color: #d1b38f;
        color:d1b38f;
	border: 1px solid #d1b38f;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}




.menu_button {
    color: #fff;
    font-size: 10pt;
    padding:0 8px 0 8px;
    cursor: pointer;
}


.guide         { -moz-box-sizing: border-box;
                 box-sizing: border-box;
                 background:#896d49;
                 width:100%;
                 overflow:hidden;
               }

.guide_bottom  { -moz-box-sizing: border-box;
                 box-sizing: border-box;
                 background:#000000;
                 width:100%;
                 height:60px;
                 overflow:hidden; 
               }

.guide_koumoku { padding-bottom:3px; border-bottom:dotted 1px #660000; width:300px; }

.guide_navi    { background:#000; width:1200px; height:50px; color:#ffffff; }


td.form1    { border:solid 1px #ffffff; background:#896d49; }
td.form2    { border:solid 1px #ffffff; background:#896d49; }

.form_waku  { padding:0 7px 1px 0; width:720px; background:#500000; }


.cart_ttl { border:solid 2px #ffffff; background:#000000; }
.cart_nai { border:solid 2px #ffffff; background:#d1b38f; color:#000000; }


.vpreca_ttl { font-size:12pt; font-weight:bold; }
.vpreca_txt { font-size:12pt; }


.credix_btn   { width:600px;
                height:60px;
                color:#ffffff;
                background:#000000;
                font-size:20pt;
                font-weight:bold;
                cursor:hand;
                        border-radius: 30px;
                -webkit-border-radius: 30px;
                   -moz-border-radius: 30px; }