@charset "UTF-8";

/*---------------------------------------
     Default
---------------------------------------*/

html{
margin:0;
padding:0;
}

body{
background: url(../../img/bg.jpg);
color: #773b3b;
font-family:sans-serif;
margin:0 auto;
background-color:#fcccc0;
position: relative;
width: 640px;

}


#wrap2{
  background: url(../../img/main_bg.jpg);
  background-size: 100%;
  background-repeat: repeat-y;
  position: relative;
}

img {
width:100%;
vertical-align:bottom;
}

.str_color{
color:#d50b46;/* face str_text color */
}

/* Link Color */

a:link{
color:#3376c1;
}

a:visited{
color:#3376c1;
}

a:active{
color:#3376c1;
}

/* Android Tap Non-Display */
a,input {
-webkit-tap-highlight-color: rgba(219, 93, 74, 0.4);
}

/*---------------------------------------
   スロットコンテンツ
---------------------------------------*/

#slot_container {
   background: url(../../img/slot_bg.jpg);
   background-size: 100%;
   padding-bottom: 20.5%;
   background-repeat: no-repeat;
}


.slot1 {
    float: left;
    width: 23%;
    padding-top: 5%;
    padding-left: 10%;

}

.slot2 {
    float: left;
    width: 12.1%;
    padding-top: 5%;
    padding-left: 12%;
}

.slot3 {
    float: right;
    width: 12.1%;
    padding-top: 5%;
    padding-right: 19%;
}

/*---------------------------------------
   ボタンエリア
---------------------------------------*/


#Btn_Area {
   background: url(../../img/btn_bg.jpg);
   background-size: 100%;
   background-repeat: no-repeat;
   position: relative;
   padding-bottom: 24%;
}

#Btn_Area2 {
   position: relative;
   padding-bottom: 25%;
}

#Btn_Area p.Btn{
    position: absolute;
    top: 0px;
    margin: 0 auto;
    display: block;
    right: 5%;
    left: 5%;
    width: 85%;
}


#Btn_Area2{
   background: url(../../img/btn_bg2.jpg);
   background-size: 100%;
   background-repeat: no-repeat;
   position: relative;
   padding-bottom: 25%;
}

#Btn_Area2 p.Btn{
    position: absolute;
    top: -5%;
    margin: 0 auto;
    display: block;
    right: 5%;
    left: 5%;
    width: 85%;
}

#Btn_Area3{
position: relative;
padding-bottom: 30%;
margin-top: 5%;
}

#Btn_Area3 p.Btn{
    position: absolute;
    top: -5%;
    margin: 0 auto;
    display: block;
    right: 5%;
    left: 5%;
    width: 85%;
}


#uranauBtn img{
margin: 0 auto;
display: block;
width: 70%;
margin-top:10px; 
}


p.Btn a{
width:100%;
display:block;
position:relative;
}
p.Btn a img{
width:100%;
position:absolute;
top:0;
left:0;
}
@keyframes 'pulse2' {
  0%{
        opacity:0.2;
         }
    100%{
        opacity:1;
         }
}
@-webkit-keyframes 'pulse2' {
  0%{
        opacity:0.2;
         }
    100%{
        opacity:1;
         }
}
.flash{
-webkit-animation-name: pulse2;
-webkit-animation-duration: 0.7s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s;
}

#pm{
background: #fff;
width: 50px;
height: 50px;
position: absolute;
right: 0;
bottom: 55px;
}

#pm img {
    width: 80%;
    padding: 10%;
}

/*---------------------------------------
   体験談
---------------------------------------*/


#taiken_box {
}

#taiken {
  background: url(../../img/main_bg.jpg);
  background-size: 100%;
  background-repeat: repeat-y;
  position: relative;
}

.taiken2 {
  margin-top: -5%;
  line-height: 1.6em;
}

 .taiken_img {
  width: 90%;
    margin: 0 auto;
}

 .taiken_img p{
  padding-top: 3%;
  font-size: 14px;
  padding-bottom: 2%;
}

#taiken .sikiri{
  margin: 1% 0;
}

/*---------------------------------------
     form
---------------------------------------*/

#form {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    text-align: center;
}

