#content{
    padding-top:30px;
}
.center{
    min-width:500px;
    max-width:958px;
}
.account_wrapper{
/*    background-color: #eee;     /* 背景色指定 */
/*    padding:  10px;             /* 余白指定 */
    display:flex;
    align-items:stretch;        /* 縦の位置指定 */
    min-width:500px;
    max-width: 1000px;
    margin:0 auto;
    min-height:400px;
    margin-bottom:65px;    
}

.account_wrapper_left,
.account_wrapper_right{
    /*padding:10px;*/
    color:#555;

}
.account_wrapper_left{
    min-width:200px;
}
.ac_logo{
    width:100%;
}
.ac_logo img{
    display:block;
    margin:25px auto 0;
    zoom:.32;
}
.account_title{
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    margin-bottom:24px;
}
.account_wrapper_left{
    display: flex;              /* フレックスボックスにする */   
    flex-flow:column;   
    align-items:stretch;        /* 縦の位置指定 */    
    border:1px #ddd solid;
    background:#dde;
    width:300px;
    margin-right:10px;
    margin-left:20px;
}
.item_s_l{
    line-height:16px;
    display:flex;
    flex-flow:column;    
    flex-grow:1;
    margin:12px;
    font-size:14px;
    /*background:#ecc; */     
}

.ac_name_wrapper{
    padding:8px 8px 4px;
    background-color:#F0F0F0;
}

.ac_name_pict{
    display: block;
    padding:12px;
    text-align: center;
    color:gray;
}
.ac_name{
    text-align:center;
    padding:10px 0 25px;
    font-size:16px;
    font-weight:bold;
}

.ac_left_link{
    margin:20px 0;
    padding:8px;
}

.ac_link_item{
    padding:12px 0;
    text-align: left;
}

.account_wrapper_right{
    /*border:1px #ddd solid;
    background:#dee;*/
    display: flex;              /* フレックスボックスにする */   
    flex-flow:column;
    min-height:500px;
    width:100%;
    font-size:16px; 
    line-height:24px;
    color:#555;
}
.item_s_r{
    line-height:16px;
    display:flex;
    flex-flow:row;
    margin:4px 20px 0 12px;
    font-size:14px;
    border-bottom:1px #ccc solid;
}
.item_s_th,.item_s_td{
    padding:4px;
    line-height:36px;
}
.item_s_th{
    width:165px;
}
.item_s_td{
/*    width:120px;*/
}

.account_wrapper_right_item{
    border:1px #ddd solid;
    background:#eed;
    padding:20px;    
    /*width:100%;*/
    min-height:150px;
    margin-bottom:10px;
    margin-right:20px;
}
.txt_email{
    line-height:22px;
    color:#666;
    font-weight:normal;
    font-size:12px;
}
.account_description_txt{
    font-size:14px;
    margin-bottom:30px;
}

input.account_inputtext{
    line-height:26px;
    padding:4px 8px;
    min-width:300px;
    width:300px;
    border:1px #ddd solid;
}

textarea.account_inputtext{
    width:440px;
    min-width:310px;
    height:220px;
    border:1px #ccc solid;
}

.input_radio{
    width:16px;
    height:16px;
    margin-right:5px;
    margin-top:9px;
    vertical-align: top;
}

#header{
    position:fixed;
    min-height:38px;
    padding:2px;
      
}
#header_top{
    margin-top:10px;
    padding:3px 10px;
    height:25px;
    width:100%;
    color:white;
    background:#D44;
}
#header_bottom{
    margin:10px;
    min-height:2px;
}
.user_alert{
    margin:0 auto;
    max-width:850px;
    text-align: center;
    font-size:14px;
    padding:4px;
}



#title{
    font-weight:bold;
    font-size:18px;
}

.user{
    display:none;
}
.usergroup_name{
    position:relative;
    top: -4px;
    vertical-align: bottom;
    font-size:14px;
    font-weight:bold;
    padding:0px 0 0 0;
    color:#555;
    border-bottom:1px #555 solid;
    max-width:300px;
    min-height:40px;
}
.usergroup_name p{
    position:absolute;
    bottom:0;
}
.userlist{
    position:relative;
    display: table;
    width:100%;
    border-collapse:collapse;
    border:1px #777 solid;
}
.userlist td, .userlist th{
    border:1px #777 solid;
    height:30px;
    padding:3px;
    word-wrap: break-word;
    word-break: break-all;
    table-layout:fixed;
}
.userlist th{
    background:#ccc;
}
.ulist_col1{
    min-width:35px;
    max-width:35px;
    width:35px;
    text-align:center;
}
.ulist_col2{ min-width:80px; font-size:16px; font-weight:bold; padding:8px;}
.ulist_col3{ min-width:80px;}
.ulist_col4{ 
    max-width:126px;
    width:126px;
}
.ulist_col5{ 
    width:125px;
    text-align:center;
}
.ulist_col6{ min-width:100px;}
.ulist_col7,.ulist_col8{ 
    width:76px;
    text-align:center;
}
.ulist_col9{ 
    min-width:25px;
    max-width:25px;
    width:20px;
}
.ulist_col10{ 
    min-width:40px;
    max-width:40px;
    width:40px;
    word-break: break-all;
    font-size:9px;
}
td.ulist_col10{ 
    text-align: center;
    font-size:12px;
}

table {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}
th, td {
    border: 1px solid #999;
    padding: 8px;
    font-size:12px;
    line-height:16px;
}
th {
    background-color: #f2f2f2;
}
.btn_div{
    margin:20px 0;
    width:100%;
    text-align: center;
}
#btn_sendmail{
    padding:6px;
    width:160px;
    margin:4px auto;
}
.account_res_title{
    line-height:28px;
    background:#efe;
    border:1px #eee solid;
    padding:20px;
    text-align: center;
    font-size:20px;
    font-weight:bold;
    margin-bottom:20px;
}
.account_res_desc{
    line-height:16px;
    padding:8px 20px;
    font-size:14px;
    margin-bottom:20px;    
}
.back_a{
    padding:20px;
    text-align: center;
}
.current_course{
    font-size:14px;
    margin-bottom:12px;
    font-weight:bold;
}