@charaset "UTF-8";

table {
	margin-bottom: 0;
}

th, td {
	text-align: left;
	font-size: 11px;
}

td input, td select, td textarea {
        border: 1px solid #ccc;
        font-size: 11px;
}

table.data, table.cakeSqlLog {
	border: 1px solid black;
	width: 600px;
	padding: 0;
	margin: 0;
	empty-cells: show;
	background-color: #eee;
	border-collapse: separate;
	border-spacing: 0;
}

table.data th, table.cakeSqlLog th {
	font: bold;
	color: #FFFFFF;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	letter-spacing: 2px;
	text-align: left;
	padding: 4px 8px;
	background-color: #3354B2;
	white-space: nowrap;
}

table.data td, table.cakeSqlLog td {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 4px 8px;
	color: #000000;
	vertical-align: middle;
}

table.data tr.odd {
	background-color: #E0E8FF;
}

table.data td.level {
	background-image: url(../img/message/info2.gif);
	background-repeat: no-repeat;
	background-position: 8px 50%;
	text-indent: 28px;
	white-space: nowrap;
}

table.data tr.odd td.level {
	background-image: url(../img/message/info2_b.gif);
}

table.data tr.warn {
	background-color: #ffffcc;
}
table.data tr.warn td.level {
	background-image: url(../img/message/warn2_y.gif);
}

table.data tr.error {
	background-color: #ffcccc;
}
table.data tr.error td.level {
	background-image: url(../img/message/error2_p.gif);
}

table tr.total td {
	font-weight: bold;
	background-color: #ffffcc;
}

#data tr:hover {
	background-color: #ffcccc;
	color: #800000
}

table img {
	margin-left: 5px;
	vertical-align: middle;
}

fieldset {
	padding: 0 8px 8px;
}

legend {
	margin-bottom: 8px
}

p input, td input, li input {
	margin-top: 0;
	vertical-align: middle;
}

hr {
	margin-left: 0;
	margin-right: 20px;
	border: none;
	height: 1px;
	background: black;
}

.navigation {
	word-spacing: 8px;
}

.alert {
	padding: 8px;
	border: 1px solid black;
	width: 600px;
}

p.message {
	padding: 8px;
	width: 600px;
}

p.warn, ul.warn {
        color: #ff7e79;
}

p.info, ul.info {
        color: #009051;
}


#login .login-prompt {
	margin: 10px 0px 20px;
	font-size: 85%;
}

#login .message {
	padding: 0 40px;
	width: auto;
	text-align: left;
}

.icon {
	float: left;
	margin: 15px;
}

.need {
	color: #FF0000;
	font-weight: bold;
	padding: 0 5px 0 5px;	
}

.ftext {
	color:#000000;
	background-color: #FEFFE7
}

.mb10 {
	margin-bottom: 10px;
}

.number {
	text-align: right;
}

.date {
	font-size: 14px;
	font-weight: bold;
	color: #001960;
	text-align: center;
}

pre {
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}

#all_headers {
	margin: 0;
	padding: 8px;
	display: none;
	overflow: scroll;
}

#body {
	margin: 0;
	padding: 8px;
	overflow: auto;
}

html #all_headers {
	width: 580px;
}

html #body {
	width: 460px;
}

ul.attname {
	margin: 0;
	padding-left: 12px;
}


/*　ボタン用リンク　*/

.btbox1 {
	display: inline-block;
	width: 100px;
	height: 35px;
}

.btbox2 {
	display: inline-block;
	width: 220px;
	height: 35px;
}

.btbox3 {
	display: inline-block;
	width: 320px;
	height: 35px;
}

.btbox4 {
	display: inline-block;
	width: 420px;
	height: 35px;
}

ul.mbt {
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}

ul.mbt li {
	list-style-type: none;
	margin: 0 5px 0 5px;
	padding: 0;
	display: inline;
	float: left;
}

ul.mbt #imglink {
	font-size: 9px;
	margin: 0 10px;
	padding: 0px;
	float: left;
}

ul.mbt #imglink em {
	visibility: hidden;
}

ul.mbt a {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 85px;
}


/*　ロールオーバー（ボタン用リンク）　*/

/*　実行ボタン　*/
ul.mbt .button a {
	background: url(../img/button/submit1.gif) no-repeat;
}

ul.mbt .button a:hover {
	background: url(../img/button/submit2.gif) no-repeat;
}

ul.mbt .button a:active {
	background: url(../img/button/submit3.gif) no-repeat;
}

/*　リセットボタン　*/
ul.mbt .reset a {
	background: url(../img/button/reset1.gif) no-repeat;
}

