@charset "shift_jis";
/* CSS Document */

*{margin: 0;padding: 0;}

body {
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
background-color: #fff;
text-align: center;
margin:0;
padding:0;
}

img{border: none;}

p {line-height: 150%;}

a           { color: #f00; font-weight: bold}
a:link      { color: #f00;}
a:visited   { color: #f00;}
a:active    { color: #00f;  }
a:hover     { color: #f00;background-color: #FBE9C4;}

/*
input[type="radio"]{
padding: 0 0 0 0;
margin: 0 0.5em 0.3em 0.3em;
width: 16px;
height: 16px;
vertical-align: middle;
}
input[type="checkbox"]{
padding: 0 0 0 0;
margin: 0 0.5em 0.3em 0.3em;
width: 16px;
height: 16px;
vertical-align: middle;
border-radius: 3px;
}*/

/*@-moz-document url-prefix() {}*/

input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    content: "";
    background-color: white;
    border: 1px solid #666666;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;
    top:-2px;
    margin-right:.5em;
}
input[type="radio"]:checked{
  background-image: radial-gradient(circle at 50% 50%, #333333 40%, transparent 50%);
}

input[type="checkbox"] {
    position: relative;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    content: "";
    background-color: white;
    border: 1px solid #666666;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    top:-2px;
    margin-right:.5em;
}
input[type="checkbox"]:checked{
    background-image: url(../images/icon_check.png);
    background-size: 100%;
    background-position: 0 0;
}



#container{width:100%;}

/*header-gateway*/
#header-gateway{width:100%; background: #504242; height: 50px;font-size: 14px;line-height: 1 !important;}
#header-gateway a{color: #e1a47c !important;font-weight: bold; background-color: inherit; text-decoration: none;}
#header-gateway .header_inner{width: 1080px; margin: 0 auto; padding: 0; overflow: hidden; height: 50px; box-sizing: border-box;}
#header-gateway .header_inner p.gateway{float: left; box-sizing: border-box; margin: 1em 0 0 0; padding: 0 0 0 0;}
#header-gateway .header_inner p.gateway i{font-size: 80%;margin: 0 0.5em 0 0; color: #fff;}
#header-gateway .header_inner p.gateway:hover{border-bottom: #e1a47c 4px solid;}
#header-gateway .header_inner ul.header_btn{float: left; padding: 0 0 0 0 !important; margin: 0.6em 0 0 280px !important; list-style: none !important; overflow: hidden;}
#header-gateway .header_inner ul.header_btn li{float: left; display: block !important; box-sizing: border-box; margin: 0 !important; padding: 0 0 0 0.5em !important;}
#header-gateway .header_inner ul.header_btn li p{border-left:#8d7070 2px solid;padding: 0 0.5em 0 1em !important; box-sizing: border-box;}
#header-gateway .header_inner ul.header_btn li:first-child p{border-left:none;}
#header-gateway .header_inner ul.header_btn li i{vertical-align: bottom;margin: 0 0.2em 0 0; color: #ffffff; font-weight: normal !important;}
#header-gateway .header_inner ul.header_btn a:link,
#header-gateway .header_inner ul.header_btn a:visited{display:inline-block; padding: 0.2em 0 !important; margin: 0 ; border-bottom: #504242 4px solid;}
#header-gateway .header_inner ul.header_btn a:hover,#header-gateway .header_inner ul.header_btn a:active,#header-gateway .header_inner ul.header_btn a:focus{background-color: inherit; border-bottom: #e1a47c 4px solid;}
#header-gateway .header_inner ul.header_btn a.current{background-color: inherit; border-bottom: #e1a47c 4px solid;}
#header-gateway .header_inner p.btn_logout{float: right; margin: 0; padding: 0.7em 0 0 0;}
#header-gateway .header_inner p.btn_logout a:link,#header-gateway .header_inner p.btn_logout a:visited{display: block; padding: 0.3em 3em !important; border-radius: 0.3em; margin: 0 !important;color: #333 !important;background: #fff;}
#header-gateway .header_inner p.btn_logout a:hover,#header-gateway .header_inner p.btn_logout a:active,#header-gateway .header_inner p.btn_logout a:focus{background: #efe67f;}
_:-ms-fullscreen, :root #header-gateway .header_inner p.btn_logout a:link,#header-gateway .header_inner p.btn_logout a:visited{display: block; padding: 0.5em 3em 0 3em !important; border-radius: 0.3em; margin: 0 !important;color: #333 !important;background: #fff;}

/*header-ssl*/
#header-ssl{width:100%; background: #fd99cb; height: 90px;font-size: 14px;line-height: 1 !important;}
#header-ssl .header_inner{width: 1080px; margin: 0 auto; padding: 0.8em 0 0 0; overflow: hidden; height: 90px;box-sizing: border-box;}
#header-ssl .header_inner h1{float: left; height: 67px; box-sizing: border-box; margin: 0;padding: 0 0.2em 0 0;display: inline-block;}
#header-ssl .header_inner ul.header_btn{float: left; display: block; padding: 0 0 0 0 !important; margin: 0 !important; list-style: none !important; border-left:#fac3df 3px solid;}
#header-ssl .header_inner ul.header_btn li{float: left; display: block !important; box-sizing: border-box; margin: 0 !important; padding: 1em 0 1em 0.5em !important;}
#header-ssl .header_inner ul.header_btn li p{border-left:#fac3df 2px solid;padding: 0 0.5em 0 1em;}
#header-ssl .header_inner ul.header_btn li:first-child p{border-left:none;}
#header-ssl .header_inner ul.header_btn li i{vertical-align: bottom;margin: 0 0.2em 0 0; color: #ffffff; font-weight: normal !important;}
#header-ssl .header_inner ul.header_btn a:link,
#header-ssl .header_inner ul.header_btn a:visited{display:inline-block; padding: 0.5em 0 !important; margin: 0 ; color: #aa1e64; font-weight: bold; text-decoration: none; border-bottom: #fd99cb 4px solid;}
#header-ssl .header_inner ul.header_btn a:hover,
#header-ssl .header_inner ul.header_btn a:active{background-color: inherit; border-bottom: #aa1e64 4px solid;}
#header-ssl .header_inner ul.header_btn a.current{background-color: inherit; border-bottom: #aa1e64 4px solid;}

/*navbar*/
#navbar{width:100%;background: #f2f2f2;color: #333;font-size: 12px;padding: 5px 0;font-weight: bold;clear: both;}
#navbar .navbar_inner{width: 1080px; margin: 0 auto;text-align: left;}

/* */
div#main{width: 1080px;margin: 0 auto;padding:0;margin-top:15px;overflow:hidden;}
div#beta{width: 100%;text-align:left;margin:0 0 20px 0;}


/* beta */
div#contentbox{font-size: 100%;}
div#contentbox a{text-decoration: none;	color: #366;}
div#contentbox .title{
width: auto;
background-color: #9CC;
border: solid #699;
border-width: 1px 1px 0px 10px;
color: #fff;
font-family: "Arial", "Helvetica", "sans-serif";
font-weight: bold;
font-size: 100%;
padding: 6px 6px 6px 10px;
}

div #contentbox .content{
/* for Win IE6.0 */
width: 100%;
}
div#contentbox .content table.content_body{
width: 100%;
border-collapse: collapse;
margin: 0px 0px 10px 0px;
border: 1px solid #699;
padding: 10px;
}

div#contentbox .content table.content_body td{padding: 0.5em;font-size: 90%;line-height:1.5;vertical-align: top;}
div#contentbox .content table.content_body td div{margin: 0 0 0 0;}
div#contentbox .content table.content_body td div.button_base{margin: 1em 0 0 0;}
div#contentbox .content table.content_body td.right_button{text-align: right;}

div#contentbox .content table.content_body td input[type="text"],div#contentbox .content table.content_body td input[type="password"]
{padding: 0.5em 0.5em;box-sizing: border-box;vertical-align: middle;margin:0 0 0 0;}

/* beta window */
div#contentbox div.window{border: 1px solid #699;margin: 0 0 10px 0;font-size: 100%;}

div#contentbox div.window div.title{
width: auto;
background-color: #9CC;
border: solid #699;
border-width: 0px 0px 1px 10px;
color: #fff;
font-family: "Arial", "Helvetica", "sans-serif";
font-weight: bold;
font-size: 100%;
padding: 10px 6px 6px 10px;
}

div#contentbox div.window div.client{padding:0.5em;color:#333;}
div#contentbox div.window div.kiyaku{width: 100%;margin: 0;padding: 3px 10px 1px 10px;line-height: 150%;box-sizing: border-box;}
div.kiyaku_btn{text-align: center;padding: 10px 0 20px 0;}
div.kiyaku_btn form input[type="submit"]{background-color:#9cc;color:#fff;width:25em;border: none;padding: 8px 0;border-radius: 5px;}
div.kiyaku_btn form input[type="submit"]:hover{cursor:pointer;background: #669999;}

div#contentbox div.window div.client table{width:100%;margin: 0.5em 0 0.5em 0;}
div#contentbox div.window div.client table th,
div#contentbox div.window div.client table td{/*font-size: 90%;*/padding: 5px 0.5em;}
div#contentbox div.window div.client th{width:15em;font-weight: bold;text-align: left;background-image: url(../images/icon/icon_back.gif);color: #699;padding: 0.3em 0.5em !important;}
div#contentbox div.window div.client p{/*font-size: 12px;*/}

/*div#contentbox div.window div.client input[type="submit"]{padding: 8px 24px 8px 36px;border: #bbb 1px solid;border-radius: 3px;margin: 3px 10px;}
div#contentbox div.window div.client input[type="submit"]:hover{cursor: pointer;background-color: #ddd;}*/
div#contentbox div.window div.client input[type="text"],
div#contentbox div.window div.client input[type="password"]{padding:0.3em;margin-bottom:5px;width: 60%;font-size: 100%;}

div.error_msg{font-family: "Arial", "Helvetica", "sans-serif";font-size:100%;color: red;padding: 3px 10px;}
div#contentbox div.window div.client .attention{font-size:100%;font: small "Arial", "Helvetica", "sans-serif";color: #699;}

strong{font-weight:bold;color:#f66;}

.attr_name{color:#669999;border:#669999 dotted;border-width: 1px;padding: 0.3em;}

/* form_list */
* html ul#form_list {margin-top:-15px;}

ul#form_list li{list-style:none;margin-bottom:7px;}
ul#form_list li .content{width:auto;border:solid #699 1px;padding:3px 10px;}

/* tab  */
ul#form_list .mode_tabs{margin:0; padding:0;height:auto !important;}
ul#form_list .mode_tabs a{display: inline-block;line-height: 1 !important;margin: 0;color: #fff;font-size: 80%;padding: 0.5em 1em;}

ul#form_list .mode_tabs a.pc_tab{background-color: #f33;}
ul#form_list .mode_tabs a.mobile_tab{background-color: #9c3;}
ul#form_list .mode_tabs a.qr_tab{background-color: #00BFFF;}

ul#form_list li .pc_form{
border-top: 2px #f33 solid;
background-color: #ffebe2;
padding: 10px 7px;
color: #333;
}
ul#form_list li .mobile_form{
border-top: 2px #9c3 solid;
background-color: #e1efd2;
padding: 10px 7px;
color: #333;
}
ul#form_list li .qr_form{
border-top: 2px #00BFFF solid;
background-color: #E7FFFC;
padding: 10px 7px;
color: #333;
}



ul#form_list li dl{font-size: 90%;}
ul#form_list li dl dt{
background-image: url(../images/icon/tri.gif);
background-repeat: no-repeat;
background-position: right;
float: left;
width: 9em;
font-weight: bold;
}
ul#form_list li dl dd{
margin-left: 10em;
margin-bottom: 5px;
}
ul#form_list li .form_not_found{font-size: 90%;}


