@charset "UTF-8";

body {
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(http://www.seven-wonder.jp/sw01/img/tp_bgin.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	color: #56341D;
	font-size:x-small;
	SCROLLBAR-FACE-COLOR: #FFE3AC;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFDF9;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFDF9;
	SCROLLBAR-SHADOW-COLOR: #FF6600;
	SCROLLBAR-3DLIGHT-COLOR: #FF6600;
	SCROLLBAR-ARROW-COLOR: #FF6600;
	background-attachment: fixed;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
}

/* ���[���� */
input.submit {
	background: #ff9933;
	border-top:    solid 1px #fffdf9;
	border-left:   solid 1px #fffdf9;
	border-right:  solid 1px #a04000;
	border-bottom: solid 1px #a04000;
	outline: solid 1px #a04000;
	color: #680f00;
}

.back {
	font-weight: bold;
	color: #ff3333!important;
	text-decoration: none!important;
}

div.voteName {
	width: 600px;
	background: #ffeecc;
	margin:  0;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #ee6600;
}
div.voteName span { font-size: 19px; }



/* ���[ؽ�
----------------------------------------------- */
table.list {
	border-collapse: separate;
	background: #996633;
	border:  solid 5px #996633;
	border-spacing: 1px;
	margin:  0;
	padding: 0;
}

/* th */
table.list tr.list_th {
	background: #ff9933;
	margin:  0;
	padding: 5px;
	color: #ffffff;
}

/* td */
table.list td {
	text-align: center;
	vertical-align: middle;
	background-image: url(img/icimatu.gif);
	border-bottom: solid 1px #996633;
	margin:  0;
	padding: 5px;
}

/* ���� */
table.list td.level {
	font-weight: bold;
	background-image: none;
	color: #000000;
}

/* �߰��� */
table.list td.percent { background: #ffffff; }

/* ؽē�÷�� */
table.list td p {
	background: #ffffff;
	margin:  0;
	padding: 0;
	font-weight: bold;
	color: #ff6600;
}


/* �߰���
----------------------------------------------- */
div.percentVote {
	text-align: left;
	background: #ffffee;
	border-top:    solid 1px #cc9933;
	border-bottom: solid 1px #cc9933;
	width:  220px;
	height: 26px;
	margin:  3px 0;
	padding: 2px 0;
}
div.pVote {
	background: #ff7766;
	height: 26px;
}
div.percentComment {
	text-align: left;
	background: #eeffee;
	border-top:    solid 1px #33cc99;
	border-bottom: solid 1px #33cc99;
	width:  220px;
	height: 26px;
	margin:  3px 0;
	padding: 2px 0;
}
div.pComment {
	background: #33cc44;
	height: 26px;
}



/* ���ʕ�color
----------------------------------------------- */

tr.c00 { background: #dddddd; }
tr.c01 { background: #ffeebb; }
tr.c02 { background: #ffcccc; }
tr.c03 { background: #ffcccc; }
tr.c04 { background: #ffcc99; }
tr.c05 { background: #ffcc99; }
tr.c06 { background: #b3e7ff; }
tr.c07 { background: #b3e7ff; }
tr.c08 { background: #b3e7ff; }
tr.c09 { background: #99cccc; }
tr.c10 { background: #99cccc; }
tr.c11 { background: #99cccc; }
tr.c12 { background: #99cccc; }
tr.c13 { background: #cccccc; }
tr.c14 { background: #cccccc; }



/* �����è
----------------------------------------------- */

table.property {
	border-collapse: separate;
	background: #ffffff;
	border:  dashed 2px #996633;
	border-spacing: 2px;
	margin:  5px;
	padding: 5px;
}

table.property th {
	background: #ff9933;
	color: #ffffff;
	margin:  0;
	padding: 3px;
}

table.property td {
	text-align: center;
	background: #ffdd97;
	margin:  0;
	padding: 3px;
}

table.property td.comment { text-align: left; }
table.property td.comment b { color: #ff6600; }



/* ���[�߰��
----------------------------------------------- */

table.votePage {
	border-collapse: separate;
	background: #ffffff;
	border:  dashed 2px #996633;
	border-spacing: 2px;
	margin:  5px;
	padding: 5px;
}

table.votePage th {
	width: 130px;
	background-color: #fbf3ce;
	margin:  0;
	padding: 10px;
}

/* ��÷�� */
table.votePage th p {
	background: #ffffff;
	margin:  0;
	padding: 0;
	font-weight: bold;
	color: #ff6600;
}

table.votePage td {
	width: 300px;
	background-color: #ffffdd;
	margin:  0;
	padding: 10px;
	line-height: 1.5em;
	color: #3399cc;
}
table.votePage td b {
	font-weight: bold;
	color: #ff6600;
}
table.votePage input { width: 300px; }


/* ���������߰��
----------------------------------------------- */

table.cheer {
	border-collapse: separate;
	background: #ffffff;
	margin:  5px;
	padding: 5px;
}

table.cheer th {
	width: 130px;
	margin:  0;
	padding: 10px;
}

table.cheer td {
	width: 400px;
	margin:  0;
	padding: 10px;
}


table.status {
	border-collapse: separate;
	border-spacing: 1px;
	border:  dashed 2px #996633;
	text-align: center;
	margin:  0;
	padding: 3px;
}

table.status th {
	text-align: center;
	background: #ff9933; 
	color: #ffffff;
	margin:  0;
	padding: 4px;
}

table.status td {
	text-align: center;
	background: #ffdd97; 
	margin:  0;
	padding: 4px;
}


table.comment {
	border-collapse: separate;
	border-spacing: 0;
	margin:  20px 0 0 0;
	padding: 0;
}

td.date {
	width: 110px;
	text-align: center;
	background: #ddddee;
	margin:  0;
	padding: 5px;
	line-height: 1.5em;
}

td.date a {
	color: #ff0000;
	text-decoration: none;
}


td.com {
	width: 500px;
	margin:  0;
	padding: 0;
}
td.com ul {
	list-style: none;
	text-align: center;
	margin:  0;
	padding: 0;
}
td.com ul li {
	background: #ffffff;
	border-bottom: dashed 2px #cccccc;
	text-align: left;
	margin:  0 5px 0 0;
	padding: 5px;
	color: #993333;
}
td.com ul li.header {
	background: #ffffdd;
	color: #cc3333;
}
td.com ul li p {
	margin:  0;
	padding: 3px 0 0 0;
	font-size: 11px;
	color: #999999;
}


/* ײ���޲�
----------------------------------------------- */
div.live {
	width:575px;
	background: url(img/waku01_bg.jpg) repeat-y;
	line-height: 1.5em;
}

div.live b {
	font-weight: bold;
	color: #ff6666;
}


div.live p.date {
	margin:  0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #ff6666;
}

div.live p.char {
	margin:  0 0 5px 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #ee6633;
}

div.live p.voice {
	margin:  0;
	padding: 0;
	font-size: 17px;
	color: #663333;
	line-height: 1.5em;
}

div.live .red  { color: #ee3333; }
div.live .blue { color: #3333ee; }
div.live span.level {
	font-weight: bold;
	font-size: 19px;
	color: #ee6666;
}
div.live span.rank {
	font-weight: bold;
	font-size: 14px;
	color: #ee9966;
}