@charset "UTF-8";

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

html{
}

body{
background: #bfbbd9;
font-size:12px;
color: #1c1844;
font-family:sans-serif;
margin:0;
padding:0;
width: 750px;
margin: 0 auto;
}

#wrap{
width:100%;
}

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

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

/* Link Color */

a:link{
color:#268ca6;
}

a:visited{
color:#b04d91;
}

a:active{
color:#86904e;
}

/* Android Tap Non-Display */
a,input {  
-webkit-tap-highlight-color: rgba(213, 94, 89, 0.4);  
}


/*---------------------------------------
     header 
---------------------------------------*/

#head{
position:relative;
padding:0 auto;
}

#head h1{
}

#head h1 img{
}

/*---------------------------------------
     colum contents
---------------------------------------*/
#outline{
background:url(../img/wrap_bg.jpg) repeat-y;
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;
}

#main_colum{
background:url(../img/colum_bg.jpg) repeat-y;
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;
}

#outline_wrap{
padding:0px 6%;
}

#colum_wrap{
padding:0px 10%;
}

p.out_txt{
font-size:14px;
color:#1b0c10;
letter-spacing:0.1;
line-height:1.6;
text-align:left;
padding: 15px 0px;
}
p.col_txt{
font-size:13px;
color:#1b0c10;
letter-spacing:0.1;
line-height:1.6;
text-align:left;
padding-bottom:10px;
}


/*---------------------------------------
     form
---------------------------------------*/
#contents{
padding:0 10%;
}

p.form_txt{
margin:7px auto;
line-height:1.4;
text-align:center;
}

p.form_txt2{
margin:7px auto;
line-height:1.4;
text-align:left;
}

td.fs14{
font-size:14px;
font-weight:bold;
color:#4c271d;
letter-spacing:0.1em;
}

#contents table{
width:98%;
text-align:center;
padding:0 auto;
border-collapse:collapse;
margin-bottom: 5%;
}

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

hr {
border: 1px solid #8e8abf !important;
height: 0 !important;
}

/*====== box05--> profile_form(1) <--- ======*/
#box05 {
  background: #bfbbd9;
}

#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;
  margin: 0 auto;
}

#box05 table td b{
padding:10px;
font-size: 16px;
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( #f0e18c ),to( #ae963d ));
    background-image: -webkit-linear-gradient( #f0e18c,#ae963d );
    background-image: -moz-linear-gradient( #f0e18c,#ae963d );
    background-image: -ms-linear-gradient( #f0e18c,#ae963d );
    background-image: -o-linear-gradient( #f0e18c,#ae963d );
    background-image: linear-gradient( #f0e18c,#ae963d );
    display: block;
    font-size: 16px;
    padding: 8px 10px;
    color: #20160B;
    border-radius: 5px;

}


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

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

#box05 .dmain{
    text-align: center;
}

#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;
}

.d_link a:hover, a:active, a:visited {
font-size: 14px;
text-decoration: none;
}

#box05 .form_t {
    
}

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

#box05 h4 {
 font-size: 20px
}


.d_title {
    background: #101568;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 31px;
    text-shadow: 0px 2px 5px #000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    border-top: 5px solid #ccc093;
    border-bottom: 5px solid #ccc093;
}
/*---------------------------------------
     navi1
---------------------------------------*/

#support{
}

#support ul{
width:100%;
margin:0 auto ;
border-top:#393775 solid 1px;

}

#support ul li{
list-style:none;
float:left;
width: 50%;
margin:0 auto ;
}

#support ul li a{
position:relative;
display:block;
margin:0 auto ;
height:44px;
padding:0 10px;
font-size:12px;
color:#d2ba8a;
text-shadow:2px 1px 3px #000000;
text-decoration:none;
text-indent:40px;
line-height:44px;
background:-webkit-gradient(linear,left top, left bottom,color-stop(1.00,#1c1753),color-stop(0.00,#252a7d));
background:-webkit-linear-gradient(top, #252a7d 0%, #1c1753 100%);
background:-moz-linear-gradient(top, #252a7d 0%, #1c1753 100%);
background:linear-gradient(top, #252a7d 0%, #1c1753 100%);
border-bottom:#393775 solid 1px;
border-left:#393775 solid 1px;
}

/* --#support ul li a:after{
position:absolute;
top:20%;
left:67%;
margin:-5px 0 0 0;
display:block;
content:"";
width:30px;
height:30px;
background:url(../img/allow.png) no-repeat;
-webkit-background-size:30px;
background-size:30px;
}--*/


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

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

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

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

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

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

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

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

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

#support ul:after{
  content:"";
  display:block;
  clear:both;
}

/*---------------------------------------
     navi2
---------------------------------------*/

#support2{
padding:0 auto;
}

#support2 ul{
width:100%;
text-align:center;
margin:10px auto;
}

#support2 ul:after{
content=""
clear:both;
display:block;
}