ul.mbt .reset a:hover {
	background: url(../img/button/reset2.gif) no-repeat;
}

ul.mbt .reset a:active {
	background: url(../img/button/reset3.gif) no-repeat;
}

/*　ログインボタン　*/
ul.mbt .login a {
	background: url(../img/button/login1.gif) no-repeat;
}

ul.mbt .login a:hover {
	background: url(../img/button/login2.gif) no-repeat;
}

ul.mbt .login a:active {
	background: url(../img/button/login3.gif) no-repeat;
}

.oauth-login {
    display: inline-block;
    margin-top: 24px;
    border: 1px solid #aaa;
    background-color: #ddd;
    border-radius: 4px;
}

.oauth-login a, .oauth-login a:visited {
    display: inline-block;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: bold;
    color: #011993;
}

.oauth-login:hover {
    background-color: #eee;
}

/*　検索ボタン　*/
ul.mbt .search a {
	background: url(../img/button/search1.gif) no-repeat;
}

ul.mbt .search a:hover {
	background: url(../img/button/search2.gif) no-repeat;
}

ul.mbt .search a:active {
	background: url(../img/button/search3.gif) no-repeat;
}

/*　検索条件呼出しボタン　*/
ul.mbt .condition a {
	background: url(../img/button/condition1.gif) no-repeat;
	width: 150px;
}

ul.mbt .condition a:hover {
	background: url(../img/button/condition2.gif) no-repeat;
}

ul.mbt .condition a:active {
	background: url(../img/button/condition3.gif) no-repeat;
}

/*　登録ボタン　*/
ul.mbt .register a {
	background: url(../img/button/register1.gif) no-repeat;
}

ul.mbt .register a:hover {
	background: url(../img/button/register2.gif) no-repeat;
}

ul.mbt .register a:active {
	background: url(../img/button/register3.gif) no-repeat;
}

/*　削除ボタン　*/
ul.mbt .delete a {
	background: url(../img/button/delete1.gif) no-repeat;
}

ul.mbt .delete a:hover {
	background: url(../img/button/delete2.gif) no-repeat;
}

ul.mbt .delete a:active {
	background: url(../img/button/delete3.gif) no-repeat;
}

ul.mbt .delete a.nobt, ul.mbt .delete a.nobt:hover, ul.mbt .delete a.nobt:active {
	background: url(../img/button/delete4.gif) no-repeat;
}

/*　検索実行ボタン　*/
ul.mbt .execute_search a {
	background: url(../img/button/execute_search1.gif) no-repeat;
}

ul.mbt .execute_search a:hover {
	background: url(../img/button/execute_search2.gif) no-repeat;
}

ul.mbt .execute_search a:active {
	background: url(../img/button/execute_search3.gif) no-repeat;
}

ul.mbt .execute_search a.nobt, ul.mbt .execute_search a.nobt:hover, ul.mbt .execute_search a.nobt:active {
	background: url(../img/button/execute_search4.gif) no-repeat;
}

/*　絞込み検索ボタン　*/
ul.mbt .search_narrow a {
	width: 102px;
	background: url(../img/button/search_narrow1.gif) no-repeat;
}

ul.mbt .search_narrow a:hover {
	background: url(../img/button/search_narrow2.gif) no-repeat;
}

ul.mbt .search_narrow a:active {
	background: url(../img/button/search_narrow3.gif) no-repeat;
}

/*　ダウンロードボタン　*/
ul.mbt .download a {
	width: 102px;
	background: url(../img/button/download1.gif) no-repeat;
}

ul.mbt .download a:hover {
	background: url(../img/button/download2.gif) no-repeat;
}

ul.mbt .download a:active {
	background: url(../img/button/download3.gif) no-repeat;
}

ul.mbt .download a.nobt, ul.mbt .download a.nobt:hover, ul.mbt .download a.nobt:active {
	background: url(../img/button/download4.gif) no-repeat;
}

/*　メール転送ボタン　*/
ul.mbt .forward a {
	width: 102px;
	background: url(../img/button/forward1.gif) no-repeat;
}

ul.mbt .forward a:hover {
	background: url(../img/button/forward2.gif) no-repeat;
}

ul.mbt .forward a:active {
	background: url(../img/button/forward3.gif) no-repeat;
}

ul.mbt .forward a.nobt, ul.mbt .forward a.nobt:hover, ul.mbt .forward a.nobt:active {
	background: url(../img/button/forward4.gif) no-repeat;
}

/*　表示ボタン　*/
ul.mbt .display a {
	background: url(../img/button/display1.gif) no-repeat;
}

