@charset "utf-8";
* {
    margin: 0; 
    padding: 0;
}
header, nav, section, article, aside, footer {display: block;}
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #555;
    width: 960px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    position: relative;
}

a {
    color: #333;
    outline: none;
}

a:hover { color: #F75700;}

p {margin: 0 0 18px;}

img {border: none;}

blockquote {
    margin: 0 0 18px 20px;
    padding: 1px 12px;
    background: #F2F2F2;
    border-left: 3px solid #E1E1E1;
}

blockquote p {
    padding: 8px 0;
    margin: 0;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {float: left;}

img.alignleft {margin: 5px 15px 5px 0;}

.alignright {float: right;}

img.alignright {margin: 5px 0 5px 15px;}

#wrapper {
    width: 960px;
    text-align:left;
    border: 1px solid #FBB41C;
}

/* Header */

header {
    height: 80px;
    width: 957px;
    background-repeat: repeat;
    margin-top: 0px;
    float: left;
}

h1 {
    margin: 0px;
}

.clear {
    clear: left;
}

#logo {
    height: 64px;
    margin-top: 14px;
    margin-left: 30px;
    overflow: hidden;
}

#topmenu {
    height: 64px;
    width: 960px;
    background-image: url(../images/menu_ber.gif);
    background-repeat: repeat;
}
#topmenu ul {
    margin: 0px;
    padding: 0px;
}
#topmenu ul li {
    list-style-type: none;
    float: left;
    padding-top: 5px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 12px;
    line-height: 40px;
    display: block;
    margin-top: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFF;
}
#topmenu ul li a {
    color: #000;
    text-decoration: none;
}
#topmenu ul li a:hover {
    color: #63F;
    text-decoration: underline;
}

section {
    width: 960px;
}

section:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#container {
    width: 100%;
    float: left;
    overflow: hidden;
    margin: 0 30px;
}

/* Footer */

footer {
    border-width: 1px 1px 0 0;
    font-size: 11px;
}

#copyright {
    text-align: right;
    color: #333;
    padding: 2px 10px 0 0;
}


.period_div {
    clear: left;
    width: 94%;
}

.period_view {
    background: url(../images/period_days.png) no-repeat;
    margin: 0;
    overflow: hidden;
    height: 41px;
}

.periodDate {
    padding-left: 260px;
    margin-top: 13px;
}

.forwarding_div {
    clear: left;
    width: 88%;
    border: 3px solid #fea031;
    background: #fef2ce;
}


.forwarding_menber {
    clear: left;
    width: 860px;
    margin-top:0px;
    overflow: hidden;
    border-top:#00FF00 solid 2px;
    border-right:#00FF00 solid 2px;
    border-bottom:#00FF00 solid 2px;
    border-left:#00FF00 solid 2px;
    text-align:left;
}

.upload_file {
    clear: left;
    width: 860px;
    margin-top:0px;
    overflow: hidden;
    border-top:#00FF00 solid 2px;
    border-right:#00FF00 solid 2px;
    border-bottom:#00FF00 solid 2px;
    border-left:#00FF00 solid 2px;
}

.input_focus {
    background: #FEF9E2;
}

input:focus {
    border:solid 1px #EEA34A;
    background: #FEF9E2;
}

input {
    border:0;
    padding:5px;
    font-size:1.1em;
    color:#000000;
    border:solid 1px #ccc;
    margin:0 0 2px;
}

select:hover, select:focus {
    background: #FEF9E2;
}

label {
    padding-left:6px;
}

.input_textarea {
    border:1px solid #ccc;
    padding: 5px;
    vertical-align: top;
    width: 96%;
}

.animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

