@charset "UTF-8";
/* CSS Document */

/*
YUI 3.7.2 (build 5639)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/*
        TODO will need to remove settings on HTML since we can't namespace it.
        TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
        color:#333;
        
}
/*
        TODO remove settings on BODY since we can't namespace it.
*/
/*
        TODO test putting a class on HEAD.
                - Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
        margin:0;
        padding:0;
}

fieldset,
img {
        border:0;
		 vertical-align: bottom;
}
/*
        TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
        font-style:normal;
        font-weight:normal;
}


ul {
        list-style:none;
}

caption,
th {
        text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
        font-size:100%;
        font-weight:normal;
}

q:before,
q:after {
        content:'';
}
abbr,
acronym {
        border:0;
        font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
        vertical-align:text-top;
}
sub {
        vertical-align:text-bottom;
}
input,
textarea,
select {
        font-family:inherit;
        font-size:inherit;
        font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
        *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
        color:#000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none; }


/* login.html
----------------------------------------------------------------------------------------- */

body .wrapper .login {
        padding: 20px 30px 40px;
        background-color: rgba(255,255,255,0.9);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin: 10% auto;
        width: 350px;
        display: inline-block;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    }
    
    .row {
        margin-right: -20px;
        margin-left: -20px;
    }
    
    .login .logo {
    
    }
    
    .login input {
        height: auto;
    }
    
    .input_text {
        width: 200px;
        margin-bottom: 10px;
        padding: 9px;
        padding-left: 55px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }

    .login-input {
        width: 200px;
        margin-bottom: 10px;
        padding: 9px;
        padding-left: 55px;
        border: 1px solid #cccccc;
        border-radius: 5px;
		background: url('../img/login_id.png') no-repeat;
		padding-left:55px;
    }


    .login_btn{

        margin:10px 20px;
        width:250px;
        padding:6px 20px;
        background-color:#133596;
        border-color:#133596;
        color:#fff;
        border-radius: 5px;
    }    

    /* ====================================================================================== */

    


/* new_flow01.html -header-
----------------------------------------------------------------------------------------- */

header{
        position: relative;


}

header h1 {
        height: 85px;
        width: 261px;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 14px;
}

header h1 img{
        position: absolute;
        top:10px;
        left:0px;
}

header ul.header_menu {
        position: absolute;
        top: 38px;
        right: 59px;
    }

header ul.header_menu li {
        float: left;
}

header ul.header_menu li.id {
        font-size: 12px;
        background: url(../img/icon_id.jpg) no-repeat left;
        line-height: 28px;
        padding-left: 31px;
        padding-right: 50px;
}

header ul.header_menu li.h_logout {
        line-height: 28px;
        width: 98px;
        height: 28px;

    }




/* ====================================================================================== */


/* new_flow01.html -header-
----------------------------------------------------------------------------------------- */

.btn-default {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

.h_logout a:hover{
        opacity: 0.6;
        transition-duration: 0.3s;
}

.pack{
        display:none;
}

/* .pack02{
		display:none;
} */

.header_menu_sp{
        display:none;
}

.option_button{
        font-family: "Font Awesome 5 Free";
  font-weight: 900
}

.pack_button{
        font-family: "Font Awesome 5 Free";
  font-weight: 900
}

.pack_plan{
        position: relative;
}

.pack_button{
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc !important;
    border-radius:5px !important;
    padding: 6px 12px;
    position:absolute;
    top: 8px;
    right: 250px;

}

.option_plan{
        position: relative;
}

.option_button{
color: #333;
background-color: #fff;
border: 1px solid #ccc !important;
border-radius:5px !important;

    padding: 6px 12px;
    position:absolute;
    top: 8px;
    right: 250px;

}




    /* ====================================================================================== */


/* new_flow02.html
----------------------------------------------------------------------------------------- */


.entry_form td select .width_short {
        width: 100px;
    }

.width_short{
        width:100px !important;
}

.entry_form td ul li span{
        display:none;
    }

    /* ====================================================================================== */



/* new_flow03.html
----------------------------------------------------------------------------------------- */

.send_btn{

        width: 100px;
        height: 40px;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background: #133596;
        border: none;
        border-radius: 5px;
        box-shadow: 0 6px 0 #005cb1;
        margin-top: 20px;
        cursor: pointer;
}

.qr_code{
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: center;
}

.mail_send{
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: center;
}


.credit_entry .credit_qr{
        padding: 20px 30px 40px;
        background-color: rgba(255,255,255,0.9);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin: 5% auto;
        width: 350px;
        text-align: center;
        display: inline-block;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}

.credit_entry{
        text-align: center;
}


.mail_send input{
        margin-top: 20px;
        width: 65%;
}


#fax_send{
        background: #ebfbff;
        margin: auto 0;
        border: 1px solid #C8C8C8;
        text-align: center;
}


