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


/* common.css */

/* --- ナビゲーション --- */
.oldDesign .nav {
	width: 650px; /* ナビゲーション全体の幅 */
	background-image: url(../image/span_back.jpg);
}
.oldDesign .nav .non{
	height: 70px;
}
.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 {
	width: 162px;
}
.oldDesign .nav .nl li.item2 {
	width: 162px;
}
.oldDesign .nav .nl li.item3 { /* --- 空白部分のスタイル --- */
	display: block;
	width: 162px;
	position: relative;
	text-align: center;
	background-image: url(../image/menu_back.jpg);
	background-repeat: repeat-x;
}
.oldDesign .nav .nl li.item4 {
	width: 162px;
}
/* --- ナビゲーションのリンク --- */
.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;
/*  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;
	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;
	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 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: 75px;
	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 .head img{
	height: 74px;
	width: 650px;
}


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


/*--- main.css ---*/
/*==================== 共通分 ====================*/
/* --- ボディー全体にかかるスタイル --- */
/*  Update Start 2021/01/16 [UI0027] UI刷新対応 */
/* body { */
div.oldDesignBody {
/*  Update End   2021/01/16 [UI0027] UI刷新対応 */
	font-size: 100%;
	color: #000000;
	width: 100%;
	margin: 0px;
	text-align:center;
	background-image: url(../image/main_backAA.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	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;
}
.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 {
	font-size: 12px;
	border-collapse : collapse;
	border: 1px solid #999999;
	width: 99%;
}
/* --- テーブル見出し --- */
.oldDesign th {
	font-size: 12px;
	width: 180px;
	padding : 5px;
/*  Update Start 2021/01/16 [UI0027] UI刷新対応 */
/*  background-color: #CCCCCC;*/
    background-color: #E2F0FA;
/*  Update End   2021/01/16 [UI0027] UI刷新対応 */
	border: 1px solid #999999;
	text-align: left;
}
.oldDesign td {
	font-size: 12px;
	padding : 5px;
	border: 1px solid #999999;
}


/* --- 見出しデザイン --- */
/*Update Start 2018/11/27UZ0029 ウェブアクセシビリティ対応
h1 {*/
.oldDesign h2 , .oldDesign .h2_style {
/*Update End 2018/11/27UZ0029 ウェブアクセシビリティ対応*/

	width: 640px; /* 11/4修正 */
	font-size: 120%;
	background-color: #0066CC;
	color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 5px; /* 11/4修正 */
	padding-bottom: 5px; /* 11/4修正 */
	padding-left: 10px; /* 11/4修正 */
}

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

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

/*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;
}

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


/* --- 注意文章（赤文字） --- */
.oldDesign .note{
	color: #B20000;/* Update 2018/11/30[UI0007] ウェブアクセシビリティ対応(コントラスト比対応[FF0000]→[B20000]) */
}
.oldDesign .note_box{
	width: 640px;
	border: 1px solid #000000;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
.oldDesign .note_box span{
	color: #0164CC;
	padding: 15px;
	margin: 15px;
}
.oldDesign .note_box span.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: 20px;
}


/* --- 検索フォーム --- */
.oldDesign .form_box{
	background-color: #EFEFEF;
	padding: 10px;
}
.oldDesign .form_box .group{
	text-align: center;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	padding-bottom: 5px;
	padding-top: 5px;
}

/*--- 10/30追加 ---*/
.oldDesign .form_box .group_l{
	width: 30%;
	float: left;
	text-align: right;
	margin-top: 4px;
}
.oldDesign .form_box .group_r{
	width: 70%;
	float: left;
	text-align: left;
}
.oldDesign .form_box .group_line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	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: #CCCCCC;
	width: 100%;
}
/* --- 検索フォーム2カラム --- */
.oldDesign .form_l {
	float : left;
	width : 300px;
}
.oldDesign .form_r {
	float : left;
	width : 300px;
	padding-left : 23px;
}

/* 10/31追記パンくず */
.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;
	float: left;
}
.oldDesign .bread_crumb_area span.separator{
	margin-left:5px;
	margin-right:5px;
}

/* --- 11/7追加 検索結果上部コントローラ --- */
.oldDesign .serch_t {
	font-size: 12px;
	width: 100%;
}
.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 {
	width: 30%;
}
.oldDesign .serch_t .con li.serch_t_c {
	text-align: center;
	width: 40%;
}
.oldDesign .serch_t .con li.serch_t_r {
	text-align: right;
	width: 30%;
}
/* --- clearfix --- */
.oldDesign .clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
.oldDesign .clearFix {
	min-height: 1px;
}

