/* 
    Document   : base
    Created on : 2014/05/07, 23:59:19
    Author     : nagamine
    Description:
        Purpose of the stylesheet follows.
*/

* {
    margin: 0;
    padding: 0;
    font-family:  Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Meiryo, "メイリオ", sans-serif;
    font-style: normal;
    font-size : 100%;
}

html,body{
    margin: 0;
    padding: 0;
    background-color:#EEE;
    font-size:12px;
}
#logo_s{
    display:inline-block;
    margin:0 ;
    margin-left:8px;
    /*width:200px;*/
    height:36px;
    vertical-align:bottom;
}
img.pagetitle_boxlogo{
    zoom:.28;
    margin:0 18px 0 16px;
    
}
.clear{
    clear:both;
}
.none{
    display:none!important;
}
.invisible{
    visibility: hidden;
}
.kahen{
    display:block;
    width:100%;
    height:auto;
}
.weight_normal{
    font-weight:normal;
}
.rightfloat{
    float:right;
}
.leftfloat{
    float:left;
}
html.waiting, html.waiting *{ 
    cursor: wait !important; 
}
.opacity_50{
    opacity:.5;
}
.round_25{
     border-radius: 25px;
    -webkit-border-radius: 25px;  /* Safari,Google Chrome */  
    -moz-border-radius: 25px;     /* Firefox */  
}
.round_20{
     border-radius: 20px;
    -webkit-border-radius: 20px;  /* Safari,Google Chrome */  
    -moz-border-radius: 20px;     /* Firefox */  
}
.round_12{
     border-radius: 12px;
    -webkit-border-radius: 12px;  /* Safari,Google Chrome */  
    -moz-border-radius: 12px;     /* Firefox */  
}
.round_6{
     border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */  
    -moz-border-radius: 6px;     /* Firefox */  
}
.round_4{
     border-radius: 4px;
    -webkit-border-radius: 4px;  /* Safari,Google Chrome */  
    -moz-border-radius: 4px;     /* Firefox */  
}

hr{
    border: 0;
    border-bottom: 1px dashed #111;
    background: none;
}
input[type="text"],textarea,select{
    font-size: 12px;
    padding:2px;
}
select{
    -webkit-appearance: menulist-button;
    
/*    font-size:14px;
    line-height:14px;*/
}
select.select_ongen_hyoka{
    font-weight:bold;
}
input[type="checkbox"]{
    text-align: center;
}
input[type*="submit"],input[type*="button"],button {
    cursor: pointer;
    font-family:  Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Meiryo, "メイリオ", sans-serif;    
}

input[type*="submit"]:hover,
input[type*="button"]:hover,
button:hover {
    position:relative;
    top:-1px;
}
textarea{
    vertical-align: top;
}
a{
    position:relative;    
    text-decoration:underline;
}

a:hover{
    color:red;
    top:-1px;
}
a:active{
}
i.fa-lock:before{
    color:red;
}
i.fa-unlock:before{
    color:blue;
}
h2{
    margin-top:0px;
    font-size:small;
    /*line-height:30px;*/
}
h3{
    font-size:18px;
    font-weight:bold;
    line-height:40px;
}
h4{
    font-size:15px;
    font-weight:bold;
    line-height:20px;
}
h5{
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    padding-left:18px;  
}
.bold{
    font-weight:bold;
}

#container{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    position: relative;    
}
.center_listen{
    position:relative;
    width:100%;
    max-width:670px;
    min-width:260px;
    margin:0px auto;
    /*background:#F4F4F4;*/
    padding:0px;
}   
    
.center{    
    position:relative;
    width:98%;
    max-width:1150px;
    min-width:968px;
    margin:0 auto;
    /*padding:0 15px;*/
}
#header{
    display:inline-block;
    position:fixed;

    width:100%;
    min-width:900px;
    margin:0 0 auto 0;
    z-index:100;
    min-height:40px;
    box-shadow: 0px 0px 4px #666;    
/*    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;*/
}

#headertop{
    display:table;
    padding:4px 0px 0;
    /*height:30px;*/
    width:100%;
    color:white;
/*  background-color:#F05;*/
}
#header_left{
    display:inline-block;
    /*width:477px;*/
    float:left;
    /*background-color:#550;*/
}
#page_title{
    display:inline;
    padding:0 0px 0 0;
    font-size:22px;
    /*line-height:25px;*/
    /*background-color:#F99;*/
}

