﻿/* ----------------------------------------------------------- */
/* 全体定義                                                    */
/* ----------------------------------------------------------- */

body {
	margin:           0px;
	background-color: #FFFFFF;
	font-size:        9pt;
	color:            #000000;
	font-family:      'ＭＳ Ｐゴシック';
	width:            100%;
	height:           100%;
}

html {
	width:  100%;
	height: 100%;
}

table {
	font-size:        9pt;
	font-family:      'ＭＳ Ｐゴシック';
	color:            #000000;
}

textarea {
	font-size:        9pt;
	font-family:      'ＭＳ Ｐゴシック';
}

a:link{ color:#blue;}
a:visited{ color:#blue;}
a:active{ color:#blue;}
a:hover{ color:#blue;}

/* ----------------------------------------------------------- */
/* CLASS群                                                     */
/* ----------------------------------------------------------- */

/* 検索ボタン */
.btn_sch {
	width: 80px;
}

/* 削除ボタン */
.btn_del {
	width: 60px;
}

/* 設定ボタン */
.btn_set {
	width: 120px;
}

/* 検索入力欄 */
.input_sch {
	width: 200px;
}

/* 機能タイトル */
.title {
	font-size:20px;
	font-weight: bold;
}

/* カラムのタイトル */
.item_title {
	font-weight: bold;
}

/* テキスト入力(通常) */
.input_normal {
	width:180px;
}

/* テキスト入力(長め) */
.input_long {
	width:300px;
}

/* テキスト入力(短め) */
.input_short {
	width:100px;
}

/* 注釈 */
.kome {
	color:red;
	font-size:9px;
}

/* 凡例 */
.ex {
	color:gray;
	font-size:12px;
}

/* ボタン(通常) */
.button_normal {
	width:80px;
}

/* 角丸 */
.curve-01{
	background:#C3D9FF; /* ここの色を変えたら色んな角丸ができる */
	margin:0px 0;
	position:relative;
	width:100%; /* 追加 */
	height:100%; /* 追加 */
}
.curve-01 div.curve-head{
	font-size:1px;
	height:5px;
	background:url(../img/curve/01-curve-left-head.gif) top left no-repeat;
	width:100%; /* 追加 */
}
.curve-01 div.curve-head div{
	font-size:1px;
	height:5px;
	background:url(../img/curve/01-curve-right-head.gif) top right no-repeat;
}
.curve-01 div.curve-bottom{
	width:100%;  /* 追加 */
	position:absolute; /* 追加(親(curve-01)の高さ100%にするのに必須) */
	bottom:-1px; /* 追加(親(curve-01)の高さ100%にするのに必須) */
	left:0px; /* 追加(親(curve-01)の高さ100%にするのに必須) */
	font-size:1px;
	height:5px;
	background:url(../img/curve/01-curve-left-bottom.gif) bottom left no-repeat;
}
.curve-01 div.curve-bottom div{
	font-size:1px;
	height:5px;
	background:url(../img/curve/01-curve-right-bottom.gif) bottom right no-repeat;
}

/* 11 4つ角がピンでとめられた角丸 */
.curve-11-head{
	font-size:1px;
	height:16px;
	background:url(../img/curve/11-curve-right-head.gif) top right no-repeat;
	margin-top:5px;
}
.curve-11-head div{
	font-size:1px;
	height:16px;
	background:url(../img/curve/11-curve-left-head.gif) top left no-repeat;
}
.curve-11-body{
	background:url(../img/curve/11-curve-left-middle.gif) top left repeat-y;
}
.curve-11-body div{
	background:url(../img/curve/11-curve-right-middle.gif) top right repeat-y;
}
.curve-11-bottom{
	font-size:1px;
	height:16px;
	background:url(../img/curve/11-curve-right-bottom.gif) bottom right no-repeat;
	margin-bottom:5px;
}
.curve-11-bottom div{
	font-size:1px;
	height:16px;
	background:url(../img/curve/11-curve-left-bottom.gif) bottom left no-repeat;
}



/* 検索結果リスト */
.list {
	width:100%;
	border: 1px solid gray;
}

/* 検索結果リストの下線 通常 */
table.list td {
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}

/* 検索結果リストの下線 ヘッダ */
table.list th {
  border-bottom: 3px double gray;
  border-right: 1px solid gray;
}

/* 検索結果リストヘッダー */
.list_head {
	background-color:#E0ECFF;
	font-weight:bold;
}

/* 検索結果フレーム */
.list_frame {
	width:100%;
	height:100%;
}

/* ----------------------------------------------------------- */
/* レイアウト                                                  */
/* ----------------------------------------------------------- */

/* ローディングレイアウト */
.layout_loading {
	width:100%;
	height:100%;
	position:absolute; top:0px; left:0px;
	background-color:white;
	z-index:99;
}

/* 全体レイアウト */
.layout_body {
	width:100%;
	/*border: 1px solid red;*/
}

/* 中段レイアウト */
.layout_mid {
	width:100%;
	height:100%;
	/*border: 1px solid green;*/
}

/* 左メニューレイアウト */
.layout_left {
	width:25%;
	height:100%;
	float:left;
	/*border: 1px solid blue;*/
}

/* 右レイアウト */
.layout_right {
	width:75%;
	height:100%;
	float:right;
	/*border: 1px solid green;*/
}

/* 回り込み解除 */
.spacer {
	clear:both;
}

/* ヘッダーブロック */
.block_header {
	width:100%;
	/*border: 1px solid red;*/
}

/* 部署メニューブロック */
.block_sec {
	padding: 0px 6px;
	height:60%;
}

/* アドレス選択窓タブ切り替えブロック */
.block_add {
	padding: 0px 6px;
	height:40%;
}

/* 検索結果ブロック */
.block_result {
	padding: 0px 6px;
}

/* フッターブロック */
.block_footer {
	width:100%;
	text-align: center;
	/*border: 1px solid red;*/
}

/* ローディングブロック */
.block_loading {
	text-align:center;
	position:absolute; top:80px; left:0px;
	width:100%;
}

/* ローディングIE6バグ対策 */
.hidden_frame {
	z-index:90;
	position:absolute;
	width:100%;
	height:100%;
}