/* ログインボタン */
.login_btn_class {
    font-size:16px;
    font-weight:normal;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    border:0px solid #eeb44f;
    padding:12px 46px;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #f08c28 5%, #eeaf41 100% );
    background:-ms-linear-gradient( top, #f08c28 5%, #eeaf41 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08c28', endColorstr='#eeaf41');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f08c28), color-stop(100%, #eeaf41) );
    background-color:#f08c28;
    color:#ffffff;
    display:inline-block;
    -webkit-box-shadow: 1px 1px 0px 0px #fceaca;
    -moz-box-shadow: 1px 1px 0px 0px #fceaca;
    box-shadow: 1px 1px 0px 0px #fceaca;
}.login_btn_class:hover {
    background:-moz-linear-gradient( center top, #eeaf41 5%, #f08c28 100% );
    background:-ms-linear-gradient( top, #eeaf41 5%, #f08c28 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#f08c28');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #eeaf41), color-stop(100%, #f08c28) );
    background-color:#eeaf41;
    color:#0000ff;
}.login_btn_class:active {
    position:relative;
    top:1px;
}

.content_title {
    width: 90%;
    font-size:18px;
    padding-top:10px;
    margin:0;
    line-height:140%;
    font-weight:bold;
    text-align: center;
}

/* 情報テーブル */
.info_view_table {
    width: 96%;
    clear:both;
    margin: 0 auto;
    text-align: left;
    border-collapse: collapse;
    border: 1px #636363 solid; 
    empty-cells: show;
}

.info_view_table th {
    padding: 5px;
    font-weight: bold;
    text-align: center;
    background-color: #F1F1F1;
    white-space: normal;
}
.info_view_table td {
    padding: 4px;
    margin: 0 auto;
    text-align: center;
    vertical-align:middle;
    white-space: normal;
}

.info_view_table td, th { 
    border: 1px #636363 solid; 
}
.info_view_table .left_disp {
    padding-left:10px;
    text-align: left;
}

/* 送付先 */
.destination_area_table {
    margin: 0 auto;
    text-align:left;
    list-style:none;
    font-size:10px;
}

.destination_items {  
    border: 1px solid #ff0000;
    width: 90%;
    margin-top:8px;
} 

.reference_btn {
    font-size:16px;
    font-family:Arial;
    font-weight:normal;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    border:0px solid #d02718;
    padding:8px 18px;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
    background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
    background-color:#f24537;
    color:#ffffff;
    display:inline-block;
    -webkit-box-shadow: 1px 1px 0px 0px #f5978e;
    -moz-box-shadow: 1px 1px 0px 0px #f5978e;
    box-shadow: 1px 1px 0px 0px #f5978e;
}.reference_btn:hover {
    background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
    background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
    background-color:#c62d1f;
    color:#0000ff;
}.reference_btn:active {
    position:relative;
    top:1px;
}

.item_add_btn {
    font-size:16px;
    font-family:Arial;
    font-weight:normal;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    border:0px solid #eda933;
    padding:8px 18px;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
    background:-ms-linear-gradient( top, #f6b33d 5%, #d29105 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6b33d), color-stop(100%, #d29105) );
    background-color:#f6b33d;
    color:#ffffff;
    display:inline-block;
    -webkit-box-shadow: 1px 1px 0px 0px #fed897;
    -moz-box-shadow: 1px 1px 0px 0px #fed897;
    box-shadow: 1px 1px 0px 0px #fed897;
}.item_add_btn:hover {
    background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
    background:-ms-linear-gradient( top, #d29105 5%, #f6b33d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d29105), color-stop(100%, #f6b33d) );
    background-color:#d29105;
    color:#0000ff;
}.item_add_btn:active {
    position:relative;
    top:1px;
}

.item_del_btn {
    font-size:16px;
    font-family:Arial;
    font-weight:normal;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    border:0px solid #d83526;
    padding:8px 18px;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #fc8d83 5%, #e4685d 100% );
    background:-ms-linear-gradient( top, #fc8d83 5%, #e4685d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fc8d83), color-stop(100%, #e4685d) );
    background-color:#fc8d83;
    color:#ffffff;
    display:inline-block;
    -webkit-box-shadow: 1px 1px 0px 0px #f7c5c0;
    -moz-box-shadow: 1px 1px 0px 0px #f7c5c0;
    box-shadow: 1px 1px 0px 0px #f7c5c0;
}.item_del_btn:hover {
    background:-moz-linear-gradient( center top, #e4685d 5%, #fc8d83 100% );
    background:-ms-linear-gradient( top, #e4685d 5%, #fc8d83 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e4685d), color-stop(100%, #fc8d83) );
    background-color:#e4685d;
}.item_del_btn:active {
    position:relative;
    top:1px;
}

/* ダウロードファイル一覧 */
.dnld_file_title {
    clear:both;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    color: #000000 ;
    background: #ffa500;
    font-size: 16pt ;
    line-height: 1;
    font-weight:bold;
    margin:10px 0px;
    padding: 10px 5px 10px 5px;
    box-shadow:1px 3px 7px 0px #666666 ;
    border-top:3px solid #ff6347;
    border-radius: 5px ;
}

.file_list_tbl {
    border: 1px solid #1D5C79;
    margin: 0 auto;
}

.file_list_tbl th {
    background: #1E90FF;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: bold;
    border-bottom: 2px solid #FFFFFF;
}
.file_list_tbl td {
    border: 2px solid #FFFFFF;
    color: #000000;
    border-bottom: 2px solid #FFFFFF;
    text-align: left;
    padding-left:5px;
}

.file_list_tbl .even {
    background: #ADD8E6;
}

.file_list_tbl .odd {
    background: #E0FFFF;
}

#login_form{
    width: 400px;
    margin: 30px auto;
    padding: 20px;
    border: 1px solid #555;
}
 
#login_form p{
    font-size: 14px;
}
 
.login_form-title{
    text-align: center;
}
 
 
 
#login_form p{
    color: #077685;
    font-weight: bold;
}
 
#login_form .login_form-title{
    font-family: Arial;
    font-size: 30px;
    color: #4eb4c2;
}
 
/* skin */
#login_form{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 10px #488a9e;
    -moz-box-shadow: 0px 1px 10px #488a9e;
    box-shadow: 0px 1px 10px #488a9e;
    border: solid #4eb4c2 1px;
    background: #fafafa;
}
 
#login_form .login_form-title{
    padding-bottom: 6px;
    border-bottom: 2px solid #4eb4c2;
    margin-bottom: 20px;
}
.dl_login_btn{
    font-family: Arial;
    color: #ffffff;
    font-size: 16px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 8px 6px #e3e3e3;
    -moz-box-shadow: 0px 8px 6px #e3e3e3;
    box-shadow: 0px 8px 6px #e3e3e3;
    border: solid #f5fdff 4px;
    background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
    background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) );
    background-color:#fe1a00;
}
.dl_login_btn:hover{
    background: #37a4bf;
}

