@charset "utf-8";
/* *********************************************
 * ヘッダー内
 * ********************************************* */

/* ロゴ */

#logo { }


/* *********************************************
 * スケジュール
 * ********************************************* */

/* 日付ナビ
------------------------------------------------ */

.date_nav {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: 330px;
}

.date_nav li {
	float: left;
	margin-right: 10px;
}

.date_nav .previous a,
.date_nav .next a {
	height: 0px;
	background-repeat: no-repeat;
	padding-top: 36px;
	overflow: hidden;
	display: block;
}

.date_nav .previous a {
	background-image: url(../images/previous.png);
	background-position: right center;
}

.date_nav .next a { background-image: url(../images/next.png); }

.date_nav .today {
	background-color: #ffdbbd;
	height: 16px;
	padding: 10px 20px;
	display: inline-block;
	line-height: 1em;
	text-align: center;
}

/* テーブル
------------------------------------------------ */

#schedule_day {
	min-width: 1000px;
}

.time_th th {
	min-width: 63px;
	padding: 0px;
}

.time_td th {
	
}

.time_td td {
	min-width: 15px;
	padding: 0px;
}

.date_th th {
	min-width: 63px;
	padding: 0px;
}

.number_th th {
	min-width: 3em;
	padding: 2px;
}

td{
    text-align: center;
}

#schedule_day .member { width: 148px; }



/* 追加
------------------------------------------------ */

form.form_half{
    width:50%;
}

p.login_id {
    padding: 0em 5em 0em 5em;
}

p.login_passwd{
    padding: 0em 5em 0em 5em;

}

p.right{
    padding: 0.5em 5em 0em 5em;
    text-align: right;
}
p.left{
    padding: 0.5em 5em 0em 5em;
    text-align: right;
}
p.total_amount{
    margin: 0em;
    padding: 0.25em 4.5em 0.25em 0em;
    margin-bottom: 0px;
}
div.two_button{
    margin: 0em;
    padding: 0.25em 0.5em 0em 0em;
    margin-top: 0px;
    margin-bottom: 0px;
}
.two_button{
    border: none;
    background: none;
    margin: 0em;
    padding: 0 0 0 0;
    margin-top: 0px;
    margin-bottom: 0px;
}
.three_button{
    border: none;
    background: none;
    margin: 0em;
    padding: 1.25px 0.25px 1.25px 0.25px;
    margin-top: 0px;
    margin-bottom: 0px;
}

input.left{
    margin: 0 100px 0 0;
}
input.right{
    margin: 0 0 0 100px;
}
input.allocation{
    margin: 0.1em;
}
div.box_member{
    width: 85%;
    padding: 1%;
    margin: 1% auto;
    background: #FFBBBB;
    border: 2px solid #FF8888;
    border-radius: 20px;
}
div.box_deposit{
    width: 85%;
    padding: 1%;
    margin: 1% auto;
    background: #CCFFCC;
    border: 2px solid #33FF33;
    border-radius: 20px;
}
div.box_allocation{
    width: 85%;
    padding: 1%;
    margin: 1% auto;
    background: #BBBBFF;
    border: 2px solid #8888FF;
    border-radius: 20px;
}
div.box_delivery{
    width: 85%;
    padding: 1%;
    margin: 1% auto;
    background: #FFBBFF;
    border: 2px solid #FF88FF;
    border-radius: 20px;
}
div.box_deposit_regist{
    width: 85%;
    padding: 1%;
    margin: 1% auto;
    background: #CCFFCC;
    border: 2px solid #33FF33;
    border-radius: 10px;
}
.member_search_filter{
    width: 100%;
    padding: 1%;
    margin: 1% auto;
    background: #FFDDDD;
    border: 2px solid #FF8888;
    border-radius: 10px;
}
.member_search_result{
    width: 100%;
    padding: 1%;
    margin: 1% auto;
    background: #FFDDDD;
    border: 2px solid #FF8888;
    border-radius: 10px;
}