#support2 ul li{
float:left;
width:25%;
margin:0 0 10px 0;
}

#support2 ul li:nth-child(4n){
margin:0 0 10px 0;
}

#support2 ul li a{
display:block;
width:100%;
}

#support2 ul li:after{
content:attr(title);
display:block;
min-height:11px;
margin-top:5px;
font-size:10px;
text-align:center;
color: #fdfaf2;
}


/*---------------------------------------
     tokusyo_payment
---------------------------------------*/

#tokusyo_pay{
padding:0 auto;
}

#tokusyo_pay ul{
width:100%;
text-align:center;
margin:10px auto;
list-style-type:none;
}

#tokusyo_pay ul:after{
display:block;
content:"";
clear:both;
}


#tokusyo_pay ul li{
float:left;
width:25%;
margin:0 0 10px 0;
}

#tokusyo_pay ul li:nth-child(4n){
margin:0 0 10px 0;
}

/*---------------------------------------
     footer 
---------------------------------------*/
#footer_top{
margin:0 auto;
padding:3px;
text-align:center;
font-size:x-small;
background:#c9b3a5;
color:#fffbf7;
}


#footer{
margin:0 auto;
padding:3px;
text-align:center;
font-size:0.8em;
margin: 5px 0;
}

.backBtn{
text-align:left;
}

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

#footer02 p.copyright{
padding: 5px;
background:#c9b3a5;
font-size:0.8em;
color:#fbf5ee;
}

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

/*---------------------------------------
     other 
---------------------------------------*/
#write{
    padding: 0 3%;
    margin-bottom: 10px;
    padding-top: 5%;
    line-height: 1.5em;
    font-size: 12px;
    line-height: 1.8em;
}

#write h1{
font-size:14px;
font-weight:bold;
margin:10px 0 5px 0;
padding:0 0 0 1px;
letter-spacing:0.1em;
}

#write p.w_txt{
margin-top:5px;
line-height:1.4;
letter-spacing:0.1em;
font-size:12px;
}

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

.botton {
position: absolute;
top:85%;
bottom:0;
left:15%;
right:15%;
}

.botton img{
width:100%;
}

/* profile3 */

#caption{
background: #7879ac;
text-align:center;
color:#fff;
}


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

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

/* kanteishi */

#kanteishi{
padding:10px;
}

#kanteishi article{
margin:0 0 15px 0;
}

#kanteishi article h3{
font-size:14px;
color:#a82b4c;
font-weight:bold;
margin:10px 0 5px 0;
padding:0 0 0 2px;
letter-spacing:0.1em;
}

#kanteishi article:last-child{
margin:0;
}

#kanteishi article section{
padding:0 0 10px 0;
}

#kanteishi article section p{
font-size:12px;
line-height:1.6;
}

#kanteishi article section p img{
float:left;
width:100px;
margin:0 10px 6px 0;
}

#kanteishi article section p:after{
content:"";
display:block;
clear:both;
}

#kanteishi article p.w_txt{
line-height:1.4;
background:#faeee6;
color:#564d41;
font-size:12px;
-webkit-border-radius:0.5em;
border-radius:0.5em;
padding:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

#kanteishi article p.w_txt a{
display:block;
padding:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
  
background: #e78c9a; /* Old browsers */
background: -moz-linear-gradient(top,  #e78c9a 1%, #e87989 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e78c9a), color-stop(100%,#e87989)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e78c9a 1%,#e87989 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #e78c9a 1%,#e87989 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e78c9a 1%,#e87989 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e78c9a', endColorstr='#e87989',GradientType=0 ); /* IE6-9 */
  
-webkit-border-radius:0.4em;
border-radius:0.4em;
-webkit-box-shadow:1px 1px 3px #623b16;
box-shadow:1px 1px 3px #623b16;
width:100%;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:14px;
color:#fff;

}

/*---------------------------------------
less 
---------------------------------------*/

html.less,html.less body{
height:100%;
}

html.less body #wrap{
position:relative;
height:auto !important;
height: 100%;
min-height: 100%;
}

#write .less{
padding:0 3% 90px;
margin-bottom:10px;
}