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

body {
	background-color: #000;
	color: #CCC;
	margin: 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.4;
	font-family: "arial", sans-serif;
}

h1,h2 {
	font-weight: normal;
	color: #F66;
}

a:active  { color: #F00; }
a:visited { color: #F0F; }
a:link    { color: #69F; }
a:hover   { color: #F00; }
ul,li     { text-align: left; }
li        { margin: 0.3em; }
hr        { border: 1px solid #666; }
a img     { border: 0; }

.vertical {
	writing-mode: tb-rl;
	direction: ltr;
	height: 480px;
}

/*--------------------------------------
 タイトル装飾
--------------------------------------*/
.simple { /* シンプル */
	font-weight: normal;
}
.italic { /* 斜体 */
	font-style: Italic;
}
.times { /* 英字１ */
	font-family: "Times New Roman", Times;
}
.comic { /* 英字２ */
	font-family: "Comic Sans MS", Geneva;
}
.underline { /* 下線 */
	border-bottom: 1px solid #CCC;
}
.box1 { /* 飾り枠１ */
	border-top: 1px solid #99F;
	border-bottom: 1px solid #99F;
	padding: 0.3em;
}
.box2 { /* 飾り枠２ */
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1em solid #FFF;
	border-right: 1em solid #FFF;
	padding: 0.3em 0.5em;
}


/*--------------------------------------
 ﾃｰﾌﾞﾙ
--------------------------------------*/
td,th {
	color: #CCC;
	font-size: 80%;
}
.table1 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0 0 1em 0;
}
.table1 th {
	color: #FFF;
	border: 1px solid #999;
	background: #336;
	white-space: nowrap;
	padding: 0.1em 0.5em;
}
.table1 td {
	border: 1px solid #999;
	background: #333;
}

tr.stripe1 td { background-color: #222; }

/*--------------------------------------
 ﾎﾞﾀﾝ
--------------------------------------*/
.button1 {
	width: 100px;
	color: #FFF;
	background-color: #336;
	cursor: hand;
}
.button_s {
	border: 1px outset #CCC;
	color: #FFF;
	background-color: #336;
	cursor: hand;
}
.select1 {
	color: #FFF;
	background-color: #003;
	border: 1px solid #CCC;
}

/*--------------------------------------
 ﾃｷｽﾄﾎﾞｯｸｽ,ﾃｷｽﾄｴﾘｱ,
--------------------------------------*/
.text_box1,
.text_box_s,
.text_box_b {
	width: 160px;
	color: #FFC;
	border: 1px solid #CCC;
	background-color: #003;
}
.text_box_s {
	width: 60px;
}
.text_box_b {
	width: 300px;
}

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


/*--------------------------------------
 ﾒｯｾｰｼﾞ
--------------------------------------*/
.mes {
	width: 80%;
	padding: 0.5em;
	color: #FFF;
	border: 2px solid #CCC;
	background-color: #333;
	margin: 0 0 1em 0;
}

.menu {
	border: 1px solid #F36;
	background-color: #300;
	padding: 0 0.3em;
	margin: 0 0 1em 0;
}