/* --- 変更履歴: 1.0.0<21/01/16>[UI0027] UI刷新対応（既存ファイルの移動および整理）
                                                                                                                ・旧CSSをoldCssフォルダに移動 
                                                                                                                ・全項目に「.oldDesign」を追加。 ※ 修正量が多いため、修正コメントを省略
--- */

/* --- ナビゲーション --- */
.oldDesign .nav {
	width: 750px; /* ナビゲーション全体の幅 */
	background-image: url(../image/span_back.jpg);
}
.oldDesign .nav .non{
	height: 35px;
}
.oldDesign .nav .nl {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
/* --- メニュー項目 --- */
.oldDesign .nav .nl li {
	float: left;
}
/*--- ナビゲーション空白 ---*/
.oldDesign .nav_sp {
	display:none;
}
/* --- メニュー1項目の幅 --- */
.oldDesign .nav .nl li.item1, .oldDesign .nav .nl li.item2 {
	width: 20%;
}
.oldDesign .nav .nl li.item3 { /* --- 空白部分のスタイル --- */
	display: block;
	width: 187px;
	position: relative;
	text-align: center;
	background-image: url(../image/menu_back.jpg);
	background-repeat: repeat-x;
}
.oldDesign .nav .nl li.item4 {
	width: 189px;
}
/* Add Start 2019/07/23 [UZ0006] 利用者名、前回ログイン日時表示対応 */
.oldDesign .nav .nl li.item5 {
    display: block;
    width: calc(750px - 2px - .3rem);
    text-align: left;
    font-size: .9rem;
    padding: .2rem 0 calc(.2rem - 1px) .3rem;
    margin-bottom: .2rem;
    background-image: url(../image/menu_back.jpg);
    background-repeat: repeat-x;
    background-color: #CCCCCC;
    border-left-color: #E4E4E4;
    border-top: none;
}
.oldDesign .item5-text {
    display: inline-block;
}
/* Add End   2019/07/23 [UZ0006] 利用者名、前回ログイン日時表示対応 */
/* --- ナビゲーションのリンク --- */
.oldDesign .nav .nl li a {
	display: block;
	position: relative;
	margin:8px;
	padding: 8px;
	margin: 0px;
	text-align: center;
	text-decoration: underline;
	font-size: 90%;
	background-image: url(../image/menu_back.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
    border-right-color: #CCCCCC;
	border-left-color: #E4E4E4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
}
.oldDesign .nav .nl li span {
	display: block;
	position: relative;
	margin:8px;
	padding: 8px;
	margin: 0px;
	text-align: center;
	font-size: 90%;
	background-image: url(../image/menu_back.jpg);
	background-repeat: repeat-x;
    border-bottom: 1px solid #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #E4E4E4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
}
/* --- ナビゲーションのリンクテキストの色 --- */
.oldDesign .nav .nl li a:link,
.oldDesign .nav .nl li a:visited,
.oldDesign .nav .nl li a:hover,
.oldDesign .nav .nl li a:active
{
	color: #0066CC;
	margin: 0px;
}
/* --- ポイント時の設定 --- */
.oldDesign .nav .nl li a:hover {
	text-decoration: underline;
	background-image: url(../image/menu_back_o.jpg);
}
/* --- clearfix --- */
.oldDesign .clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
.oldDesign .clearFix {
	min-height: 1px;
}


/* --- ヘッダー --- */
.oldDesign .head{
	height: 85px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0066CC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #BFD9F2;
}


/* --- フッター --- */
.oldDesign .foot{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0066CC;
	padding-top: 10px;
	margin-top: 10px;
	font-size: x-small;
	clear: both;
	text-align: center;
	font-family: monospace;
}

/* --- UZ0001追加 --- */
/* チャート */
.oldDesign .off_chart{
	margin-bottom: 10px;
}
/* --- ヘルプ --- */
.oldDesign .nav_h {
	clear: both;
	text-align: right;
	font-size: 100%;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Add 2018/12/13 [UI0007] ウェブアクセシビリティ対応 */
.oldDesign .head_accessibility {
	background-color: #ffffff;
	padding: 10px 0 10px 0;
	display: table;
	width: 100%;
}
.oldDesign .head_accessibility_item1 {
	min-height: 26px;
    vertical-align: top;
    float: left;
    text-align: left;
	padding: 0 10px 10px 0;
}
.oldDesign .head_accessibility_item2 {
	min-height: 26px;
    vertical-align: top;
    float: right;
    text-align: right;
	padding: 0 0 0 10px;
}
/* Add Start 2019/04/18 [UI0069] 汎用予約機能追加対応 */
.oldDesign .nav_h2 {
    clear: both;
    display: table;
    width:95%;
    margin-top:5px;
}
/* 別システム（予約手続き、電子申請）へ */
.oldDesign .nav_left {
    display: table-cell;
    text-align: left;
    word-break: keep-all;
}
.oldDesign .a_switch_elec {
    background-image: url(../image/to_elec_icon.png);
}
.oldDesign .a_switch_reserve {
    background-image: url(../image/to_reserve_icon.png);
}
.oldDesign .a_switch_elec, .oldDesign .a_switch_reserve {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    padding: 0px;
    margin: 0px;
    font-weight:bold;
}
.oldDesign .nav_right {
    display: table-cell;
    text-align: right;
    word-break: keep-all;
}
/* Add End   2019/04/18 [UI0069] 汎用予約機能追加対応 */
/* Add Start 2019/04/22[UI0157] 汎用予約機能追加対応 */
/* チャート */
.oldDesign .reserve_chart{
	margin-bottom: 10px;
}
/* Add End 2019/04/22[UI0157] 汎用予約機能追加対応 */