body {
	font-family: "¾®ÄÍ¥´¥·¥Ã¥¯ Std R", "Meiryo", "Verdana";
	background: white;
	color: #666666;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	empty-cells: show;
}

td {
	margin : 0;
	padding: 0;
	vertical-align: middle;
	border: 0;
}

th {
	margin : 0;
	padding: 0;
	border: 0;
	background: #778899;
	color: #ffffff;
	vertical-align: middle;
}

p {
	margin: 0;
	padding: 5px;
	line-height: 1.4;
}

a {
	background: transparent;
	color: black;
	font-weight:bold;
	text-decoration: none;
}

a:visited {
	color: black;
}

a:hover {
	color: black;
	text-decoration: underline;
}

th a {
	color: #ffffff;
}

h1, h2, h3, h4, h5 {
	margin: 1px;
	color:#000070;
}

ul {
	text-align: left;
	margin: 2px 2px 2px 15px;
	padding: 2px;
	list-style: square outside;
}

input{
	font-size: 0.9em;
}

select{
	font-size: 0.9em;
}

textarea{
	font-size: 0.9em;
}

.outline {
	background: #ffffff;
	width: 96%;
	margin:auto;
}

.headerlogo {
	background: white;
	width: 640px;
	height: 135px;
	margin: 0;
	padding: 0;
}

.headerbanner {
	background: white;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.headerbar {
	background-color: white;
	font-size: 10pt;
	text-align: right;
	margin: 0;
	padding: 3px 5px;
}

.leftcolumn {
	background: url(images/lb.gif) left repeat-y;
	width: 190px;
	font-size: 0.9em;
	border-right: solid 1px #dddddd;
}

.leftcolumn th {
	background: #778899;
	color: #ffffff;
	font-size: 0.9em;
	vertical-align: middle;
}

.leftblockTitle {
	background: url(images/hbar.gif) repeat-x ;
	color: #4d4d80;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

.leftblockContent {
	margin: 5px 2px 10px 2px;
	padding: 3px;
	line-height: 1.2;
}

.centeroutline {
	margin-bottom: 5px;
	padding: 0px;
}

.centercolumn {
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}

.centercolumn th {
	background: #778899;
	color: #ffffff;
	vertical-align: middle;
}

.centerCcolumn {
	margin: 0px;
	padding:0px;
}

.centerCblockTitle {
	background: url(images/bg.gif);
	color: #4d4d80;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
	padding: 4px 3px 3px 3px;
	border: solid 1px #7a7acc;
	text-align: center;
}

.centerCblockContent {
	margin: 0px;
	padding: 0px;
	line-height: 1.4;
	background-color: white;
	text-align: center;
}
div.centerCblockContentSub {
	width:100%;
	background-color: #cccccc;
}
span.usermenu {
	color: #666666;
	font-weight: bold;
	margin: 0px;
	padding-right:5px;
	padding-left:5px;
}

.centerLcolumn {
	vertical-align: top;
	width: 40%;
	margin 1px;
}
div.newsTab {
	height:30px;
	background: url(images/news.jpg) left no-repeat;
	text-align: right;
}

table.paramSetting {
	border: 0px;
}

table.paramSetting tr th {
	background-color: #cccccc;
	color: #666666;
	text-align: right;
	padding: 3px;
}
table.paramSetting tr td {
	background-color: #eeeeee;
	color: black;
	text-align: left;
	font-weight: bold;
	padding: 3px;
}

.centerLblockTitle {
	background: url(images/bg.gif);
	color: #4d4d80;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	border: solid 1px #7a7acc;
}

.centerLblockContent {
	padding: 8px;
	line-height: 1.4;
	border-right: solid 1px #7a7acc;
	border-bottom: solid 1px #7a7acc;
	border-left: solid 1px #7a7acc;
}

.centerRcolumn {
	vertical-align: top;
	margin 1px;
	width: 60%;
}

.centerRblockTitle {
	background: url(images/bg.gif);
	color: #4d4d80;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	border: solid 1px #7a7acc;
}

.centerRblockContent {
	margin: 0;
	padding: 8px;
	line-height: 1.4;
	border-right: solid 1px #7a7acc;
	border-bottom: solid 1px #7a7acc;
	border-left: solid 1px #7a7acc;
}

.content {
	text-align: left;
	margin: 0;
	padding: 8px;
}

.rightcolumn {
	background: url(images/rb.gif) right repeat-y;
	width: 180px;
	font-size: 0.9em;
	border-left: solid 1px #dddddd;
}

.rightcolumn th {
	background: #778899;
	color: #ffffff;
	font-size: 0.9em;
	vertical-align: middle;
}

.rightblockTitle {
	background: url(images/hbar.gif) repeat-x #ffffff;
	color: #4d4d80;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

.rightblockContent {
	margin: 5px 2px 7px 2px;
	padding: 3px;
	line-height: 1.2;
}

.footerbar {
	color: #cccccc;
	font-size: 120%;
	text-align: center;
	margin: 0px;
	padding: 3px;
}

.footerbar a,
.footerbar a:visited {
	color: #cccccc;
}


.footerbar a:hover {
	color: #cccccc;
	text-decoration:underline overline;
}

input.formButton {}

.item {
	padding: 2px;
	border: 2px solid #cccccc;
}

.itemHead {
	background: white;
	color: #666666;
	margin: 0;
	padding: 3px;
	font-size: 150%;
	text-decoration: underline;
	font-weight: bold;
}

.itemInfo {
	background: white;
	text-align: right;
	margin: 0;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
}

.itemTitle a {
	background: transparent;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
}

.itemTitle a:visited {
	color: #e6e6e6;
}

.itemPoster {
	font-size: 0.9em;
}

.itemPostDate {
	font-size: 0.9em;
}

.itemStats {
	font-size: 0.9em;
}

.itemBody {
	margin: 0;
	font-size: 120%;
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}
.itemData {
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #cccccc;
}
.itemText {
	margin: 6px;
	line-height: 1.5;
}

.itemFoot {
	background: white;
	color: #666666;
	text-align: right;
	margin: 0;
	padding: 0px;
}

.itemAdminLink {
	font-size: 0.9em;
}

.itemPermaLink {
	font-size: 0.9em;
}

td#mainmenu a {
	text-decoration: none;
	margin: 0;
	padding: 2px;
}

td#mainmenu a:visited{
	color:#888888;
}


td#mainmenu a:hover {
	background: #e6e6e6;
	text-decoration: none;
}

