html{
	height: 100%;
	margin: 0px auto;
}

body{
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/*---------------------------------------------------
	コンテナ
---------------------------------------------------*/
div#container{
	position: relative;
/*	height: 100%;*/
	min-height: 100%;
	margin: 0px auto;
}

* html div#container{
	height: 100%;
}

table.nospace{
	border-collapse: collapse;
	border: 0px;
}
table.nospace tr td{
	padding: 0px;
}


/*---------------------------------------------------
	ヘッダー関連
---------------------------------------------------*/
#header{
	width: 100%;
	min-width: 1000px;
	height: 70px;
	background: #BFD6FF;
}
#header > table{
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}
#header table#user_info{
	text-align: left;
}
#header_border{
	width: 100%;
	height: 2px;
	background: #AABFE2;
}
#header h1{
	color: #333;
	border-bottom:2px solid #AABFE2;
}

#system_logo{
	outline: none;
}
.company_logo{
	width: 210px;
	height: 70px;
}

#user_info{
	width: 100%;
	background-color: #283891;
	border-collapse: collapse;
}
#user_info_bar{
	line-height: 20px;
}
#user_info th{
	color: #FFF;
	text-align: left;
	padding-left: 4px;
}
#user_info th .button{
	font-weight: normal;
	margin-left: 1px;
}
#user_info td{
	background-color: #FFF;
	padding-left: 4px;
}
#user_info th.border{
	border-bottom: 1px dotted #FFF;
}
#user_info td.border{
	border-bottom: 1px dotted #000;
}
#user_info .kurikoshi_ref .button{
	color: #000;
}
#header_kurikoshi_list{
	width: 280px;
}

/*---------------------------------------------------
	メイン関連
---------------------------------------------------*/
div#main{
	height: auto;
	padding-bottom: 25px;
}

/*---------------------------------------------------
	データヘッダーエリア
---------------------------------------------------*/
#data_header_area{
	table-layout: fixed;
	border-collapse: collapse;
	min-width: 1200px;
	margin: 20px 5px 0px 5px;
}

/*---------------------------------------------------
	データエリア
---------------------------------------------------*/
#data_area{
	width: 1200px;
	margin: 5px;
}

/*---------------------------------------------------
	フッター関連
---------------------------------------------------*/
#footer{
	position: absolute;
	bottom: 0px;
	width: 100%;
	min-width: 1000px;
	height: 25px;
	background: #BFD6FF;
}
#footer_border{
	width: 100%;
	height: 2px;
	background: #AABFE2;
}

/*---------------------------------------------------
	ボタン関連
---------------------------------------------------*/