/*タイトル背景*/
.send_tittle_back {
    background: #00FF00;
    width: 180px;
    padding:5px 10px;
    margin: 0;
    overflow: hidden;
    font-size: 15pt;
    font-weight:bold;
    line-height: 140%;
}
/* ログインタブ */
.login_tabs_navi {
    width: 700px;
    height: 400px;
    float: none;
    list-style: none;
    padding: 0;
    margin: 75px auto;
}
#tabnavi ul{
    margin:0;
    padding:0;
}
#tabnavi li{
    display:inline;
}
#tabnavi li a{
    padding: 10px 20px;
    display:inline-block;
    background: #0000ff;
    color:#ffffff;
    border-radius:5px 5px 0 0;
    text-decoration:none;
}
#tabnavi li a:hover {
    background: rgba(240,141,40,0.8);
    color: white;
    top: 0;
}
#tabnavi li a.active{
    background:#F08D28;
    color:#0000ff;
}
#tabcontent{
    padding:5px;
    font-size: 20px;
    line-height: 140%;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 1px 10px #488a9e;
    -moz-box-shadow: 0px 1px 10px #488a9e;
    box-shadow: 0px 1px 10px #488a9e;
    border: solid #4eb4c2 1px;
    background: #fafafa;
    border: 1px solid #555;
}

.approve_title {
    color: #ffffff;
    background: #06aef8;
    font-size: 15pt ;
    line-height: 1;
    margin:10px 0px;
    padding: 10px 5px 10px 5px;
    box-shadow:0px 3px 13px 1px #aab1ba ;
    border-bottom:4px solid #83830c;
    border-radius: 4px ;
}