td#mainmenu a.menuTop {
	margin: 0;
	padding-left: 3px;
	border-bottom: dotted 1px #7a7acc;
}

td#mainmenu a.menuMain {
	margin: 0;
	padding-left: 3px;
	border-bottom: dotted 1px #7a7acc;
}

td#mainmenu a.menuSub {
	margin: 0;
	padding-left: 9px;
	border-bottom: dotted 1px #7a7acc;
}

td#usermenu a {
	background: #ffffff;
	text-decoration: none;
	margin: 0;
	padding: 2px;
	border-bottom: dotted 1px #7a7acc;
}

td#usermenu a:visited {
	color:#888888;
}

td#usermenu a:hover {
	background: #e6e6e6;
	text-decoration: none;
}
td#usermenu a.menuTop {}

td#usermenu a.highlight {
	background: #ffcccc;
}

.outer {
	border: solid 1px #c0c0c0;
}

.head {
	background: #c2cdd6;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

.even {
	background: #efefef;
	margin: 0;
	padding: 5px;
}

.odd {
	background: #e6e6e6;
	margin: 0;
	padding: 5px;
}

.foot {
	background: #c2cdd6;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

tr.even td {
	background: #efefef;
	margin: 0;
	padding: 5px;
}

tr.odd td {
	background: #e6e6e6;
	margin: 0;
	padding: 5px;
}

div.errorMsg {
	background: #ffcccc;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.confirmMsg {
	background: #ddffdf;
	color: #136c99;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.resultMsg {
	background: #ddddff;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #9999cc;
	border-bottom: solid 1px #9999cc;
	border-left: solid 1px #cccccc;
}

div.xoopsCode, div.xoopsQuote { 
	width:98%;
	height: 100%;
	padding: 0;
}

div.xoopsCode pre {
	border: solid 1px #c0c0c0;
	margin:0;
	overflow:auto;
	padding:0 1em;
	min-height:4em;
	height:auto;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
    background-color:#ffffff;
}
/* for IExplorer */
* html div.xoopsCode pre {
	height:4em;
	height:auto;	/* IE 6.x */
	width:40em;
}

div.xoopsQuote blockquote {
	margin: 0;
	padding: 0 6px 6px 6px;
	border: solid 1px #c0c0c0;
    background-color:#ffffff;
}

.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.comText {
	margin: 0;
	padding: 2px;
	line-height: 1.4;
}

.comUserStat {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight:bold;
	margin: 2px;
	padding: 4px 2px 1px 4px;
	border: solid 1px #c0c0c0;
}

.comUserStatCaption {
	font-weight: normal;
}

.comUserRank {
	margin: 2px;
}

.comUserRankText {
	font-size: 0.8em;
}

.comUserRankImg {
	border: 0;
}

.comUserName {}

.comUserImg {
	margin: 2px;
}

.comDate {
	font-size: smaller;
	font-weight: normal;
}

.comDateCaption {
	font-weight: normal;
}

.comUserStatus {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight: bold;
	margin: 2px;
	padding: 4px 2px 1px 3px;
	border: solid 1px #c0c0c0;
}

th.pubreplays {
	height: 30px;
	background: url(images/publicrep_bg.jpg) left repeat-x;
	background-color:white;
}
th.prireplays {
	height: 30px;
	background: url(images/privaterep_bg.jpg) left repeat-x;
	background-color:white;
}
div.topline {
	width: 100%;
	height: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #33ccff;
}
td.date {
	font-size: 80%;
	padding:1px;
}
td.raceA,
td.playerA {
	font-size: 110%;
	text-align: right;
	padding:1px;
}
td.raceB,
td.playerB {
	font-size: 110%;
	text-align: left;
	padding:1px;
}

td.vs {
	font-size: 80%;
	text-align: center;
	padding:1px;
}
td.wc3map {
	font-size: 80%;
	text-align: center;
	padding:1px;
}
td.dlcount {
	font-size: 80%;
	text-align: right;
	padding:1px;
}

a.dlbutton {
	display:block;
    width : 120px;
    height : 40px;
}
a.bgbutton,
a.ggbutton {
	display:block;
	width: 80px;
	height: 30px;
}
a.dlbutton:active,
a.dlbutton:hover {
	background:url(images/download_big2.gif) center no-repeat;
}
a.ggbutton:active,
a.ggbutton:hover {
	background:url(images/goodgame2.gif) center no-repeat;
}
a.bgbutton:active,
a.bgbutton:hover {
	background:url(images/badgame2.gif) center no-repeat;
}
a.dlbutton:active img,
a.dlbutton:hover img {
	visibility: hidden;
}
a.bgbutton:active img,
a.bgbutton:hover img {
	visibility: hidden;
}
a.ggbutton:active img,
a.ggbutton:hover img {
	visibility: hidden;
}

td.dlbutton {
	padding:2px;
}
a.smalldlbutton {
	display:block;
	width: 50px;
	height: 18px;
}
a.smalldlbutton:active,
a.smalldlbutton:hover {
	background: url(images/download_small2.gif) left no-repeat;
}
a.smalldlbutton:active img,
a.smalldlbutton:hover img {
	visibility: hidden;
}

td.eventname {
	padding:2px;
	text-align: left;
}
td.rating {
	padding:2px;
	text-align: right;
}


table.newsBox {
	border-collapse: collapse;
	empty-cells: show;
}
table.newsBox td.newsBoxLT {
	width:10px;
	height:10px;
	background: url(images/gray_back_sumi_lt.jpg) center no-repeat;
}
table.newsBox td.newsBoxRT {
	width:10px;
	height:10px;
	background: url(images/gray_back_sumi_rt.jpg) center no-repeat;
}
table.newsBox td.newsBoxLB {
	width:10px;
	height:10px;
	background: url(images/gray_back_sumi_lb.jpg) center no-repeat;
}
table.newsBox td.newsBoxRB {
	width:10px;
	height:10px;
	background: url(images/gray_back_sumi_rb.jpg) center no-repeat;
}

table.newsBox td.newsBoxMT {
	height:10px;
	background: url(images/gray_back_naka.jpg) center repeat-x;
}
table.newsBox td.newsBoxMB {
	height:10px;
	background: url(images/gray_back_naka.jpg) center repeat-x;
}
table.newsBox td.newsBoxLM {
	width:10px;
	background: url(images/gray_back_naka.jpg) center repeat-y;
}
table.newsBox td.newsBoxRM {
	width:10px;
	background: url(images/gray_back_naka.jpg) center repeat-y;
}
table.replayheadline {
	border-collapse: collapse;
	empty-cells: show;
}
table.replayBox {
	margin-bottom: 5px;
	border-collapse: collapse;
	empty-cells: show;
}
table.replayBox td.replayBoxLT {
	width:10px;
	height:10px;
	background: url(images/usgray_back_sumi_lt.jpg) center no-repeat;
}
table.replayBox td.replayBoxRT {
	width:10px;
	height:10px;
	background: url(images/usgray_back_sumi_rt.jpg) center no-repeat;
}
table.replayBox td.replayBoxLB {
	width:10px;
	height:10px;
	background: url(images/usgray_back_sumi_lb.jpg) center no-repeat;
}
table.replayBox td.replayBoxRB {
	width:10px;
	height:10px;
	background: url(images/usgray_back_sumi_rb.jpg) center no-repeat;
}

table.replayBox td.replayBoxMT {
	height:10px;
	background: url(images/usgray_back_naka.jpg) center repeat-x;
}
table.replayBox td.replayBoxMB {
	height:10px;
	background: url(images/usgray_back_naka.jpg) center repeat-x;
}
table.replayBox td.replayBoxLM {
	width:10px;
	background: url(images/usgray_back_naka.jpg) center repeat-y;
}
table.replayBox td.replayBoxRM {
	width:10px;
	background: url(images/usgray_back_naka.jpg) center repeat-y;
}
div.commentItem {
	margin:5px;
}
div.commentBody {
	padding-left:10px;
}

div.linkmenu {
	vertical-align: middle;
	float:left;
}
div.loginmenu {
	vertical-align: middle;
	float:right;
}

div.linkmenu table {
	width:auto;
}
div.loginmenu table {
	width:auto;
}
a.login,
a.logout,
a.newuser {
	display:block;
	width : 60px;
	height : 20px;
}
a.news,
a.replays {
	display:block;
	width : 110px;
	height : 20px;
}
a.about {
	display:block;
	width : 145px;
	height : 20px;
}
a.jumptop {
	display:block;
	width : 70px;
	height : 20px;
}

a.login:active,
a.login:hover {
	background:url(images/login2.jpg) center no-repeat;
}
a.logout:active,
a.logout:hover {
	background:url(images/logout2.jpg) center no-repeat;
}
a.newuser:active,
a.newuser:hover {
	background:url(images/newuser2.jpg) center no-repeat;
}
a.news:active,
a.news:hover {
	background:url(images/news2.jpg) center no-repeat;
}
a.replays:active,
a.replays:hover {
	background:url(images/replay2.jpg) center no-repeat;
}
a.about:active,
a.about:hover {
	background:url(images/site2.jpg) center no-repeat;
}
a.jumptop:active,
a.jumptop:hover {
	background:url(images/top2.jpg) center no-repeat;
}
a.replaysearch:active,
a.replaysearch:hover {
	background:url(images/replaysearch2.jpg) center no-repeat;
}
a.guide:active,
a.guide:hover {
	background:url(images/guide2.jpg) center no-repeat;
}
a.login:active img,
a.login:hover img {
	visibility: hidden;
}
a.logout:active img,
a.logout:hover img {
	visibility: hidden;
}
a.newuser:active img,
a.newuser:hover img {
	visibility: hidden;
}
a.news:active img,
a.news:hover img {
	visibility: hidden;
}
a.replays:active img,
a.replays:hover img {
	visibility: hidden;
}
a.about:active img,
a.about:hover img {
	visibility: hidden;
}
a.jumptop:active img,
a.jumptop:hover img {
	visibility: hidden;
}
a.replaysearch:active img,
a.replaysearch:hover img {
	visibility: hidden;
}
a.guide:active img,
a.guide:hover img {
	visibility: hidden;
}

p.qsentence {
	border: 1px solid #000000;
	background-color: #ddffff;
	font-style: italic;
}