@charset "utf-8";

HTML>/**/BODY OPTION, x:-moz-any-link, x:default {
	padding-right:10px;
}

/* サイドメニュー */


/*------------------------------------------------------------------------------
 * システム共通スタイル
 *------------------------------------------------------------------------------*/
HTML {

}

* {
	margin: 0;
	padding: 0;
}

BODY {
	width: 100%;
	background-repeat: repeat-x;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, sans-serif;
	background-color: #FFFFFF;
}

A {
	color: #808080;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, sans-serif;
}

IMG {
	border: 0px;
}

BUTTON {
	height: 24px;
}

TABLE {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

SPAN {
	font-size: 0.8em;
}

.BASIC_LINK {
	color:#0000FF;
}

TEXTAREA {
	font-family:"ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	font-size:14px;
}
/* Firefox用 CSSハック */
html>/**/body TEXTAREA, x:-moz-any-link, x:default {
	/*font-family : "MS UI Gothic", sans-serif;*/
	font-size:1em;
}

input[type=text]{
/*	height:16px;*/
	font-size:14px;
	font-family:"ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
}

SELECT {
	font-size:14px;
	height: 19px;
	font-family:"ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
}

html>/**/body SELECT, x:-moz-any-link, x:default {
	font-size:14px;
	height: 21px;
	font-family:"ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
}


/*------------------------------------------------------------------------------
 * 段組スタイル
 *------------------------------------------------------------------------------*/
	/* ヘッダ */
#MY_HEADER {
	width: 100%;
}

/* フッタ */
#MY_FOOTER {
	width: 100%;
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
}

/* ナビゲーションメニュー */
#MY_NAVIGATION {
	width: 100%;
	height: 36px;
	background: url("../images/navigation/tab_back.gif");
	border-top: 1px solid #a9a9a9;
	/*border-bottom: 1px solid #b7282e;*/
	font-size: 12px;
	font-family:"ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
}

/* コンテンツ */
#MY_CONTENTS {
	vertical-align: top;
	padding-right: 5px;
}

/* サイドメニュー */
#MY_SIDE {
	width: 220px;
	vertical-align: top;
}

/*------------------------------------------------------------------------------
 * 段組コンテンツスタイル
 *------------------------------------------------------------------------------*/
	/* ヘッダ */
#MYHEADER {

}

/* フッタ */
#MYFOOTER {
	padding: 5px;
}

/* ナビゲーションメニュー */
#MYNAVI {

}

/* コンテンツ */
#MYCONTENTS {
	padding: 5px;
	min-height: 770px;
	height: auto !important;
	height: 770px;

}

/* サイドメニュー */
#MYSIDE {
	padding: 14px 5px 10px 0;
}

/* エラー */
#MYERROR {

}

/* ActionMessages スタイル */
#MYERROR .myerror_messages {
	padding: 5px 15px;
}

/* ActionErrors スタイル */
#MYERROR .myerror_errors {
	padding: 5px 15px;
}

/* ActionMessages スタイル */
#MYERROR .info_messages {
	padding: 5px 15px;
	color: blue;
}

/*------------------------------------------------------------------------------
 * 表示スタイル
 *------------------------------------------------------------------------------*/
DIV.SPACE_S {
	margin: 0px 0px 10px 0px;
}

DIV.SPACE_M {
	margin: 0px 0px 20px 0px;
}

/*------------------------------
 * ヘッダ
 *------------------------------*/
#MYHEADER table {
	color: black;
	text-align: right;
}

#MYHEADER a {
	color: black;
}

/* ヘッダセパレータ */
#MYHEADER .HEADER_ITEM_SEPARATE {
	font-weight: bold;
	font-size: 1em;
}

/* ヘッダ左 */
#MYHEADER .HEADER_LEFT {
	text-align: left;
}

/* ヘッダ右 */
#MYHEADER .HEADER_RIGHT {
	padding-right: 0.5em;
}

/* ヘッダ右 コメント表示エリア */
#MYHEADER .HEADER_RIGHT .HEADER_ITEM_COMMENT {
	padding-right: 0.5em;
}

/* ヘッダ右 リンク表示エリア */
#MYHEADER .HEADER_RIGHT .HEADER_ITEM_LINK {
	margin: 0.2em;
	font-size: 12px;
}

