/*--------------------------------------------------------*/
/* Edit.css：各種情報登録・編集・確認・完了ページCSS      */
/*--------------------------------------------------------*/

/*--------------------------------------------------------*/
/* 登録・編集ページCSS                                    */
/*--------------------------------------------------------*/

/* エラーメッセージ表示エリア */
.errorMessage {
    margin: 4px 0 4px 0;
	border:solid 1px #000000;
	color:#FF3366;
	background-color:#FFCC99;
	font-weight:bold;
	text-align:center;
	padding:10px;
}

/* 入力メッセージ表示エリア */
.inputMessage {
	color:#FF0000;
	padding-bottom:10px;
}

/* 登録日・更新日表示エリア */
.updateInfo {
	color:#000033;
	text-align:left;
	padding:4px;	
}

/* 登録日・更新日表示エリア内のアイテム */
.updateInfoItem {
	width:100%;
	box-sizing: border-box;
    display:flex;
    justify-content:space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    align-items:flex-end;
}
.updateInfoItem ul {
    list-style:none;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

/* 必須項目エリア */
.hissu {
	float:left;
	color:#FF3333;
	position:absolute;
	left:4px;
}

/* 項目タイトルエリア */
.item {
	width:180px;
	/*height:32px;*/
	padding:8px 8px 8px 20px;
	color:#0055AA;
	text-align:left;
	background-color:#E0E0E0;
	border:1px solid #AAAAAA;
}

/* 入力項目エリア */
.input {
	width:600px;
	/*height:32px;*/
	padding:5px 5px 5px 15px;
	text-align:left;
	background-color:#EEEEEE;
	border:1px solid #AAAAAA;
}

/* 受講者タイトルエリア */
.itemLessonStudent{
    padding:8px 8px 8px 20px;
	color:#0055AA;
	text-align:left;
	background-color:#E0E0E0;
}
/* 受講者タイトルエリア(編集) */
.itemEditLessonStudent{
    padding:8px 8px 8px 20px;
	color:#FFFFFF;
	text-align:left;
}

/* 受講者入力項目エリア */
.inputLessonStudent {
	padding:5px 5px 5px 15px;
	text-align:left;
	background-color:#EEEEEE;
    border:1px solid #AAAAAA;
}

/* ================ スマートフォン用の設定 ================ */
@media screen and (max-width: 800px) {
    .inputTable tr {
        width:100%;
        /*display: table;*/
    }

    .inputTable h3 {
        padding:5px 5px 5px 20px;
    }

    .hissu {
        left: 0px !important;
        /*background-color: #E0E0E0;
        border: 1px solid #AAAAAA;
        position:initial !important;*/
    }

    /* 項目タイトルエリア */
    .item {
        width:100%;
        /*height:32px;*/
        padding: 0px 0px 0px 0px;
        color:#0055AA;
        text-align:left;
        background-color:#E0E0E0;
        border:1px solid #AAAAAA;
        display: block;
        position: relative;
    }

    /* 入力項目エリア */
    .input {
        width:100%;
        /*height:32px;*/
        padding: 0px 0px 0px 0px;
        text-align:left;
        background-color:#EEEEEE;
        border:1px solid #AAAAAA;
        display: block;
    }

    /* AdminUserInput*/
    .cusInput > input {
        max-width: 400px;
        width: 80% !important;
    }

    .tbInfoUserInput tr td.input > input {
        margin: 4px 0px 4px 20px;
    }

    .tbInfoUserInput input[type="image"], .inputTable input[type="submit"] {
        margin-left: 5px !important;
    }

    .custext {
        position: absolute;
    }

    .cusTextMemberName, .cusTextAddress {
        width: 25% !important;
    }

    .custextTel {
        width: 14% !important;
    }

    .inputTable tr td.input>div span:nth-child(2) {
        width: 90% !important;
    }
    .ddlFacility {
        width: 90vw !important;
    }
}

/* 入力項目エリア（承認・入金・取消） */
.checkArea {
	/*height:32px;*/
	padding:5px 5px 5px 15px;
	background-color:#FFFFFF;
	text-align:left;
}

/* 各種チェックボックス */
.checkState {
	padding-right:30px;
}

/* 備品タイトル（複数列用）*/
.multiColumnsEquipName
{
    padding: 5px 0 3px 0;
    color:#0066cc;
}

/* テキスト小サイズ */
.smaller {
    font-size: smaller;
}

/* 各種帳票ボタン配置エリア */
.reportArea {
	max-width:800px;
	text-align:center;
	border:solid 1px #BBBBBB;
	margin:auto;
	margin-top:10px;
	padding:15px 0 15px 0;
}

/*--------------------------------------------------------*/
/* 登録確認ページCSS                                      */
/*--------------------------------------------------------*/

/* 項目タイトルエリア */
.itemCheck {
	width:25%;
	padding:6px 6px 6px 10px;
	text-align:left;
	color:#CC3333;
	background-color:#E0E0E0;
	border:1px solid #AAAAAA;
}

.itemCheckColor2 td:first-child {
    color: #3366CC !important;
    background-color: #e8d8c1 !important;
}

/* 入力項目エリア */
.inputCheck {
	width:75%;
	padding:6px 6px 6px 15px;
	text-align:left;
	background-color:#EEEEEE;
	border:1px solid #AAAAAA;
}

/* 入力項目エリア（設備） */
.inputEquipCheck {
	/*height:26px;*/
	padding:6px 6px 6px 0px;
	text-align:left;
}

.inputBank {
	width: 100px;
    display: inline-block
}

/* ================ スマートフォン用の設定 ================ */
@media screen and (max-width: 800px) {

    /* 項目タイトルエリア */
    .itemCheck {
        width: 100%;
        padding: 6px 6px 6px 10px;
        text-align: left;
        color: #CC3333;
        background-color: #E0E0E0;
        border: 1px solid #AAAAAA;
        display: inline-table;
        height: 21.4px;
    }

    /* 入力項目エリア */
    .inputCheck {
        width: 100%;
        padding: 6px 6px 6px 15px;
        text-align: left;
        background-color: #EEEEEE;
        display: inline-table;
        height: 21.4px;
    }

    .inputTable tr td.input > input:first-child, .inputTable tr td.input > select:first-child:first-child, .inputTable tr td.input > textarea,
    .inputTable tr td.input > div:first-child, 
    .inputTable tr td.input > section, .inputTable .input > span:first-child, .inputTable tr td.input > small, .inputTable tr td.input > table tr td > input {
        margin: 4px 0px 4px 20px;
    }
    .inputTable tr td.input > textarea{
        width:90% !important;
        max-width:500px;
    }

    #ctl00_MasterContentPlaceHolder_txtPurpose 
    {
        width:90% !important;
        max-width:500px;
    }
    .inputTable tr td.input >span >label {
        margin-left: 4px;
    }
    .inputTable tr td.input > select {
        margin-right: 4px;
    }

    .inputTable tr td.input table {
        width: 99%;
    }

    /* AdminUserInput*/
    .tbAdminUser {
        display: table !important;
    }

        .tbAdminUser tr td:nth-child(1), .tbAdminUser tr td:nth-child(2), .tbAdminUser tr td:nth-child(4) {
            width: 28%;
        }

        .tbAdminUser tr td:nth-child(3) {
            width: 16%;
        }

    .inputTable .masterListView tr td>input{
        width: 90%;
    }

    .inputTable .userAddress {
        margin: 4px 0px 4px 20px;
        width: 80% !important;
    }

    .inputCheck .inputEquipCheck span{
        margin-left:20px !important;
    }

    /*.inputTable input[type="image"], .inputTable input[type="submit"] {
        margin-left: 5px;
    }*/

    .masterSection {
        padding: 30px 0px 50px 0px !important;
    }

    .masterListView {
        display: block;
        overflow-y: auto;
    }

    /*page 〜Input、〜Check*/
    .inputTable .itemCheck h3, .inputTable tr td.inputCheck > span:first-child, .inputTable tr td.inputCheck p {
        padding: 5px 5px 5px 10px;
    }
}

/* メール説明 */
.mailInfo 
{
	height:auto;
	text-align:center;
}

/* 料金タイトル配置エリア */
#chargeTitle {
	width:137px;
	height:24px;
	text-align:left;
	border:solid 1px #999999;
	background-color:#CC0000;
	color:#FFFFFF;
	padding-left:10px;
}