ul.mbt .display a:hover {
	background: url(../img/button/display2.gif) no-repeat;
}

ul.mbt .display a:active {
	background: url(../img/button/display3.gif) no-repeat;
}

/*　起動ボタン　*/
ul.mbt .start a {
	background: url(../img/button/start1.gif) no-repeat;
}

ul.mbt .start a:hover {
	background: url(../img/button/start2.gif) no-repeat;
}

ul.mbt .start a:active {
	background: url(../img/button/start3.gif) no-repeat;
}

ul.mbt .start a.nobt, ul.mbt .start a.nobt:hover, ul.mbt .start a.nobt:active {
	background: url(../img/button/start4.gif) no-repeat;
}

/*　停止ボタン　*/
ul.mbt .stop a {
	background: url(../img/button/stop1.gif) no-repeat;
}

ul.mbt .stop a:hover {
	background: url(../img/button/stop2.gif) no-repeat;
}

ul.mbt .stop a:active {
	background: url(../img/button/stop3.gif) no-repeat;
}

ul.mbt .stop a.nobt, ul.mbt .stop a.nobt:hover, ul.mbt .stop a.nobt:active {
	background: url(../img/button/stop4.gif) no-repeat;
}

/*　変更ボタン　*/
ul.mbt .change a {
	background: url(../img/button/change1.gif) no-repeat;
}

ul.mbt .change a:hover {
	background: url(../img/button/change2.gif) no-repeat;
}

ul.mbt .change a:active {
	background: url(../img/button/change3.gif) no-repeat;
}

/*　追加ボタン　*/
ul.mbt .add a {
	background: url(../img/button/add1.gif) no-repeat;
}

ul.mbt .add a:hover {
	background: url(../img/button/add2.gif) no-repeat;
}

ul.mbt .add a:active {
	background: url(../img/button/add3.gif) no-repeat;
}

/*　作成ボタン　*/
ul.mbt .create a {
	background: url(../img/button/create1.gif) no-repeat;
}

ul.mbt .create a:hover {
	background: url(../img/button/create2.gif) no-repeat;
}

ul.mbt .create a:active {
	background: url(../img/button/create3.gif) no-repeat;
}

/*　インストールボタン　*/
ul.mbt .install a {
	background: url(../img/button/install1.gif) no-repeat;
	width: 150px;
}

ul.mbt .install a:hover {
	background: url(../img/button/install2.gif) no-repeat;
}

ul.mbt .install a:active {
	background: url(../img/button/install3.gif) no-repeat;
}

/*　表示更新ボタン　*/
ul.mbt .update_display a {
	background: url(../img/button/update_display1.gif) no-repeat;
}

ul.mbt .update_display a:hover {
	background: url(../img/button/update_display2.gif) no-repeat;
}

ul.mbt .update_display a:active {
	background: url(../img/button/update_display3.gif) no-repeat;
}

/*　すべて選択ボタン　*/
ul.mbt .select_all a {
	background: url(../img/button/select_all1.gif) no-repeat;
	width: 150px;
}

ul.mbt .select_all a:hover {
	background: url(../img/button/select_all2.gif) no-repeat;
}

ul.mbt .select_all a:active {
	background: url(../img/button/select_all3.gif) no-repeat;
}

/*　汎用ボタン　*/
.pbt {
	display: inline-block;
	height: 35px;
	background: url("../img/button/pbt1_rgt.gif") no-repeat right;
	font-size: 12px;
}

.pbt button {
	padding: 0 32px 5px 27px;
	*padding: 0 17px 5px 12px; /* IE7 and below */
	border: none;
	height: 35px;
	color: white;
	background: transparent url("../img/button/pbt1_lft.gif") no-repeat left;
	font-weight: bold;
}

.pbt:hover {
	background-image: url("../img/button/pbt2_rgt.gif");
}

.pbt:hover button {
	background-image: url("../img/button/pbt2_lft.gif");
}

.pbt:active {
	background-image: url("../img/button/pbt3_rgt.gif");
}

.pbt:active button {
	background-image: url("../img/button/pbt3_lft.gif");
}

.pbt.actv {
	background-image: url("../img/button/pbt3_rgt.gif");
}

.pbt.actv button {
	padding: 1px 31px 4px 28px;
	*padding: 1px 16px 4px 13px; /* IE7 and below */
	background-image: url("../img/button/pbt3_lft.gif");
	background-position: 1px 1px\9; /* IE9 and below */
	*background-position: 0; /* IE7 and below */
}