/* ヘッダ右 リンク表示エリア リンク */
#MYHEADER .HEADER_RIGHT .HEADER_ITEM_LINK a {
	font-weight: bold;
	text-decoration: none;
}

#MYHEADER .HEADER_RIGHT .HEADER_ITEM_LINK a:hover {
	text-decoration: underline;
}

/*------------------------------
 * フッタ
 *------------------------------*/
#MYFOOTER table {
	font-size: 0.7em;
}

#MYFOOTER .FOOTER_CENTER {
	width: 350px;
}

#MYFOOTER .FOOTER_RIGHT {
	width: 110px;
}

#MYFOOTER .FOOTER_ITEM_FLOAT {
	float: left;
}

#MYFOOTER .FOOTER_ITEM {
	padding: 1px 3px;
}

/*------------------------------
 * ナビゲーションメニュー
 *------------------------------*/
.NAVI_MENU {

}
/* メニューリスト アイテム */
.NAVI_MENU_LIST ul {
	list-style: none;
}

/* メニューリスト アイテム */
.NAVI_MENU_LIST ul li {
	float: left;
	height: 35px;
	border-right: 1px dotted #b7282e;
}

/* メニューリスト リンク */
.NAVI_MENU_LIST ul li a {
	display: block;
	padding: 4px 1px;
}

/* GRAY HOVER */
.NAVI_MENU_LIST ul li:hover {
	/*border-top: 1px solid #b7282e;
	padding: 4px 1px;
	height: 28px;*/
	background: transparent url("../images/navigation/tab_focus.gif") top left repeat-x;
}

/*------------------------------
 * サイドメニュー
 *------------------------------*/
#MYSIDE table {
	font-size: 0.8em;
}

/* サイドメニュー 下余白 */
#MYSIDE .MYSIDE_BOTTOM {
	height: 350px;
}

/* サイドメニューエリア */
.SIDE_MENU {
	margin-bottom: 1.5em;
}

/* サイドメニュー タイトル */
.SIDE_MENU_HEAD {
	background: url("../images/side/header.gif") no-repeat;
	height: 20px;
	padding: 3px 0 0 15px;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 1.2em;
}

/* サイドメニュー リストエリア */
.SIDE_MENU_LIST {
	width: 215px;
}

/* サイドメニュー リスト */
.SIDE_MENU_LIST ul {
	border: 1px solid #c4c4c4;
	list-style: none;
}

/* サイドメニュー リストアイテム */
.SIDE_MENU_LIST ul li {
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}

/* サイドメニュー リストアイテムリンク */
.SIDE_MENU_LIST ul li a.A_LIST {
	display: block;
	padding: 5px;
	text-decoration: none;
}

/* サイドメニュー リストアイテムリンク HOVER */
.SIDE_MENU_LIST ul li a.A_LIST:hover {
	background: transparent url("../images/side/bg-list.gif") top left no-repeat;
	text-decoration: underline;
}

/* サイドメニュー リストアイテム ヘッダ */
.SIDE_MENU_LIST .SIDE_MENU_ITEM_HEAD {
	color: #3399ff;
	font-weight: bold;
}

/* サイドメニュー リストアイテム ボディ */
.SIDE_MENU_LIST .SIDE_MENU_ITEM_BODY {
	color: black;
	font-size: 0.9em;
}

/* サイドメニュー リストアイテム フッタ */
.SIDE_MENU_LIST .SIDE_MENU_ITEM_FOOT {
	color: black;
	font-size: 0.9em;
	margin-top: 1em;
	text-align: right;
}

/*------------------------------
 * 表示項目テーブル
 *------------------------------*/
TABLE.DISP {
	color: #333333;
	font-weight: normal;
	font-size: 14px;
	background-color: #FFFCFC;
	border: 1px solid #999999;
	border-collapse: collapse;
}

TABLE.DISP_MINI {
	color: #333333;
	font-weight: normal;
	font-size: 14px;
	background-color: #F2F2F2;
	border: 1px solid #999999;
	border-collapse: collapse;
}

TABLE.NEWS_TABLE {
	margin-top: 20px;
	margin-left: 30px;
}