/* 料金配置エリア */
#charge {
	width:249px;
	text-align:right;
	border:solid 1px #999999;
	border-left-style:none;
	background-color:#FFFFFF;
	color:Red;
	padding-right:10px;
}

/* 料金計算方法エリア */
#chargeMethod 
{
	width:200px;
	text-align:center;
	border:solid 1px #999999;
	border-right-style:none;
	border-left-style:none;
	background-color:#FFFFFF;
	padding-left:10px;
}

/* チェック注意 */
.checkCaution
{
	height:auto;
	text-align:center;
	vertical-align:middle;
	color:Red;
	padding:10px;
}

/* チェック注意 フッター */
.checkCautionFooter
{
	text-align:center;
	vertical-align:middle;
	color:Red;
	padding-bottom:10px;
}

/* 料金算定方法選択 */
.chargeSelect
{
	color:#000000;
	text-align:left;
}


/* 料金エリアヘッダー全体 */
#chargeList
{
	color:#000099;
	background-color:#99CCFF;
	text-align:center;
	padding-left:10px;
}

/* 料金エリア項目全体 */
.chargeItems
{
	height:30px;
	color:#000000;
	background-color:#DDDDDD;
	text-align:center;
	padding-left:10px;
	border-style:none;
}

/* 料金エリアヘッダー(項目名) */
.chargeItem-header {
	width:280px;
	height:20px;
}
/* 料金エリアヘッダー(基本料金) */
.originalCharge-header {
	width:130px;
	height:20px;
}
/* 料金エリアヘッダー(減免率) */
.reductionRate-header {
	width:120px;
	height:20px;
}
/* 料金エリアヘッダー(減免後料金) */
.reductionCharge-header {
	width:130px;
	height:20px;
}
/* 支払期限エリアヘッダー */
.fixedDate-header {
	width:130px;
	height:20px;
}
/* 料金エリア(項目名) */
.chargeItem {
	width:280px;
	color:#CC3333;
	text-align:left;
}
/* 料金エリア(基本料金) */
.originalCharge {
	width:130px;
	text-align:right;
	font-size:110%;
}
/* 料金エリア(減免率) */
.reductionRate {
	width:120px;
	text-align:right;
	font-size:110%;
}
/* 料金エリア(減免後料金) */
.reductionCharge {
	width:130px;
	text-align:right;
	font-size:110%;
}
/* 料金エリア(合計利用料金) */
.TotalChargeArea {
	width:auto;
	height:22px;
	color:#FF0000;
	background-color:#EEEEEE;
	text-align:right;
	font-size:110%;
}
/* 料金ラベル(合計利用料金) */
.TotalCharge {
	height:22px;
	text-align:right;
	font-weight:bold;
	font-size:110%;
}
/* 料金エリア(切捨て) */
.TotalChargeTruncate {
	text-align:left;
	font-size:75%;
}
/* 料金エリア(支払期限) */
.fixedDate {
	background-color:#EEEEEE;
	text-align:center;
	font-size:100%;
}
/* 料金エリア(基本料金ラベル) */
.originalChargeLabel {
	margin-right:5px;
}

