@charset"UTF-8";
/* 共通CSS */

/* html
*********************************** */
html {
	color:#333333;
	background:#ffffff;
    width:100%;
    height:100%;
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
}


/* ボディ
************************************/
body {
	font-family:"ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", sans-serif;
	font-size: 14pt;
	line-height:1.7;
	text-align:center;
	-webkit-text-size-adjust:100%;
	height:100%  !important;
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	width: 100%;	/* 横の幅を100% */
}


/* ヘッダ部
*************************************/
div.title {
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 60px;
	background-color:#ffffff;
}

div.header {
    position: fixed !important;  
    position: absolute;  
    top: 60px;  
    left: 0;  
    width: 100%;  
	background-color:#ffffff;
}

div.area {
    margin-left:auto;
    margin-right:auto;
    padding:0;
    width:600px;
}

/* 明細部
*************************************/
div.body {
    width: 100%;
	height: 100%;  
    padding:0;
    margin:0;
}

/* フッタ部
*************************************/
div.footer {
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 90px;
	background-color:#ffffff;
}

/* フッタ部（値引割引）
*************************************/
div.footer_nebikiwaribiki {
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 136px;
	background-color:#ffffff;
}

/* フッタ部 下部 CopyRigth
*************************************/
div.copyright
{
    position: fixed !important;  
    position: absolute;  
    bottom:0px;
    left:0;
    width:100%;
    height:20px;
	background-color:#000099;
	text-align:right; 
	font-size:9pt; 
	font-weight:bold; 
	color:#ffffff; 
}

/* タイトル
*********************************** */
span.systemtitle {
    font-size: 20pt;
	font-weight:bold;
    color:#000000;
}


/* 区切り線 */
table.systemtitle {
	width:100%;
	border-bottom:  solid 2px #000099;
	text-align:center;
	vertical-align:bottom;
}

/* ダイアログ画面
*********************************************************/
div.dialog {
	font-family:"ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", sans-serif;
	font-size: 12pt;
	-webkit-text-size-adjust:100%;
}

/* ダイアログ画面 テキスト
*********************************** */
input.dialog {
	height:18px;
    font-size: 10pt;
	font-family:"ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", sans-serif;
}

/* ダイアログ画面 セレクトボックス
*********************************** */
select.dialog {
	height:21px;
    font-size: 10pt;
	font-family:"ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", sans-serif;
}

/* ポップアップ画面（ボタン）
*********************************** */
.ui-button-text {
    min-width:100px;
}

/* ボタン
*************************************/
/*オレンジ：処理ボタン*/
button.orange {
    height:40px;
    font-size: 14pt;
	font-family:Arial;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid #f39800;
	text-decoration:none;
	background-color:#f39800;
	color:#ffffff;
	display:inline-block;
	transition:background-color .2s ease-out;
	background-clip:padding-box; /* Fix bleeding */
	border-radius:30px;
	box-shadow:0 1px 0 rgba(0, 0, 0, .3),
							0 2px 2px -1px rgba(0, 0, 0, .5),
                            0 1px 0 rgba(255, 255, 255, .3) inset;   
}
button.orange:hover{
    cursor:pointer;
}

/*オレンジ：処理ボタン*/
button.orange_big {
    height:60px;
    font-size: 16pt;
	font-family:Arial;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid #f39800;
	text-decoration:none;
	background-color:#f39800;
	color:#ffffff;
	display:inline-block;
	transition:background-color .2s ease-out;
	background-clip:padding-box; /* Fix bleeding */
	border-radius:30px;
	box-shadow:0 1px 0 rgba(0, 0, 0, .3),
							0 2px 2px -1px rgba(0, 0, 0, .5),
                            0 1px 0 rgba(255, 255, 255, .3) inset;   
}
button.orange_big:hover{
    cursor:pointer;
}

/* オレンジボタン */
button.mobile_orange{
    height: 50px;
    font-size: 16.25pt;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #f39800;
	/*padding:5px 5px;*/
	text-decoration:none;
	background-color:#f39800;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cc9f52;
	transition:background-color .2s ease-out;
	background-clip:padding-box; /* Fix bleeding */
	border-radius:25px;
	box-shadow:0 1px 0 rgba(0, 0, 0, .3),
							0 2px 2px -1px rgba(0, 0, 0, .5),
							0 1px 0 rgba(255, 255, 255, .3) inset;
}
button.mobile_orange:hover{
    cursor:pointer;
}
button.mobile_orange:active{
	position:relative;
	top:3px;
	outline:none;
    background:#f39800;
	box-shadow:none;
}