/* */
.stdtext{color: #333333;line-height: 130%;}

div#footer{
clear: both;
width: 100%;
margin: 1.5em 0 0 0;
background-color: #fff;
background-image: url(../images/footer.gif);
background-repeat: repeat-x;
padding: 16px 0;
text-align: center;
font-family: "Arial", "Helvetica", "sans-serif";
color: #666;
font-size: 70%;
line-height: 1.5;
}

.icon_button{background-color:#ddd;border: #8d8d8d 1px solid !important;border-radius:3px;background-repeat:no-repeat;padding: 5px 5px 5px 28px !important;text-align:left;margin: 2px 1px !important;vertical-align: middle;}/*0325*/
.icon_button:hover{cursor:pointer;background-color:#4a68ce !important;color:#fff;border-color:#213578 !important;text-decoration:underline;}/*0325*/

.icon_button_signup{
border:none;
background-repeat: no-repeat;
width:180px;
height:50px;   
text-indent:200px;
overflow:hidden;
white-space:nowrap;
 }

/* 2014/04/08 */

div#contentbox div.thanks_box{
margin: 0 0 5px 0;
line-height:1.5;
color:#666666;
}

div#contentbox div.thanks_box h1{
/*font-size:27px;*/
}

div#contentbox div.thanks_attention{
padding: 10px 0px 10px 0px;
/*font-size: 15px;*/
background-color: #FFFFCC;
}