/* テキストを１段階サイズアップ */
.larger {
    font-size: large;
}

/* 確認メッセージ表示エリア */
.CheckTextArea 
{
	width:80%;
    height:auto;
	padding:5px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
    box-sizing: border-box;
}

/*--------------------------------------------------------*/
/* 予約登録確認ページCSS(UserUserCheck)                   */
/*--------------------------------------------------------*/
.frRule {
    height: 200px;
    overflow-y: scroll;
}
.buttonArea .checkRule  {
    display: block;
    margin: 20px 0px 20px 0px;
    text-align:left;
}
.buttonArea .checkRule input, .buttonArea .checkRule span {
    display: inline;
    height: 20px;
}
.buttonArea .checkRule span {
    position: absolute;
}
.buttonArea .btnRegist:disabled, .buttonArea .btnRegist[disabled] {
    background-color: #cccccc;
    cursor: not-allowed !important;
}
.buttonArea .frRule span {
    text-align: left;
}
.buttonArea .frRule {
    border: 1px solid;
}

/*--------------------------------------------------------*/
/* 予約一括登録確認ページCSS(AdminReserveBatchCheck)      */
/*--------------------------------------------------------*/

/* 基本情報テーブル */
.resultTable 
{
    width:100%;
    margin:20px 0 20px 0;
	max-width:800px;
	border-collapse:collapse;
}

/* 基本情報タイトル */
.resultTable th {
	color:#FFFFFF;
	border:1px solid #333333;
	background-color:#6699DD;
	text-align:center;
}

/* 基本情報アイテム */
.resultTable td
{
	border:1px solid #333333;
	background-color:#FFFFFF;
}

/*--------------------------------------------------------*/
/* 抽選申込登録ページCSS(AdminLotAppInput)                */
/*--------------------------------------------------------*/

/* 抽選申込対象・受付期間エリア */
.LotAppReceptionPeriod {
	margin:auto;
	margin-bottom:8px;
	padding:8px;
	background-color:#F0F0D0;
	text-align:left;
}

/*--------------------------------------------------------*/
/* 抽選申込登録確認ページCSS(AdminLotAppCheck)            */
/*--------------------------------------------------------*/

