body  { font-size:11pt; color: #333333; margin:0px; padding:0px; width:100%; }
tbody { font-size:11pt; color: #333333;}
table,tr,td { font-size:10pt; color: #333333;}
div { font-size:11pt; color: #333333;}
/* 外枠 */
#outer { padding: 10px; width: 1600px; margin-left: auto; margin-right: auto; }
#outer100 { padding: 10px; width: 90%; margin-left: 20px; margin-right: 20px; }
#outer_line { padding : 3px; background-color : #b0c4de; }
/* ヘッダー */
#header { padding : 3px; }
/* フッター */
#footer { z-index:5; padding: 5px; color : #FFFFFF; background-color : #2E2E2E; text-align: center; position: fixed; bottom: 0; width: 100%; }
#header_user_info { width: 95%; text-align: right; }
#search_area { 
    background-color: #f5f5f5; 
    padding:20px; 
    border: 2px #dcdcdc solid;
    border-radius: 5px 5px 5px 5px;
}
button.seach_btn { width:100px; height:30px; }
div#new_line { margin-top : 10px; }
/* 注釈 */
div#annotation { color: #ff6347; font-size: 8pt; display: inline-block; _display: inline; }
div#annotation_n { font-size: 8pt; display: inline-block; _display: inline; }
div#annotation_f { font-size: 8pt; color:#FFFFFF; display: inline-block; _display: inline; }
div.annotation { color: #ff6347; font-size: 8pt; display: inline-block; _display: inline; }
div.annotation_l { color: #ff6347; font-size: 10pt; display: inline-block; _display: inline; }
div.annotation_n { font-size: 8pt; display: inline-block; _display: inline; }
div.annotation_f { font-size: 8pt; color:#FFFFFF; display: inline-block; _display: inline; }
div.annotation_nl { font-size: 10pt; display: inline-block; _display: inline; }
/* システムタイトル */
div#systitle { font-size: 13pt; font-weight: bold; display: inline-block; _display: inline; }

div.strbtn_cursor { font-size: 8pt; cursor: pointer; color : #6495ed; display: inline-block; _display: inline; }
div.strbtn_cursor_n { font-size: 11pt; cursor: pointer; color : #6495ed; display: inline-block; _display: inline; }

.pager_area { text-align: center; margin-top: 20px; margin-bottom: 10px; }

table#result_table {
    border-collapse: separate;
    border-spacing:  2px;
    background-color:  #D8D8D8;
}

th,td {
    padding: 5px 10px;
}

th,td.header {
    top: 0;
    padding: 5px 10px;
    background-color:  #4A525D;
    color:  #fff;
    font-weight:  normal;
}

td.result_header {
    position: sticky;
    z-index:4;
    top: 0;
    padding: 5px 10px;
    background-color:  #4A525D;
    color:  #fff;
    font-weight:  normal;
}

td.result {
    background-color:  #ffffff;
}
td.result2 {
    /*background-color:  #f5f5f5;*/
    background-color:  #e9e9e9;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}

#page-top a {
    display: block;
    background: #666;
    color: #fff;
    width: 100px;
    padding: 25px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}

#page-top a:hover {
    background: #999;
    text-decoration: none;
}

.ui-datepicker { z-index: 1000 !important; }

.alert_area {
    border: 1px solid #D8D8D8;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
}

div.alert_box {
    text-align:center;
    border:1px solid #ff0000;
    background-color:#ffcccc;
    padding:10px;
}

div.link_n {
    cursor: pointer;
    color: #105cb6;
    font-size:11pt;
    margin-right: 10px;
    display: inline-block;
    _display: inline;
    /*text-decoration:none;*/
}

div.link_tbl {
    cursor: pointer;
    color: #105cb6;
    font-size:11pt;
    display: inline-block;
    _display: inline;
    /*text-decoration:none;*/
}

a.btn_link_n {
    color: #105cb6;
    font-size:11pt;
    text-decoration: none;
}

a.btn_link {
    color: #333333;
    font-size:12pt;
    text-decoration: none;
}

.tb_closebutton{
    text-align: center;
}

.tb_closebutton button{
    padding: 10px;
}

.full-width{
    width: 100%;
}

.alert_confirm_btn {
    background-color: #ff6347 !important;
}

.alert_ok_btn {
    background-color: #a9a9a9 !important;
}

div.area {
    display: inline-block;
    _display: inline;
}

div.outer_center {
    margin: 0 auto;
    width:97%;
}

div.outer_header {
    margin: 0 auto;
    border-bottom:1px #c0c0c0 solid;
    background-color:#FFFFFF;
    position:sticky;
    z-index:4;
    top:0;
    width:97%;
}

div.outer_center_header_area {
    margin: 0 auto;
    width:95%;
    border-radius:5px;
    padding:10px;
}

div.tab_menu_on {
    background-color: #FFFFFF;
    color: #333333;
}

div.tab_menu_off {
    background-color: #e0dede;
    color: #808080;
}

div.outer_center_border {
    margin: 0 auto;
    border:1px #c0c0c0 solid;
    width:95%;
    border-radius:5px;
    padding:10px;
}

div.menu_tab {
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    margin-right:1px;
    padding :5px;
    height: 25px;
    width : 150px;
    border:1px #c0c0c0 solid;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    display: inline-block;
    _display: inline;
}

div.drop_area_110{
    background-color:#fdf5e6;
    border: 1px solid #fdf5e6;
    width:110px;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    _display:inline;
}

div.drop_area_80{
    background-color:#fdf5e6;
    border: 1px solid #fdf5e6;
    width:80px;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    _display:inline;
}

img.img_max{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

img.remove_img{
    position:absolute;
    right:0px;
    top:0px;
    display:none;
    cursor:pointer;
}

.img_area_80{
    text-align:center;
    width:80;
    height:80;
    position:relative;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    max-width:80;
    max-height:80;
}

.img_area_110{
    text-align:center;
    width:110;
    height:110;
    position:relative;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    max-width:110;
    max-height:110;
}

.img_area_150{
    text-align:center;
    width:150;
    height:150;
    position:relative;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    max-width:150;
    max-height:150;
}

.img_area_200{
    text-align:center;
    width:200;
    height:200;
    position:relative;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    max-width:200;
    max-height:200;
}

.img_area_300{
    text-align:center;
    width:300;
    height:300;
    position:relative;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    max-width:300;
    max-height:300;
}

.img_area_500{
    text-align:center;
    width:500;
    height:500;
    position:relative;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    max-width:500;
    max-height:500;
}

.img_outer_500{
    /*background-color:#fdf5e6;*/
    width:500px;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    _display:inline;
}

.img_outer_200{
    /*background-color:#fdf5e6;*/
    width:200px;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    _display:inline;
}

.img_outer_150{
    /*background-color:#fdf5e6;*/
    width:150px;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    _display:inline;
}

.img_outer_110{
    /*background-color:#fdf5e6;*/
    width:110px;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    _display:inline;
}

.img_outer_100{
    /*background-color:#fdf5e6;*/
    width:100px;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    _display:inline;
}

.product_img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

div.info_box{
    display:inline-block;
    _display:inline;
}