@charset "utf-8";
body,h1,h2,h3,h4,h5,div,p,span,table,caption,tbody,tr,th,td,dl,dt,dd,ol,ul,li,form {
	font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:13px;
	margin:0px;
	padding:0px;
}

body {
	text-align:center;
	background-color:#efefef;
	padding:0px 0px 50px 0px;
}
#header {
	width:100%;
	background-color:#fff;
	height:115px;
	border-bottom:4px solid #1d80e2;
}
#header .contents {
	//width:900px;
	margin:0px auto;
	text-align:left;
	height:100px;
	position:relative;
}
#header .contents #sysloginLogo {
	position:absolute;
	left: 0px;
	top: 25px;
}

#header .contents #loginLogo {
	position:absolute;
    left: 0px;
    top: 60px;
    width: 300px;
}
#header .contents #headerLinks {
	position:absolute;
	right:0px;
	top:3px;
}
#header .contents #userName {
	position:absolute;
	right:10px;
	top:48px;
	text-align:right;
	
}
/* main */
#main {
	width:100%;
	text-align:center;
}
#main .contents {
	width:900px;
	margin:0px auto;
	padding:0px 15px 15px 15px;
}

/* object1 */
#main .contents .object1 {
	width:900px;
	height:auto;
	background-color:#fff;
}
#main .contents .object1 .title {
	width:900px;
	height:39px;
	line-height:39px;
	border-bottom:2px solid #1d80e2;
	text-align:left;
	background:url('../img/bar900.png');
}
#main .contents  .title div {
	margin:0px 10px;
	font-weight:bold;
	font-size:15px;
}
#main .contents .object1 .border .list {
    min-height: 100px;
	text-align:left;
	margin:0px auto;
	background-color:#fff;
	padding:10px;
	border:1px solid #ccc;
}
#main .contents .object1 .rows {
	border-bottom:1px dotted #666;
	padding-bottom:10px;
	margin-bottom:10px;
}
#main .contents .object1 .hinmoku {
	font-size:17px;
	margin-bottom:3px;
	font-weight:bold;
	width:400px;
}
#main .contents .object1 .last {
	border-bottom:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}
#main .contents .object1 .liveItems th {
	text-align:left;
}
#main .contents .object1 .liveItems td {
	padding:0px 2px 2px 7px;
	text-align:left;
}
#main .contents .object1 .progressTable td {
	padding:0px 6px;
}
#main .contents .object1 .progressTable .now {
	border-bottom:2px solid #3366cc;
	font-weight:bold;
	color:#3366cc;
}

/* object2 */
#main .contents .object2 {
	width:900px;
	height:auto;
	background-color:#fff;
	margin-top:15px;
}
#main .contents .object2 .title {
	width:900px;
	height:39px;
	line-height:39px;
	border-bottom:2px solid #1d80e2;
	text-align:left;
	background:url('../img/bar900.png');
}
#main .contents .object2 .border .list {
	height:200px;
	text-align:left;
	padding:10px;
	overflow-x:hidden;
	overflow-y:scroll;
	background-color:#fff;
	margin:0px auto;
	border:1px solid #ccc;
}
#main .contents .object2 .list * {
	font-size:12px;
}
#main .contents .object2 .rows {
	border-bottom:1px dotted #666;
	padding-bottom:10px;
	margin-bottom:10px;
}

