@charset "shift_jis";

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#container {
	position: relative;
	width: 100%;
    min-width: 1024px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0px auto;
}

#contents {
    padding: 0 5px;
}

/* 各ページの背景 ----------*/

#home {
    background: linear-gradient(to bottom, hsl(210, 100%, 50%), hsl(47, 100%, 50%), hsl(300, 100%, 50%));
    background-size: 100% 700%;
    animation: bg-color 60s linear infinite alternate;
}

@-webkit-keyframes bg-color {
    0% { background-position: 50% 0% }
    25% { background-position: 50% 50% }
    50% { background-position: 50% 85% }
    75% { background-position: 50% 50% }
    100% { background-position: 50% 0% }
}
@keyframes bg-color {
    0% { background-position: 50% 0% }
    25% { background-position: 50% 50% }
    50% { background-position: 50% 85% }
    75% { background-position: 50% 50% }
    100% { background-position: 50% 0% }
}

#common {
    background-color: #F1F1F1;
}

/* 共通 ----------*/

.common_contents {
    z-index: 1;
    position: relative;
    width: 100%;
    padding: 80px 20px;
}

#contents .function {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
    margin: 0 0 20px 0;
    overflow: hidden;
    border-spacing: 0;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

@media all and (-ms-high-contrast: none){
    #contents .function {
        width: 100%;
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
        border-collapse: separate;
        border-spacing: 0;
        box-shadow:0px 4px 10px -1px #999;
        shadowColor:"#999",
        shadowOffset:{width:0,height:4},
        shadowOpacity:1,
        shadowRadius:10,
        borderWidth:1,
        borderColor:"#999",
        borderRadius:6
    }
}

#contents .function .heading {
    background: #DDD;
    background: -moz-linear-gradient(top, #FFF 0%, #DDD 100%);
    background: -webkit-linear-gradient(top, #FFF 0%,#DDD 100%);
    background: linear-gradient(to bottom, #FFF 0%,#DDD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#DDD',GradientType=0 );
    border: solid 1px #CCC;
    padding: 10px 5px;
	font-size: 14px;
    color: #666;
}

#contents .function .newregist {
    background: #FFE4E1;
    padding: 5px;
	font-size: 14px;
}

#contents .function .newregist a {
    display: block;
    width: 80px;
    background-color: #F00;
    padding: 5px 0;
	font-size: 14px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

#contents .function .newregist a:hover {
    background-color: #900;
}

#contents .function .change a {
    display: block;
    width: 80px;
    background-color: #222;
    padding: 5px 0;
	font-size: 14px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

#contents .function .change a:hover {
    background-color: #555;
}

#contents .function .item0 {
    border: solid 1px #CCC;
    background: #FFF;
    padding: 5px;
	font-size: 14px;
    line-height: 23px;
}

#contents .function .detail0 {
    background: #FFF;
    padding: 5px;
}

#contents .function .item1 {
    border: solid 1px #CCC;
    background: #EEE;
    padding: 5px;
	font-size: 14px;
    line-height: 23px;
}

#contents .function .detail1 {
    background: #EEE;
    padding: 5px;
}

#contents .function .function_input100 {
	border: solid 1px #CCC;
	background: #FFF;
	width: 100%;
	font-size: 14px;
	color: #333;
	padding: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

#contents .function_input input {
	border: solid 1px #CCC;
	background: #FFF;
	width: 100%;
	font-size: 14px;
	color: #333;
	padding: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

#contents .function_select select {
	border: solid 1px #CCC;
	background: #FFF;
	width: 100%;
	font-size: 14px;
	color: #333;
	padding: 5px 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

#contents .function_select option {
	border: solid 1px #CCC;
	background: #FFF;
	margin: -1px 0 0;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

#contents .function_select option[selected] {
	font-weight: normal;
	color: #333;
}

#contents .buttonn_wrap {
    width: 345px;
    margin: 20px 0 0 auto;
}

#contents .buttonn_wrap .button_right {
    width: 170px;
    height: 40px;
    float: right;
}

#contents .buttonn_wrap .button_left {
    width: 170px;
    height: 40px;
    float: left;
}

#contents .buttonn_wrap a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.breadcrumb_planselect {
    display: flex;
    margin-bottom: 15px;
}

.breadcrumb_wrap {
    flex: 1;
}

.planselect_index {
    border-left: solid 7px #1E90FF;
	background: #222;
    width: 150px;
    height: 30px;
    font-size: 8px;
    line-height: 30px;
    color: #FFF;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    text-align: center;
    margin: 0 5px;
}

.planselect_wrap {
    width: 300px;
}

.planselect_wrap select {
	border: solid 1px #999;
	background: #FFF;
	width: 300px;
    height: 30px;
	font-size: 14px;
    color: #333;
	padding: 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.breadcrumb {
    list-style: none;
}

.breadcrumb li {
    display: inline;
    list-style: none;
    font-size: 12px;
}

.breadcrumb li:after {
    content: '>';
    margin: 0 5px;
    color: #666;
}

.breadcrumb li:last-child:after {
    content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #666;
    padding: 3px;
}

.breadcrumb li a:hover {
    background-color: #666;
    color: #FFF;
}

.toggle_switch ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	list-style-type: none;
    border: solid 2px #222;
    background: #222;
	width: 400px;
    margin: 0 0 10px auto;
    border-radius: 17px;
	-webkit-border-radius: 17px;  
	-moz-border-radius: 17px;
}

.toggle_switch li{
	display: table-cell;
}

.toggle_switch a {
	display: block;
    background: #222;
	font-size: 14px;
	padding: 5px 0;
	color: #FFF;
	text-decoration: none;
    border-radius: 17px;
	-webkit-border-radius: 17px;  
	-moz-border-radius: 17px;
}

.toggle_switch a:hover {
	background: #222;
    color: #FFC;
}

.toggle_switch .check a {
    background: #FFF;
    color: #222;
}

.toggle_switch .check a:hover {
	background: #FFF;
}