.button{
	text-align: center;
	border: 1px solid #BBB;
	background-color: #F3F5DD;
	background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
}
.button_regist{
	text-align: center;
	border: 1px solid #9DBF6B;
	background-color: #CAF389;
	background: -moz-linear-gradient(top, #EFFFD8, #B7E271);
	background: -webkit-gradient(linear, left top, left bottom, from(#EFFFD8), to(#B7E271));
}
.button_delete{
	text-align: center;
	border: 1px solid #D35F54;
	background-color: #FE9A9B;
	background: -moz-linear-gradient(top, #FCD4D4, #F78388);
	background: -webkit-gradient(linear, left top, left bottom, from(#FCD4D4), to(#F78388));
}

.button:hover,
.button_regist:hover,
.button_delete:hover,
.icon_button:hover{
	cursor: pointer;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/*

.left_line_up{
	float: left;
	margin-right: 5px;
}
.right_line_up{
	float: right;
	margin-left: 5px;
}
.line_up_end{
	clear: both;
}

.button_size_20x20{
	font-size: 11px;
	width: 18px;
	height: 18px;
	line-height: 18px;
}
.button_size_50x20{
	font-size: 11px;
	width: 48px;
	height: 18px;
	line-height: 18px;
}
.button_size_70x20{
	font-size: 11px;
	width: 68px;
	height: 18px;
	line-height: 20px;
}
.button_size_100x20{
	font-size: 12px;
	width: 98px;
	height: 18px;
	line-height: 20px;
}
.button_size_100x25{
	font-size: 14px;
	width: 98px;
	height: 23px;
	line-height: 23px;
}
.button_size_100x40{
	width: 98px;
	height: 38px;
	line-height: 20px;
}*/

/*---------------------------------------------------
	タブ
---------------------------------------------------*/

#tab_area{
	width: 1000px;
	margin-left: 5px;
}

.list_tab{
	/*width: 100px;*/
	padding: 5px 10px;
	border: 1px solid #999;
	color: #666;
	background-color: #CCCCCC;
	border-radius: 5px 5px 0px 0px;
	background: -moz-linear-gradient(top, #E1E1E1, #AAAAAA);
	background: -webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#AAAAAA));
	text-align: center;
	float: left;
	cursor: pointer;
}
.list_tab.active{
	color: #000;
	background-color: #EEEEEE;
	background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
	cursor: default;
}
.tab{
	/*width: 100px;*/
	padding: 5px 8px;
	border: 1px solid #999;
	color: #666;
	background-color: #CCCCCC;
	border-radius: 5px 5px 0px 0px;
	background: -moz-linear-gradient(top, #E1E1E1, #AAAAAA);
	background: -webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#AAAAAA));
	text-align: center;
	/*float: left;*/
	cursor: pointer;
}
.tab.active{
	color: #000;
	background-color: #EEEEEE;
	background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
	cursor: default;
}
.tab_area{
	width: 467px;
	height: 480px;
	border: 2px solid #CCC;
	border-top: 1px solid #CCC;
	background-color: #FFF;
	display: none;
}
.tab_area.active{
	display: block;
}

/*---------------------------------------------------
	吹き出し
---------------------------------------------------*/

/* 吹き出し枠 */
.arrow_box_left,
.arrow_box_top,
.arrow_box_bottom {
	position: relative;
	background: #FFF;
	border: 3px solid #A7C3F5;
}

/* 吹き出し(左部分) */
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_left:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #FFF;
	border-width: 20px;
	top: 50%;
	margin-top: -20px;
}
.arrow_box_left:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #A7C3F5;
	border-width: 24px;
	top: 50%;
	margin-top: -24px;
}

/* 吹き出し(上部分) */
.arrow_box_top:after, .arrow_box_top:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_top:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}
.arrow_box_top:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #A7C3F5;
	border-width: 24px;
	left: 50%;
	margin-left: -24px;
}

/* 吹き出し(下部分) */
.arrow_box_bottom:after, .arrow_box_bottom:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_bottom:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}
.arrow_box_bottom:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #A7C3F5;
	border-width: 24px;
	left: 50%;
	margin-left: -24px;
}




/*---------------------------------------------------
	画像関連
---------------------------------------------------*/

/* 画像のリンクボーダー非表示 */
img{
	border: none;
	vertical-align: top;
}

/*---------------------------------------------------
	入力関連
---------------------------------------------------*/

/* コントロール無効 */
input:disabled,
select:disabled,
textarea:disabled,
.readonly{
	background-color: #EEE;
	border: 1px solid #CCC;
	color: #000;
}

input,
select,
textarea{
	padding: 0px;
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

input[type=checkbox]{
	vertical-align: middle;
}

textarea{
	resize: none;
}

.readonly{
	background-color: #EEE;
}

/*---------------------------------------------------
	ダイアログ
---------------------------------------------------*/

.dialog{
	display: none;
}

#login_dialog{
	margin-top: 10px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/*---------------------------------------------------
	その他
---------------------------------------------------*/

.caution{
	color: #FF0000;
}

/*---------------------------------------------------
	jquery.ui.theme.css オーバーライド
---------------------------------------------------*/

.ui-widget-overlay {
	/*background: #333333 url(images/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x;*/
	background: #000000 url(images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
	opacity: 0.90;
}


/*---------------------------------------------------
	系統色
---------------------------------------------------*/

/* 系統色 */
.box.color_div{
	border: 1px solid #CCC;
	height: 20px;
	margin-right: 3px;
	min-width: 20px;
	width: 20px;
}
/* 系統色 - なし */
.box.color_div.div_{
	display: none;
}
/* 系統色 - ホワイト系 */
.box.color_div.div_001{
	background-color: #FFF;
}
/* 系統色 - パール系 */
.box.color_div.div_002{
	background-color: #F7F6F5;
}
/* 系統色 - ブラック系 */
.box.color_div.div_003{
	background-color: #000;
}
/* 系統色 - グレー系 */
.box.color_div.div_004{
	background-color: #A9A9A9;
}
/* 系統色 - シルバー系 */
.box.color_div.div_005{
	background-color: #C0C0C0;
}
/* 系統色 - ゴールド系 */
.box.color_div.div_006{
	background-color: #FFD700;
}
/* 系統色 - イエロー系 */
.box.color_div.div_007{
	background-color: #FFFF00;
}
/* 系統色 - ブルー系 */
.box.color_div.div_008{
	background-color: #00F;
}
/* 系統色 - グリーン系 */
.box.color_div.div_009{
	background-color: #008000;
}
/* 系統色 - ブラウン系 */
.box.color_div.div_010{
	background-color: #A52A2A;
}
/* 系統色 - オレンジ系 */
.box.color_div.div_011{
	background-color: #FFA500;
}
/* 系統色 - レッド系 */
.box.color_div.div_012{
	background-color: #F00;
}
/* 系統色 - ピンク系 */
.box.color_div.div_013{
	background-color: #FFC0CB;
}
/* 系統色 - パープル系 */
.box.color_div.div_014{
	background-color: #800080;
}