@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http: //cakephp.org)
 * Copyright 2005-2010, Cake Software Foundation, Inc. (http: //cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2010, Cake Software Foundation, Inc. (http: //cakefoundation.org)
 * @link          http: //cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http: //www.opensource.org/licenses/mit-license.php)
 */

* {
	margin: 0px;
	padding: 0px;
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	zoom: 1;
}
html {
	border: none;
	min-width: 960px;
	min-height: 600px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/** General Style Info **/
body {
	border: none;
	min-width: 960px;
	max-width: 100%;
	min-height: 600px;
	max-height: 100%;
	background: Gray;
	color: #fff;
	font-family: "MS Gothic", monospace;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#D3D3D3), to(#fff));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #D3D3D3, #fff);
	/* For Internet Explorer 10 (CSS3)*/
	background: linear-gradient(to bottom, LightGrey, #FFFFFFFF);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D3D3D3, endColorstr=#FFFFFFFF);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D3D3D3, endColorstr=#FFFFFFFF)";
}

input {
	border: solid 1px #696969;
}

input[type="text"], input[type="password"] {
	padding: 2px;
	background-color: #FFFFFF;
}

input[type="button"], input[type="submit"] {
	padding: 2px;
	cursor: pointer;
	overflow: visible;
}
input[type="checkbox"], input[type="radio"] {
	border-style: none;
}

a.button {
	padding: 2px;
	overflow: visible;
    height: 14px;
    text-decoration: none;
    vertical-align: middle;
    color: #000 !important;
}
button {
	border: solid 1px #696969;
	padding: 2px;
	cursor: pointer;
	overflow: visible;
}

textarea {
	padding: 2px;
	border: solid 1px #696969;
	background-color: #FFFFFF;
}

select {
	padding: 1px 0px 1px 0px;
	cursor: pointer;
    border: solid 1px #696969;
}


table {
	border-collapse: collapse;
	border: 0px;
}

td {
	white-space: nowrap;
}

a:link, a:visited {
	color: #0000cd;
	text-decoration: none;
}

a:hover {
	background-color: #FFDEAD;
	cursor: pointer;
}

#container {
	min-width: 958px;
	max-width: 100%;
	min-height: 600px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	border-left: solid 1px #A9A9A9;
	border-right: solid 1px #A9A9A9;
	overflow: hidden;
}

/** タイトル部 **/
#title {
	height: 28px;
	padding-top: 8px;
	text-align: center;
	font-family: "MS Gothic", monospace;
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 1px #A9A9A9;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(DarkBlue), to(Blue));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, DarkBlue, Blue);
	/* For Internet Explorer 10 (CSS3)*/
	background: linear-gradient(to bottom, DarkBlue, Blue);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=DarkBlue, endColorstr=Blue);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=DarkBlue, endColorstr=Blue)";
}


/** ヘッダ部（TOPメニュー等）**/
#header {
	height: 32px;
	overflow: hidden;
	color: #FFFFFF;
	background-color: #000000;
	font-family: "MS Gothic", monospace;
	font-size: 16px;
	border-bottom: solid 1px #A9A9A9;
}
#header .loginuser {
	margin-top: 7px;
	margin-left: 4px;
	margin-right: 4px;
	vertical-align: middle;
	float: right;
}



/** コンテンツ部 **/
#content {
	color: #000000;
	background-color: WhiteSmoke;
	background-image: url("../img/tile.png")
}

/** フッタ部 **/
#footer {
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	font-family: "MS Gothic", monospace;
	font-size: 12px;
	border-top: solid 1px #A9A9A9;
}


/**
 *
 * フォント定義
 *
 */
