/* --- 変更履歴: 1.0.0<13/08/05>[UI0075]新規作成 （スマホ対応）--- */
/*               1.0.1<13/09/17>[UI0113]追加修正 （スマホ対応）
                 1.0.2<21/01/16>[UI0027] UI刷新対応（既存ファイルの移動）
                                                                                                                ・旧CSSをoldCssフォルダに移動 
                                                                                                                ・全項目に「.oldDesign」を追加。 ※ 修正量が多いため、修正コメントを省略
--- */

/*==================== 共通分 ====================*/
/* --- ボディー全体にかかるスタイル --- */
/*  Update Start 2021/01/16 [UI0027] UI刷新対応 */
/* body { */
div.oldDesignBody {
/*  Update End   2021/01/16 [UI0027] UI刷新対応 */
	font-size: 100%;
	color: #000000;
/*	width: 320px;	/* 削除予定(スマホ対応) */
	margin: 0px;
	text-align:center;
	background-repeat: repeat-y;
	background-color: #FFF;
	background-position: center top;
}
.oldDesign h1
, .oldDesign h2
, .oldDesign h3
, .oldDesign h4
, .oldDesign h5
, .oldDesign h6
, .oldDesign address
, .oldDesign div
, .oldDesign blockquote
, .oldDesign p
, .oldDesign pre
, .oldDesign ul
, .oldDesign ol
, .oldDesign li
, .oldDesign dl
, .oldDesign dt
, .oldDesign dd
, .oldDesign hr {
	margin: 0;
	padding: 0;
	border: 0;
}


/* --- テキストリンク --- */
.oldDesign a:link {
	color: #0033CC;
	font-size: large;
}
.oldDesign a:visited {
	color: #0033CC;
}
.oldDesign a:active {
	color: #B20000;/* Update 2018/11/30[UI0007] ウェブアクセシビリティ対応(コントラスト比対応[FF0000]→[B20000]) */
}
.oldDesign a:hover {
	color: #B20000;/* Update 2018/11/30[UI0007] ウェブアクセシビリティ対応(コントラスト比対応[FF0000]→[B20000]) */
}


/* --- テーブルデザイン --- */
.oldDesign table {
	border-collapse : collapse;
	border: 1px solid #999999;
	width: 100%;
}
/* --- テーブル見出し --- */
.oldDesign th {
	width: 180px;
	padding : 5px;
/*  Update Start 2021/01/16 [UI0027] UI刷新対応 */
/*  background-color: #CCCCCC;*/
    background-color: #E2F0FA;
/*  Update End   2021/01/16 [UI0027] UI刷新対応 */
	font-size: small;
	border: 1px solid #999999;
	text-align: left;
}
.oldDesign td {
	padding : 5px;
	font-size: small;
	border: 1px solid #999999;
}

/* --- 見出しデザイン --- */

/* Add Start   2018/12/10UZ0029 ウェブアクセシビリティ対応 */
.oldDesign .h1_hide{
	/*display:none;*/
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}
/* Add End   2018/12/10UZ0029 ウェブアクセシビリティ対応 */

