@charset "Shift_JIS";

/***** レイアウト検証用スタイル (有効にするとtableのborderがみえます) *****/  
/*
table,tr,th,td {
	border: 1px solid #FF0000 !important;
}
*/

/* ============================================= */
/* 全体 */
/* ============================================= */
/* 初期化 */
body,form,div,p,span,img,table,tr,th,td,h1,ul,ol,li {
	text-align               : left; 
	margin                   : 0px;
	padding                  : 0px;
	border                   : 0px;
	border-collapse          : collapse;
	border-spacing           : 0px;
	font-weight              : normal;
	font-size                : 12px;
	line-height              : 12px;
	font-family              : "ＭＳ Ｐゴシック", "Osaka";
}

/* リンク */
a {text-decoration : none; cursor : pointer;}
a:link, a:visited { color : #0000AA; }   /* 通常 & 訪問済み */
a:hover { color : #55A4FF; }   /* マウスオーバー時 */
a:active { color : #333333;}   /* クリック時 */


/* ============================================= */
/* 全体構造 */
/* ============================================= */
/* 全体定義 */
body#mainBody {
	overflow                 : auto;
	text-align               : center;
	padding                  : 0px 10px 5px 10px;
	background-image         : url(../image/bg.gif);
	background-position      : 0px 0px;
	background-repeat        : repeat-x;
	color                    : #000000;
}

body#cBody {
	overflow                 : auto;
	text-align               : center;
	color                    : #000000;
}

/* コンテンツエリア全体の定義 */
table#layout{
	width                    : 100%;
	height                   : 100%;
	padding                  : 0px;
	background-color         : #FFFFFF;
	border-top               : 0px;
	border-right             : 1px solid #999999;
	border-bottom            : 1px solid #999999;
	border-left              : 1px solid #999999;
}

#layout td{
	text-align               : left;
	vertical-align           : top;
}

/* コンテンツを記載するためのテーブル定義 */
table#contents{
height:100%;
width:100%;
}

/* スクロールするためのテーブル定義 */
div.scrollArea{
	text-align               : left;
	vertical-align           : top;
	height                   : 98%;
	width                    : 100%;
	overflow-y               : auto;
	position                 : relative;
}

/* スクロールするためのテーブル定義 */
table#data {
	text-align               : left;
	vertical-align           : top;
	width                    : 620px;
	height                   : 100%;
	background-color         : #FFFFFF;
	border                   : 0px;
}

table#data td {
	text-align               : left;
	padding                  : 3px;
	line-height              : 15px;
}

div.HeadLine {
	height                   : 1px;
	background-image         : url(../image/Line.gif);
	background-position      : 0px 2px;
	background-repeat        : repeat-x;
}

div.HeadLine2 {
	height                   : 3px;
	background-image         : url(../image/Line2.gif);
	background-position      : 0px 2px;
	background-repeat        : repeat-x;
}


.tableStyle{
height:100%;
width:100%;
}


/* ============================================= */
/* コンテンツ領域レイアウト */
/* ============================================= */
/* コンテンツ領域 */
table.contentsArea{
	width                    : 610px;
	margin                   : 0px;
	text-align               : left;
	border                   : 0px;
	background-image         : none;
	background-color         : #EEEEEE;
	border                   : 1px solid #CCCCCC;
}

table.contentsArea td{
	padding                  : 10px  !important;
}

/* コンテンツ領域の中のテキスト */
.contentsText{
	line-height              : 16px;
	text-align               : left;
}

/* ============================================= */
/* サブタイトルレイアウト */
/* ============================================= */
/* サブタイトル（テキスト） */
.subTitle{
	width                    : 600px;
	height                   : 20px;
	background-image         : url(../image/ico_h2.gif);
	background-position      : left;
}

/* サブタイトルのアイコン位置 */
.subTitleIconArea{
	width                    : 3%;
}

/* サブタイトルのアイコン位置 */
.subTitleIcon{
	margin                   : 3px;
}

