* { margin: 0; padding: 0; font-size:10pt; }

html {
	color: #333333;
	background: #ccf2ff;
	font-family:tahoma, verdana, sans-serif, geneva;
/*	font-family:'ＭＳ ゴシック','MS Gothic', sans-serif, geneva;*///試しに・・
}

/* Links */

a { text-decoration: none; border-bottom: 1px dotted #aaaaaa; }

a:link, a:visited { color: #081626; }

a:hover, a:active { color: #1f3c73; border-bottom-style: solid; }

/* Headings */

h1, h2, h5, h6 { color: #16375c; padding: 0; }
h3, h4 { font-weight: normal; height: 30px; text-align: center; background: #00bfff; color: #fff; margin-bottom: 10px; box-shadow: 2px 2px 5px #4798b3; }

h1 { font-size: 2.0em; font-weight: normal; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.4em; }

h5 { font-size: 1.4em; }

h6 { font-size: 1.0em; font-weight: bold; text-transform: uppercase; }

/* Lists */

ul {
	margin: 0px 35px; 
	line-height: 2.0em;
	list-style-type: square;
}

ol {
	margin: 10px 40px;
	line-height: 2.0em;
}

dl {
	margin: 10px 35px; 
	line-height: 1.7em;
}

dt, dd { padding: 5px 0; }

/* Images */

img { 
	padding: 8px; 
	background-color: #fcfcfc;
	border: 1px solid #cfcfcf; 
}

img:hover { background-color: #f9f9f9; }

/* Other Html Elements */

p {
	margin: 15px 0; 
	line-height: 1.7em;
}

pre { overflow: auto; }

blockquote, pre {
	margin: 20px 35px; 
	padding: 5px 10px; 
	background-color: #f9f9f9;
	border: 1px solid #cfcfcf; 
}

hr {
	height: 1px;
	clear: both;
	visibility: hidden;
}

/* Structure */

body {
	width: 100%;
	margin: 0 auto;
}

#header {
	background: #fff;
	width: 100%;
	min-width: 600px;
	height: auto;
	overflow: hidden;
}

#navigation {
	height: 32px;
	float: right;
	margin-top: 10px;
	margin-bottom: 2px;
}

#wrapper {
	float: left; 
	width: 100%;
	clear: both;
}

#content {
	text-align: left;
/*	padding: 15px 50px;*/
	padding: 1px 10px;
	overflow: hidden;
}

#footer {
	clear: both;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px solid #cfcfcf;
}

/* Header */

#header h1 {
	margin-left: 40px;
	width: 210px;
	float: left;
	position: relative;
	top: 3px;
	color: #fff;
	z-index: 10;
}

#header .decoration-box {
	position: absolute;
	top: 0;
	left: 20px;
	width: 230px;
	height: 48px;
	background: #0099cc;
	box-shadow: 2px 2px 5px #4798b3;
	border-radius: 0 0 10px 10px;
	z-index: 1;
}

/* Navigation */

#navigation ul {
	float: left;
	list-style-type: none;
	margin: 0 10px; 
}

#navigation li {
	float: left;
	margin-right: 3px;
	text-align: center;
	border-bottom: 5px solid #fff;
}

#navigation .navi_item:hover, .navi_item:active { border-color: #00bfff; }
#navigation .navi_item.selected { border-color: #00bfff; }
#navigation .navi_logout:hover, .navi_logout:active { border-color: #a0a8b8; }

#navigation a {
	color: #081626;
	text-decoration: none;
	border-bottom: none;
	display: block;
	padding: 0 10px 0px 10px;
	min-width: 55px;
}

#navigation .line {
	width: 1px;
	height: 25px;
	margin-top: 2px;
	float: left;
	border-left: 1px solid lightgray;
}

/* Sidebar */

#sidenotes, #syndicate {
	padding: 0 20px; 
}

#sidenotes h3 { padding-bottom: 5px; }

#sidenotes dl { margin: 0; padding: 0; }

#sidenotes dt { padding-bottom: 0; }

#sidenotes dd { padding: 2px 0 10px; }

#syndicate h3 { padding-bottom: 0; }

#syndicate ul { margin-top: 5px; }

/* Footer */

#extras {
	float: left;
	width: 100%;
	clear: both;
	background-color: #fcfcfc;
}

#friends, #links, #about {
	float: left;
	padding: 10px; 
}

#friends {
	width: 25%;
}

#links {
	width: 40%;
}

#about {
	width: 25%;
}

#friends ul {
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
}

#friends a {
	display: block;
	margin-top: -1px;
	padding: 5px 8px;
	border-top: 1px dotted #aaaaaa;
}

#friends a:hover, #friends a:active {
	background-color: #ffffff;
	border-bottom-style: dotted;
}

#links dl {
	margin: 0; 
	padding: 5px 0; 
}

#copyright {
	margin: 0;
	padding: 5px 8px;
	background-color: #eeeeee;
}

/* メニュー系 */
#MenuTable {
	background: #fff;
	margin-top: 20px;
	padding: 7px 0 7px 35px;
	width: 510px;
	border: 4px solid #0099cc;
}

#MenuTable tr {
	height: 40px;
}

#MenuTable tr * {
	font-size: 13pt;
	text-align: left;
}

