/* --- 変更履歴: 1.0.0<13/08/05>[UI0075]新規作成 （スマホ対応）
                1.0.1<16/03/07>[UI0059]手続き一覧画面に申請団体選択画面リンク表示対応
                1.0.2<21/01/16>[UI0027] UI刷新対応（既存ファイルの移動）
                                                                                                                ・UI刷新対応（旧CSSをoldCssフォルダに移動） 
                                                                                                                ・全項目に「.oldDesign」を追加。 ※ 修正量が多いため、修正コメントを省略
--- */

/* --- ナビゲーション --- */
.oldDesign .nav {
/*	width: 750px; /* ナビゲーション全体の幅 */
/*	background-image: url(../image/span_back.jpg);	*/
}
.oldDesign .nav .non{
	height: 40px;
}
.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: 25%;
}
.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;
}
/* --- ナビゲーションのリンク --- */
.oldDesign .nav .nl li a {
	display: block;
	position: relative;
	margin:8px;
	padding: 8px;
	margin: 0px;
	text-align: center;
	text-decoration: underline;
	font-size: 100%;
	background-image: url(../image/menu_back.jpg);
	background-repeat: repeat-x;
/*  Update Start 2021/01/16 [UI0027] UI刷新対応 */
/*  border-bottom: 1px solid #CCCCCC; */
   border-bottom: 1px solid #E2F0FA;
/*  Update End   2021/01/16 [UI0027] UI刷新対応 */
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
/*  Update Start 2021/01/16 [UI0027] UI刷新対応 */
/*  border-right-color: #CCCCCC; */
	border-right-color: #E2F0FA;
/*  Update End   2021/01/16 [UI0027] UI刷新対応 */
	border-left-color: #E4E4E4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	height: 36px
}
.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;
/*  Update Start 2021/01/16 [UI0027] UI刷新対応 */
/*  border-bottom: 1px solid #CCCCCC; */
   border-bottom: 1px solid #E2F0FA;
/*  Update End   2021/01/16 [UI0027] UI刷新対応 */
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
/*  Update Start 2021/01/16 [UI0027] UI刷新対応 */
/*  border-right-color: #CCCCCC; */
	border-right-color: #E2F0FA;
/*  Update End   2021/01/16 [UI0027] UI刷新対応 */
	border-left-color: #E4E4E4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	height: 36px
}
/* --- ナビゲーションのリンクテキストの色 --- */
.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{
	display:none;
	margin-bottom: 10px;
}
/* --- ヘルプ --- */
.oldDesign .nav_h {
	clear: both;
	text-align: right;
	font-size: 100%;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
/* Add Start 2016/03/07[UI0059] 手続き一覧画面に申請団体選択画面リンク表示対応 */
.oldDesign .nav_h a, .oldDesign .nav_h span{
	white-space: nowrap;
}
/* Add End   2016/03/07[UI0059] 手続き一覧画面に申請団体選択画面リンク表示対応 */
/* 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;
    padding-left: 28px;
}
.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{
	display:none;
	margin-bottom: 10px;
}
/* Add End 2019/04/22[UI0157] 汎用予約機能追加対応 */