button.mobile_orange_disabled{
	height:50px;
	font-size:16.25pt;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #f39800;
	text-decoration:none;
	background-color:#F3E2A9;
	color:#f39800;
	display:inline-block;
	transition:background-color .2s ease-out;
	background-clip:padding-box; /* Fix bleeding */
	border-radius:25px;
    box-shadow:0 1px 0 rgba(0, 0, 0, .3),
							0 2px 2px -1px rgba(0, 0, 0, .5),
							0 1px 0 rgba(255, 255, 255, .3) inset;
	
}
button.mobile_orange_disabled:hover{
}
button.mobile_orange_disabled:active{
	/*position:relative;
	top:3px;
	outline:none;
    background:#f39800;
	box-shadow:none;*/
}

/* 灰色ボタン */
button.gray{
    height:40px;
    font-size: 14pt;
	font-family:Arial;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    border: 1px solid #838383;
	text-decoration:none;
	background-color:#EEEEEE;
	color: black;
	display:inline-block;
	transition:background-color .2s ease-out;
	background-clip:padding-box; /* Fix bleeding */
	border-radius:25px;
	box-shadow:0 1px 0 rgba(0, 0, 0, .3),
							0 2px 2px -1px rgba(0, 0, 0, .5),
							0 1px 0 rgba(255, 255, 255, .3) inset;
}

div.mobile_readonly {
    height:40px;
    background-color:#EEEEEE;
    border: 1px solid #838383;
    padding-left: 3px;
	font-size: 16.25pt;
    float:left;
    overflow-x: hidden; 
    overflow-y: hidden; 
    white-space: nowrap;
}

/* 一覧
*************************************/
table.vlist{
    border-collapse:collapse;
    table-layout:fixed;
    margin-left:5px;
}

table.vlist thead {
    border-collapse:collapse;
    overflow:hidden;
}

table.vlist th {
    color: #ffffff;
    background:#778899;
    border:solid 1px black;
    font-size:14pt;
    height:20px;
    overflow-x: hidden; 
    overflow-y: hidden; 
    padding:0;
    margin:0;
}

table.vlist tbody {
    border-collapse:collapse;
    overflow:hidden;
}

table.vlist td {
    border:solid 1px black;
    line-height: 100%;
    font-size:14pt;
    height:25px;
    overflow-x: hidden; 
    overflow-y: hidden; 
    padding:0;
    margin:0;
}

/* 一覧内容
*************************************/
.listGijutsu {
    color:black;
}

.listTempan {
    color:blue;
}

.listAfter {
    color:red;
}

/* ダイアログ一覧
*************************************/
table.dlist{
    border-collapse:collapse;
    table-layout:fixed;
}

table.dlist tbody {
    overflow-y:auto;
}

table.dlist tbody td {
    text-align:left;
    font-size:14pt;
    height:40px;
    overflow-x: hidden; 
    overflow-y: hidden; 
}

table.dlist tbody tr+tr td {
    border-top:solid 1px gray;
}

button.logout {
	background-color:#f39800;
	border:solid 1px gray;
	color: #fff;
	text-shadow:1px 1px 0px #cc9f52;
    font-size:14pt;
    height:40px;
    width:140px;
}

/* footer ボタン
*************************************/
table.menu {
    border-collapse:collapse;
    table-layout:fixed;
	background-color:#f39800;
	width:100%;
	margin-top: 10px;
}

table.menu td {
	border:solid 1px gray;
	color: #fff;
	text-shadow:1px 1px 0px #cc9f52;

}

/* 偶数行の色 */
tr.even td {
	background:#ecf6fc;
}

/* 奇数行の色 */
tr.odd td {
	background:#ffffff;
}

/* 偶数列の色 */
tr td.even {
	background:#ecf6fc;
}

/* 奇数列の色 */
tr td.odd {
	background:#ffffff;
}

/* 選択行の色 */
tr.select td {
	background:#ffd700;
}

/* 選択列の色 */
tr td.select {
	background:#ffd700;
}


/* フォーマット */
table.password_dialog {
    table-layout:fixed;
    font-size: 14pt;
}
table.password_dialog tr {
    height: 40px
}
table.password_dialog td {
    text-align:left;
}

/* 入力エリア */
input.password {
    height:40px;
    background-color:#FFFF99;
    border: 1px solid #FF8C00;
	font-size: 14pt;
    float:left;
}
input.password:focus {
    height:40px;
    background-color:#ffd700;
    border: 1px solid #FF8C00;
	font-size: 14pt;
    float:left;
}