/* ============================================= */
/* FAQレイアウト */
/* ============================================= */
/* FAQのQuestionテキスト */
.qText{
	margin                   : 0px 15px;
	padding                  : 4px 0px 1px 20px;
	background-image         : url(../image/ico_question.gif);
	background-position      : 0px 0px;
	background-repeat        : no-repeat;
	font-size                : 12px;
	line-height              : 18px;
	font-weight              : normal;
	color                    : #999999;
}

table.aText {
	width                    : 95%;
	color                    : #666666;
	margin                   : 0px 10px 0px 20px;
	line-height              : 18px;
	background-color         : #EEEEEE;
	border                   : 1px solid #CCCCCC;
	text-align               : left;
}

table.aText td {
	padding                  : 8px !important;
}

/* 空白スタイル */
.styleNone{
	background-image         : none;
}

/* 右寄せスタイル*/
.styleRight{
	text-align               : right;
}

/* 表形式のスタイル */
table.tableStyle {
	width                    : 600px ;
	border                   : 0px;
	margin                   : 1px;
	padding                  : 2px;
}



/* ============================================= */
/* テーブル領域定義 */
/* ============================================= */
/***** テーブル全体 *****/
table.TblStyle {
	text-align      : left;
	empty-cells     : show;
	border-collapse : collapse;	
	border-spacing  : 0px;
	word-break      : break-all;
	font-size       : 11px;
	line-height     : 11px;
	color           : #000000;
	table-layout    : fixed;
	background-color: #FFFFFF;
}

/* ============================================= */
/* テーブルヘッダ */
/* ============================================= */
/***** ヘッダ *****/
table.TblStyle th {
	text-align         : left;
	padding            : 3px 1px 1px 3px;
	background-image   : url(../image/table_head_bg.gif);
	background-position: top left;
	background-repeat  : repeat-x;
	border             : 1px solid #BBBBBB;
	font-size          : 12px;
	line-height        : 16px;
	font-weight        : normal;
	color              : #666666;
}

/***** 赤丸ヘッダ *****/
table.TblStyle th.no {
	font-family        : Verdana;
	font-size          : 10px;
	color              : #FFFFFF;
	font-weight        : bold;
	line-height        : 10px;
	text-align         : center;
	padding            : 2px 1px 1px 0px;
	border             : 1px solid #BBBBBB;
	background-image   : url(../image/no.gif);
	background-repeat  : no-repeat;
	background-position: top center;
	vertical-align     : top;
}


/***** ヘッダアイコン *****/
table.TblStyle th img {
	vertical-align  : middle  !important ;
	margin          : 0px 2px 0px 3px;

}
/***** ヘッダアイコン *****/
table.TblStyle td img {
	vertical-align  : middle;
	margin          : 0px 3px 0px 3px;
}

/* ============================================= */
/* テーブルデータ */
/* ============================================= */
/***** データセル (奇数行) *****/
table.TblStyle td {
	vertical-align  : middle !important ;
	height          : 22px;
	padding         : 1px 1px 1px 2px;
	border          : 1px solid #BBBBBB;
}
/***** データセル (偶数行) *****/
table.TblStyle tr.even td {
	vertical-align  : middle !important ;
	height          : 22px;
	padding         : 1px 1px 1px 2px;
	background-color: #EEEEEE;
	border          : 1px solid #BBBBBB;
}

/* ============================================= */
/* スクロールテーブル */
/* ============================================= */
/***** 領域定義 *****/
table.dataTable{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
	table-layout:fixed;
}

/***** ヘッダ01 (固定) *****/
td.tableHeadFixed {
	float   : left;
}
/***** ヘッダ02 (スクロール) *****/
td.tableHeadScroll {
	float   : left;
	width   : 100%;
}
td.tableHeadScroll td {
	height  : 16px;
}
/***** ボディ01 (固定) *****/
td.tableBodyFixed {
	float   : left;
	height  : 100%;
}
/***** ボディ02 (スクロール) *****/
td.tableBodyScroll {
	overflow: auto;
	float   : left;
	width   : 99%;
}