#headertop img{
    padding:0px 0 0 0;
    float:left;
}
.header_mid{
    display: table;
    margin-bottom: 6px;
    width: 100%;
}
.senkohchu{
    background:#007020;
    color:#FFFFbb;
}
.ketteizumi{
    background:#FF0000;
    color:#FFFFFF;    
}
.kettei_shuuryou,.henkyaku_mae{
    background:#FFFFFF;
    color:#FF0000;    
}
.fusaiyou_shuuryou,.henkyaku_zumi{
    background:#AAA;
    color:#FFFFFF;    
}
.pitching{
    background:#838;
    color:#FFFFFF;
}

#search{
    display:table-cell;
    margin:0 auto 0 0;
    float:left;
    width:770px;
    z-index: 300;
    background:#bba;
    min-height:64px;
    margin-right:4px;
}
#search_left{
    /*display:block;*/
    position:relative;
    min-height:64px;
    width:100px;
    float:left;
    height:100%;
    /*background:#FAA;*/
}
#search_right{
    display:block;
    padding:5px 0;
    /*margin: 0 auto 0 0;*/
    width:660px;
    float:left;
    /*float:right;*/
}
.search_ele{
    display:inline-block;
    margin-bottom:0px;
    line-height:24px;
}
.search_ele_label{
    /*width:90px;*/
    /*padding:0 0 0 4px;*/
}

#search_title{
    display:inline-block;
    margin:6px 7px;
    position:relative;
    height:28px;
    width:80px;
    text-align:center;
    font-size:14px;
    color:#fff;
    background-color:#333;
}
#search_title span{
    line-height:28px;
}
#open_search{
    display:none;
    position:absolute;
    bottom:-4px;
    margin:0px 7px 0 7px;
    /*top:57px;*/
    padding:0px;
    line-height:24px;
    width:80px;
    height:24px;
    background-color:#999;
    color:white;
    text-align:center;
    cursor:pointer;
    z-index:200;
}
#search_keyword{
    margin:8px;
}
input.btn_search,input.btn_clear{
    float:right;
    display:inline-block;
    margin:1px 6px;
    font-family:meiryo;
    font-size:12px;
    padding:2px;
    
}
input.btn_search{
    width:90px;
}
input.btn_clear{
    width:50px;
}
.btn_info{
    display:inline-block;
    position:relative;
    top:-2px;
    font-size:10px;
    margin:0px 6px;
    font-family:meiryo;
    font-size:10px;
    padding:1px 6px;
    font-weight:normal;
}
#search_criteria{
    position:relative;
    margin:0 auto 0 0;
    top:-5px;
    /*width:934px;*/
    left:0px;
    right:4px;
    height:60px;
    padding:8px;
    margin-bottom:0px;
    background:#bba;
    display:none;
    z-index:180;
    color:#333;
}

.btns{
    display:table-cell;
    min-width:150px;
    width:350px;
    text-align:right;
    vertical-align: top;
}
#btn_confirm,#btn_copy{
    margin:4px 10px;
    padding:4px;
    width:70px;
    font-size:16px;
    font-weight:bold;
    border:2px red solid;
    box-shadow: 2px 2px 10px #000; /*CSS3*/
    -moz-box-shadow: 2px 2px 10px #000; /* Firefox*/
    -webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari*/
    float:right;
}
#btn_confirm:hover{position:relative;top:-1px;}
#btn_confirm:active{position:relative;}
.btn_addnew{
    position:relative;    
    width:150px;
    height:36px;
    font-size:14px;
    font-weight:bold;
    margin:4px 8px;
}
#btn_csv{
    position:relative;
    margin:2px;
    padding:4px 8px;
    float:right;
}
.btn_delete{
    color:red;
    margin-bottom:4px;
    font-size:11px;
    padding:2px;
    font-weight:bold;
}
.btn_copy{
    font-size:10px;
    color:blue;
}

.btn_move{
    position: relative;
    font-family: ���C���I;
    font-size:10px;
}
#all_chk,.chk{
    margin:6px;
}
#rows td.cell_chk, th.cell_chk{
    /*padding:2px;*/
}
.chk_waku{
    
}
#player_area{
    display:table-cell;
    z-index: 120;
    /*margin-left:auto;*/
    padding:4px;
    background-color: #333;
    max-width:550px;
    min-width:260px;
    height:72px;
    width:100%;
    border:0px;
    vertical-align: top;
}