ul.tab {
    border-bottom: 7px solid #222;
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	list-style-type: none;
    margin-bottom: 30px;
}

ul.tab li {
	display: table-cell;
	font-size: 14px;
	text-align: center;
}

ul.tab li +li {
    border-left: 1px solid #FFF;
}

ul.tab li a {
	display: block;
    background: #999;
	color: #FFF;
    padding: 10px 5px;
    border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}

ul.tab a.active {
	display: block;
    background: #222;
	color: #FFF;
    text-shadow:2px 2px 3px #000;
	color: #FFF;
    padding: 10px 5px;
    border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}

ul.tab a:hover:not(.active) {
	display: block;
    background: #777;
	color: #FFF;
    padding: 10px 5px;
    border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}

#contents .err_message {
	font-size: 14px;
    line-height: 23px;
    color: #F00;
    text-align: right;
    padding: 15px 0 0 0;
}

/* エリア・エリア長登録機能 ----------*/

.deleteflag_wrap ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	list-style-type: none;
}

.deleteflag_wrap li {
	display: table-cell;
}

.deleteflag_wrap li +li{
    border-left: 1px solid #FFF;;
}

.segmented3 input { 
    display: none; 
}

.segmented3 .label {
    border: solid 1px #CCC;
	background: #FFF;
	background: -moz-linear-gradient(top,  #FFF 0%, #EEE 100%);
	background: -webkit-linear-gradient(top,  #FFF 0%,#EEE 100%);
	background: linear-gradient(to bottom,  #FFF 0%,#EEE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 );
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    padding: 3px;
    width: 80px;
	font-size: 14px;
    color: #333;
	text-align:center;
    cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
}

.segmented3 input:checked + .label {
	border: solid 1px #222;
	background: #222;
	color: #FFC;
}

/* 職位ランク設定機能 ----------*/

#contents .search_board {
    background: #DDD;
    background: -moz-linear-gradient(top, #FFF 0%, #DDD 100%);
    background: -webkit-linear-gradient(top, #FFF 0%,#DDD 100%);
    background: linear-gradient(to bottom, #FFF 0%,#DDD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#DDD',GradientType=0 );
    border: solid 1px #CCC;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 15px 10px;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

#contents .search_table {
    width: 100%;
}

#contents .search_table .item0 {
    padding: 5px;
	font-size: 14px;
}

#contents .search_table .detail0 {
    padding: 5px;
}

#contents .search_message {
	font-size: 14px;
    line-height: 23px;
    color: #666;
    padding: 0 7px 15px 7px;
}

.rankup {
    width: 50ps;
    height: 27px;
    float: left;
}

.rankdown {
    width: 50ps;
    height: 27px;
    float: right;
}

.rank_updown ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	list-style-type: none;
	width: 100%;
}

.rank_updown li {
	display: table-cell;
}

.rank_updown li +li{
    border-left: 1px solid #FFF;
}

.segmented0 input { 
    display: none; 
}

.segmented0 .label {
    display: block;
	background: url(../images/member/button_rankup_off.png) center center no-repeat;
    width: 50ps;
    height: 27px;
    cursor: pointer;
}

.segmented0 input:checked + .label {
	background: url(../images/member/button_rankup_on.png) center center no-repeat;
}

.segmented1 input { 
    display: none; 
}

.segmented1 .label {
    display: block;
	background: url(../images/member/button_rankdown_offf.png) center center no-repeat;
    width: 50ps;
    height: 27px;
    cursor: pointer;
}

.segmented1 input:checked + .label {
	background: url(../images/member/button_rankdown_on.png) center center no-repeat;
}

/* ユーザー検索機能 ----------*/

.search_board .usersearch_inner {
    display: table;
    width: 100%;
}

.search_board .usersearch_inner .child1, .search_board .usersearch_inner .child2 {
    display: table-cell;
}

.search_board .usersearch_inner .child3 {
    display: table-cell;
    width: 80px;
    vertical-align: bottom;
}

.search_board .usersearch_inner .child1 .search_main, .search_board .usersearch_inner .search_main {
    display: flex;
}

.search_board .usersearch_inner .child1 .search_item, .search_board .usersearch_inner .child2 .search_item {
    width: 130px;
    padding: 5px;
	font-size: 14px;
    line-height: 25px;
    text-align: right;
}

.search_board .usersearch_inner .child1 .search_detail, .search_board .usersearch_inner .child2 .search_detail {
    flex: 1;
    height: 25px;
    padding: 5px;
}

.search_board .usersearch_inner .child3 .searchbutton {
    width: 70px;
    height: 50px;
    margin: 0 0 0 auto;
}

#contents .page_inner {
    display: table;
    width: 100%;
    margin: 15px 0;
}

#contents .page_inner .pagereturn, #contents .page_inner .pagenext {
    display: table-cell;
    width: 120px;
}

.search_board .usersearch_inner .pagebox {
    display: table-cell;
}

#contents .page_inner .pagereturn a, #contents .page_inner .pagenext a {
    display: block;
    width: 120px;
    background-color: #000080;
    padding: 10px 0;
	font-size: 14px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

#contents .page_inner .pagereturn a:hover, #contents .page_inner .pagenext a:hover {
    background-color: #1E90FF;
}

/* ユーザー情報修正機能 ----------*/

#contents .usermodify_wrap {
    display: flex;
}

#contents .usermodify_box1 {
    margin: 0 5px 0 0;
    flex: 1;
}

#contents .usermodify_box2 {
    margin: 0 0 0 5px;
    flex: 1;
}