#fax_send p {
	padding:120px 0 100px;
	font-size:23px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:3px;
}

    /* ====================================================================================== */


/* new_flow04th.html
----------------------------------------------------------------------------------------- */


#flow04th p {
        padding: 50px 0 50px;
        font-size: 13px;
        font-weight: bold;
        line-height: 36px;
        letter-spacing: 3px;
        }

#flow04th{
        background: #ebfbff;
    margin: 67px auto 0;
    border: 1px solid #C8C8C8;
    text-align: center;
}

    /* ====================================================================================== */

/* new_flow05.html
----------------------------------------------------------------------------------------- */
    
.fix_btn{
        cursor: pointer;
        width: 150px;
        height: 24px;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background: #133596;
        border: none;
        border-radius: 5px;
        box-shadow: 0 6px 0 #005cb1;
        float:right;
        font-size:12px;
        margin-right:15px;
}
    /* ====================================================================================== */


/* new_flow06.html
----------------------------------------------------------------------------------------- */

#fifth i{
        width:30px;
        text-align:center;

}

#fifth img{
        width: 150px;
        margin-top: -50px;
        margin-bottom: 120px;

}

.app button{
        width: 216px;
        height: 57px;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background: #133596;
        border: none;
        border-radius: 5px;
        box-shadow: 0 6px 0 #005cb1;
        cursor: pointer;
}

.canbtn{
        width: 110px;
        height: 30px;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background: #133596;
        border: none;
        border-radius: 5px;
        box-shadow: 0 6px 0 #005cb1;
        cursor: pointer;
        margin-top:10px;
}

.candiv{
        border:solid 1px #ccc;
		padding:1px;
        width:650px;
}



/* ====================================================================================== */


    /* new_flow07.html
----------------------------------------------------------------------------------------- */

#sixth p{

}


#sixth i{
        width:30px;
        text-align:center;

}

#sixth img{
        width: 150px;
        margin-top: -50px;
        margin-bottom: 120px;

}

#sixth .app .send{
        width: 216px;
        height: 57px;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background: #133596;
        border: none;
        border-radius: 5px;
        box-shadow: 0 6px 0 #005cb1;
}



    /* ====================================================================================== */



    
/* new_flow08.html
----------------------------------------------------------------------------------------- */
.last_btn{
        cursor: pointer;
        width: 200px;
        height: 34px;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background: #133596;
        border: none;
        border-radius: 5px;
        box-shadow: 0 6px 0 #005cb1;
        margin: 30px auto;
}

.lastcheck{font-size: 18px;}

.edit{
        margin-top:-200px;
}

        /* ====================================================================================== */

/* 2020.06.03追加 */
/* order.php */

#aplly_kind01 .card{
        border: 0;
        margin-bottom: 30px;
        margin-top: 30px;
        border-radius: 6px;
        color: #CC0000;
        background: #FFCCCC;
        padding:20px;
    }

#aplly_kind02 .card{
        border: 0;
        margin-bottom: 30px;
        margin-top: 30px;
        border-radius: 6px;
        color: #CC0000;
        background: #FFCCCC;
        padding:20px;
}