#player{
    position:relative;
    z-index:-1;
    display:inline-block;
    width:0px;
    height:0px;
    top:-40px;
    /*vertical-align: super;*/
}
#player_api{
    /*height:38px!important;*/
}
#player_disable{
    color:white;
    font-weight:bold;
}
#player_for_ff{
    position:inherit;
    /*display:block;*/
    width:0; 
    height:0;
    top:-40px;
}
.qt{
}
#player_for_ie{
    width:0; 
    height:0;
}
.player{
    /*top:-80px*/
    /*width:460px;*/
    height:0px;
    /*padding:0px 0px 4px 0;*/
    /*border:0px #111 solid;*/
    
}
#musicTitleArea{
    position:relative;
    display:block;
    margin:0 ;
    height:24px;
    background:#BBD0BA;
    
}

#musicTitle{
    display:inline-block;
    height:16px;
    max-width:98%;
    padding:0px 4px 4px;
    margin-top:2px;
    line-height:20px;
    color:#111;
    text-shadow: -1px 1px #BBB;
    overflow: hidden;
    text-overflow: ellipsis;
}
.reload{
    display:inline-block;
    float:right;
    height:25px;
    margin:4px 6px 0;
    /*background:#C55;*/
}
#response{
    box-sizing: border-box;
    display: inline-block;
    /*height:25px;*/
    padding:2px;
    width:300px;
    border:1px #999 ridge;
}
#greeting{
    position:relative;
    display:inline-block;
    top:0px;
    margin:0 20px;
    /*padding:5px;*/
    /*line-height:26px;
    background-color:#F99;*/
}

table {
    border-collapse: collapse;
}
/*tbody::-webkit-scrollbar {
  width: 16px;
}*/
/*tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;

}
tbody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color:#bbb;    
}*/
.tbl_main, .tbl_list, .tbl_sakka{
    box-sizing: border-box;
    /* display:block; */
    position:relative;
    float:left;
    width:100%;
    /*height:100%;*/
    max-width: 1150px;
    /*min-height: 500px;*/
    /*max-height:700px;*/
    /*bottom:0;*/
    /* border-collapse: collapse; */
    border:1px #555 solid;
    /*top:-20px;*/
}
/*thead{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}*/
table thead {
    position:relative;
    float:left;
    /*border: 1px #666 solid;*/

    /*box-sizing:border-box;*/
    /*background-color: #F00;*/
    /*border:2px #666 solid;*/
    /*border-bottom:2px #999 ridge;*/
}
.ui-datepicker-calendar thead,
.xdsoft_calendar thead{
    float:none;
}


.tbl_main th, .tbl_list th, .tbl_sakka th{
    font-weight:bold;
    font-size:12px;
    padding: 0px 3px;
    border: 1px #666 solid;
    border-bottom: 2px #666 solid;
    height:21px;
    /*border-collapse: collapse;*/
    background-color:#BBB;
    text-shadow: 1px 1px #DDD;
    word-wrap: break-word;
    word-break: break-all;
}


tbody{
    /*border:1px red solid;*/
}
#rows, #rows_list, #rows_sakka{
    display:block;
    position:relative;
    float:left;
    box-sizing:border-box;
    width:100%;
    /*height:580px;*/
    /*height:100%;*/
    max-width: 1150px;
    min-height: 120px;
    overflow-y:scroll;
    overflow-x: hidden;
    /*border-left-width: 2px;
    border-right-width: 2px;*/
    border: 1px #555 solid; 
    /*border-color:#555;*/  
}
.trtop{
    border-top:1px #777 solid;
}

#rows td,#rows_list td, #rows_sakka td{
    line-height:14px;
    border: 1px #bbb solid;
    padding: 1px 3px;
    background-color:#FFFFF8;
    word-break:break-all;
    word-wrap:break-word;
}
.tbl_main tfoot{    
/*    box-sizing:border-box;
    position:relative;
    display:block;
    //position:fixed;
    //display:inline;
    //margin:0 auto;
    padding:0px;
    float:left;
    min-height:25px;
    width:100%;
    border:1px #666 solid;
    background-color: #666;
    //bottom:0px;*/
}
.tbl_main tfoot td{
/*    width:100%;*/
}