div.multiTableHeaderLeft {
	overflow:hidden;
	position:relative;
}

div.multiTableHeaderRight {
	left:0px;
	width:100%;
	height:100%;
	overflow-y:scroll;
	position:relative;
}

div.multiTableDataLeft {
	height:100%;
	width:100%;
	overflow-x:scroll;
	overflow-y:hidden;
	position:absolute;
	scrollbar-base-color : #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color : #FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
}

div.multiTableDataRight {
	left:0px;
	height:100%;
	width:100%;
	overflow:scroll;
	position:relative;
}

div.noScroll{
  position             : absolute;
  width                : 100%;
  height               : 100px;
  overflow             : hidden;
}

div.verticalScroll{
  position             : relative;
  width                : 100%;
  height               : 100px;
  overflow-y           : scroll;
}


/* ============================================= */
/* 区切り */
/* ============================================= */
.line{
	height                   : 3px;
	background-color         : #D6D6D6;
}

/* ============================================= */
/* 汎用テキスト装飾 */
/* ============================================= */
/* 見出し（共通） */
h1,h2{
	font-weight              : bold;
	color                    : #666666;
	vertical-align           : middle;
}

/* 見出し(大)　アイコン付きの見出し */
h1{
	font-weight              : bold;
	margin                   : 15px 0px 4px 0px;
	padding                  : 0px 0px 1px 13px;
/*	background-image         : url(../image/ico_h1.gif); */
	background-position      : top left;
	background-repeat        : no-repeat;
	font-size                : 14px;
	line-height              : 14px;
}

/* 見出し(中)　背景色付きの見出し帯 */
h2{
	font-weight              : normal;
	color                    : #666666;
	vertical-align           : middle;
	margin                   : 5px 0px;
	font-size                : 12px;
	line-height              : 15px;
}

/* 見出し(小)　背景なしの見出し帯 */
h3{
	font-weight              : bold;
	color                    : #666666;
	vertical-align           : middle;
	margin                   : 5px 0px;
	font-size                : 12px;
	line-height              : 13px;
}

/* topへ戻るためのアイコン付きテキスト */
.top{
	text-align               : right;
	padding                  : 0px 0px 0px 15px;
	background-image         : url(../image/ico_top.gif);
	background-position      : 0px 0px;
	background-repeat        : no-repeat;
	font-size                : 12px;
	line-height              : 20px;
	font-weight              : normal;
	color                    : #999999;
}

/* 画面を閉じるためのアイコン付きテキスト */
.close{
	text-align               : right;
	padding                  : 0px 0px 0px 15px;
	background-image         : url(../image/ico_close.gif);
	background-position      : 0px 0px;
	background-repeat        : no-repeat;
	font-size                : 12px;
	line-height              : 13px;
	font-weight              : normal;
	color                    : #999999;
}


/*infoアイコン付きテキスト */
span.info{
	padding                  : 1px 0px 1px 20px;
	background-image         : url(../image/ico_info.gif);
	background-position      : 0px 0px;
	background-repeat        : no-repeat;
	font-size                : 12px;
	line-height              : 13px;
	font-weight              : normal;
	color                    : #999999;
}

span.infoRed{
	padding                  : 1px 0px 1px 20px;
	background-image         : url(../image/ico_info.gif);
	background-position      : 0px 0px;
	background-repeat        : no-repeat;
	font-size                : 12px;
	line-height              : 13px;
	font-weight              : normal;
	color                    : #FF0000;
}


/*infoアイコン付きテキストの小さい版 */
span.infoSmall{
	padding                  : 3px 0px 1px 16px;
	background-image         : url(../image/ico_info.gif);
	background-position      : 0px 0px;
	background-repeat        : no-repeat;
	font-size                : 11px;
	line-height              : 13px;
	font-weight              : normal;
	color                    : #999999;
}