div#contentbox div.thanks_attention p{
padding: 10px 0px 10px 0px;
margin: 0px 20px;
}
div#contentbox div.thanks_attention ul{
padding:0px;
margin: 0px 20px 0px 40px;
}
div#contentbox div.thanks_attention li{
padding-bottom: 10px;
}
div#contentbox div.thanks_banner{
padding: 20px 0px;
}
div#contentbox div.thanks_banner a{
display:block;
background:url(../images/present_banner.gif) no-repeat top center;
width:885px;
height:188px;
text-indent:100%;
overflow:hidden;
white-space: nowrap;
}
div#contentbox div.thanks_banner a:hover,
div#contentbox div.thanks_banner a:active{
background:url(../images/present_banner_2.gif) no-repeat top center;
}



/* signup */
div#contentbox div.signup_box{
margin: 0 0 5px 0;
/*font-size:18px;*/
line-height:1.5;
color:#666666;
}
div#contentbox div.signup_formbase{
padding:20px 0px 50px 0px;
margin:0;
}
div#contentbox div.signup_formbase input,
div#contentbox div.signup_formbase select{
padding: 5px;
/*font-size:16px;*/
}
div#contentbox div.signup_koumoku{
color:#669999;
font-weight:bold;
padding-bottom: 10px;
}
div#contentbox div.signup_attention{
/*font-size:16px;*/
padding-bottom: 10px;
}
div#contentbox div.signup_attention02{
color:#FF9966;
/*font-size:16px;*/
padding-bottom: 10px;
font-weight:bold;
}
div#contentbox div.signup_kiyaku{
/*font-size:16px;*/
padding:0px 0px;
border:#669999 1px solid;
background-color:#F7F7F7;
}
div#contentbox div.signup_kiyaku a{
color:#990000;
text-decoration:underline;
}
div#contentbox div.signup_kiyaku_txt{
padding:10px 0px;
margin:0px 10px;
}
div#contentbox p.signup_kiyaku_check{
background:#990000;
color:#FFFFFF;
padding: 10px 10px 5px;
}
div#contentbox div.signup_form{
/*font-size:16px;*/
padding-bottom: 20px;
}
div#contentbox .signup_kiyaku_kinshi{
width:863px;
background-color:#E3E3E3;
text-align:center;
/*font-size:16px;*/
padding:10px 0px;
margin:0px 10px;
color:#333333;
}
div#contentbox .signup_kiyaku_kinshi p{
padding: 0px 0px 10px 0px;
margin: 0px 20px;
line-height:1.5;
font-weight:bold;
}
div#contentbox .signup_kiyaku_list{
text-align:left;
}
div#contentbox .signup_kiyaku_kinshi a{
color:#990000;
text-decoration:underline;
}