.pagetop_link{
    /*top:8px;*/
    float:right;
    display:inline-block; 
    position:relative;
    padding:3px 10px;    
    margin:4px 4px 4px 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;    /* Safari,Google Chrome */  
    -moz-border-radius: 20px;   /* Firefox */  
    font-weight:bold;
}
.inbody_link{
    /*top:8px;*/
    display:inline-block; 
    position:relative;
    padding:3px 15px;    
    border:1px #AAA solid;
    border-radius: 20px;
    -webkit-border-radius: 20px;    /* Safari,Google Chrome */  
    -moz-border-radius: 20px;   /* Firefox */  
    font-weight:bold;
    background-color:#EEE;
}

#logout{
    background:#FFF;
}

.pagelink{
    background:#ff0;
}
#content{
    display:inline-block;
    position:relative;
    /*padding-top:170px;    
    /*position:absolute;*/
    /*top:120px;*/
    width:100%; 
}
#content-padding-top{
    display:none;
    height:77px;    
}
.tabs{
    min-width:900px;
}
.tabs ul{
    
}
.tabs ul li{
    display:inline-block;
    position:relative;
    top:2px;
    margin-right:4px;
    background:#ccc;
    color:white;
    cursor:pointer;
    font-size:12px;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px; 
    -webkit-border-radius: 6px 6px 0px 0px; 
    -o-border-radius: 6px 6px 0px 0px; 
    -ms-border-radius: 6px 6px 0px 0px; 
}
.tabs ul li.active {
    position:relative;
    top:2px;
    background:#666;
    padding-top:8px;
}
.tabs ul li a{
    display: block;
    position:relative;
    padding:4px 10px 4px;
}
.tabs ul li.active a{
    font-weight:bold;
    color:white;
    font-size:16px;
    padding:2px 20px 4px; 
    top:-2px;
}

.paging_area{
    display:inline-block;
    position: relative;
    box-sizing:border-box;
    height:42px;
    padding:4px;
    width:1060px;
    min-width: 911px;
    line-height:20px;
    width:100%;
    /* box-sizing: border-box; */
    /* box-sizing: border-box; */
}
.paginator{
    box-sizing: border-box;
    display: inline-block;
    position:relative;
    width:100%;
    max-width:1150px;
    color:white;
     /*line-height:28px;*/
    min-width: 9px;
}
.cnt_area{
    /*display:inline-block;*/
    margin-top:4px;    
    line-height:28px;
    padding:0 8px;
    float:left;
    min-width:380px;
}
.num_area{
    /*display:inline-block;*/
    line-height:24px;
    padding:0 8px;
    float:left;
    /*width:550px;*/
    margin:4px auto 0 0;
    background-color:#FFF;
    color:#333;
}
.num{ /*pagination�̔ԍ�����*/
    display:inline-block;
    margin:2px 1px;
    padding:2px auto;
    min-width:22px;
    height:22px;
    text-align:center;
    border:1px #444 solid;
    background: white;
}
.current_num{
    color:#FFF;
    font-weight:bold;
    background-color:#F00;
}