#contents .usermodify_title01 {
    width: 200px;
    background: #9400D3;
    background: -moz-linear-gradient(left, #9400D3 0%, #D8BFD8 100%);
    background: -webkit-linear-gradient(left, #9400D3 0%,#D8BFD8 100%);
    background: linear-gradient(to right, #9400D3 0%,#D8BFD8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9400D3', endColorstr='#D8BFD8',GradientType=1 );
	padding: 7px 0;
    margin: 0 0 10px 0;
	font-size: 14px;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

#contents .usermodify_title02 {
    width: 200px;
    background: #0000CD;
    background: -moz-linear-gradient(left, #0000CD 0%, #87CEFA 100%);
    background: -webkit-linear-gradient(left, #0000CD 0%,#87CEFA 100%);
    background: linear-gradient(to right, #0000CD 0%,#87CEFA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000CD', endColorstr='#87CEFA',GradientType=1 );
	padding: 7px 0;
    margin: 0 0 10px 0;
	font-size: 14px;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

#contents .usermodify_title03 {
    width: 200px;
    background: #006400;
    background: -moz-linear-gradient(left, #006400 0%, #3CB371 100%);
    background: -webkit-linear-gradient(left, #006400 0%,#3CB371 100%);
    background: linear-gradient(to right, #006400 0%,#3CB371 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006400', endColorstr='#3CB371',GradientType=1 );
	padding: 7px 0;
    margin: 0 0 10px 0;
	font-size: 14px;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

#contents .usermodify_title04 {
    width: 200px;
    background: #DC143C;
    background: -moz-linear-gradient(left, #DC143C 0%, #FFB6C1 100%);
    background: -webkit-linear-gradient(left, #DC143C 0%,#FFB6C1 100%);
    background: linear-gradient(to right, #DC143C 0%,#FFB6C1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DC143C', endColorstr='#FFB6C1',GradientType=1 );
	padding: 7px 0;
    margin: 0 0 10px 0;
	font-size: 14px;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

/* ユーザー一括登録機能 ----------*/

#contents .importmessage_wrap  {
    display: flex;
}

#contents .importmessage {
    flex: 1;
	font-size: 14px;
    line-height: 23px;
    color: #666;
    padding: 0 7px 15px 7px;
}

#contents .csvdownload a {
    display: block;
    width: 170px;
    background-color: #666;
    padding: 10px 0;
	font-size: 14px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
    margin: 0 0 0 5px;
}

#contents .csvdownload a:hover {
    background-color: #333;
}

#contents .importarea_wrap  {
    margin: 15px 0 0 0;
    overflow: hidden;
    background: #EEE;
    border: solid 1px #CCC;
    padding: 15px 10px;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

#contents .importarea_wrap .userimport_title {
    width: 220px;
    background: #0000CD;
    background: -moz-linear-gradient(left, #0000CD 0%, #87CEFA 100%);
    background: -webkit-linear-gradient(left, #0000CD 0%,#87CEFA 100%);
    background: linear-gradient(to right, #0000CD 0%,#87CEFA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000CD', endColorstr='#87CEFA',GradientType=1 );
	padding: 7px 0;
    margin: 0 0 10px 0;
	font-size: 14px;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

#contents .importarea_wrap textarea {
	border: solid 1px #CCC;
	background: #FFF;
	width: 100%;
    height: 300px;
	font-size: 14px;
	color: #333;
	padding: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/* 職位レベル別講義登録機能 ----------*/

#contents .level_navi ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	list-style-type: none;
}

#contents .level_navi li{
	display: table-cell;
}

#contents .level_navi li +li{
    border-left: 1px solid #F5F5F5;
}

#contents .level_navi a {
	display: block;
    background: #DDD;
    background: -moz-linear-gradient(top, #DDD 0%, #999 100%);
    background: -webkit-linear-gradient(top, #DDD 0%,#999 100%);
    background: linear-gradient(to bottom, #DDD 0%,#999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDD', endColorstr='#999',GradientType=0 );
	font-size: 14px;
	padding: 15px 0;
    -webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	color: #555;
	text-decoration: none;
	text-shadow:0px 1px 0px #DDD;
}

#contents .level_navi a:hover {
	background: #BCBCBC;
}

#contents .level_navi .check a {
    background: #222;
    background: -moz-linear-gradient(top, #666 0%, #222 100%);
    background: -webkit-linear-gradient(top, #666 0%,#222 100%);
    background: linear-gradient(to bottom, #666 0%,#222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87CEFA', endColorstr='#222',GradientType=0 );
    color: #FFF;
	text-shadow:0px 1px 0px #000080;
}

#contents .level_navi .check a:hover {
	background: #555;
}

#contents .level_navi_footer {
    border: solid 7px #222;
    margin: 0 0 15px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

#contents .search_message2 {
	font-size: 14px;
    line-height: 23px;
    color: #666;
    padding: 0 7px 15px 7px;
}

#contents .end_days1 select {
	border: solid 1px #CCC;
	background: #FFF;
	width: 80px;
	font-size: 14px;
	color: #333;
	padding: 5px 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
    float: left;
}

#contents .end_days1 option {
	border: solid 1px #CCC;
	background: #FFF;
	margin: -1px 0 0;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

#contents .end_days1 option[selected] {
	font-weight: normal;
	color: #333;
}

#contents .end_days2 select {
	border: solid 1px #CCC;
	background: #FFF;
	width: 60px;
	font-size: 14px;
	color: #333;
	padding: 5px 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
    margin: 0 0 0 7px;
    float: left;
}

#contents .end_days2 option {
	border: solid 1px #CCC;
	background: #FFF;
	margin: -1px 0 0;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

#contents .end_days2 option[selected] {
	font-weight: normal;
	color: #333;
}

#contents .function .item2 {
}

.lecture_wrap ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	list-style-type: none;
	width: 100%;
}

.lecture_wrap li {
	display: table-cell;
}

.lecture_wrap li +li{
    border-left: 1px solid #FFF;;
}

.segmented2 input { 
    display: none; 
}

.segmented2 .label {
    border: solid 1px #CCC;
	background: #FFF;
	background: -moz-linear-gradient(top,  #FFF 0%, #EEE 100%);
	background: -webkit-linear-gradient(top,  #FFF 0%,#EEE 100%);
	background: linear-gradient(to bottom,  #FFF 0%,#EEE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 );
    padding: 7px 5px;
    margin: 1px 0 1px 0;
    width: 100%;
	font-size: 14px;
    color: #333;
	text-align:left;
    cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
}

.segmented2 input:checked + .label {
	border: solid 1px #004986;
	background: #004986;
	color: #FF0;
}

.selected input { 
    display: none; 
}

.selected .label {
    border: solid 1px #BCBCBC;
	background: #BCBCBC;
    padding: 7px 5px;
    margin: 1px 0 1px 0;
    width: 100%;
	font-size: 14px;
    color: #666;
	text-align:left;
    cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
}

.selected input:checked + .label {
	border: solid 1px #BCBCBC;
	background: #BCBCBC;
	color: #666;
}

.kind_wrap {
}

.kind_box01 {
    padding: 5px 0 0 0;
    float: left;
}

.kind_box01 img {
    width: 60px;
    height: 24px;
    margin: 0 2px 0 0;
}

.selectedmessage0 {
    background: #800080;
    width: 180px;
    text-align: center;
    color: #FFF;
    padding: 3px 0;
    margin: 5px 0 0 5px;
    float: right;
}

.selectedmessage1 {
    background: #FF8C00;
    width: 180px;
    text-align: center;
    color: #FFF;
    padding: 3px 0;
    margin: 5px 0 0 5px;
    float: right;
}

.selectedmessage2 {
    background: #008000;
    width: 180px;
    text-align: center;
    color: #FFF;
    padding: 3px 0;
    margin: 5px 0 0 5px;
    float: right;
}

.selectedmessage3 {
    background: #00F;
    width: 180px;
    text-align: center;
    color: #FFF;
    padding: 3px 0;
    margin: 5px 0 0 5px;
    float: right;
}

.selectedmessage4 {
    background: #F00;
    width: 180px;
    text-align: center;
    color: #FFF;
    padding: 3px 0;
    margin: 5px 0 0 5px;
    float: right;
}

#contents .startdays {
	font-size: 14px;
    line-height: 23px;
    color: #FF8C00;
    text-align: right;
    padding: 5px 7px 0 7px;
}

#contents .startdays_wrap {
    width: 230px;
    margin: 0 0 0 auto;
    padding: 10px 7px 0 7px;
    overflow: hidden;
}

#contents .operationdate {
    display: flex;
    margin: 0 0 15px 0;
    overflow: hidden;
}

#contents .operationdate .display {
    flex: 1;
    padding: 0 5px;
}

#contents .operationdate .display .month {
    background: #FFF;
    border: solid 1px #666;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    border-radius: 10px;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
}

#contents .operationdate .operation {
    width: 50px;
    height: 40px;
    padding: 0 5px;
}