/* object3 */
#main .contents .object3 {
	width:900px;
	height:auto;
	background-color:#fff;
	margin-top:15px;
}
#main .contents .object3 .list * {
	font-size:12px;
}
#main .contents .object3 .title {
	width:898px;
	height:39px;
	line-height:39px;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	background-color:#fffdba;
	border:1px solid #ccc;
	border-bottom:2px solid #1d80e2;
}
#main .contents .object3 .border .list {
	height:150px;
	text-align:left;
	padding:10px;
	overflow-x:hidden;
	overflow-y:scroll;
	background-color:#fff;
	margin:0px auto;
	border:1px solid #ccc;
}
#main .contents .object3 .rows {
	border-bottom:1px dotted #666;
	padding-bottom:10px;
	margin-bottom:10px;
}
#main .contents .object3 .tabs,
#main .contents .object4 .tabs {
	float:left;
	padding:5px 10px;
	width:100px;
	border-left:1px solid #ccc;
	cursor:pointer;
	background-color:#fee7dc;
	text-decoration:underline;
}
/* object4 */
#main .contents .object4 {
	width:900px;
	height:auto;
	background-color:#fff;
	margin-top:15px;
}
#main .contents .object4 .title {
	width:900px;
	height:39px;
	line-height:39px;
	text-align:left;
	background-color:#d5fbf6;
	border:1px solid #ccc;
	border-bottom:2px solid #1d80e2;
}
#main .contents .object4 .border .list {
	height:250px;
	text-align:left;
	padding:10px;
	overflow-x:hidden;
	overflow-y:scroll;
	background-color:#fff;
	margin:0px auto;
	border:1px solid #ccc;
}
#main .contents .object4 .list {
	height:150px;
	text-align:left;
	padding:10px;
	overflow-x:hidden;
	overflow-y:scroll;
}
#main .contents .object4 .list * {
	font-size:12px;
}
#main .contents .object4 .rows {
	border-bottom:1px dotted #666;
	padding-bottom:10px;
	margin-bottom:10px;
}







/* パンクズ */
#pankuzu {
	width:900px;
	margin:8px auto;
	text-align:left;
}

/* フッター */
#footer {
	width:900px;
	margin:50px auto 0px auto;
}

/* 404 */
#notFound404 {
	font-size:24px;
	margin:50px 0px;
}
/* 500 */
#internalServerError500 {
	font-size:24px;
	margin:50px 0px;
}

/* クラス */
.error-message {
	color:red;
}
.disabledColor {
	color:#999;
}
.colorRed {
	color:red;
}
.marginTop10 {
	margin-top:10px;
}
.marginTop15 {
	margin-top:15px;
}
.marginTop20 {
	margin-top:20px;
}
.widthAuto {
	width:auto;
}
.width40 {
	width:100px;
}
.width50 {
	width:100px;
}
.width60 {
	width:100px;
}
.width70 {
	width:100px;
}
.width80 {
	width:100px;
}
.width90 {
	width:100px;
}
.width100 {
	width:100px;
}
.width200 {
	width:200px;
}
.width300 {
	width:300px;
}
.width400 {
	width:400px;
}
.width500 {
	width:500px;
}
.width600 {
	width:600px;
}
.width700 {
	width:700px;
}
.width800 {
	width:800px;
}
.width900 {
	width:900px;
}
.heightAuto {
	height:auto;
}
.height300 {
	height:300px;
}
.height400 {
	height:400px;
}
.height500 {
	height:500px;
}
.overflowxhidden {
	overflow-x:hidden;
}
.overflowyscroll {
	overflow-y:scroll;
}
.border0 {
	border:0px;
}
.fontSize11 * {
	font-size:11px;
}
.fontSize12 * {
	font-size:12px;
}
.fontSize13 {
	font-size:13px;
}
.fontSize14 {
	font-size:14px;
}
.fontSize15 {
	font-size:15px;
}
.fontSize16 {
	font-size:16px;
}
.fontSize17 {
	font-size:17px;
}
.fontSize18 {
	font-size:18px;
}
.fontSize19 {
	font-size:19px;
}
.fontSize20 {
	font-size:20px;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.floatClear {
	clear:both
}
.textAlignLeft {
	text-align:left;
}
.textAlignRIght {
	text-align:right;
}
.textAlignCenter {
	text-align:center;
}
.tbl1 {
	width:auto;
	margin:20px 0px;
	border-collapse: collapse; 
}
.tbl1 caption {
	text-align:left;
}
.tbl1 th {
	border:1px solid #666;
	padding:5px;
	font-weight:normal;
}
.tbl1 td {
	border:1px solid #666;
	padding:5px;
}
.error{
	color:red;
	padding:15px;
}
.error_area{
    margin: 10px 0px;
    padding: 20px;
    border: 1px solid #666;
    
	background-color:#EEEEEE;
}

.rows-table{
	width:100%;
}

.rows-table th,.rows-table td{
	width:50%;
	padding:10px;
}
.rows-table td{
	text-align:right;
}