TABLE.DISP_CLEAR {
	font-weight: normal;
	font-size: 14px;
	border: 0px;
	border-collapse: collapse;
}

.NEWS_TABLE TD {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #000000;
}

TD.TITLE {
	padding: 3px;
	spacing: 0px;
	background-color: #FFE0E0;
	border: 1px solid #999999;
}

TD.DATA {
	padding: 3px;
	spacing: 0px;
	border: 1px solid #999999;
}

TD.MINI_DATA {
	padding: 3px;
	spacing: 0px;
	border: 1px solid #999999;
}

TD.CONTENT {
	padding: 3px;
	spacing: 0px;
	background-color: #F2F2F2;
	border: 1px solid #999999;
}

TD.PAGING {
	padding: 3px;
	spacing: 0px;
	background-color: #F2F2F2;
	border: 1px solid #999999;
}

TD.TITLE_CLEAR {
	padding: 3px;
	spacing: 0px;
	border: 0px;
}

TD.DATA_CLEAR {
	padding: 3px;
	spacing: 0px;
	border: 0px;
}

/*------------------------------
 * メッセージ
 *------------------------------*/
.ALERT_BAR {
	width: 300px;
	height: 25px;
	color: #990000;
	font-weight: normal;
	background-color: #99ccff;
	border: 0px;
}

.ALERT {
	color: #990000;
	font-weight: normal;
}

.ALERT2 {
	color: red !important;
	font-weight: normal;
}

.ERROR {
	color: #990000;
	font-weight: normal;
	text-align: center;
}

.REQUIRED {
	color: red;
	font-weight: normal;
	font-size: 0.9em;
	padding-left: 3px;
}

.DISTINCT {
	color: blue !important;
	font-weight: normal;
}

/*------------------------------
 * ボタン
 *------------------------------*/
BUTTON {
	color: #FFFFFF;
	background-color: #606060;
}

BUTTON.DISABLED {
	border-style: groove;
	background-color: #D0D0D0;
	color: #606060;
}

BUTTON.BTN_L {
	width: 150px;
}

BUTTON.BTN_M {
	width: 100px;
}

BUTTON.BTN_S {
	width: 40px;
}

INPUT.BTN_L {
	width: 150px;
	height: 25px;
}

INPUT.BTN_M {
	width: 100px;
	height: 25px;
}

INPUT.BTN_S {
	width: 40px;
}

/*------------------------------
 * 表示
 *------------------------------*/
.DISPLAY_NUMBER {
	text-align: right;
}

.DISPLAY_CENTER {
	text-align: center;
}

.DISPLAY_LEFT {
	text-align: left;
}

/*------------------------------
 * ヘッダーSort表示
 *------------------------------*/
.sortlink {
	font-size: 1.0em;
	cursor: pointer;
	text-decoration:underline;
}
.sortlink_add_header {
	text-decoration:underline;
}
.sortlink_add_color {
	color: #0020D8;
}
.sortlink_add_color A {
	color: #0020D8 !important;
}

/*------------------------------
 * IMEモード
 *------------------------------*/
.ACTIVE {
	ime-mode: active;
}

.INACTIVE {
	ime-mode: inactive;
}

.DISABLED {
	ime-mode: disabled;
}

/*------------------------------
 * 入力エラー時のスタイル
 *------------------------------*/
.ERROR_ITEM {
	font-weight: normal;
	background-color: pink;
}
.ERROR_ITEM_RIGHT {
	font-weight: normal;
	background-color: pink;
	text-align: right;
}

/*------------------------------
 * タイトルバー
 *------------------------------*/
DIV.WINDOWTITLE {
	padding: 4px 6px;
	background: #404040;
	border-color: #FFFFFF #555555 #555555 #FFFFFF;
	border-width: 1px;
	border-style: solid;
}

DIV.WINDOWTITLE SPAN {
	padding: 2px 10px;
	color: #FFFFFF;
	font-size: 1em;
}

DIV.SUBTITLE {
	padding: 2px 6px;
	margin: 5px 0;
	background: url("../images/side/m_mark.jpg") no-repeat top left;
}

DIV.SUBTITLE SPAN {
	padding: 2px 10px;
	color: #696969;
	font-size: 0.8em;
	font-weight: bold;
}

.defaultCursor {
	cursor: default;
}