#contents .operationdate .operation a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.search_board .search_inner {
    display: table;
    width: 100%;
}

.search_board .search_inner .child1, .search_board .search_inner .child2 {
    display: table-cell;
    width: 50%;
}

.search_board .search_inner .child1 .search_main, .search_board .search_inner .child2 .search_main {
    display: flex;
}

.search_board .search_inner .child1 .search_item, .search_board .search_inner .child2 .search_item {
    width: 90px;
    padding: 5px;
	font-size: 14px;
    line-height: 25px;
    text-align: right;
}

.search_board .search_inner .child1 .search_detail, .search_board .search_inner .child2 .search_detail {
    flex: 1;
    height: 25px;
    padding: 5px;
}

#contents .seriesname {
    display: flex;
    background: #0000CD;
    background: -moz-linear-gradient(left, #0000CD 0%, #87CEFA 100%);
    background: -webkit-linear-gradient(left, #0000CD 0%,#87CEFA 100%);
    background: linear-gradient(to right, #0000CD 0%,#87CEFA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000CD', endColorstr='#87CEFA',GradientType=1 );
	padding: 9px 5px;
    margin: 20px 0 0 0;
    overflow: hidden;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

.pc_contents {
    flex: 1;
    background: url(../images/member/icon_pc.png) 3px center no-repeat;
    padding: 3px 0 3px 30px;
	font-size: 14px;
	color: #FFF;
	text-shadow:0px 1px 0px #000080;
}

.mob_contents {
    flex: 1;
    background: url(../images/member/icon_mob.png) 1px center no-repeat;
    padding: 3px 0 3px 25px;
	font-size: 14px;
	color: #FFF;
	text-shadow:0px 1px 0px #000080;
}

.pcmob_contents {
    flex: 1;
    background: url(../images/member/icon_pcmob.png) 3px center no-repeat;
    padding: 3px 0 3px 40px;
	font-size: 14px;
	color: #FFF;
	text-shadow:0px 1px 0px #000080;
}

#contents .newregist2 a {
    display: block;
    width: 220px;
    background-color: #FFD700;
    padding: 5px 0;
	font-size: 14px;
    color: #333;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
    margin: 0 0 0 5px;
    float: right;
}

#contents .newregist2 a:hover {
    background-color: #FFA500;
}

#contents .newregist_box {
    background: #FFE4E1;
    padding: 5px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

#contents .newregist_box .newregist a {
    display: block;
    width: 200px;
    background-color: #F00;
    padding: 5px 0;
	font-size: 14px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

#contents .newregist_box .newregist a:hover {
    background-color: #900;
}

#contents .delete select {
	border: solid 1px #CCC;
	background: #FFF;
	width: 75px;
	font-size: 14px;
	color: #333;
	padding: 5px 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

#contents .delete option {
	border: solid 1px #CCC;
	background: #FFF;
	margin: -1px 0 0;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

#contents .delete option[selected] {
	font-weight: normal;
	color: #333;
}

/* 受講履歴管理機能 ----------*/

.occupations_wrap ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	list-style-type: none;
}

.occupations_wrap li {
	display: table-cell;
}

.occupations_wrap li +li{
    border-left: 1px solid #FFF;
}

.segmented4 input { 
    display: none; 
}

.segmented4 .label {
    border: solid 1px #CCC;
	background: #FFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    padding: 3px 0;
    width: 90px;
	font-size: 14px;
    color: #333;
	text-align:center;
    cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
}