/**/
#menu_form_list{
list-style-type: none;
padding: 10px 0px 10px 10px;
margin: 0px;
}
#menu_form_list li{
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
background-image: url(../images/menu_form_list_icon.gif);
background-repeat: no-repeat;
/*font-size: 12px;*/
}
#menu_form_list li a{
color: #FF6666;
}

.menu_button_pdf{
width: 90px;
}

.bank_info_th{
background-color: #003399;
/*font-size: 40px;*/
font-weight: bold;
color: #ffffff;
width: 7em;
}
.bank2_info_th{
background-color: #009933;
/*font-size: 40px;*/
font-weight: bold;
color: #ffffff;
width: 7em;
}
.bank_name{color: #003399;}
.bank_name2{color: #009933;}
.period_text{color: #FF9900;}


/* 20180828 */
.pass_attention{width:98%;margin:0 auto;}
.pass_attention p{font-size:100% !important;padding:0.5em 0;}
#password_navi {width:98%;padding:0.5em 0;margin:0 auto;box-sizing:border-box;text-align:left;color: #FF0000;font-weight:bold;}

.password_input{width:200px;margin:0;}
.password_input input[type="password"],.password_input input[type="text"]{width: 100% !important;}
.pass_disp{display: block;width:28px;height:28px;text-align: left !important;}
.pass_disp a{display:block;width:28px;height:28px;
background:url(../images/icon_disp.png) top left;
background-size:100%;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

/* 20190918追加 20200327 */
.csvform-code-select{display: block;margin:0 0 0.5em 0 !important;}
.csvform-code-select select{font-size: 100%;padding: 0.3em;}

/* 20200319 */
#kanji_alert{background-color:#FFEBEC;padding: 1.5em 2em;margin: 1.5em 0;line-height:1.8 !important;}
#kanji_alert .title{color:#FC0505;font-size:160%;display: block;margin: 0 0 1em 0;padding: 0;line-height: 0 !important;}
#kanji_alert .title img{margin: 0 0.5em 0 0;vertical-align: middle;}
#kanji_alert strong{color:#333;}
.txt_red{color:#FC0505 !important;}

/* 20200312追加 */
#temlate_form{width:100%;padding:0 0 2em 0;font-size:100%;}
#temlate_form .template_select{background-color:#F7F7B8;padding:1em 1em;text-align:left;width: 65%;margin: 0 auto;margin-bottom: 1em;}
#temlate_form .template_select p{padding:0 0 0.5em 0;}
#temlate_form .template_select select{padding: 0.3em 0.5em 0.5em 0.5em;box-sizing:border-box;font-size:100% !important;}
#temlate_form .template_btn_block{background-color:#f2f2f2;padding:1em 0 0 0;}
#temlate_form .template_btn_block p{padding:0 0 1em 0;text-align: left;width: 65%;margin: 0 auto;}
#temlate_form .template_btn_block p.blue{color:#0000B2;}
#temlate_form .template_btn{background-color:#ccc;padding: 0.5em 0;}
#temlate_form .template_btn input[type="submit"],#temlate_form .template_btn input[type="button"]{outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border:0;}
#temlate_form .template_btn .btn_style{padding:0 2em;height:2.5em;line-height:1 !important;margin:0 0.5em;font-size:100% !important;background:#ffffff;cursor: pointer;}
#temlate_form .template_btn .btn_style:hover{background:#f2f2f2;}

#temlate_form iframe{width: 100% !important;background: #ffffff;box-sizing: border-box;border: 1px #ddd solid;height:600px;}

/* 20200318 */
#faq{background-color:#f2f2f2;padding:1.5em 1.5em;margin: 2em 0;}
#faq strong.faq_title{color: #333;margin:0;padding:0;line-height:1;font-size:120%;}
#faq ul,ul#faq_list{margin:1em 0;padding:0;list-style:none;}
#faq ul li,ul#faq_list li{margin:0 0 0.5em 0;background-color:#ffffff;box-sizing:border-box;}
#faq ul li a,ul#faq_list li a{display: block;padding:1em 1em;color:#333333;border:#cccccc 1px solid;background-color: inherit;text-decoration: none;}
#faq ul li a:hover,ul#faq_list li a:hover{border:#1cba89 1px solid;}
#faq ul li a img,ul#faq_list li a img{vertical-align: bottom;margin:0 0.6em 0 0;}
#faq .link_more{color:#0099cc;}#faq .link_more i{vertical-align: bottom;margin: 0 0.3em 0 0;}
#faq .link_more a{color:#0099cc;text-decoration: underline;}
#faq .link_more a:hover{background-color: #ffffcc;}

.button_block_yoko form{display:inline-block !important;margin-right: 0.5em;}