/*--------------------------------------
 全体
--------------------------------------*/
html {
	scrollbar-base-color: #000;
	scrollbar-arrow-color: #FFF;
}

h1 {
	padding: 0 1em;
	color: #F00;
	font-size: 28px;
	font-style: Italic;
	font-family: "Times New Roman", Times;
	border-top : 8px solid #06C;
	border-bottom : 3px solid #06C;
	background-color: #336;
	background: url(back1.gif);
}

ul,li     { text-align: left; }
li        { margin: 0.3em; }
hr        { border: 1px solid #666; }
a img     { border: 0; }
.text_small { font-size: 12px; }

/*--------------------------------------
 Indexﾍﾟｰｼﾞ
--------------------------------------*/
.login_list {
	height: 270px;
	width: 540px;
	margin: 1em 0;
	padding: 5px;
	text-align: left;
	border: 3px solid #CCC;
	background-color: #333;
	overflow: auto;
	overflow-y: auto;
}

.login_box {
	margin: 1em;
	padding: 1em;
	border: 3px double #039;
	background: url(back1.gif);
}

.button_login {
	width: 140px;
	height: 30px;
	color: #003;
	font-size: 14px;
	font-weight: bold;
	border: 3px ridge #9CF;
	background-color: #69C;
	cursor: hand;
}

.link1 {
	padding: 0.3em 0.5em;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #333;
	border: 2px solid #CCC;
	text-decoration: none;
	cursor: hand;
}

.footer {
	margin: 0.5em 0;
	padding: 0.5em;
	text-align: center;
	border: 1px solid #CCC;
	background: url(back1.gif);
}

.table2 {
	width: 540px;
	border: 2px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
.table2 td, .table2 th {
	color: #CCC;
	font-size: 80%;
	border: 1px solid #999;
	background: #333;
}




/*--------------------------------------
 ﾃｰﾌﾞﾙ
--------------------------------------*/
.table1 {
	border: 2px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
.table1 th {
	border: 2px solid #999;
	background: #336;
	white-space: nowrap;
}
.table1 td {
	border: 1px solid #999;
	background: #333;
	white-space: nowrap;
}
td,th {
	color: #CCC;
	font-size: 80%;
}
tr.stripe1 td { background-color: #222; }
tr.stripe2 td { background-color: #C00; }


/*--------------------------------------
 ﾎﾞﾀﾝ
--------------------------------------*/
.button1 {
	width: 120px;
	height: 24px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #CCC;
	background-color: #336;
	cursor: hand;
}
.button_s {
	color: #FFF;
	font-size: 14px;
	border: 2px ridge #CCC;
	background-color: #336;
	cursor: hand;
}
.menu1 {
	width: 120px;
	color: #CCC;
	font-size: 14px;
	background-color: #003;
}
.select1 {
	color: #FFF;
	background-color: #003;
}

/*--------------------------------------
 ﾃｷｽﾄﾎﾞｯｸｽ,ﾃｷｽﾄｴﾘｱ,
--------------------------------------*/
.text_box1,
.text_box_s,
.text_box_b {
	width: 120px;
	height: 20px;
	color: #FFC;
	border: 1px solid #FFF;
	background-color: #003;
}
.text_box_s {
	width: 80px;
}
.text_box_b {
	width: 400px;
}

.textarea1 {
	color: #FFF;
	font-size: 90%;
	border: 1px solid #FFF;
	background-color: #003;
}


/*--------------------------------------
 ﾒｯｾｰｼﾞ
--------------------------------------*/
.mes {
	width: 600px;
	padding: 0.5em;
	color: #CCC;
	border: 3px solid #CCC;
}

/*--------------------------------------
 Exp 疲労度などのﾊﾞｰ
--------------------------------------*/
.bar1,.bar2,.bar3,.bar4,.bar5 {
	width: 180px;
	height: 12px;
	border: 1px inset #CCC;
}
.bar1 img,.bar2 img,.bar3 img,.bar4 img,.bar5 img {
	height: 3px;
}

.bar1 { /* 赤 */
	background-color: #633;
}
.bar1 img {
	background-color: #C00;
	border-top: 3px solid #F00;
	border-bottom: 4px solid #900;
}

.bar2 { /* 紫 */
	background-color: #636;
}
.bar2 img {
	background-color: #C0C;
	border-top: 3px solid #F0F;
	border-bottom: 4px solid #909;
}

.bar3 { /* 黄 */
	background-color: #663;
}
.bar3 img {
	background-color: #CC0;
	border-top: 3px solid #FF0;
	border-bottom: 4px solid #990;
}

.bar4 { /* 水 */
	background-color: #366;
}
.bar4 img {
	background-color: #09C;
	border-top: 3px solid #0CF;
	border-bottom: 4px solid #069;
}

.bar5 { /* 緑 */
	background-color: #363;
}
.bar5 img {
	background-color: #0C0;
	border-top: 3px solid #0F0;
	border-bottom: 4px solid #090;
}