.pbt.actv button:not(:target) {
	background-position: 0\9; /* IE9 */
}

/*　個別表示ボタン　*/
ul.mbt .display_mail a {
	width: 60px;
	height: 20px;
	background: url(../img/button/display_mail_off.gif) no-repeat;
}

ul.mbt .display_mail a:hover,ul.mbt .display_mail a:active {
	background: url(../img/button/display_mail_on.gif) no-repeat;
}

/*　使用ボタン　*/
ul.mbt .use a {
	width: 60px;
	height: 20px;
	background: url(../img/button/use_off.gif) no-repeat;
}

ul.mbt .use a:hover,ul.mbt .use a:active {
	background: url(../img/button/use_on.gif) no-repeat;
}

/*　検索条件呼出し画面へボタン　*/
ul.mbt .invoke_condition a {
	width: 165px;
	height: 20px;
	background: url(../img/button/invoke_condition_off.gif) no-repeat;
}

ul.mbt .invoke_condition a:hover,ul.mbt .invoke_condition a:active {
	background: url(../img/button/invoke_condition_on.gif) no-repeat;
}

/*　前検索画面へボタン　*/
ul.mbt .previous_search a {
	width: 165px;
	height: 20px;
	background: url(../img/button/previous_search_off.gif) no-repeat;
}

ul.mbt .previous_search a:hover,ul.mbt .previous_search a:active {
	background: url(../img/button/previous_search_on.gif) no-repeat;
}

/*　検索結果一覧画面へボタン　*/
ul.mbt .search_result a {
	width: 165px;
	height: 20px;
	background: url(../img/button/search_result_off.gif) no-repeat;
}

ul.mbt .search_result a:hover,ul.mbt .search_result a:active {
	background: url(../img/button/search_result_on.gif) no-repeat;
}

/*　検索条件登録画面へボタン　*/
ul.mbt .register_condition a {
	width: 165px;
	height: 20px;
	background: url(../img/button/register_condition_off.gif) no-repeat;
}

ul.mbt .register_condition a:hover,ul.mbt .register_condition a:active {
	background: url(../img/button/register_condition_on.gif) no-repeat;
}

/*　前の月へボタン　*/
ul.mbt .prev_month a {
	width: 82px;
	height: 20px;
	background: url(../img/button/bt_prev_month_off.gif) no-repeat;
}

ul.mbt .prev_month a:hover,ul.mbt.prev_month a:active {
	background: url(../img/button/bt_prev_month_on.gif) no-repeat;
}

/*　次の月へボタン　*/
ul.mbt .next_month a {
	width: 82px;
	height: 20px;
	background: url(../img/button/bt_next_month_off.gif) no-repeat;
}

ul.mbt .next_month a:hover,ul.mbt.next_month a:active {
	background: url(../img/button/bt_next_month_on.gif) no-repeat;
}

/*　前の週へボタン　*/
ul.mbt .prev_week a {
	width: 82px;
	height: 20px;
	background: url(../img/button/bt_prev_week_off.gif) no-repeat;
}

ul.mbt .prev_week a:hover,ul.mbt.prev_week a:active {
	background: url(../img/button/bt_prev_week_on.gif) no-repeat;
}

/*　次の週へボタン　*/
ul.mbt .next_week a {
	width: 82px;
	height: 20px;
	background: url(../img/button/bt_next_week_off.gif) no-repeat;
}

ul.mbt .next_week a:hover,ul.mbt.next_week a:active {
	background: url(../img/button/bt_next_week_on.gif) no-repeat;
}

/*　前の日へボタン　*/
ul.mbt .prev_day a {
	width: 82px;
	height: 20px;
	background: url(../img/button/bt_prev_day_off.gif) no-repeat;
}

ul.mbt .prev_day a:hover,ul.mbt.prev_day a:active {
	background: url(../img/button/bt_prev_day_on.gif) no-repeat;
}

/*　次の日へボタン　*/
ul.mbt .next_day a {
	width: 82px;
	height: 20px;
	background: url(../img/button/bt_next_day_off.gif) no-repeat;
}

ul.mbt .next_day a:hover,ul.mbt.next_day a:active {
	background: url(../img/button/bt_next_day_on.gif) no-repeat;
}