.member_search_result table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.member_search_result table th, table td {
    border: 1px solid #ccc;
    padding: 5px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.member_search_result table td a {
    display: inline-block;
    word-break: break-word;
}
.receipt_search_filter{
    width: 100%;
    padding: 1%;
    margin: 1% auto;
    background: #CCFFCC;
    border: 2px solid #33FF33;
    border-radius: 10px;
}
.receipt_search_result{
    width: 100%;
    padding: 1%;
    margin: 1% auto;
    background: #CCFFCC;
    border: 2px solid #33FF33;
    border-radius: 10px;
}
.delivery_list_output{
    width: 100%;
    padding: 1%;
    margin: 1% auto;
    background: #FFBBFF;
    border: 2px solid #FF88FF;
    border-radius: 10px;
}
div.billing_list{
    height: 350px;
    padding: 0.25em;
    margin: 0.25em auto;
    background: #FFCCCC;
    border: 2px solid #FF3333;
    border-radius: 5px;

}
div.deposit_list{
    height: 350px;
    padding: 0.25em;
    margin: 0.25em auto;
    background: #CCCCFF;
    border: 2px solid #3333FF;
    border-radius: 5px;
}
div.allocation_list{
    padding: 0.25em;
    margin: 0.25em auto;
    background: #CCFFCC;
    border: 2px solid #33FF33;
    border-radius: 5px;
}

div.control_area{
    padding: 0.25em;
    margin: 0.25em auto;
    background: #EEEEEE;
    border: 2px solid #AAAAAA;
    border-radius: 5px;
}
div.control_area_2{
    padding: 0.25em;
    margin: 0.25em auto;
    background: #EEEEEE;
    border: 2px solid #AAAAAA;
    border-radius: 5px;
    height: 100px;
}
div.box_make_bill{
    align-self: center;
    padding: 0.25em;
    margin: 0.25em auto;
    background: #CCFFCC;
    border: 2px solid #33FF33;
    border-radius: 5px;
    height: 270px; 
    width: 85%
}

table.allocation_table{
    border: none;
    height: auto;
    
}
table.allocation_control{
    border: none;
    background: #EEEEEE;
    padding:0px;
    margin: 0px
}
table.allocation_detail{
    border: none;
    margin: 0px;
    padding: 0px;
}
td.allocation_table{
    border: none;
    margin: 0.25em auto;
    padding: 0em 0.2em;
    border-radius: 5px;
    vertical-align: top;
}
td.allocation_table_control{
    border: none;
    margin: 0.25em auto;
    padding: 0em 0.2em;
    border-radius: 5px;
    vertical-align: middle;
}
td.allocation_detail{
    width: 70%;
    border: 1px #dddddd solid;
    margin: 0em;
    padding: 0em 0em;
    text-align: left
}
td.allocation_control{
    width: 50%;
    background: #EEEEEE;
    border: none;
    margin: 0em;
    padding: 0em 0em;
    text-align: center;
}
th.ID, td.ID{
    width: 80px;
    padding: 0px;
    margin: 0px;
}
th.date, td.date{
    width: 98px;
    padding: 0px;
    margin: 0px;
}
th.term, td.term{
    width: 200px;
    padding: 0px;
    margin: 0px;
}
th.name, td.name{
    width: 120px;
    padding: 0px;
    margin: 0px;
}
th.email, td.email{
/*    width:275px;
*/
    padding: 0px;
    margin: 0px;
}
    
th.course, td.course{
    width: 120px;
    padding: 0px;
    margin: 0px;
}
th.amount{
    width: 70px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
td.amount{
    width: 70px;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
input.amount{
    width: 90px;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
th.checkbox, td.checkbox{
    width: 45px;
    padding: 0px;
    margin: 0px;
}
th.mailmag_name, td.mailmag_name{
    width: 120px;
    padding: 0px;
    margin: 0px;
}
th.file_name, td.file_name{
    width: 500px;
    padding: 0px;
    margin: 0px;
}
th.allocation_table{
    border: none;
    margin: 0.25em auto;
    padding: 0em 0.25em;
    border-radius: 5px;
}

p.allocation_list_title{
    text-align: left;
    margin: 0.1em;
}


dl.menu_box dt.main { font-weight: bold; }

dl.menu_box dt.sub { text-indent: 1em; }

dl.menu_box dd.menu_box {
    padding: 0em 0em 0em 4em;
}

dl.menu_box a {
	text-decoration: none;
	color: #333333;
	display: block;
	padding: 1em 0.5em 0.0em 1em;
}

dl.menu_box a:hover { color: #2dafff; }   

div.center{
    margin: 0.5em;
    padding: 0.5em;
    align-items : center;
}

div.sticky_wrap{
    overflow:scroll;
    height: 315px;
    overflow-x:hidden;
}
div.sticky_wrap_allocation{
    overflow:scroll;
    height: 350px;
    overflow-x:hidden;
}
div.sticky_wrap_allocation_edit{
    overflow:scroll;
    height: 171px;
    overflow-x:hidden;
}
div.sticky_wrap_allocation_confirm{
    overflow:scroll;
    height: 400px;
    overflow-x:hidden;
}
.sticky th{
    
    position: sticky;
    top: 0;
    word-break: break-all;
}
.sticky td{
    word-break: break-all;
}
p.narrow{
    
}