#flash_msg{
    display:none;
    position:fixed;
    top:100px;
    left:0;
    right:0;    
    width:300px;
    margin:0 auto;
    padding:20px;
    border:4px solid #666;
    background:#FFE;
    z-index:99999;
    font-weight: bold;
    font-size:14px;
    text-align:center;
    opacity:0;

    -moz-box-shadow: 10px 10px 40px #333;  
    -webkit-box-shadow: 10px 10px 30px #333; 
}
#flash_msg_waku{
    z-index:99998;
    position:relative;
    width:400px;
}
.shadow{
    -moz-box-shadow: 2px 2px 10px #aaa;  
    -webkit-box-shadow: 2px 2px 10px #aaa;     
}
.shadow_4{
    -moz-box-shadow: 4px 4px 10px #333;  
    -webkit-box-shadow: 4px 4px 10px #333;     
}
.shadow_8{
    -moz-box-shadow: 8px 8px 16px #333;  
    -webkit-box-shadow: 8px 8px 16px #333;     
}
.shadow_flat{
    -moz-box-shadow: 0px 0px 5px #aaa;  
    -webkit-box-shadow: 0px 0px 5px #aaa;     
}
.gradation_btn{
   background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I1YjViNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 3%, rgba(255,255,255,1) 97%, rgba(181,181,181,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(3%,rgba(229,229,229,1)), color-stop(97%,rgba(255,255,255,1)), color-stop(100%,rgba(181,181,181,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-8 */
    
}

#ui-datepicker-div{
    -moz-box-shadow: 2px 2px 10px #333;  
    -webkit-box-shadow: 2px 2px 10px #333;     
}

#TB_iframeContent {
    overflow-y: hidden;
}
.asc:after{
    content:"\25b2";
    color:red;
}
.desc:after{
    content:"\25bc";
    color:red;
}
.trash{
    color:#C00;
    font-weight:bold;
}
i.trash:hover{
    cursor:pointer;
    color:red;
}

span.kettei-flg-on{
    line-height:22px;
    background-color:red;
    border:1px white solid;
    font-weight:bold;
    color:white;
    padding:0px 6px;
}
.badge1,badge2 {
    position:relative;
}
.badge1[data-badge]:after,.badge2[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-6px;
    right:-4px;
    background:red;
    color:white;
    text-align:center;
    border-radius:15%;
    box-shadow:0 0 3px #333;
    transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);   
}
.badge1[data-badge]:after{
    font-size:11px;
    line-height:18px;
    width:40px;height:18px;
}
.badge2[data-badge]:after{
    font-size:16px;
    line-height:24px;
    width:60px;height:24px;
}

/*colors*/

html, body, #response{
    background:#FDFDFD;    
}
.tbl_main tbody, .tbl_list tbody, .tbl_sakka tbody{
    background:#DEDEDE;
}
#headertop,#search_title,#open_search,#player_disable,
.tabs ul li,.tabs ul li.active a,.paginator,.current_num{
    color:white;
    background:#274a78;
}
.tabs ul li{
    background:#DEDEDE;
}

#header,.paging_area,tfoot.tft,
.tabs ul li.active,
.teishutsu_drawer_waku
{
    /*background-color:#C33;*/
    background:#274a78;    
}
.teishutsu_drawer_fukidashi{
    color:#555;
}
/*.tbl_main{
    border:1px #555 solid;
}*/
span.listen{
    font-weight:normal;
    color:#777;
    position:relative;
    top:0px;
}
.icon_ear{
    position:relative;
    top:2px;
    margin-right:2px;
    width:12px;
    height:12px;
}
.tbl_main td, .tbl_list td, .tbl_sakka td{
   background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I1YjViNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 3%, rgba(255,255,255,1) 97%, rgba(181,181,181,1) 100%); /* FF3.6+ */
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(3%,rgba(229,229,229,1)), color-stop(97%,rgba(255,255,255,1)), color-stop(100%,rgba(181,181,181,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* IE10+ */
/*    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-8 */    
   background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I1YjViNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 3%, rgba(255,255,255,1) 97%, rgba(181,181,181,1) 100%); /* FF3.6+ */
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(3%,rgba(229,229,229,1)), color-stop(97%,rgba(255,255,255,1)), color-stop(100%,rgba(181,181,181,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 3%,rgba(255,255,255,1) 97%,rgba(181,181,181,1) 100%); /* IE10+ */
/*    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgb(152, 241, 176) 3%,rgb(227, 253, 234) 97%,rgb(118, 234, 133) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-8 */
}

input[type*="submit"],input[type*="button"],button {
    cursor: pointer;
/*    box-shadow: 2px 2px 10px #000; CSS3
    -moz-box-shadow: 2px 2px 10px #000;  Firefox
    -webkit-box-shadow: 2px 2px 10px #000;  Google Chrome, Safari*/
     /*border-radius: 8px;
    -webkit-border-radius: 8px;   //Safari,Google Chrome   
    -moz-border-radius: 8px;      //Firefox   */
    background: #f2f5f6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-8 */
 
}

.c_339{
    color:#339;
}
.size_11{
    font-size:11px;
    line-height:11px;
}

/* tooltip ツールチップ*/

/* カーソルを重ねる要素 */
.tooltip {
  position: relative; /* ツールチップの位置の基準に */
  cursor: pointer; /* カーソルを当てたときにポインターに */
}

/* ツールチップのテキスト */
.tooltip-text {
  opacity: 0; /* はじめは隠しておく */
  visibility: hidden; /* はじめは隠しておく */
  position: absolute; /* 絶対配置 */
  left: 50%; /* 親に対して中央配置 */
  transform: translateX(-50%); /* 親に対して中央配置 */
  bottom: -30px; /* 親要素下からの位置 */
  display: inline-block;
  padding: 5px 10px; /* 余白 */
  white-space: nowrap; /* テキストを折り返さない */
  font-size: 0.9rem; /* フォントサイズ */
  line-height: 1.4; /* 行間 */
  background: #343; /* 背景色 */
  color: #fff; /* 文字色 */
  border-radius: 3px; /* 角丸 */
  transition: 0.3s ease-in; /* アニメーション */
  font-weight:normal;
  z-index:9999;
  text-shadow:none;
}

/* ホバー時にツールチップの非表示を解除 */
.tooltip:hover .tooltip-text {
  opacity: .9;
  visibility: visible;
}
#footer{
    width:stretch;
    position:absolute;
/*    padding:0 0 0 20px;*/
    text-align: center;
    bottom:0;
    margin-bottom:0;
    min-height:20px;
    padding:12px 0;
    /*margin:20px auto;*/
    color:white;
    background:#274a78    
}