.segmented4 input:checked + .label {
	border: solid 1px #004986;
	background: #004986;
	color: #FF0;
}

#contents .shopname {
    background: #2E8B57;
    background: -moz-linear-gradient(left, #2E8B57 0%, #40E0D0 100%);
    background: -webkit-linear-gradient(left, #2E8B57 0%,#40E0D0 100%);
    background: linear-gradient(to right, #2E8B57 0%,#40E0D0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4500', endColorstr='#F4A460',GradientType=1 );
	font-size: 14px;
	color: #FFF;
	text-shadow:0px 1px 0px #2F4F4F;
	padding: 9px 5px;
    margin: 0 0 12px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

#contents .shopname .icon01 {
    background: url(../images/member/icon_areashop.png) 3px center no-repeat;
    padding: 3px 0 3px 25px;
}

.function .CollapsiblePanel {
}

.function .CollapsiblePanelTab {
	border: solid 1px #222;
	background: #222;
	color:#FFF;
	font-size: 14px;
	text-decoration:none;
    text-align: center;
	padding: 2px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
}

.function .CollapsiblePanelContent {
}

.function .CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.function .CollapsiblePanelOpen .CollapsiblePanelTab {
	border: solid 1px #222;
	background: #222;
	color:#FFF;
	font-size: 14px;
	text-decoration:none;
    text-align: center;
	padding: 2px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.function .CollapsiblePanelClosed .CollapsiblePanelTab {
	border: solid 1px #222;
	background: #222;
	color:#FFF;
	font-size: 14px;
	text-decoration:none;
    text-align: center;
	padding: 2px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.function .CollapsiblePanelTabHover, .function .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	border: solid 1px #222;
	background: #222;
	color:#FFF;
	font-size: 14px;
	text-decoration:none;
    text-align: center;
	padding: 2px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.function .occupations_detail {
	width: 100%;
    padding: 5px;
	overflow:hidden;
	font-size: 14px;
    line-height: 23px;
	clear:both;
}

/* 月別エリア毎受講率 ----------*/

.search_board .aggregate_inner {
    display: table;
    width: 100%;
}

.search_board .aggregate_inner .child1 {
    display: table-cell;
    width: 70px;
    padding: 5px;
	font-size: 14px;
    line-height: 25px;
    text-align: right;
    vertical-align: middle;
}

.search_board .aggregate_inner .child2 {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

.search_board .aggregate_inner .child3 {
    display: table-cell;
    width: 135px;
}

.search_board .aggregate_inner .child3 .aggregatebutton {
    width: 130px;
    height: 50px;
    margin: 0 0 0 auto;
}

#contents .areaname {
    background: #006400;
    background: -moz-linear-gradient(left, #006400 0%, #32CD32 100%);
    background: -webkit-linear-gradient(left, #006400 0%,#32CD32 100%);
    background: linear-gradient(to right, #006400 0%,#32CD32 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006400', endColorstr='#32CD32',GradientType=1 );
    display: table;
    width: 100%;
	padding: 0 5px;
    margin: 0 0 12px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	box-shadow:0px 4px 10px -1px #999;
	shadowColor:"#999",
	shadowOffset:{width:0,height:4},
	shadowOpacity:1,
	shadowRadius:10,
	borderWidth:1,
	borderColor:"#999",
	borderRadius:6
}

#contents .areaname .child1 {
    display: table-cell;
	font-size: 14px;
    line-height: 40px;
	color: #FFF;
	text-shadow:0px 1px 0px #2F4F4F;
}

#contents .areaname .child2 {
    display: table-cell;
	font-size: 14px;
	color: #FFF;
    text-align: center;
}

#contents .areaname .child2 .detail {
    border: solid 1px #FFF;
    background: #FF4500;
    width: 300px;
    padding: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    margin: 0 0 0 auto;
}

#contents .areaname .child1 .icon01 {
    background: url(../images/member/icon_areaname.png) 3px center no-repeat;
    padding: 3px 0 3px 30px;
}

/* 職位レベル別受講・達成率 ----------*/

.search_board .levelaggregate_inner {
    display: table;
    width: 100%;
}

.search_board .levelaggregate_inner .child1 {
    display: table-cell;
    width: 90px;
    padding: 5px;
	font-size: 14px;
    line-height: 25px;
    text-align: right;
    vertical-align: middle;
}

.search_board .levelaggregate_inner .child2 {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

.search_board .levelaggregate_inner .child2 .grandchild_l {
    width: 50%;
    padding: 5px 5px 5px 0;
    vertical-align: middle;
    float: left;
}

.search_board .levelaggregate_inner .child2 .grandchild_r {
    width: 50%;
    padding: 5px 0 5px 5px;
    vertical-align: middle;
    float: right;
}

.search_board .levelaggregate_inner .child2 .grandchild_l select,
.search_board .levelaggregate_inner .child2 .grandchild_r select {
	border: solid 1px #CCC;
	background: #FFF;
	width: 100%;
	font-size: 14px;
	color: #333;
	padding: 5px 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

.search_board .levelaggregate_inner .child2 .grandchild_l option,
.search_board .levelaggregate_inner .child2 .grandchild_r option {
	border: solid 1px #CCC;
	background: #FFF;
	margin: -1px 0 0;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

.search_board .levelaggregate_inner .child2 .grandchild_l option[selected],
.search_board .levelaggregate_inner .child2 .grandchild_r option[selected] {
	font-weight: normal;
	color: #333;
}

.search_board .levelaggregate_inner .child3 {
    display: table-cell;
    width: 135px;
}

.search_board .levelaggregate_inner .child3 .aggregatebutton {
    width: 130px;
    height: 50px;
    margin: 0 0 0 auto;
}

.search_board .levelaggregate_inner .search_box {
    display: flex;
    flex-wrap: wrap;
  justify-content: space-between;
}

.search_board .levelaggregate_inner .search_index {
    width: 100px;
    padding: 5px;
	font-size: 14px;
    line-height: 25px;
    text-align: right;
    vertical-align: middle;
}

.search_board .levelaggregate_inner .search_key {
    flex: 1;
    padding: 0 5px;
}

.search_board .levelaggregate_inner .search_period {
    width: 40px;
    padding: 5px;
	font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.search_board .levelaggregate_inner .search_button {
    width: 130px;
    margin-left: 10px;
}

.segmented5 input { 
    display: none; 
}

.segmented5 .label {
    border: solid 1px #CCC;
	background: #FFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    padding: 3px 0;
    width: 125px;
	font-size: 14px;
    color: #333;
	text-align:center;
    cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
}

.segmented5 input:checked + .label {
	border: solid 1px #004986;
	background: #004986;
	color: #FF0;
}

/* テスト問題ダウンロード機能 ----------*/

#contents .testdownload_message {
	font-size: 14px;
    line-height: 23px;
    color: #666;
    padding: 0 7px 15px 7px;
}

.search_board .testdownload_inner {
    display: table;
    width: 100%;
}

.search_board .testdownload_inner .child1 {
    display: table-cell;
    width: 160px;
    padding: 5px;
	font-size: 14px;
    line-height: 25px;
    text-align: right;
    vertical-align: middle;
}

.search_board .testdownload_inner .child2 {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

.search_board .testdownload_inner .child3 {
    display: table-cell;
    width: 140px;
}

.search_board .testdownload_inner .child3 .testdownloadbutton {
    width: 130px;
    height: 50px;
    margin: 0 0 0 auto;
}

/* 管理者機能Top ----------*/

.hm_contents {
    display: flex;
    max-width: 100%;
    padding-top: 50px;
}

#menuopen_input {
   display: none;
}

#menuopen_input:checked ~ #menu_nav { left: 0; z-index: 6666; }
#menuopen_input:checked ~ #admin_menu_wrap { left: 300px; width: 100%; margin-right: 300px; z-index: 5555; }
#menuopen_input:checked ~ #menu_nav .inner { padding: 10px 10px 10px 10px; }
#menuopen_input ~ #admin_menu_wrap { left: 50px; width: 100%; margin-right: 50px; }
#menuopen_input ~ #menu_nav .inner { padding: 10px 10000px 10px 10px; }

#menu_nav {
    position: fixed;
    height: 100%;
    width: 300px;
    left: -250px;
    background: #333;
    overflow-y: auto;
    transition: left 0.1s linear;
    -webkit-transition: left 0.1s linear;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#menu_nav::-webkit-scrollbar {
    display:none;
}

#menu_nav .humberger_wrap {
    position: fixed;
    background: #333;
    width: 300px;
    height: 50px;
    z-index: 6666;
}

#menu_nav .humberger_wrap .humberger {
    cursor: pointer;
    position: relative;
    height: 24px;
    width: 24px;
    display: inline-block;
    box-sizing: border-box;
    margin: 17px 13px 0 0;
    float: right;
}

#menu_nav .humberger_wrap .humberger div {
    position: absolute;
    left: 0;
    height: 4px;
    width: 24px;
    background-color: #FFF;
    border-radius: 2px;
    display: inline-block;
    box-sizing: border-box;
}

#menu_nav .humberger_wrap .humberger div:nth-of-type(1) {
    top: 0;
}

#menu_nav .humberger_wrap .humberger div:nth-of-type(2) {
    top: 10px;
}