/* 一括登録可能利用日情報テーブル */
#lotAppStockList
{
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

/*--------------------------------------------------------*/
/* 登録完了ページCSS                                      */
/*--------------------------------------------------------*/

/* 結果表示タイトル */
.resultCaption {
	width:500px;
	text-align:left;
	color:#FFFFFF;
	background-color:#CC0000;
	font-weight:bold;
	padding:3px;
	padding-left:6px;
}

/* 確認メッセージ */
.confirmMessage {
	width:500px;
	color:#FF3333;
	text-align:center;
	padding:20px;
	margin-top:12px;
	margin-bottom:12px;
}

/*--------------------------------------------------------*/
/* お知らせ編集/よくある質問編集CSS                       */
/*--------------------------------------------------------*/

/* 編集ターゲットエリア */
.displayPageArea {
    text-align:left;
    padding:4px;
    background-color:#C8C8C4;
}
.displayPageArea Label {
    padding-right:10px;
}


/*--------------------------------------------------------*/
/* 施設管理CSS                                            */
/*--------------------------------------------------------*/

/* 全体 */
.AdminFacilityContent
{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	background-color:#FFFFFF;
	padding:0px;
	clear:both;
}

/* 施設ツリー */
.AdminFacilityTree
{
	float:left;
	width:230px;
	min-height:780px;
	display:inline-block;
}

/* 編集メイン */
.AdminFacilityMain
{
    padding-left:230px;
	width:auto;
	min-height:700px;
	text-align:left;
}

/* 編集メインテーブル */
.AdminFacilityMainTab
{
	width:100%;
	min-height:730px;
	height:100%;
	padding:15px 10px 15px 10px;
	text-align:left;
	background-color:#EEEEE6;
	border: 1px solid #333333;
	box-sizing:border-box;
	border-collapse:collapse;
}

/* 編集メインテーブル */
.AdminFacilityMainTable
{
	height:100%;
	width:100%;
	margin:0;
	padding:0px;
	border: 1px solid #333333;
	border-collapse:collapse;
}
.AdminFacilityMainTable td
{  
	border: 1px solid #333333;
	padding:4px;
	text-align:left;
}

/* 編集データテーブルタイトル */
.FacilityRegisterTableHeader
{
    width:100%;
    text-align:left;
    font-size:150%;
	margin-right:10px;
}

/* 編集データテーブル項目名 */
.adminFacilityTitle
{
	width:25%;
	font-weight:bold;
	color:White;
	background-color:#5580BB;
}

/* 編集データテーブル入力 */
.adminFacilityValue
{
    width:75%;
}

/*--------------------------------------------------------*/
/* マスター編集／特殊時間／抽選優先CSS                    */
/*--------------------------------------------------------*/

/* マスター画編集セクション */
.masterSection {
    border:1px solid #000000;
    padding:30px 20px 50px 20px;
}

/* マスター画面リストビュー */
.masterListView, .masterListView2 {
    text-align:center;
    border-collapse: collapse;
    background-color:#FFFFFF;
}

    .masterListView th {
        color:#FFFFFF;
        background-color:#5580BB;
    }

    .masterListView2 th {
        color:#FFFFFF;
        background-color:#dcc19b;
    }

    .masterListView td, th, .masterListView2 td, th {
        padding:2px;
        border:1px solid #000000;
    }

    .masterListView .itemLeftLesson, .masterListView2 .itemLeftLesson{
        text-align: left;
        padding: 2px;
        padding-left:7px;
    }
    
/* ListView内のCalendarスタイル調整 */
.masterListView td.listViewCalendar td {
    border:0px none;
}

/* その他セクション */
.commentSection {
    font-size:85%;
    text-align:left;
    padding:30px 10px 30px 10px;
}

.commentSection p {
     margin: 5px;
}

/*--------------------------------------------------------*/
/* 個人利用登録ページCSS                                  */
/*--------------------------------------------------------*/

/* 個人利用テキストボックス */
.indiviText {
    margin:0px 2px 0px 2px;
    text-align:right;
}

@media screen and (min-width: 801px) {
    .tbFacilityScroll {
        display: block;
        overflow-y: auto;
    }
}

.tbAdminUser .custext {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.memberName {
    width: 28%;
}

.tel {
    width: 16%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.cusCalendar {
    margin-left: 4px;
}

/*--------------------------------------------------------*/
/* 環境設定ページCSS                                  */
/*--------------------------------------------------------*/

.optionAPI {
    margin: auto;
}
.APIset {
        display: inline-block;
        width: 200px;
        vertical-align: top;
}

.APION {
}

.APIOFF {
    display:none;
}

.accordion-content {
    padding: 10px;
    display: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}