.font1 {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 12px;
	ime-mode: inactive;
}
.font1P {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 12px;
	ime-mode: inactive;
}
.font2 {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 16px;
	ime-mode: inactive;
}
.font2P {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 20px;
	ime-mode: inactive;
}
.font3 {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 20px;
	ime-mode: inactive;
}
.font3P {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 20px;
	ime-mode: inactive;
}
.font1B {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 12px;
	font-weight: bold;
	ime-mode: inactive;
}
.font2B {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 16px;
	font-weight: bold;
	ime-mode: inactive;
}
.font3B {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 20px;
	font-weight: bold;
	ime-mode: inactive;
}
.ascii1 {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 12px;
	ime-mode: disabled;
}
.ascii2 {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 16px;
	ime-mode: disabled;
}
.ascii3 {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 20px;
	ime-mode: disabled;
}
.ascii1R {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 12px;
	text-align: right;
	ime-mode: disabled;
}
.ascii2R {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 16px;
	text-align: right;
	ime-mode: disabled;
}
.ascii3R {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 20px;
	text-align: right;
	ime-mode: disabled;
}
.ascii1B {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 12px;
	font-weight: bold;
	ime-mode: disabled;
}
.ascii2B {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 16px;
	font-weight: bold;
	ime-mode: disabled;
}
.ascii3B {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 20px;
	font-weight: bold;
	ime-mode: disabled;
}
.ascii1RB {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	ime-mode: disabled;
}
.ascii2RB {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	ime-mode: disabled;
}
.ascii3RB {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	ime-mode: disabled;
}
.kanji1 {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 12px;
	ime-mode: active;
}
.kanji2 {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 16px;
	ime-mode: active;
}
.kanji3 {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 20px;
	ime-mode: active;
}
.kanji1B {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 12px;
	font-weight: bold;
	ime-mode: active;
}
.kanji2B {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 16px;
	font-weight: bold;
	ime-mode: active;
}
.kanji3B {
	font-family: 'ＭＳ ゴシック', "MS Gothic", monospace;
	font-size: 20px;
	font-weight: bold;
	ime-mode: active;
}
.kanji1P {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 12px;
	ime-mode: active;
}
.kanji2P {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	ime-mode: active;
}
.kanji3P {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 20px;
	ime-mode: active;
}

.kanji1PB {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 12px;
	font-weight: bold;
	ime-mode: active;
}
.kanji2PB {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-weight: bold;
	ime-mode: active;
}
.kanji3PB {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 20px;
	font-weight: bold;
	ime-mode: active;
}

/** エラー項目**/
.form-error {
	background-color: #FFFF00 !important;
}

/** エラーメッセージ**/
.error-message {
	font-weight: bold !important;
	color: red !important;
	margin-left: 8px;
}

/**
 *
 * 画面項目のデザイン
 *
 */

/** コンテンツタイトル **/
.contenttitle {
	margin: 8px;
	font-size: 24px;
	font-weight: bold;
}

/** 項目のタイトル **/
.itemCaption {
	padding: 3px;
	color: #FFFFFF;
	background-color: #191970;
	border:inset 2px #A9A9A9;
}
/** 項目コンテンツ部 **/
.itemContent {
	padding: 3px;
	color: #000000;
	background-color: #FFFFFF;
	border:inset 2px #A9A9A9;
}

/** 削除データ（打刻データ等） **/
.delete {
	color: #FF0000;
	text-decoration: line-through;
}
/** 抹消線のみ **/
.lineThrough {
    text-decoration:line-through;
}
.inlineBlock {
	display: inline-block;
/*	*display: inline;
	*zoom: 1;*/
	display: inline\9;
	zoom: 1\9;
}
.cellBlock {
    display: table-cell;
    vertical-align: middle;
	display: inline\9;
	zoom: 1\9;
}

.comment {
	margin-top: 4px;
	color: #800000;
	font-size: 10px;
}

input[type="text"].adCalendar {
	size: 12em;
}
input[type="text"].jpCalendar {
	size: 10em;
}

img.ui-datepicker-trigger {
    border: 1px solid dimgray;
    vertical-align: middle;
}

table.layout-table>*>*>td {
    border: none !important;
    border-collapse: collapse !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}

.textDate {
    vertical-align: middle;
}

.break-word {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}


/*jQuery UI スタイル調整*/
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: auto;}


tr.dataRow { background-color: white !important; }
tr.dataRow:hover { background-color: #FFDEAD !important; }
tr.dataRow:hover { cursor: pointer !important; }

tr.dataRow > td { background-color: transparent !important; }


.word-break {
    white-space: normal;
    word-break: break-all;
}

.select-sections-dialog-check-all-button {
    position: absolute;
    left: 8px;
}
.select-sections-dialog-clear-all-button {
    position: absolute;
    left: 82px;
}

.EvenRowColor {
    background-color: #E8E8E8 !important;
}

.hidden {
    display: none;
}