/* アイコン付きリンク */
.iconLink {
	margin                   : 0px 0px 3px 5px;
	padding                  : 0px 10px 0px 15px;
	background-image         : url(../image/ico_link.gif);
	background-position      : 0px 0px;
	background-repeat        : no-repeat;
}

/* アイコン付きリンク（右寄せ） */
.iconLinkRight {
	margin                   : 0px 0px 3px 5px;
	padding                  : 21px 10px 0px 15px;
	float                    :right;
	background-image         : url(../image/ico_link.gif);
	background-position      : 0px 20px;
	background-repeat        : no-repeat;
}

/* アイコン付リンク（リスト） */
ul.link {
	padding                  : 0px 0px 0px 10px;
}

ul.link li{
	margin                   : 0px 0px 3px 5px;
	padding                  : 0px 0px 0px 0px;
	list-style-image         : url(../image/ico_link.gif);
	list-style-type          : none;
	font-size                : 12px;
	line-height              : 13px;
}

/* アイコン付リンク（リスト） */
ul.tri {
	padding                  : 0px 0px 0px 10px;
}

ul.tri li{
	margin                   : 0px 0px 3px 5px;
	padding                  : 0px 0px 0px 0px;
	list-style-image         : url(../image/ico_tri.gif);
	list-style-type          : none;
	font-size                : 12px;
	line-height              : 13px;
}



/* 赤字テキスト */
.redText{
	color                    : #FF0000;
	line-height              : 15px;

}

/* 青字テキスト */
.blueText{
	color                    : #0000FF;
	line-height              : 15px;
}

/* 通常テキスト（文字間隔広め） */
.itemText{
	color                    : #666666;
	font-size                : 12px;
	line-height              : 14px;
}

/* 赤字テキスト（文字間隔広め） */
.redwideText{
	color                    : #666666;
	font-size                : 12px;
	line-height              : 25px;
	color                    : #FF0000;
}


/* 丸いアイコン付きテキスト */
span.round{
	padding                  : 0px 0px 0px 10px;
	background-image         : url(../image/ico_round.gif);
	background-position      : 0px 0px;
	background-repeat        : no-repeat;
}




/* ============================================= */
/* ボタン */
/* ============================================= */
div.btnBar {
	text-align               : left;
	padding                  : 12px 0px 9px 15px;
}

/* 青ボタンMの左端&背景 */
a.btnBML{
	vertical-align           : middle;
	padding                  : 0px 0px 0px 7px;
	background-image         : url(../image/btnBlueM_L.gif);
	background-position      : 0px 0px;
	background-repeat        : no-repeat;
}
/* 青ボタンMの右端&文字 */
span.btnBMR{
	vertical-align           : middle;
	padding                  : 8px 17px 8px 13px;
	background-image         : url(../image/btnBlueM_R.gif);
	background-position      : 0px right;
	background-repeat        : no-repeat;
	font-size                : 12px;
	line-height              : 12px;
	font-weight              : normal;
}
/*アイコン (先頭) */
a.btnBML img {
	vertical-align           : middle          !important;
	margin                   : 0px 0px 0px 0px !important;
}
/* 通常 & 訪問済み */
a.btnBML:link, a.btnBML:visited {
	color                    : #003366;
}

/* マウスオーバー時 */
a.btnBML:hover {
	color                    : #FFFFFF;
}
/* クリック時 */
a.btnBML:active {
	color                    : #CFE9FF;
}

/* ============================================= */
/* エラー */
/* ============================================= */
/***** エラー *****/
div.error {
/*	display                  : none;*/
	vertical-align           : top;
	width                    : 100%;
	margin                   : 0px 0px 10px 0px;
	padding                  : 3px 0px 10px 27px;
	background-image         : url(../image/ico_error.gif);
	background-repeat        : no-repeat;
	background-position      : top left;
	font-size                : 12px;
	line-height              : 14px;
	font-weight              : bold;
	color                    : #FF0000;
}