/*Update Start 2018/11/27UZ0029 ウェブアクセシビリティ対応
h1 {*/
.oldDesign h2 , .oldDesign .h2_style {
/*Update End 2018/11/27UZ0029 ウェブアクセシビリティ対応*/

	
	font-size: 120%;
	background-color: #0066CC;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* Add Start   2018/12/21UZ0029 ウェブアクセシビリティ対応 */
.oldDesign .h2_hide{
	/*display:none;*/
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}
/* Add End   2018/12/21UZ0029 ウェブアクセシビリティ対応 */

/*Update Start 2018/11/27UZ0029 ウェブアクセシビリティ対応
h2 {*/
.oldDesign h3 , .oldDesign .h3_style {
/*Update End 2018/11/27UZ0029 ウェブアクセシビリティ対応*/

	font-size: 80%;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0066FF;
	background-image: url(../image/blue/h2_back.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

/* Add Start 2018/11/27UZ0029 ウェブアクセシビリティ対応 */

.oldDesign .little_mes{
	font-size : small ;
	font-weight : bold ;
	margin : 0 0 0 16px ;
	border: 0;
}

.oldDesign .h3_style{
	margin-left : 0 ;
}

/* Add End   2018/11/27UZ0029 ウェブアクセシビリティ対応 */

/*Update Start 2018/11/27UZ0029 ウェブアクセシビリティ対応
h3 {*/
.oldDesign h4 {
/*Update End 2018/11/27UZ0029 ウェブアクセシビリティ対応*/

	margin: 0 0 0 8;
	padding: 0 0 0 8;
	border: 0;
	font-size: small;
}

/* Add Start   2018/12/10UZ0029 ウェブアクセシビリティ対応 */
.oldDesign .h4_hide{
	/*display:none;*/
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}
/* Add End   2018/12/10UZ0029 ウェブアクセシビリティ対応 */

/* --- H2よりも小さいテキスト --- */
.oldDesign .h2_name{
	font-size: 90%;
	margin-left: 20px;
}

/* Add Start   2019/02/01UZ0029 ウェブアクセシビリティ対応 */

.oldDesign .h4_hosoji{
	margin-left:40px;
	padding-right: 30px;
	font-weight: normal;
	text-align:left;
}

.oldDesign .ul_mes{
	text-align: left;
	margin-left: 50px;
}

.oldDesign .tablelayout {
	display: table;
	width: 100%;
	font-size: 0.8rem;
}

.oldDesign .tablelayout h5.table_cell {
	display: table-cell;
	background-color: #999999;
	border: 1px solid #CCCCCC;
	text-align: left;
	border-collapse: collapse;
	padding: 5px;
}

.oldDesign .tablelayout li.table_cell {
	display: table-cell;
	border: 1px solid #CCCCCC;
	border-top:0;
	width: 25%;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.oldDesign .scr_mes_box{
	height:145px;
	max-height:145px;
	overflow-y:auto;
	border: 1px solid #000000;
	padding: 5px;
}

.oldDesign .municipality_initial_list ul.tablelayout,
.oldDesign .municipality_initial_list div {
  display: table;
  width: 100%;
}

.oldDesign .municipality_initial_list div fieldset,
.oldDesign .municipality_initial_list div legend.listkey {
  display: contents;
}

.oldDesign .municipality_initial_list li.listKey,
.oldDesign .municipality_initial_list div legend.listkey {
  display: table-cell;
  border: 1px solid #999999;
  width: 20%;
  background-color: #EFEFEF;
  padding: 5px;
  border-bottom: 0px;
  text-align: left;
  font-weight: bold;
  vertical-align: middle;
}

.oldDesign .municipality_initial_list li.listValue,
.oldDesign .municipality_initial_list div div.listValue {
  display: table-cell;
  border: 1px solid #999999;
  width: 80%;
  padding: 5px;
  border-bottom: 0px;
}
/* Add End   2019/02/01UZ0029 ウェブアクセシビリティ対応 */

/* --- 注意文章（赤文字） --- */
.oldDesign .note{
	color: #B20000;/* Update 2018/11/30[UI0007] ウェブアクセシビリティ対応(コントラスト比対応[FF0000]→[B20000]) */
}
.oldDesign .note_box{
	border: 1px solid #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.oldDesign .note_box1{
	border: 1px solid #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

/*Delete Start 2019/01/31UZ0029 ウェブアクセシビリティ対応
↓インライ要素にPaddingなどの余白設定をするとレイアウトが崩れる為に削除。
.note_box span{
	padding: 15px;
	margin: 15px;
}*/
/*Delete End 2019/01/31UZ0029 ウェブアクセシビリティ対応*/

.oldDesign .note_box span.confirm{
	color: #0164CC;
	text-align: center;
}

.oldDesign .note_box span.errorMessage{
	color: #B20000;/* Update 2018/11/30[UI0007] ウェブアクセシビリティ対応(コントラスト比対応[FF0000]→[B20000]) */
}

.oldDesign .note_box ul.errorMessage{
	color: #B20000;/* Update 2018/11/30[UI0007] ウェブアクセシビリティ対応(コントラスト比対応[FF0000]→[B20000]) */
}

/* --- 2カラム --- */
.oldDesign #table_l {
	float : left;
	width : 150px;
}
.oldDesign #table_r {
	float : left;
/*	width : 580px;	*/
	margin-left: 0px;
}

/* --- 下の検索フォームと同じカラーで設定する。 --- */
.oldDesign .a_table{
	margin-top: 10px;
}

.oldDesign .a_table table{
	border: 1px solid #EFEFEF;
}

.oldDesign .a_table td{
	padding : 1px;
	font-size: small;
	border: 1px solid #EFEFEF;
}

/* --- 検索フォーム --- */
.oldDesign .form_box{
	background-color: #EFEFEF;

}
.oldDesign .form_box .group{
	text-align: center;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	padding-bottom: 5px;
	padding-top: 5px;
}

.oldDesign .form_box .group_l{
	float: left;
	text-align: right;
	margin-top: 4px;
}
.oldDesign .form_box .group_r{
	float: left;
	text-align: left;
}

.oldDesign .form_box .group_line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	width: 100%;
	clear: left;
	margin-bottom: 10px;
}
.oldDesign .form_box .group_space{
	width: 100%;
	clear: left;
}

.oldDesign .form_box .line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E9E9E9;
	width: 100%;
}



/* --- 検索フォーム2カラム --- */
.oldDesign .form_l {
	float : left;
}
.oldDesign .form_r {
	float : left;
	padding-left : 23px;
}

/* 追記パンくず */
.oldDesign .bread_crumb_area{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
	margin-bottom: 10px;
}
.oldDesign .bread_crumb_area ul{
	margin-top:5px;
	margin-bottom: 5px;
	line-height:1.4;
}
.oldDesign .bread_crumb_area ul li{
	display:inline;
}
.oldDesign .bread_crumb_area span.separator{
	margin-left:5px;
	margin-right:5px;
}

/* --- 検索結果上部コントローラ --- */
.oldDesign .serch_t {
	font-size: 80%;
}
.oldDesign .serch_t .con {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* --- 項目 --- */
.oldDesign .serch_t .con li {
	float: left;
}
/* --- 1項目の幅 --- */
.oldDesign .serch_t .con li.serch_t_l {
}

.oldDesign .serch_t .con li.serch_t_c {
	text-align: center;
}

.oldDesign .serch_t .con li.serch_t_r {
	text-align: right;
}

/* --- clearfix --- */
.oldDesign .clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
.oldDesign .clearFix {
	min-height: 1px;
}

/* --- 上段項目テーブル --- */
.oldDesign .t_table{
	margin-top: 10px;
}

.oldDesign .t_table table{
	width: ;
	border: 1px solid #CCCCCC;
}

.oldDesign .t_table th{
	width: ;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	text-align:center; /* 10/27 センタリング追加 */
}

.oldDesign .t_table th.w10{
	width: 10%;
}

.oldDesign .t_table th.w11{
	width: 11%;
}

.oldDesign .t_table th.w12{
	width: 12%;
}

.oldDesign .t_table th.w15{
	width: 15%;
}

.oldDesign .t_table th.w20{
	width: 20%;
}

.oldDesign .t_table th.w25{
	width: 25%;
}

.oldDesign .t_table td{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.oldDesign .t_table td.notice{
	background-color: #E1E1E1;
}

/* --- 左側項目テーブル --- */
.oldDesign .l_table{
	margin-top: 10px;
}

.oldDesign .l_table table{
	border: 1px solid #CCCCCC;
}

.oldDesign .l_table th{
	width: 25%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
/* Add Start 2015/10/28 申込入力エラー表示改善対応 */
.oldDesign .l_table th.field_error {
	background-color: #FFFF00;
}
/* Add End   2015/10/28 申込入力エラー表示改善対応 */

.oldDesign .l_table td{
	width: 75%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
/* 2015/03/11追加 特殊様式 */
.oldDesign .l_table .design_table table {
	border: none;
}
.oldDesign .l_table .design_table td {
	border: none;
}

.oldDesign .l_table th .note_text{
	color: #B20000;/* Update 2018/11/30[UI0007] ウェブアクセシビリティ対応(コントラスト比対応[FF0000]→[B20000]) */
}

/* --- 入れ子テーブル --- */
.oldDesign .ireko{
}

.oldDesign .ireko table{
	border: 1px solid #cccccc;
}

.oldDesign .ireko td{
	width: 75%;
	border: 1px solid #cccccc;
}

.oldDesign .ireko th{
	width: 25%;
	border: 1px solid #cccccc;
	background-color: #E9E9E9;
}

/* --- 体裁を整えるためのテーブル --- */
.oldDesign .ireko_2{
}

.oldDesign .ireko_2 table{
	border: none;
}

.oldDesign .ireko_2 td{
	border: none;
}

.oldDesign .ireko_2 th{
	border: none;
}

.oldDesign .ireko_2 table .box{
	WIDTH: 100%
}

.oldDesign .ireko_2 td .box_l{
	VERTICAL-ALIGN: top; WIDTH: 230px;
}

.oldDesign .ireko_2 td .box_r{
	VERTICAL-ALIGN: top; WIDTH: 230px; TEXT-ALIGN: left
}

.oldDesign .ireko_2 td .box_tc{
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: center
}


/* --- ボタンエリア --- */
.oldDesign .btn_box{
	background-color: #E9E9E9;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	margin-top: 20px;
}

.oldDesign .btn_box .box_l{
	background-color: #E9E9E9;
	width: 50%;
	float: left;
	text-align: right;
}

.oldDesign .btn_box .box_r{
	background-color: #E9E9E9;
	width: 50%;
	float: right;
	text-align: left;
}

.oldDesign .top_btn_box{
	background-color: #E9E9E9;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: center;
	margin-bottom: 10px;
}


/* --- センタリング --- */
.oldDesign .main {
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	word-break: break-all;
}

/* --- リストの記号無し --- */
.oldDesign li {
	list-style-type: none;
}

/* --- 入力モードIME-mode --- */
.oldDesign .active{
	ime-mode:active;
}

.oldDesign .disabled{
	ime-mode:disabled;
}

.oldDesign .inactive{
	ime-mode:inactive;
}

.oldDesign .noborder_c {
    border: 0px;
    margin: 0px;
	padding: 0px;
}

.oldDesign .noborder {
    border: 0px;
    margin: 0px;
	padding: 0px;
}

/* --- 2013年8月9日スマホ対応用に追加 --- */
/* --- (追加分に関してはPCからのアクセスの際には適用されない) --- */
/* --- (上記の既存CSSはスマホ用に値を変更してある) --- */

.oldDesign .smp_logo_img{
	width: 100%;
	height: 100%;
}

.oldDesign .smp_td{
	white-space: nowrap;
}

.oldDesign .smp_th{
	white-space: nowrap;
}

.oldDesign .text_box{
	width: 80%;
}

.oldDesign .textbox_agreement{
	width: 98%;
	height: 200px;
}

.oldDesign .textbox_login{
	width: 95%;
	ime-mode:disabled;
}

.oldDesign .textbox_password{
	width: 95%;
	ime-mode:disabled;
}

.oldDesign .textbox_withdrawal{
	width: 95%;
	ime-mode:active;
}

.oldDesign .textbox_mail{
	width: 95%;
	ime-mode:disabled;
}

.oldDesign .textbox_corporateName{
	width: 95%;
	ime-mode:disabled;
}

.oldDesign .textbox_userAddress{
	width: 95%;
	ime-mode:active;
}

.oldDesign .combobox_category{
	width: 100%;
}

/* 2017/03/10追加 GG0010対応（利用者IDの参加団体選択機能） */
.oldDesign .municipality_initial_list{
    border-bottom: 1px solid #999999;
}

.oldDesign .municipality_initial_list table{
    border-collapse: collapse;
    border-style: solod;
    border-width: 0px;
}

.oldDesign .municipality_initial_list th{
    background-color: #EFEFEF;
    border-style: solod;
    border-bottom: 0px;
    width: 20%;
}

.oldDesign .municipality_initial_list td{
    border-style: solod;
    border-bottom: 0px;
    width: 80%;
}

.oldDesign .municipality_initial_list label{
    display: block;
    float: left;
    width: 150px;
}

/* Add 2018/11/16 [UI0007] ウェブアクセシビリティ対応 */
.oldDesign .visuallyhidden {
    width: 0px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
}
.oldDesign fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
.oldDesign .inputDefectMsg {
	color: #FFFFFF;
	background-color: #B20000;
}
.oldDesign .hide {
	/*display: none;*/
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}
.oldDesign .blue_highlight {
	color: #0164CC;
}
.oldDesign .blue_verifysignature {
	color: #0000ff;
}
.oldDesign .blue_signature {
	color: #0066CC;
}
/* Add Start 2019/04/16[UI0157] 汎用予約機能追加対応 */
/* --- 予約申込に関する事項 ----*/
.oldDesign .reserveCautionContents {
    border: solid 1px #999999;
    padding: 5px;
    margin-bottom: 10px;
}
.oldDesign .reserveCautionContents div {
    background-color: #EFEFEF;
    padding: 10px;
}
.oldDesign .reserveCautionContents p {
    margin-top: 20px;
}
.oldDesign .reserveCautionContents {
    border-top: solid 1px #999999;
    padding-top: 10px;
}
/* --- 予約受付カレンダー --- */
/* 施設選択日付色 */
.oldDesign .facility th.saturday {
    color: #0000FF;
}
.oldDesign .facility th.holyday {
    color: #B20000;
}
.oldDesign .facility_note {
    color: #B20000;
}

/* セル背景色 */
.oldDesign .t_calender td.enable,
.oldDesign .facilitySelect_calender td.enable {
    background-color: white;
}
.oldDesign .t_calender td.disable,
.oldDesign .facilitySelect_calender td.disable {
    background-color: white;
}
.oldDesign .t_calender td.none,
.oldDesign .facilitySelect_calender td.none {
    background-color: #d0d0d0;
}
.oldDesign .t_calender td.selected,
.oldDesign .facilitySelect_calender td.selected {
    background-color: #ff9933;
    color: rgba(0, 0, 0, 0);
}

/* マウスオーバー */
.oldDesign .t_calender td.enable:hover,
.oldDesign .facilitySelect_calender td.enable:hover {
    background-color: #ffe099;
    cursor: pointer;
}
.oldDesign .t_calender td.selected:hover,
.oldDesign .facilitySelect_calender td.selected:hover {
    background-color: #ff9933;
    cursor: pointer;
}
/* Delete 2019/08/06 [UI0007] 汎用予約機能追加対応(GC0004指摘対応)
.t_calender td input {
    display: none;
}
*/
.oldDesign td.facilitySelect_info {
    background-color: #CCCCCC;
    border: 1px solid #999999;
}
/* Add Start 2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
.oldDesign .calendar_mark_size {
    width: 14px;
    height:14px;
}
/* Add End   2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
/* Add End 2019/04/16[UI0157] 汎用予約機能追加対応 */