#formbox p    { font-size: 140% }
.inputbox100 { font-size: 14px; padding: 3px; width: 100px; border: solid 1px #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px    }
.inputbox150  { font-size: 14px; padding: 3px; width: 150px; border: solid 1px #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px   }
.inputbox240   { font-size: 14px; padding: 3px; width: 240px; border: solid 1px #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px    }
.inputbox300   { font-size: 14px; padding: 3px; width: 300px; border: solid 1px #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px  }
.inputbox300cc   { font-size: 14px; padding: 3px; width: 300px; border: solid 1px #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px  }
.inputbox330 { font-size: 14px; padding: 3px; width: 330px; border: solid 1px #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px   }
.inputbox390  { font-size: 14px; padding: 3px; width: 360px; border: solid 1px #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px     }
.inputbox400 { font-size: 14px; padding: 3px; width: 400px; border: solid 1px #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px   }
#btn_box  { margin-right: auto; margin-left: auto; width: 250px }
#btn_box2 { margin-right: auto; margin-left: auto; width: 400px }
.login_btn         { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -320px; text-align: center; letter-spacing: 0.1em; cursor: pointer; display: block; padding: 8px; width: 200px; border: solid 2px #690; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px         }
.login_btn:hover  { background-position: 0 -400px }
.submit_btn   { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -320px; text-align: center; letter-spacing: 0.1em; cursor: pointer; display: block; padding: 8px; width: 120px; border: solid 1px #690; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px         }
.submit_btn:hover  { background-position: 0 -400px }
.submit_btn2    { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -320px; text-align: center; letter-spacing: 0.1em; cursor: pointer; display: block; margin-right: auto; margin-left: auto; padding: 8px; width: 200px; border: solid 1px #690; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px           }
.submit_btn2:hover { background-position: 0 -400px }
.upload_btn  { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -670px; text-align: center; letter-spacing: 0.1em; cursor: pointer;  margin-right: auto; margin-left: auto; padding: 8px; width: 200px; border: solid 2px #690; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px           }
.upload_btn:hover { background-position: 0 -750px }
.syusei_btn  { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -320px; text-align: center; letter-spacing: 0.1em; cursor: pointer;  margin-right: auto; margin-left: auto; padding: 8px; width: 300px; height:78px; border: solid 2px #690; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px           }
.syusei_btn:hover { background-position: 0 -400px }
.login_btn_opacity  { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -320px; text-align: center; letter-spacing: 0.1em; cursor: default; display: block; padding: 8px; width: 200px; border: solid 2px #690; -moz-border-radius: 4px; -moz-opacity: 0.25; -webkit-border-radius: 4px; border-radius: 4px ; filter: alpha(opacity=25); opacity: 0.25 }
.submit_btn_opacity  { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -320px; text-align: center; letter-spacing: 0.1em; cursor: default; display: block; padding: 8px; width: 100px; border: solid 1px #690; -moz-border-radius: 4px; -moz-opacity: 0.25; -webkit-border-radius: 4px; border-radius: 4px ; filter: alpha(opacity=25); opacity: 0.25 }
.submit_btn2_opacity  { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -320px; text-align: center; letter-spacing: 0.1em; cursor: default; display: block; margin-right: auto; margin-left: auto; padding: 8px; width: 200px; border: solid 1px #690; -moz-border-radius: 4px; -moz-opacity: 0.25; -webkit-border-radius: 4px; border-radius: 4px ; filter: alpha(opacity=25); opacity: 0.25 }
.upload_btn_opacity  { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -670px; text-align: center; letter-spacing: 0.1em; cursor: default; display: block; margin-right: auto; margin-left: auto; padding: 8px; width: 200px; border: solid 2px #690; -moz-border-radius: 4px; -moz-opacity: 0.25; -webkit-border-radius: 4px; border-radius: 4px  ; filter: alpha(opacity=25); opacity: 0.25 }
.syusei_btn_opacity  { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -320px; text-align: center; letter-spacing: 0.1em; cursor: default; display: block; margin-right: auto; margin-left: auto; padding: 8px; width: 200px; border: solid 2px #690; -moz-border-radius: 4px; -moz-opacity: 0.25; -webkit-border-radius: 4px; border-radius: 4px  ; filter: alpha(opacity=25); opacity: 0.25 }
/*----------------------------*/
#regist_box    { margin-right: 30px; margin-left: 30px; padding: 10px 20px 5px; border: solid 5px #93c5f6 }
#repass_box { margin-right: 170px; margin-left: 170px; padding: 10px 20px 5px }
#invite_box  { margin-right: 110px; margin-left: 110px; padding: 10px 20px 5px; border: solid 5px #93c5f6 }
#del_box { text-align: center; margin-right: 30px; margin-left: 30px; padding: 10px 20px 5px }
#message_box { font-size: 110%; line-height: 1.6; text-align: center; margin-right: 30px; margin-left: 30px; padding: 10px 20px 5px }
#upload_box   { margin-right: 10px; margin-left: 10px; padding-bottom: 0px; border: solid 5px #93c5f6 }
#upload_box .h2box         { background-image: url("../img/h2_bg.png"); background-position: 0 center; margin-bottom: 10px; padding: 5px 30px; border-bottom: 2px solid #93c5f6 }
#upload_box  h2  { font-size: 13px; font-weight: bold; line-height: 1.2; padding-top: 6px; width: 137px; float: left }
#upload_box .auto  { margin-top: 6px; padding-top: 6px; border-top: 1px dotted #666 }
#upload_box .list_selct a   { color: #666; font-size: 13px; line-height: 14px; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -480px; text-align: center; display: block; padding: 5px 8px; width: 140px; height: 14px; border: solid 1px }
#upload_box .list_selct a:hover { color: #333; border: solid 1px }
#upload_box .h2box .all_del a  { background-image: url("../img/sprite_btn.png"); background-position: 0 -560px; text-indent: -9999px; display: block; width: 40px; height: 24px; overflow: hidden; border: solid 1px #666 }
#upload_box .h2box .all_del a:hover { background-position: 0 -590px; border: solid 1px #333 }
#upload_box .add_plus a  { font-weight: bold; background-image: url("../img/add_icon_plus.png"); background-repeat: no-repeat; background-position: 0 0; display: block; margin-top: 3px; padding-top: 2px; padding-left: 24px; width: 9em }
.item_box  { padding-top: 5px; padding-bottom: 5px; border-top: 1px dotted #cdcdcd }
.item_box0  { padding-bottom: 5px }
.box1    { padding-right: 5px; width: 491px; float: left; border-right: 1px dotted #999 }
.box2    { padding-left: 5px; width: 331px; float: left }
/*----------------------------*/
#upload_box .del a  { background-image: url("../img/sprite.png"); background-position: 0 -225px; text-indent: -9999px; display: block; width: 15px; height: 18px; overflow: hidden }
#upload_box .del a:hover { background-position: 0 -245px }
/*----------------------------*/
#upload_box  dl   { padding-top: 10px; padding-bottom: 10px }
#upload_box dt   { font-size: 14px; font-weight: bold; line-height: 1.2; padding-bottom: 6px }
#upload_box dd   { font-size: 130%; line-height: 1.2; margin-bottom: 7px; word-wrap: break-word  }
#upload_box #add_box   { padding-top: 10px; padding-right: 15px; padding-left: 30px; width: 245px; float: left }
#upload_box #add_box dd   { background-image: url("../img/add_icon.png"); background-repeat: no-repeat; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px dotted #006399 }
#upload_box #file_box    { padding-top: 10px; padding-right: 15px; width: 258px; float: left }
#upload_box #file_box dd   { background-image: url("../img/file_icon.png"); background-repeat: no-repeat; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px dotted #006399 }
#upload_box #limit_box    { padding-top: 10px; padding-right: 30px; width: 200px; float: left }
#upload_box #limit_box dd { color: #d74a38; font-weight: bold }
#upload_box #txt_box    { margin-top: 5px; margin-right: 30px; margin-left: 30px; padding-top: 5px; border-top: 2px solid #d1e4f6 }
#upload_box #txt_box dd  { line-height: 1.6; padding: 10px 20px; border: solid 1px #cdcdcd }
#upload_box #info_box  { margin-top: 5px; padding-top: 5px; padding-right: 30px; padding-left: 30px; border-top: 2px solid #93c5f6 }
#upload_box #info_box dd { margin-bottom: 10px; padding-bottom: 10px; padding-left: 1em; border-bottom: 1px dotted #666 }
#upload_box  .state_check a  { color: #006fab; background-image: url("../img/sprite_btn.png"); background-position: 0 -480px; text-align: center; display: block; margin-right: 30px; margin-left: 30px; padding: 5px; width: 25em; float: right; border: solid 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px  }
#upload_box .state_check a:hover { text-decoration: none; background-position: 0 -830px }
/*----------------------------*/
#history_box { margin-right: 30px; margin-left: 30px; padding-top: 10px; padding-bottom: 10px }
#history_box .h2box { padding-bottom: 5px; border-bottom: 2px solid #999 }
#history_box .h2box h2  { font-size: 15px; font-weight: bold; line-height: 1.2; margin-left: 20px; padding-top: 3px; float: left }
#history_box .h2box ul { float: left }
#history_box .h2box ul li { float: left }
#history_box .h2box ul li a  { color: #555; font-size: 12px; line-height: 1.2; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -480px; text-align: center; display: block; padding: 3px 5px; width: 5em; border: solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px  }
#history_box .h2box ul li a:hover { color: #333; border: solid 1px }
#history_box .list_box    { background-image: url("../img/sprite_list_btn.png"); background-position: 0 center; padding-right: 10px; border: solid 2px #2ea5e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px   }
#history_box .list_box .list_trigger_close     { color: #333; font-size: 110%; line-height: 1.3; text-decoration: none; background-image: url("../img/sprite_list_btn.png"); background-position: -1000px center; cursor: pointer; display: block; padding: 8px 5px; width: 712px; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
#history_box .list_box .list_trigger_open    { color: #333; font-size: 110%; line-height: 1.3; text-decoration: none; background-image: url("../img/sprite_list_btn.png"); background-position: -2000px center; cursor: pointer; display: block; padding: 8px 5px; width: 712px; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
#history_box .list_box .detail_btn { float: right }
#history_box .list_box .detail_btn a      { color: #fff; font-size: 12px; line-height: 12px; background-image: url("../img/sprite_btn.png"); background-position: 0 -990px; text-align: center; display: block; margin-top: 6px; padding-top: 5px; padding-bottom: 5px; width: 60px; height: 12px; border: solid 1px #006aa3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px    }
#history_box .list_box .detail_btn a:hover { background-position: 0 -1070px }
.toggle_container_close { display: none }
.toggle_container_open    { margin-top: 2px; padding: 10px 10px 15px 20px; border: solid 1px #999 }
/*----------------------------*/
#formbox table  { font-size: 130%; line-height: 1.2; width: auto }
#formbox #upload_box table  { margin-right: 30px; margin-left: 30px;word-break:break-all;
word-wrap:break-word; }
#formbox table td ,#formbox table th        { line-height: 1.2; padding-top: 6px; padding-right: 6px; padding-bottom: 6px }
#upload_file table tr ,#upload_file table td { border-bottom: 1px dotted #999 }
#toggle table { width: 100% }
#toggle table tr, #toggle table td   { line-height: 1.4; padding-right: 2px; padding-left: 2px; border-bottom: 1px dotted #999 }
.cell_nw   { white-space: nowrap }
.cell_07em  { color: #444; width: 7em }
.cell_09em     { color: #444; width: 9em }
.cell_10em  { color: #444; width: 10em }
.cell_10em_nw { color: #444; white-space: nowrap; width: 10em }
.cell_11em  { color: #444; width: 11em }
.cell_12em  { color: #444; width: 12em }
#toggle table tr:hover { background-color: #dadada }
#toggle table .tr_on { background-color: #dadada }
#toggle table .cell_check { white-space: nowrap; width: 12px }
#toggle table .cell_byte { white-space: nowrap; width: 10% }
#toggle table .cell_add { white-space: nowrap; width: 36% }
#toggle table .cell_state { width: 15% }
/*----------------------------*/
#container_add #add_box { margin: 20px }
#container_add #add_box table th    { font-weight: normal; background-color: #dadada; text-align: left; padding: 3px 2px; border-bottom: 1px solid #999 }
#container_add #add_box #head    { font-size: 130%; line-height: 1.4; width: 940px }
#container_add #add_box #body th ,#container_add #add_box #body td   { padding: 4px 2px; border-bottom: 1px solid #999 }
#container_add #add_box #body { height: 300px; overflow-y: scroll }
#container_add #add_box #body table { width: 940px }
#container_add #add_box #body table tbody tr  { background-color: #f3f8ff }
#container_add #add_box #body table tbody .tr_on    { color: #fff; background-color: #45bbe6 }
#container_add #add_box #body table tbody tr:hover   { color: #fff; background-color: #0089cd }
#add_box .th_transmit     { text-align: center; width: 45px }
#add_box .th_company    { width: 210px }
#add_box .th_name    { width: 90px }
#add_box .th_add    { width: 248px }
#add_box .th_com    { }

#add_box .th_blank    { width: 20px }

#add_box .td_transmit   { text-align: center; width: 45px }
#add_box .td_company   { width: 210px }
#add_box .td_name   { width: 90px }
#add_box .td_add   { width: 248px }
#add_box .td_com   {  }

#container_add #add_box p { font-size: 150%; line-height: 1.2; padding-top: 7px; float: left }
#container_add #add_box input { float: right }
/*----------------------------*/
#add_edit_box  { margin-right: 30px; margin-left: 30px; padding-top: 10px; padding-bottom: 10px }
#add_edit_box table th     { font-size: 130%; font-weight: normal; line-height: 1.2; background-color: #dadada; text-align: left; padding: 3px 5px; border-bottom: 1px solid #999 }
#add_edit_box #head  { width: 790px }
#add_edit_box #body th, #add_edit_box #body td   { font-size: 120%; line-height: 1.4; padding: 5px; border-bottom: 1px solid #999 }
#add_edit_box #body  { height: 300px; overflow-y: scroll }
#add_edit_box #body table  { width: 790px }
#add_edit_box  #body table tbody tr { background-color: #f3f8ff }
#add_edit_box #body table tbody tr:hover  { background-color: #bdd9ff }
#add_edit_box .del a  { background-image: url("../img/sprite.png"); background-position: 0 -270px; text-indent: -9999px; display: block; width: 15px; height: 18px; overflow: hidden }
#add_edit_box .del a:hover  { background-position: 0 -290px }
#add_edit_box  .th_name   { width: 90px }
#add_edit_box .th_add  { width: 248px }
#add_edit_box  .th_company   { width: 200px }
#add_edit_box .th_comment  {  }
#add_edit_box .th_dell  { width: 15px }
#add_edit_box .th_blank   { width: 20px }
#add_edit_box .td_name  { width: 90px }
#add_edit_box  .td_add   { width: 248px }
#add_edit_box  .td_company   { width: 200px }
#add_edit_box .td_comment   { }
#add_edit_box .td_dell  { width: 15px }
#add_edit_box .add_plus a { font-size: 130%; font-weight: bold; line-height: 16px; background-image: url("../img/add_icon_plus.png"); background-repeat: no-repeat; background-position: 0 0; display: block; margin-top: 3px; padding-top: 2px; padding-left: 24px; width: 9em; height: 16px }
/*----------------------------*/
#download_box   { margin-right: 30px; margin-left: 30px; padding-top: 20px; padding-bottom: 20px; border: solid 5px #93c5f6 }
#download_box p { margin-right: 20px; margin-left: 20px }
#download_box #limit_box dl   { font-size: 140%; line-height: 1.4; margin-right: 20px; margin-left: 20px }
#download_box #limit_box dt ,#download_box #limit_box dd { float: left }
#download_box .cell_box { margin-top: 10px; margin-right: 20px; margin-left: 20px; padding-top: 10px; padding-right: 20px; padding-left: 20px; border-top: 1px solid #93c5f6 }
.limit_txt { color: #d74a38; font-size: 160%; font-weight: bold; line-height: 0.7 }
#download_box #file_type_box     { width: 360px; float: left }
#download_box #file_type_box img { float: left }
#download_box #file_type_box dl   { font-size: 130%; line-height: 1.4; padding-left: 20px; float: left; overflow: hidden }
#download_box #file_type_box dt  { width: 308px; word-wrap: break-word  }
#download_box #file_type_box dt a { font-size: 120%; font-weight: bold; text-decoration: underline; word-wrap: break-word  }
#download_box #file_type_box dt a:hover { text-decoration: none }
#download_box #add_box      { margin-left: 20px; width: 330px; float: left }
#download_box #add_box dl { font-size: 130%; line-height: 1.4 }
#download_box #add_box dt { padding-bottom: 6px }
#download_box #add_box dd   { margin-bottom: 7px; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px dotted #006399; word-wrap: break-word   }
#download_box #add_box .transmit { background-image: url("../img/add_icon.png"); background-repeat: no-repeat }
#download_box #add_box .receive { background-image: url("../img/file_icon.png"); background-repeat: no-repeat; background-position: 0 1px }
.com { line-height: 1.4; margin-right: 30px; margin-left: 30px }
.name { line-height: 1.4; margin-right: 30px; margin-left: 30px }
/*----------------------------*/
#faq_box { padding: 10px 30px }
#faq_box h2   { font-size: 150%; font-weight: bold; line-height: 1.4; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; border-left: 8px solid #0089d3 }
.faq_unit  { margin-left: 17px; padding-bottom: 6px; border-bottom: 1px dotted #808080 }
#faq_box .faq_unit .trigger a  { color: #006ba6; line-height: 1.6; text-decoration: underline; background-image: url("../img/icon_q.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: block; padding-left: 40px; min-height: 28px }
#faq_box .faq_unit .trigger a:hover { text-decoration: none }
#faq_box .faq_unit .toggle_container  { line-height: 1.6; background-image: url("../img/icon_a.gif"); background-repeat: no-repeat; background-position: 0 0; padding-bottom: 2px; padding-left: 40px; min-height: 28px }
/*----------------------------*/
#about_box { padding: 10px 30px }
#about_box h2 { font-size: 150%; font-weight: bold; line-height: 1.4; background-color: #e2f3fb; padding: 4px 10px 5px; border-top: 3px solid #5cb6e6 }
#about_box p { line-height: 1.8; padding-left: 10px }
/*----------------------------*/
.span_chk {cursor:pointer; width:40px; height:20px; }
.span_chk_non { background-color:#666666; color:#666666; }
.span_chk_to { background-color:#ff0000; color:#ffffff; }
.span_rdo {cursor:pointer;  width:40px; height:20px; }
.span_rdo_non { background-color:#666666; color:#666666; }
.span_rdo_to { background-color:#ff0000; color:#ffffff; }
.span_rdo_cc { background-color:#0000ff; color:#ffffff; }
.radio_1{display:none;}

@media screen and ( max-width:768px ){
	.inputbox240   { width: 100%; border: solid 1px #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.login_btn         { color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -320px; text-align: center; letter-spacing: 0.1em; cursor: pointer; display: block; padding: 8px; width: 200px; border: solid 2px #690; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px ; margin-left:auto; margin-right:auto; }

}