#MenuTable .mark {
	color: #ff0059;
	//color: #00ced1;
}

/* 一覧系  */
table.list {
    border-collapse: collapse;
    word-break:break-all;
    border: solid 1px silver;
}

table.list th, table.list td {
    padding: 0px 0px;
    border: solid 1px silver;
    min-height: 23px;
    height: 34px;
}

table.list th {
    background: #E2EBEE;
    text-align: center;
    color: #551111;
}

table.list td {
	padding: 0 5px;
}

table.list tr {
    background: #fff;
}

table.list tr.line1 {
    background: #fff;
}

table.list tr.line2 {
    background: #f8f8f8;
}

table.list td.button,th.button {
	padding: 2;
}

table.list input {
	padding: 2px 3px 2px 3px;
	margin: 3px 1px 3px 1px;
}

table.list tr.checker {
    background: #FFFF99;
}

.tHeader { text-align: left; }
.tBody { height: auto; overflow-y: scroll; clear: left; border-top: 0px; }

/* 検索条件入力 */
.search_area {
	text-align: left;
	margin-top: 20px;
}

table.search {
	margin: 5px 0;
}

table.search tr {
	height: 25px;
}

table.search th {
	text-align: right;
	vertical-align: middle;
	padding-top: 3px;
	padding-right:10px;
}

table.search td {
	vertical-align: middle;
	padding: 0 25px 0 0;
	text-align: left;
}

table.search input[type="text"] {
	padding: 3px 3px 1px 3px;
}
table.search button,
table.search input[type="submit"],
table.search input[type="button"] {
	width: 85px;
	height: 25px;
	margin-bottom: 0px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	border-style: solid;
	border-width: 2px;
	border-radius: 3px;
	transition: .4s;
	box-shadow: 1px 1px 3px #4798b3;
	cursor: pointer;
}

.label {
	width: 40px;
}

.tikuComboLabel {
	width: 40px;
}

.chainComboLabel {
	width: 60px;
}

.tenpoComboLabel {
	width: 40px;
}

.fntsiz0 {
	font-size:10pt;
}

.fntsiz1 {
	font-size:11pt;
}

.fntsiz2 {
	font-size:12pt;
}

.fntsiz3 {
	font-size:13pt;
}

.fntsiz4 {
	font-size:14pt;
}

/* フッターボタンエリア  */
#buttonArea {
	clear: both;
}

#buttonArea .right {
	float: right;
	margin-left: 20px;
}

#buttonArea .left {
	float: left;
	margin-right: 20px;
}

#buttonArea input[type="submit"],
#buttonArea input[type="button"] {
	width: 100px;
	height: 28px;
	margin-top: 11px;
	margin-bottom: 0px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	border-style: solid;
	border-width: 2px;
	border-radius: 3px;
	transition: .4s;
	box-shadow: 2px 2px 5px #4798b3;
	cursor: pointer;
}

/* マスター画面ボタンエリア  */
#masterButtonArea {
	//clear: both;
}

#masterButtonArea .right {
	float: right;
	margin-left: 20px;
}

#masterButtonArea .left {
	float: left;
	margin-right: 20px;
}

#masterButtonArea input[type="submit"],
#masterButtonArea input[type="button"] {
	width: 100px;
	height: 28px;
	margin-bottom: 10px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	border-style: solid;
	border-width: 2px;
	border-radius: 3px;
	transition: .4s;
	box-shadow: 2px 2px 5px #4798b3;
	cursor: pointer;
}

/* ボタン配色 */
.doColor, .doColor:active { background: #4169e1; color: white; border-color: #4169e1; }
.doColor:hover, .doColor:focus { color: #4169e1; background: #fff; }

.excelColor { background: #3cb371; color: white; border-color: #3cb371; }
.excelColor:hover, .excelColor:focus, .excelColor:active { color: #3cb371; background: #fff; }

.delColor { background: #d70035; color: white; border-color: #d70035; }
.delColor:hover, .delColor:focus, .delColor:active { color: #d70035; background: #fff; }

.delOkiniColor { background: #ffb6c1; color: white; border-color: #ffb6c1; }
.delOkiniColor:hover, .delColor:focus, .delColor:active { color: #ffb6c1; background: #fff; }

.generalColor { background: #9370DB; color: white; border-color: #9370DB; }
.generalColor:hover, .generalColor:focus, .generalColor:active { color: #9370DB; background: #fff; }

/* いろいろ */
.imeon {
	ime-mode:active
}

.imedisabled {
	ime-mode:disabled
}

.input_error {
	background-color: red;
}

.kakunin_error {
	background-color: yellow;
}

.hasDatepicker {
	width: 82px;
	height: 18px;
	padding: 1px 0 0 5px;
}

.ui-datepicker-trigger {
	position: relative;
	top: 5px;
	padding: 0px;
	margin-left: 2px;
	margin-bottom: 1px;
}

.select {
	cursor: pointer;
	padding: 1px 5px 3px 3px;
	color: #333333;
}

.gradation-line {
	width:100vw;
	height:15px;
	position:absolute;
	top:44px;
	left:0;
	background:linear-gradient(to left, #fff, #f9feff, #6bd6fa, #00bfff);
}