/* --- 上段項目テーブル --- */
.oldDesign .t_table{
	font-size: 12px;
	margin-top: 10px;
}
.oldDesign .t_table table{
	font-size: 12px;
	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;
}
.oldDesign .t_table th.w10{
	width: 10%;
}
.oldDesign .t_table th.w15{
	width: 15%;
}
.oldDesign .t_table th.w20{
	width: 20%;
}
.oldDesign .t_table td{
	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: #CCCCCC;
	border-left-color: #CCCCCC;
}


/* --- 左側項目テーブル --- */
.oldDesign .l_table{
	font-size: 12px;
	margin-top: 10px;
}
.oldDesign .l_table table{
	font-size: 12px;
	width: ;
	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;
}
.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/03追加 特殊様式 */
.oldDesign .l_table .design_table table {
	margin-right: auto;
	margin-left: auto;
	border: none;
}
.oldDesign .l_table .design_table td{
	width: auto;
	border: none;
}
.oldDesign textarea{
	font-size: 11.5px;
}


/* --- 入れ子テーブル --- */
.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;
}
/* 2015/03/09追加 特殊様式 */
.oldDesign .ireko .design_table table {
	margin-right: auto;
	margin-left: auto;
	border: none;
}
.oldDesign .ireko .design_table td {
	width: auto;
	border: none;
}
/* --- 体裁を整えるためのテーブル --- */
.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: ;
}
.oldDesign .ireko_2 td .box_r{
	VERTICAL-ALIGN: top; WIDTH: ; 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: 48%;
	float: left;
	text-align: right;
}
.oldDesign .btn_box .box_r{
	background-color: #E9E9E9;
	width: 48%;
	float: right;
	text-align: left;
}
.oldDesign .top_btn_box{
	background-color: #E9E9E9;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: center;
	margin-bottom: 10px;
}


/* --- センタリング --- */
.oldDesign .main {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}

/* チャート 11/6日追加 */
.oldDesign .off_chart{
	height: 32px;
	width: 645px;
}

.oldDesign .off_chart .arow img{
	width: 8px;
	height: 32px;
}

.oldDesign .off_chart .chart1 img{
	width: 72px;
	height: 32px;
}
.oldDesign .off_chart .chart2 img{
	width: 72px;
	height: 32px;
}
.oldDesign .off_chart .chart3 img{
	width: 72px;
	height: 32px;
}
.oldDesign .off_chart .chart4 img{
	width: 95px;
	height: 32px;
}
.oldDesign .off_chart .chart5 img{
	width: 107px;
	height: 32px;
}
.oldDesign .off_chart .chart6 img{
	width: 49px;
	height: 32px;
}
.oldDesign .off_chart .chart7 img{
	width: 60px;
	height: 32px;
}
.oldDesign .off_chart .chart8 img{
	width: 60px;
	height: 32px;
}
/* Add Start 2019/04/22[UI0157] 汎用予約機能追加対応 */
.oldDesign .reserve_chart{
	height: 32px;
	width: 645px;
}

.oldDesign .reserve_chart .arow img{
	width: 8px;
	height: 32px;
}

.oldDesign .reserve_chart .chart1 img{
	width: 60px;
	height: 32px;
}
.oldDesign .reserve_chart .chart2 img{
	width: 60px;
	height: 32px;
}
.oldDesign .reserve_chart .chart3 img{
	width: 50px;
	height: 32px;
}
.oldDesign .reserve_chart .chart4 img{
	width: 50px;
	height: 32px;
}
.oldDesign .reserve_chart .chart5 img{
	width: 60px;
	height: 32px;
}
.oldDesign .reserve_chart .chart6 img{
	width: 70px;
	height: 32px;
}
.oldDesign .reserve_chart .chart7 img{
	width: 70px;
	height: 32px;
}
.oldDesign .reserve_chart .chart8 img{
	width: 50px;
	height: 32px;
}
.oldDesign .reserve_chart .chart9 img{
	width: 50px;
	height: 32px;
}
.oldDesign .reserve_chart .chart10 img{
	width: 50px;
	height: 32px;
}
/* Add End 2019/04/22[UI0157] 汎用予約機能追加対応 */

/* Add Start 2019/08/06[UI0082] GG0039対応*/
.oldDesign .left_main {
    float: left;
    width: 30%;
    padding: 5px 5px 0 0;
    text-align: left;
    margin-bottom: 15px;
}

.oldDesign .right_menu {
    float: right;
    width: 68%;
    padding: 0 0 0 5px;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 5px;
}
/* Add End 2019/08/06[UI0082] GG0039対応*/