
#body_login{margin:0;padding:0;}
#body_help{margin:0 0 0 calc(100vw - 100%);padding:0;}

h1.helpTitle{background:url(../images/help_h1.png) no-repeat 0 0;font-size:22px;margin:15px 0 5px 0;color:#000000;padding:14px 0px 18px 90px;}

h1.top{float:left;width:200px;display:block;margin:0 0 0 10px;padding:0;}
h1 img{width:180px;border:none}

h2{font-size:20px;margin:2px 1px;padding:6px;border-top:3px solid #F7002C;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;background:#F2F2F2;font-size:14px;background-image:url(../images/h2_bg_001.gif)}
h3{display:block;font-size:1.5em;margin-block-start:0.83em;margin-block-end:0.83em;margin-inline-start:0px;margin-inline-end:0px;font-weight:bold;}
strong{color:#003366}
strong.help{color:#000000;background:#FFFFD2;}
p{padding:2px 8px 5px 8px;line-height:150%;margin:5px}
form{padding:0;margin:0}

/*センタリングさせるブロック要素*/
.inner_box{margin-left:auto;margin-right:auto;text-align:justify;}
/*ヘッダー部*/
#head{width:730px;clear:both;height:40px;padding-top:5px}

/*ヘルプメニューボックス*/

#help_contents{font-size:14px;clear:both;margin:0}
#help_contents p{margin:4px 15px 4px 8px;}
#help_contents h2{margin-top:30px}
#help_contents .note{margin:0;padding:10px}


/*メインブロック*/
#main{width:730px;border:1px solid #A7A39C;font-size:12px;clear:both;padding:0;margin-top:12px;-webkit-box-shadow: 3px 3px 3px #DDD;-moz-box-shadow: 3px 3px 3px #DDD;}
#main .main_contents{clear:both;padding:10px 15px;border:none}
#main_login{width:746px;border:none;font-size:12px;clear:both;padding:0;}
#main_login .main_contents{clear:both;padding:0 15px;border:none}
#main_em{width:716px;border:none;font-size:12px;clear:both;padding:0;margin-top:10px;}
#main_em .main_contents{clear:both;border:none}
.em_box{border:1px solid #A7A39C;font-size:12px;clear:both;padding:10px 15px;margin-top:12px;-webkit-box-shadow: 3px 3px 3px #DDD;-moz-box-shadow: 3px 3px 3px #DDD;}

.soft_key{margin:10px 2px 2px 15px;padding:0px;font-size:12px;}
.about_soft_key{clear:both;margin:4px 15px 0 15px;line-height:140%}

/*メッセージ*/
#message{font-weight:bold;margin:18px 0px 0px 16px;font-size:14px;}

/*ボックス*/
#container1{border:1px solid #A7A39C;width:698px;padding:20px 8px 20px 8px;position:relative;}
#container2{border:1px solid #A7A39C;width:698px;padding:8px;}
#container1_em{width:716px;position:relative;}

#login_input{padding:0 50px;margin:3px 5px 10px 8px;}
#login_input .input_block{height:34px;padding:0 4px;margin:2px 0px;clear:both;}
#login_input .input_block .title{display: flex;padding:0;float:left;width:155px;font-size:14px;color:#222222;margin:3px 8px 0 0;}
#login_input .input_block .space_between{justify-content:space-between;}
#login_input .input_block .margin_auto{margin:auto;}
#login_input .input_block .input_area{float:left;font-size:13px;color:#444444;padding:0;}
#login_input .input_block .help{float:left;font-size:12px;color:#666666;margin-left:4px;margin-top:2px;}
#login_input input{margin:0;padding:1px;border:1px #bdc0ca solid;height:23px;border-radius:4px;padding-left:4px;padding-right:4px;font-size:20px;
font-family:"メイリオ","Meiryo","ＭＳＰゴシック","HiraginoKakuGothic Pro","ヒラギノ角ゴPro W3",sans-serif;}

#login_button{display:flex;flex-direction:column;align-items:center;margin:3px 0 10px 0;}
#login_help{width:210px;text-align:center;margin-top:10px;line-height:140%}
#login_help a{background:url(../images/external-link2.png) no-repeat 14px 3px;padding:0 0 0 4px;display:block}

/*フッター部*/
#footer{width:100%;border-top:1px solid #aaaaaa;margin-top:25px;background:#fafafa;font-size:10px;color:#444444;clear:both}
#footer .inner_box{width:770px;margin-top:5px;padding:9px 0 5px 0;line-height:140%;}
#footer span{font-weight:bold;font-size:14px}
#footer .copyright{text-align:center;font-family:Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, sans-serif;margin:3px 0 2px 0;}

.info{background:#E7F9E7;border:1px solid #8FE38F;padding:8px;line-height:140%;word-break:break-all;margin:10px 0;}
.warn{background:#FFF9E7;border:1px solid #ff9933;padding:8px;line-height:140%;word-break:break-all;}

.maintenance{padding:10px;border:1px dashed #FFC8BA;background:#FFFAF0}
.maintenance strong.title{color:#ff3300;}
.maintenance ul{padding:0;margin:0 0 2px 20px}
.maintenance ul li{margin:0 0 10px 10px}
.maintenanceMessage{word-break:break-all; font-size:12px;}

img.step{margin-left:30px;border:1px solid #cccccc;margin-bottom:30px}

.padInput{ width:230px; }

a.externalLink:after {margin-left:4px;content:url(../images/external-link2.png);}
.marginTop8{margin-top:8px;}
.marginBottom10{margin-bottom:10px;}
.height40{height:40px;}
.width210{width:210px;}
.width716{width:716px;}
.width730{width:730px;}

/*ヘルプのタブ*/
.tabPanel {margin-top:10px;}
.tabPanel input {
    width: 240px;
    height: 28px;
    border: 0;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 6px 0 4px 0;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
    background: -ms-linear-gradient(top, #f0f0f0, #e0e0e0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f0f0f0, EndColorStr=#e0e0e0, GradientType=0)";
    background:linear-gradient(to bottom, #f0f0f0, #e0e0e0);
    font-family: "メイリオ", "Meiryo", "ＭＳＰゴシック", "HiraginoKakuGothic Pro", "ヒラギノ角ゴPro W3", sans-serif;
    font-size: 12px;
}
.tabPanel input.selected {
    color: #fff;
    background: -ms-linear-gradient(top, #f26669, #e5003e);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f26669, EndColorStr=#e5003e, GradientType=0)";
    background:linear-gradient(to bottom, #f26669, #e5003e);
}

#container1_2{background:url(../images/content_img_002.gif) no-repeat;background-position:570px 45px;}
#container1_2 p{line-height:100%;}
#container1_3 table.contact{font-size:12px;margin-left:15px;}
#container1_3 table.contact td{vertical-align:top;padding:10px;line-height:140%;}

.color0000EE{color:#0000EE}