#contents {
  background: url(../../img/form_bg.jpg);
  background-size: 100%;
  background-repeat: repeat-y;
  position: relative;
}

#contents .txt_top{
margin-bottom: 3%;
}

#contents table {
    margin: 0 auto;
    border-collapse: collapse;
    margin-top: 1%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#form td.back_color {
    background-color: rgba( 255, 255, 255, 0.5 );
    font-weight: bold;
}

#contents table td {
    padding-bottom: 10px;
}

#contents table td {
    padding-bottom: 10px;
}

p.Btn input {
    width: 100%;
    display: block;
    position: relative;
}

p.Btn input img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
p.form_txt {
    padding: 3% 10% 0 10%;
    line-height: 1.4;
    text-align: left;
}

#form_txt3 {
    padding-bottom: 3%;
    line-height: 1.4;
    margin: 0 auto;
    width: 80%;
} 


/*====== box05--> profile_form(1) <--- ======*/
#box05 {
}

#box05 #pro_top h1{
width:100%;
margin: 0 auto;
}
#box05 #pro_top h2{
max-width: 960px;
width:100%;
height: 121px;
margin: 0 auto;
}
#box05 table{
  margin-bottom: 30px;
}

#box05 table td b{
padding:10px;
font-size: 18px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
text-align: left;
line-height: 1.4em;
}

#box05 table th{
    background-image: -webkit-gradient(linear,left top,left bottom,from( #925053 ),to( #5c3435 ));
    background-image: -webkit-linear-gradient( #925053,#5c3435 );
    background-image: -moz-linear-gradient( #925053,#5c3435 );
    background-image: -ms-linear-gradient( #925053,#5c3435 );
    background-image: -o-linear-gradient( #925053,#5c3435 );
    background-image: linear-gradient( #925053,#5c3435 );
    display: block;
    font-size: 16px;
    padding: 3px 10px;
    color: #f7f0c0;
    border-radius: 5px;
    line-height: 1.6;

}


#box05 table td{
padding:40px 0 0 45px;
text-align: left;
}

#box05 p img{
vertical-align:middle;
}

#box05 p.domain_txt{
margin-top:10px;
font-size: 14px;
line-height:1.4em;
}
.d_link {
margin-top: 14px;
padding-bottom:30px;
}

.d_link a:link{
font-size: 14px;
text-decoration: none;
}


#box05 .form_t {
    
}

.str_color {
    color: #d50b46;
    font-weight: bold;
}

#box05 h4 {
 font-size: 20px
}

#p_center {
  text-align: center;
}
/*---------------------------------------
     サポートメニュー
---------------------------------------*/
#support{
padding-top: 5%;
/*background: url(../../img/support_bg.jpg);*/
background-size: 100%;
background-repeat: no-repeat;
padding-bottom: 5%;
}

#support ul{
 margin:0 auto;
 list-style: none;
}

#support ul li{
}

#support ul li a{
position:relative;
display:block;
height:44px;
margin: 0px 5%;
padding:0 15%;
font-size:14px;
font-weight:bold;
color: #fff;
text-decoration:none;
text-indent:10px;
line-height:44px;
background:-webkit-gradient(linear,left top, left bottom,color-stop(1.00,#efaca6),color-stop(0.00,#d2827b));
background:-webkit-linear-gradient(top, #efaca6 0%, #d2827b 100%);
background:-moz-linear-gradient(top, #efaca6 0%, #d2827b 100%);
background:linear-gradient(top, #efaca6 0%, #d2827b 100%);
border-radius:5px;
-webkit-border-radius:5px;
text-shadow: 1px 1px 0 rgba(186, 116, 110, 0.9);
}

#support ul li a:after{
position: absolute;
    right: 2%;
    top: 25%;
    margin: -5px 0 0 0;
    display: block;
    content: "";
    width: 35px;
    height: 35px;
    background: url(../../img/allow.png) no-repeat;
        background-size: auto auto;
    -webkit-background-size: 20px;
    background-size: 35px;

}


/* beginner */
#support ul li.beginner a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../../img/star.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* Agree */
#support ul li.Agree a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../../img/3line.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* payment */
#support ul li.payment a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../../img/yen.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* privacy */
#support ul li.privacy a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../../img/key.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* specific */
#support ul li.specific a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../../img/exc.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* company */
#support ul li.company a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../../img/company.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* drawal */
#support ul li.drawal a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../../img/punish.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* info */
#support ul li.info a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../../img/m.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* shokai */
#support ul li.shokai a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../../img/shokai.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}


/*---------------------------------------
     footer
---------------------------------------*/
/*top page footer*/

footer {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0px;
    bottom: 0;
    background: #fcccc0;
}

footer nav{
  margin:0 auto;
}

footer #menu-bar{
  position:relative;
}

footer #menu-bar ul{
  height:55px;
  margin:0 auto;
  position:relative;
}

footer #menu-bar .btn-home{
  width:81px;
  height:34px;
  background:url(../../img/home_btn.png) 0 0 no-repeat;
  background-size:cover;
  position:absolute;
  left:7px;
  top:10px;
}