#menu_nav .humberger_wrap .humberger div:nth-of-type(3) {
    bottom: 0;
}

#menu_nav .inner {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

#menu_nav .inner .user_info {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

#menu_nav .inner .info_wrap {
    display: flex;
    position: relative;
}

#menu_nav .inner .info_wrap:last-child{
    margin-bottom: 20px;
}

#menu_nav .inner .user_face {
	background: url(../images/member/icon_userface.gif) center center no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

#menu_nav .inner .user_name {
    flex: 1;
    display: flex;
    justify-content: left;
    align-items: center;
    background: #FFF;
    height: auto;
    min-height: 40px;
    margin-left: 10px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

#menu_nav .inner .user_name p {
    padding: 5px 3px;
	font-size: 14px;
    color: #666;
    vertical-align: middle;
}

#menu_nav .inner .user_info_index p {
    padding: 5px 3px;
	font-size: 14px;
    color: #FFF;
    vertical-align: middle;
}

#menu_nav .inner .plan_list {
	margin-top: 30px;
}

#menu_nav .inner .plan_list ul {
	font-size: 14px;
}

#menu_nav .inner .plan_list li {
    margin-bottom: 5px;
}

#menu_nav .inner .plan_list li a {
    display: block;
	background-color:#333;
    background-image: url(../images/member/icon_munuarw01.png);
    background-position: 5px 13px;
    background-repeat: no-repeat;
	font-size: 14px;
    line-height: 1.4;
    color: #FFF;
    text-align: left;
	text-decoration: none;
    padding: 10px 10px 10px 20px;
    margin: 0 0 2px 0;
}

#menu_nav .inner .plan_list li a:hover {
	background-color:#666;
    color: #FFF;
}

#admin_menu_wrap {
    z-index: 1;
    position: relative;
    margin: 30px 0 70px 0;
    transition: left 0.1s linear;
    -webkit-transition: left 0.1s linear;
}

#admin_menu_wrap .inner {
    width: auto;
    position: relative;
    padding: 0 20px;
}

#admin_menu_wrap .inner .admin_menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    grid-auto-rows: 1fr;
    grid-gap: 0 1.3em;
    margin: 0 0 0.5em;
}

#admin_menu_wrap .inner .admin_menu > div {
    background: #222;
    margin-bottom: 1.3em;
    box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.2);
}

#admin_menu_wrap .inner .admin_menu p.menu_title1 {
    background-color: #222;
    padding: 15px 10px 15px 15px;
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

#admin_menu_wrap .inner .admin_menu p.menu_title2 {
    background-color: #004981;
    padding: 15px 10px 15px 15px;
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