/*　汎用ボタン　*/
.lbt {
	border: 1px solid rgb(135,145,180);
	display: inline-block;
	height: 18px;
	line-height: 18px;
	background: rgb(248,249,254) url("../img/button/lbt_off_bg.gif") repeat-x bottom;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.lbt a {
	padding: 0 6px;
	display: inline-block;
	color: rgb(54,65,117);
	text-decoration: none;
	white-space: nowrap;
}

.lbt img {
	margin: 0;
	border: none;
}

.lbt:hover {
	border-color: rgb(180,135,135);
	background-color: rgb(254,248,248);
	background-image: url("../img/button/lbt_on_bg.gif");
}

.lbt:hover a {
	color: rgb(117,54,54);
}

.lbt.lft {
	text-align: right;
}

.lbt.lft a {
	padding-left: 21px;
	background: url("../img/button/lbt_lft_off.gif") no-repeat left;
}

.lbt.lft:hover a {
	background-image: url("../img/button/lbt_lft_on.gif");
}

.lbt.rgt {
	text-align: left;
}

.lbt.rgt a {
	padding-right: 21px;
	background: url("../img/button/lbt_rgt_off.gif") no-repeat right;
}

.lbt.rgt:hover a {
	background-image: url("../img/button/lbt_rgt_on.gif");
}


/*　一覧用リンク　*/

ul.link {
	margin: 0;
	padding: 0;
}

ul.link li {
	list-style-type: none;
	float: left;
	margin: 0 3px 0 3px;
	padding: 0;
	text-align: center;
	line-height: 20px;
}

ul.link li a, ul.link li em {
	margin: 0 2px;
}

ul.link li em {
	font-style: normal;
	font-weight: bold;
}

ul.link #imglink {
	font-size: 9px;
	margin: 0 2px;
	padding: 0px;
	float: left;
}

ul.link #imglink em {
	visibility: hidden;
}

ul.link #imglink a {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 55px;
}

/*　ロールオーバー（一覧用リンク）　*/

ul.link .bef a {
	background: url(../img/button/bt_back_off.gif) no-repeat;
}

ul.link .bef a:hover,ul.link .bef a:active {
	background: url(../img/button/bt_back_on.gif) no-repeat;
}

ul.link .next a {
	background: url(../img/button/bt_next_off.gif) no-repeat;
}

ul.link .next a:hover,ul.link .next a:active {
	background: url(../img/button/bt_next_on.gif) no-repeat;
}

/*　テキストリンク（一覧用リンク）　*/

ul.link li a:link {
	text-decoration:none;
	color:#000066;
}

ul.link li a:visited {
	text-decoration:none;
	color:#FF6600;
}

ul.link li a:hover {
	text-decoration:none;
	color:#FF0000;
}

ul.link li a:active {
	text-decoration:none;
	color:#FF0000;
}


/*　個人メール検索画面用スタイル　*/

.navbox {
	margin: 16px auto 0;
	text-align: right;
}

.navbox .lft {
	margin-left: 16px;
	float: left;
}

.navbox .rgt {
	margin-right: 16px;
}

.frmbox {
	text-align: center;
}

.frmbox .frmbox-inner {
	margin: 0 auto;
	display: inline-block;
	/* width: 880px; */
	width: 100%;
}

.frmbox form {
	padding: 10px 20px;
}

.frmbox table {
        margin: 10px 0px;
        padding: 10px 40px;
        border: 1px solid #999;
        background-color: #eee;
        width: 100%;
}

.frmbox th,
.frmbox td {
	white-space: nowrap;
}

.frmbox th {
	width: 120px;
	text-align: right;
}

.frmbox td input {
        width: 100%;
}

.frmbox td.filr {
	width: 16px;
}


/*　カレンダー　*/

.input-with-calendar {
        display: inline-block;
}

.input-with-calendar .yui-panel .bd form {
        clear: left;
}

.input-with-calendar .yui-panel-container .yui-panel .bd {
        padding: 0;
}

.input-with-calendar .yui-panel-container.yui-overlay-hidden table {
        *display: none;
}

.input-with-calendar .bd .yui-calcontainer {
        border: none;
        padding: 1em;
}

.input-with-calendar .yui-calendar .calheader {
        color: #3a3a3a;
        letter-spacing: 0;
}

.input-with-calendar .yui-calendar .calweekdaycell {
        background: transparent;
        letter-spacing: 0;
}


/*　テキストリンク（フッター用リンク）　*/

#footer a:link {
	text-decoration:none;
	color:#FFF;
}

#footer a:visited {
	text-decoration:none;
	color:#919BDC;
}

#footer a:hover {
	text-decoration:none;
	color:#FF6600;
}

#footer a:active {
	text-decoration:none;
	color:#FFCC66;
}


/*　ログイン　*/

#login {
	width: 350px;
	text-align: center;
	background-image: url(../img/login/bg.gif);
	background-repeat: repeat-y;
}