footer #menu-bar .btn-menu{
  width:81px;
  height:34px;
  background:url(../../img/menu_btn.png) 0 0 no-repeat;
  background-size:cover;
  position:absolute;
  right:7px;
  top:10px;
}

footer #menu-bar .copy{
  background-size:cover;
  top:5px;
  margin: 0 auto;
  padding-top: 7px;
}

footer #menu-bar .copy p{
font-size: 9px;
text-align: center;
line-height: 1.5em;
}

footer #menu-bar li>a{
display:block;
height:100%;
text-indent:-9999px;
}

/*2F footer*/
#footer01{
margin:0 auto;
padding:3px;
text-align:center;
font-size:x-small;
background:#1b548c;
color:#ffffff;
margin:5px;
}

.backBtn{
text-align:left;
margin-top:10%;
}

#footer02{
position: absolute;
bottom: 0;
width: 100%;
text-align:center;
}

#footer02 p.copyright{
padding: 5px;
background:#1d090f;
font-size:0.8em;
color:#ffffff;
}

#footer02 p.backBtn{
margin:5px;
}


/*---------------------------------------
     other
---------------------------------------*/
#write{
padding:0 3%;
margin-bottom:10px;
line-height: 1.5;
padding-bottom: 5%;
}

#write h1 {
    color: #e6933c;
    font-weight: bold;
    margin: 10px 0 5px 0;
    padding: 0 0 0 2px;
    letter-spacing: 0.1em;
}

#write p.w_txt{
line-height:1.4;
letter-spacing:0.1em;
margin-bottom: 10px;
}

#write h2{
font-weight:bold;
letter-spacing:0.1em;
line-height:1.4;
margin:5px 0 5px 0;
color: #e6933c;
}

#write2{
padding:0 3%;
margin-bottom:10px;
background: #FAE6E5;
line-height: 1.5;
padding-bottom: 5%;
}

#write2 h1 {
    font-size: 14px;
    color: #e6933c;
    font-weight: bold;
    margin: 10px 0 5px 0;
    padding: 0 0 0 2px;
    letter-spacing: 0.1em;
}

#write2 p.w_txt{
line-height:1.4;
letter-spacing:0.1em;
margin-bottom: 10px;
}

#write2 h2{
font-size:14px;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.4;
margin:5px 0 5px 0;
color: #e6933c;
}


/* profile3 */
#caption {
    background: #f1ada6;
    font-size: 14px;
    color: #fff;
    text-align: center;
}


/* page top */
.pagetop{
margin:0 10px 10px 10px;
text-align:right;
}

.pagetop a{
padding:0 0 0 14px;
font-size:12px;
background:url(../../index_img/all_arw.png) no-repeat left center;
-webkit-background-size:13px;
background-size:13px;
}

#main{
posit
top:33%;
left:2%;
right:2%;
bottom:0
}

#main table td{
width:50%;
padding:0 5px;
text-align:center;
}

#main table td:first-child{
text-align:right;
}

#main table td:last-child{
text-align:left;
}

#main table td img{
width:100%;
}

#form p.c_center{
padding-bottom:10px;ion:relative;
}

#main table{
position:absolute;
width:96%;
}