#admin_menu_wrap .inner .admin_menu p.menu_title3 {
    background-color: #8B0000;
    padding: 15px 10px 15px 15px;
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

#admin_menu_wrap .inner .admin_menu .cl01 {
    border-left: solid 7px #00BFFF;
}

#admin_menu_wrap .inner .admin_menu .cl02 {
    border-left: solid 7px #FFD700;
}

#admin_menu_wrap .inner .admin_menu .cl03 {
    border-left: solid 7px #32CD32;
}

#admin_menu_wrap .inner .admin_menu .cl04 {
    border-left: solid 7px #FA8072;
}

#admin_menu_wrap .inner .admin_menu .cl05 {
    border-left: solid 7px #9370DB;
}

#admin_menu_wrap .inner .admin_menu .cl06 {
    border-left: solid 7px #F0E68C;
}

#admin_menu_wrap .inner .admin_menu .cl07 {
    border-left: solid 7px #FFC0CB;
}

#admin_menu_wrap .inner .admin_menu .cl08 {
    border-left: solid 7px #E9967A;
}

#admin_menu_wrap .inner .admin_menu .cl09 {
    border-left: solid 7px #043c78;
}

#admin_menu_wrap .inner .admin_menu .cl10 {
    border-left: solid 7px #D22222;
}

#admin_menu_wrap .inner .admin_menu ul {
    list-style: none;
    border-top: solid 3px #FFF;
}

#admin_menu_wrap .inner .admin_menu li {
    border-bottom: 1px solid #FFF;
}

#admin_menu_wrap .inner .admin_menu li a {
    display: block;
    background-color: #222;
    background-image: url(../images/member/icon_munuarw01.png);
    background-position: 7px 15px;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 23px;
    font-size: 14px;
    line-height: 1.4;
    color: #FFF;
    text-decoration: none;
}

#admin_menu_wrap .inner .admin_menu li a:hover {
    background-color: #555;
}

#admin_menu_wrap .inner .admin_menu span.icon_csv {
    display: inline-block;
    background-image: url(../images/member/csv.gif);
    background-position: right 0 center;
    background-repeat: no-repeat;
    width: 26px;
    height: 16px;
    margin: 0 0 0 5px;
}

#admin_menu_wrap .inner .admin_menu span.icon_mail {
    display: inline-block;
    background-image: url(../images/member/mail_i4.gif);
    background-position: right 0 center;
    background-repeat: no-repeat;
    width: 26px;
    height: 16px;
    margin: 0 0 0 5px;
}

/* ヘッダー ----------*/

#header {
    position: fixed;
    background: #FFF;
    width: 100%;
    height: 50px;
    top:0;
    z-index: 9999;
}

#header .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	background: #FFF;
    width: 100%;
    height: 50px;
    padding: 0 5px;
}

#header .inner a.logoWBT {
    display: block;
	background: url(../images/header/logo_phs.gif) center center no-repeat;
    background-size: contain;
    width: 160px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logo20 {
    display: block;
	background: url(../images/header/logo_20.gif) center center no-repeat;
    background-size: contain;
    width: 236px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoENF {
    display: block;
	background: url(../images/header/logo_enf.gif) center center no-repeat;
    background-size: contain;
    width: 153px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoCLU {
    display: block;
	background: url(../images/header/logo_clu.gif) center center no-repeat;
    background-size: contain;
    width: 314px;
    height: 20px;
    margin: 15px 0 0 0;
}

#header .inner a.logoCRE {
    display: block;
	background: url(../images/header/logo_20.gif) center center no-repeat;
    background-size: contain;
    width: 133px;
    height: 25px;
    margin: 10px 0 0 0;
}

#header .inner a.logoNPA {
    display: block;
	background: url(../images/header/logo_npa.gif) center center no-repeat;
    background-size: contain;
    width: 123px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoYKM {
    display: block;
	background: url(../images/header/logo_ykm.gif) center center no-repeat;
    background-size: contain;
    width: 264px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoMIN {
    display: block;
	background: url(../images/header/logo_min.gif) center center no-repeat;
    background-size: contain;
    width: 339px;
    height: 20px;
    margin: 15px 0 0 0;
}

#header .inner a.logoPIO {
    display: block;
	background: url(../images/header/logo_pio.gif) center center no-repeat;
    background-size: contain;
    width: 240px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoFRT {
    display: block;
	background: url(../images/header/logo_flu.gif) center center no-repeat;
    background-size: contain;
    width: 284px;
    height: 20px;
    margin: 15px 0 0 0;
}

#header .inner a.logoHEA {
    display: block;
	background: url(../images/header/logo_hea.gif) center center no-repeat;
    background-size: contain;
    width: 180px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoMKG {
    display: block;
	background: url(../images/header/logo_mkg.gif) center center no-repeat;
    background-size: contain;
    width: 293px;
    height: 20px;
    margin: 15px 0 0 0;
}

#header .inner a.logoMKF {
    display: block;
	background: url(../images/header/logo_mkg.gif) center center no-repeat;
    background-size: contain;
    width: 293px;
    height: 20px;
    margin: 15px 0 0 0;
}

#header .inner a.logoISK {
    display: block;
	background: url(../images/header/logo_isk.gif) center center no-repeat;
    background-size: contain;
    width: 293px;
    height: 20px;
    margin: 15px 0 0 0;
}
#header .inner a.logoDAI {
    display: block;
	background: url(../images/header/logo_dai.gif) center center no-repeat;
    background-size: contain;
    width: 293px;
    height: 20px;
    margin: 15px 0 0 0;
}