.account_popup_link_txt{
    font-size:14px;
    font-weight:normal;
    vertical-align:middle;
}
.account_menu{
    float:right;
    margin:3px 20px 0 8px;
}
.account_menu>i{
    cursor:pointer;
}

.account_menu>i:hover{
    color:#F88;
}
.account_menu_item_top{
    height:150px;
    width:280px;
    border-bottom:1px #888 solid;
    padding:8px 4px;
}
.account_menu_item{
    display:flex;
    line-height:20px;
    width:280px;
    border-bottom:1px #888 solid;
    padding:6px 4px;
    color:#444;
}
.account_menu_item_th{
    width:50%; 
}
account_menu_item_td{
    font-weight:bold;
}

.account_menu_email,
.account_menu_icon,
.account_menu_shimei{
    width:100%;
    text-align:center;
    margin-bottom:10px;
}

.account_menu_item_logout{
    padding:12px 0 0 0;
    
}
/* ふきだし */
.arrow_box {
  display: none;
  position: absolute;
  padding: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;  
  border-radius: 4px;
  background: #FDFDFD;
  color: #333;
  right:0px;
  /*margin-right:78px;*/
  /*margin-left:-78px;*/
  margin-top:2px
}

.arrow_box:after {
  display:none;
  position: absolute;
  bottom: 100%;
  left: 90%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  pointer-events: none;
  content: " ";
  
}
.arrow_box, .arrow_box:after{
    z-index:160;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}


.open_privacy{
    font-size:10px;
}
.open_privacy:hover{
    cursor: pointer;
    color:red;
}
#privacy_container{
    display:none;
    position:fixed;
    margin:0;
    padding:40px;
    box-sizing: border-box;
/*    background:#444;*/
    top:0px;
    width:100%;
    height:100%;
    z-index:210;
}
img.btn_close{
    z-index:100;
    position:absolute;
    cursor:pointer;
    top:20px;
    right:20px;
}
img.btn_close:hover{
    cursor:pointer;
}
.privacy_background{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black; /* 任意の背景色 */
    opacity: 0.5;
    z-index: 8;
}
#privacy_container img{
    z-index:10;
}
.privacy_inner{
    position:absolute;
    top:60px;
    right:60px;
    left:60px;
    bottom:60px;
    padding:30px 35px;
    color:#555;
    background:#FEFEFE;
    opacity:1;
    overflow:auto;
    z-index: 9;
    text-align: left;
}
.privacy_inner h1{
    font-size:20px;
    font-weight:bold;
    margin:30px 0;
    text-align:center;
}
.privacy_inner h2{
    line-height:30px;
    margin-top:20px;
}
.privacy_inner p{
    margin-bottom:8px;
}
.privacy_inner ul{
    margin-left: 20px;
    margin-bottom:8px;    
}
.ongen_limit{
    display: inline-block;
    padding:2px 6px;
    margin:0 10px 0 16px;
    background: yellow;
    color:black;
}
@media only screen and (max-width: 500px) {
/*    .btn_menu{
        display:none;
    }
    .mobile{
        display:inline-block;
        height:70px;
    }
    */
    html{
        /*zoom:.5;*/
    }
}