/* =================================================================================== */
/* ヘッダ */
/* =================================================================================== */
/* ヘッダ全体 */
td.head {
	width                    : 100%;
	vertical-align           : top;
	background-color         : #EEEEEE;
	background-image         : url(../image/head_bg.gif);
	background-position      : 0px 0px;
	background-repeat        : repeat-x;
	border-top               : 0px;
	border-right             : 0px;
	border-bottom            : 1px solid #CCCCCC;
	border-left              : 0px;
}

/* エリア名 */
span.area {
	vertical-align           : middle;
	font-size                : 12px;
	line-height              : 12px;
	color                    : #666666;
}

/* ロゴ領域 */
div.logo {
	float                    : left;
	padding                  : 5px 0px 0px 0px;
}

/* RESERVロゴ */
img.logo {
	vertical-align           : middle;
	margin                   : 0px 12px 2px 12px;
}

/* ============================================= */
/* メニュー */
/* ============================================= */
#menu{
	width                    : 100%;
	height                   : 25px;
	background-image         : url(../image/menuOff.gif);
	background-position      : left top;
	padding                  : 0;
	margin                   : 0;
	border-bottom            : 1px solid #CCCCCC;
}    
#menu ul{
	list-style               : none;    /*リストマークを消す*/
	padding                  : 0;
	margin                   : 0;
}
#menu li{
	width                    : 70px;   /*リストの幅の設定*/
	height                   : 25px;
	float                    : left;   /*これで一列にリストを並ばせる*/
	padding                  : 0;
	margin                   : 0;
	text-align               : center;
}
#menu li a{
	display                  : block;  /*リンク範囲をブロックに変更する*/
	width                    : 100%;   /*リンク範囲の横幅は100％*/
	height                   : 25px;
	background-image         : url(../image/menuOff.gif);  /*off画像*/
	background-position      : left top;    /*画像を左上に配置*/
	background-repeat        : no-repeat;   /*背景画像を繰り返さない*/     
	padding                  : 0;
	margin                   : 0;
	line-height              : 200%;
	text-decoration          : none;   /*下線を表示しない*/  
	border-style             : solid;  /*ボタン枠を設定*/
	border-width             : 0px 1px 0px 0px;
	border-color             : #ADADAD;
}
#menu li a:hover{
	background-image         : url(../image/menuOn.gif);   /*on画像*/
	width                    : 100%;
	background-position      : left top;  /*画像を左上に配置*/
	background-repeat        : repeat;   /*背景画像を繰り返さない*/   
	color                    : #FFFFFF;
	padding                  : 0;
	margin                   : 0;
	line-height              : 200%;
}

#menu li a:active{
	color                    : #55A4FF;
	text-decoration          : none;
}


/* ============================================= */
/* commonスタイル */
/* ============================================= */
/* body */
body.common {
	margin             : 0px;
	padding            : 0px;
	background-color   : #EEEEEE;
	background-position: 0px 0px;
	background-repeat  : repeat-x;
	color              : #000000;
	width              : 100%; 
	text-align         : left;
	border             : 0px;
}

.redText{
	color   : #FF0000;
}

/* ============================================= */
/* レイアウト */
/* ============================================= */
/* コンテンツ領域 */
.textArea{
	width                    : 600px;
	margin                   : 0px;
	padding                  : 8px 10px;
	text-align               : left;
	border                   : 0px;
	background-image         : none;
	background-color         : #EEEEEE;
}

.bgColor{
background-color: #FFFFE1;
}


/* ============================================= */
/* 画面説明の見出し */
/* ============================================= */
.screenHead{
	font-weight              : bold;
	margin                   : 10px 0px 10px 0px;
	background-color         : #FFF9DF;
	background-position      : top left;
	font-size                : 14px;
	line-height              : 14px;
	width                    : 100%;
	border                   : 1px solid #808080;
}