#header .inner a.logoIRS {
    display: block;
	background: url(../images/header/logo_IRS.gif) center center no-repeat;
    background-size: contain;
    width: 232px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoKII {
    display: block;
	background: url(../images/header/logo_kii.gif) center center no-repeat;
    background-size: contain;
    width: 232px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoKRD {
    display: block;
	background: url(../images/header/logo_krd.gif) center center no-repeat;
    background-size: contain;
    width: 232px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoIPA {
    display: block;
	background: url(../images/header/logo_ipa.gif) center center no-repeat;
    background-size: contain;
    width: 232px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoQOL {
    display: block;
	background: url(../images/header/logo_qol.gif) center center no-repeat;
    background-size: contain;
    width: 232px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoSEK {
    display: block;
	background: url(../images/header/logo_sek.gif) center center no-repeat;
    background-size: contain;
    width: 232px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoTYK {
    display: block;
	background: url(../images/header/logo_tyk.gif) center center no-repeat;
    background-size: contain;
    width: 232px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoYAC {
    display: block;
	background: url(../images/header/logo_yac.gif) center center no-repeat;
    background-size: contain;
    width: 232px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoMOB {
    display: block;
	background: url(../images/header/logo_mob.gif) center center no-repeat;
    background-size: contain;
    width: 232px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner a.logoELD {
    display: block;
	background: url(../images/header/logo_mob.gif) center center no-repeat;
    background-size: contain;
    width: 232px;
    height: 30px;
    margin: 10px 0 0 0;
}

#header .inner .header_navi {
    flex: 1;
}

#header .inner .header_navi ul {
	display: table;
	table-layout: fixed;
	text-align: center;
    width: 90px;
    margin: 5px 0 0 auto;
}

#header .inner .header_navi li {
	display: table-cell;
    margin-left: 10px;
}

#header .inner .header_navi a.icon01 {
    display: block;
	background: url(../images/header/header_icon01.gif) center center no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
}

#header .inner .header_navi a.icon02 {
    display: block;
	background: url(../images/header/header_icon02.gif) center center no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
}

/* ログイン画面 ----------*/

#login_wrap {
    width: 100%;
    padding: 40px 0 0 0;
	margin: 0 auto 0 auto;
}

#login_wrap p.title1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 70px;
    line-height: 1;
    color: #FFF;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

#login_wrap p.title2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
    line-height: 1;
    color: #FFF;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    margin-top: 5px;
}

#login_wrap .login_board {
    background: rgba(255,255,255,0.5);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
    padding: 50px;
    width: 500px;
	margin: 40px auto 0 auto;
}

#login_wrap .login_board .t1 {
	font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 15px;
	margin: 0 auto 10px auto;
}

#login_wrap .login_board .input_id {
    background: url(../images/common/icon_id.gif) #FFF 9px center no-repeat;
    border: none;
	width: 100%;
	font-size: 15px;
	color: #666;
	padding: 15px 10px 15px 40px;
    border-radius: 10px; 
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
    margin: 10px 0;
}

#login_wrap .login_board .input_pass {
    background: url(../images/common/icon_pass.gif) #FFF 9px center no-repeat;
    border: none;
	width: 100%;
	font-size: 15px;
	color: #666;
	padding: 15px 10px 15px 40px;
    border-radius: 10px; 
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
    margin: 10px 0;
}

#login_wrap .login_board .login_button {
    width: 401px;
    height: 48px;
    margin: 10px auto 0 auto;
}

#login_wrap .login_board .login_button a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#login_wrap .login_footer {
    padding: 30px 0;
    width: 100%;
    margin: 100px 0 0 0;
}

#login_wrap .login_footer .ctxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	text-align: center;
}

/* ログアウト画面 ----------*/

#logout_wrap {
    width: 100%;
    padding: 60px 0 0 0;
	margin: 0 auto 0 auto;
}

#logout_wrap .logout_board {
    background: rgba(255,255,255,0.5);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
    padding: 50px;
    width: 500px;
	margin: 60px auto 0 auto;
}

#logout_wrap .logout_board .t1 {
	font-size: 35px;
    color: #F00;
    text-align: center;
    margin-bottom: 15px;
	margin: 0 auto 5px auto;
}

#logout_wrap .logout_board .message {
	font-size: 14px;
    line-height: 23px;
    color: #333;
    padding: 30px 0;
}

#logout_wrap .logout_board .return a {
	display:block;
	background:#222;
    height: 48px;
	font-size: 14px;
    line-height: 48px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	margin: 0 auto;
    border-radius: 10px; 
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
}

#logout_wrap .logout_board .return a:hover {
	background:#555;
	text-decoration: none;
}

#logout_wrap .logout_footer {
    padding: 30px 0;
    width: 100%;
    margin: 100px 0 0 0;
}

#logout_wrap .logout_footer .ctxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	text-align: center;
}
/* 登録・変更履歴 ---------------------------------------------------------------------------------------------------- */

.id_history {
	width: 100%;
    margin-top: 10px;
}

.id_history .CollapsiblePanel {
    background-color:#EFEFEF;
    font-size: 14px;
	color: #333;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
}

.id_history .ollapsiblePanelTab,
.id_history .CollapsiblePanelClosed .CollapsiblePanelTab,
.id_history .CollapsiblePanelTabHover,
.id_history .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    border: solid 1px #CCC;
    background-color:#DFDFDF;
    padding: 5px;
}

.id_history .CollapsiblePanelOpen .CollapsiblePanelTab,
.id_history .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    border: solid 1px #CCC;
    background-color:#DFDFDF;
    padding: 5px;
}

.id_history .CollapsiblePanelContent {
}

.id_history .CollapsiblePanelTab a {
	color: #333;
	text-decoration: none;
}

.id_history .id_history_detail {
	clear:both;
	overflow:hidden;
    padding: 5px;
}

.id_history .id_history_detail table.id_history_tbl {
	width: 50%;
    table-layout: fixed;
}

.id_history .id_history_detail th.id_history_index  {
    border: solid 1px #BFBFBF;
    background-color:#666;
    font-size: 14px;
    line-height: 1.6;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    padding: 10px 5px;
}

.id_history .id_history_detail td.id_history_detail  {
    border: solid 1px #BFBFBF;
    background-color:#FFF;
    font-size: 14px;
    line-height: 1.6;
	color: #333;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    padding: 5px;
    vertical-align: top;
}