html, body {width:100%; height:100%; overflow:hidden;}
body{
	padding:0; margin:0; background-color:#E9E9F9;
	color:#000000; font-size:15px;
	font-family:Arial,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}
#main		{width:100%; height:100%; overflow:auto;}
#footer		{width:98%; padding:3px 0; background-color:#FDF1B6; position:absolute; text-align:center;}
#footer div.footmenu{width:800px;  margin:0 auto;}
#footer ul	{list-style-type:none; margin:0 auto; padding:0;}
#footer li	{background-color:#000000; float:left;}
#footer a	{display:block; margin:0 5px; width:100px; height:20px; background-color:#FFFFFF; white-space:nowrap; text-decoration:none; border-top:1px solid #AAAACC; border-bottom:1px solid #AAAACC; border-left:10px solid #AAAACC; border-right:10px solid #AAAACC;}
#footer li.long a	{width:150px; }
#footer li.long a.achild{position:absolute; width:80px; border-width:1px;}
#footer a:hover		{background-color:#CCEECC; text-decoration:none;}
#footer li div.child{display:none; position:absolute; top:-200px;}

a,a:link,a:visited	{color:#6666FF;}
a:hover				{color:#FF0000;}
a.parent		{cursor:pointer;}
p				{margin:0 0 5px 0;}
p.clear			{clear:both; margin:0;}
hr				{width:650px; border:1px #A5B7CE solid; color:#A5B7CE; text-align:left; margin-left:0px;}
hr.color0		{border-color:#FF0000;}
img				{margin:0; border-style:none;}
.red			{color:#FF0000;}

button			{background-color:#33EEAA; width:130px; padding:3px 0; border:2px #FF6666 outset; cursor:pointer;}
button.close	{margin:auto; display:block;}
button.list		{width:120px;margin-right:5px;}
button.eno		{width:80px; margin-right:5px;}
input.eno		{width:40px; height:15px; border:1px solid #FF6666; margin:0 3px; padding:0px; ime-mode:disabled;}

span.caution	{font-size:110%; color:#FF0000; font-weight:bold;}
span.modify		{color:#F06333; font-weight:bold;}
span.value		{font-size:120%; font-weight:bold; margin:0 5px;}
span.box		{border:1px #000033 solid; padding:0 7px;}
span.actstart	{margin:0 0 0 30px;}
span.atkkind	{font-size:160%; font-weight:bold;}
span.badstate	{background-color:#F0F0AA; margin-right:10px;}
span.atkeffect	{font-size:160%; color:#FF3333; font-weight:bold;}
span.gifteffect	{font-size:160%; color:#6B8E23; font-weight:bold;}
span.giftname	{font-size:130%; font-weight:bold;}
span.atkmiss	{font-size:120%; color:#0088FF; font-weight:bold;}
span.damage		{font-size:120%; font-weight:bold;}
span.stateatk	{margin-left:10px; font-size:110%; color:#FF00FF; font-weight:bold;}
span.stateatk_m	{margin-left:10px; font-size:110%; color:#CC8844; font-weight:bold;}
span.statecure	{margin-left:10px; font-size:110%; color:#FF9900; font-weight:bold;}

span.absorb		{margin-left:10px; font-size:110%; color:#6666FF; font-weight:bold;}
span.action		{font-size:120%; font-weight:bold;}
span.death		{font-size:140%; color:#FF3333; font-weight:bold;}
span.hp_dying	{font-size:110%; color:#FF0000; font-weight:bold;}
span.hp_serious {font-size:110%; color:#CC0055; font-weight:bold;}
span.hp_injury	{font-size:110%; color:#AA0099; font-weight:bold;}
span.hp_good	{font-size:110%; color:#6600AA; font-weight:bold;}
span.hp_perfect	{font-size:110%; color:#0000AA; font-weight:bold;}


#subwindow				{overflow: auto; background-color:#F0F0AA; border:3px #333333 ridge; padding:5px 8px; position:absolute; display:none;}
#subwindow div			{border:1px #333333 ridge; padding:5px 8px; margin:3px;}
#subwindow div.comment	{background-color:#EEEEEE; padding:8px 5px;}
#subwindow div.caption	{background-color:#AADDFF; width:500px; padding:6px 0px;font-size:120%; text-align:center;}
#subwindow div.cos_rank	{background-color:#98fb98; width:488px; padding:3px 6px;}

div.main			{margin:0; padding:30px 20px;}
div.main div		{width:580px; border:2px #333333 ridge; padding:5px 8px; margin:3px 0;}
div.main div div	{width:auto; border:1px #E0E0E0 outset; padding:3px 8px; margin:3px auto;}
div.main div.base	{background-color:#FFFFFF; color:#000099;}
div.main div.prepare0 	{background-color:#F0FFF0;}
div.main div.prepare1 	{background-color:#FFF0F0; margin-left:15px;}
div.main div.unprepare 	{background-color:#FFDDAA;}
div.main div.prepare0 a,div.main div.prepare1 a,div.main div.unprepare a{margin:0 3px; font-weight:bold;}

div.main div.discovery 			{background-color:#FFFFC0;}
div.main div.caution			{background-color:#FF8060; padding:8px; font-size:110%; color:#000066; font-weight:bold;}
div.main div.event 				{background-color:#00FA99;}
div.main div.time				{background-color:#FFFFFF; font-size:120%;}
div.main div.partyname			{padding:10px 8px; background-color:#FFFFFF; font-size:160%; color:#333399;}
div.main div.status				{width:100%; border-style:none; padding:0;}
div.main div.status div div		{background-color:#AAAAFF; border:2px #333333 ridge; margin:0;}
div.main div.status_left		{border-style:none; width:auto; margin:0 5px 5px 0; padding:0; float:left;}
div.main div.status_left div.name{background-color:#6666AA; padding:3px; width:395px;}
div.main div.status_left div.name div{padding:5px 10px; color:#F5F5F5; font-size:125%; font-weight:bold;}
div.main div.status_left table	{margin:0;}
div.main div.status_right		{border-style:none; width:360px; margin:0; padding:0; float:left;}
div.main div.status_right div.profile	{padding:5px; width:356px; text-align:center;}
div.main div.status_right div.profile div{background-color:#F0F0FF; width:auto; border-width:1px; text-align:left;}
div.main div.status_right div.profile div.wordBreak	{word-break:break-all;}
div.main div.status_right div.image{background-color:#AAAAFF; width:250px; height:350px; border:2px #333333 ridge; margin:0; padding:0; text-align:center;}
div.main div.showlink	{background-color:#AAAAFF; width:630px;}
div.main div.skill_type	{background-color:#88CCEE; width:780px;}
div.main div.skill_type div.skill_typetitle{background-color:#FFEE99; width:400px; margin:5px; font-size:120%;}

div.main div.timezone	{background-repeat:no-repeat; width:490px; height:50px; padding:25px 50px; font:bold 280% "‚l‚r –¾’©",serif;}
div.main div.preview	{
background-color:#6F6FB5;
background-image: -webkit-gradient(linear,left top,right bottom,from(#6F6FB5),to(#3333B5));
background-image: linear-gradient(to right bottom,#6F6FB5,#3333B5);
}
div.main div.eventstart	{
background-color:#6FF5B5;
background-image: -webkit-gradient(linear,left top,right bottom,from(#6FF5B5),to(#00A060));
background-image: linear-gradient(to right bottom,#6FF5B5,#00A060);
}
div.main div.startphase	{
background-color:#BBDDEE;
background-image: -webkit-gradient(linear,left top,right bottom,from(#BBDDEE),to(#66DDEE));
background-image: linear-gradient(to right bottom,#BBDDEE,#66DDEE);
}
div.main div.phase1		{
background-color:#AACCFF;
background-image: -webkit-gradient(linear,left top,right bottom,from(#AACCFF),to(#AA66FF));
background-image: linear-gradient(to right bottom,#AACCFF,#AA66FF);
}
div.main div.phase2		{
background-color:#AADDBB;
background-image: -webkit-gradient(linear,left top,right bottom,from(#AADDBB),to(#66DD88));
background-image: linear-gradient(to right bottom,#AADDBB,#66DD88);
}
div.main div.phase3		{
background-color:#FFCCAA;
background-image: -webkit-gradient(linear,left top,right bottom,from(#FFCCAA),to(#FFAA66));
background-image: linear-gradient(to right bottom,#FFCCAA,#FFAA66);
}
div.main div.phase4		{
background-color:#FFFFCC;
background-image: -webkit-gradient(linear,left top,right bottom,from(#FFFFCC),to(#FFFF66));
background-image: linear-gradient(to right bottom,#FFFFCC,#FFFF66);
}
div.main div.phase5		{
background-color:#FFCCCC;
background-image: -webkit-gradient(linear,left top,right bottom,from(#FFCCCC),to(#FF9999));
background-image: linear-gradient(to right bottom,#FFCCCC,#FF9999);
}
div.main div.phase6		{
background-color:#DDDDDD;
background-image: -webkit-gradient(linear,left top,right bottom,from(#DDDDDD),to(#999999));
background-image: linear-gradient(to right bottom,#DDDDDD,#999999);
}
div.main div.continue	{background-color:#FFFFF0; width:490px; padding:25px 50px; font:bold 200% "‚l‚r –¾’©",serif; text-align:right;}
div.main div.caption	{background-color:#AADDFF; width:180px; padding:3px 0px; margin:0 0 1px 30px; font-size:80%; text-align:center;}
div.main div.fieldmap	{background-color:#FFFFCC; width:300px; padding:8px 0px; font-size:120%; font-weight:bold; text-align:center;}
div.main div.showfield	{background-color:#FFFFFF; width:300px; padding:6px 0 6px 10px;}
div.main div.fieldname	{background-color:#FFF0F0; border:1px #333333 double; font-size:150%; text-align:center;}
div.main div.fieldguide	{background-color:#FFFFF0; border:1px #333333 double; padding:10px 8px;}
div.main div.encount	{background-color:#FFFFFF; width:500px;padding:15px 8px; font-size:160%; color:#669933;}
div.main div.declare	{background-color:#B0C0FF; width:450px; margin:0 0 0 50px; font-size:180%; text-align:center;}
div.main div.firstatk	{background-color:#DDBB99;}
div.main div.turnno		{background-color:#66CC99; width:350px; margin:0 0 0 100px; font-weight:bold; font-size:150%; color:#663399; text-align:center; }
div.main div.party0		{background-color:#FFFFFF;}
div.main div.party1		{background-color:#DDDDE0; margin-left:25px;}
div.main div.party0 div.party0	{background-color:transparent; width:auto; border:0; padding:0px; margin:0px;}
div.main div.party1 div.party1	{background-color:transparent; width:auto; border:0; padding:0px; margin:0px;}
div.main div.word		{background-color:#FFEACA; font-weight:bold;}
div.main div.actstart	{background-color:#EEFFEE;}
div.main div.cutin0		{background-color:#FFFFF0; color:#0000AA;}
div.main div.cutin1		{background-color:#DDDDE0; color:#993333;}
div.main div.ready		{background-color:#FFEEEE;}
div.main div.move		{background-color:#99EE66;}
div.main div.obstruct		{background-color:#FFDDCC;}
div.main div.attack		{background-color:#EEEEFF;}
div.main div.attack span.damage	{font-size:180%;}
div.main div.attack div.word	{font-size:120%;}
div.main div.attack div.party1	{margin-left:auto;}
div.main span.absorb span.damage{font-size:120%;}
div.main div.badstate		{background-color:#F0F0AA;}
div.main div.recover		{background-color:#99CCFF;}
div.main div.tpuse		{background-color:#EEFFEE;}
div.main div.wait		{border-style:none; font-size:80%; text-align:right;}
div.main div.ability		{background-color:#A7DEFF;}
div.main div.ability div.ability{background-color:#C0F0FF;}
div.main div.ability span.damage{font-size:140%;}
div.main div.ability div.word	{font-size:120%;}
div.main div.gift		{background-color:#BBFFDD;}
div.main div.trap		{background-color:#AAFFCC; margin-left:15px;}
div.main div.trapeffect	{background-color:#CCFFDD;}
div.main div.stateeffect{background-color:#F0F0AA; margin-left:15px; margin-bottom:20px;}
div.main div.attack div.stateeffect{margin-left:0; margin-bottom:3px;}
div.main div.bonus0			{background-color:#FFB07A; font-size:180%;}
div.main div.bonus1			{background-color:#FFFFE0;}
div.main div.bonus1 div		{border-style:none; margin:0; padding:0 0 0 15px; font-size:90%; color:#FF0000; font-weight:bold;}
div.main div.bonus2			{background-color:#E0FFE0;}
div.main div.energy			{background-color:#FFB0A0; font-weight:bold;}
div.main div.valentine		{width:640px; background-color:#DD5C5C; padding:5px;}

div.main div.paction0		{padding:6px 0; font-size:140%; font-weight:bold; text-align:center;}
div.main span.penalty div.paction0	{background-color:#88BBBB;}
div.main span.penalty div.paction1	{background-color:#A0E0E0;}
div.main span.fieldwork div.paction0{background-color:#BBCCDD;}
div.main span.fieldwork div.paction1{background-color:#CCDDEE;}
div.main span.interval div.paction0	{background-color:#66FFCC;}
div.main span.interval div.paction1	{background-color:#BBFFDD;}
div.main div.eventend		{background-color:#EEFFEE; width:650px; padding:10px 8px; font:bold 160% "‚l‚r –¾’©",serif;}
div.main div.topic					{background-color:#AADDFF; width:300px; padding:6px 0; margin:0 0 3px 20px; font-size:110%; text-align:center;}
div.main div.party_link				{background-color:#AADDFF;}
div.main div.party_link button		{width:100%; height:100px; font-size:180%;}
#subwindow div.mapname				{background-color:#CCCCFF; width:400px;}
#subwindow div.mapfieldname			{background-color:#FFFFFF; width:270px; margin:0px;}

div.main div.listtitle				{background-color:#AAFFBB; width:550px;font-size:160%;}
div.main div#charlist				{border-style:none; width:100%;}
div.main div.enolist				{background-color:#AAAAFF; width:650px;}
div.main div.ranktitle				{background-color:#AADDFF; width:300px; margin-left:50px; font-size:160%; text-align:center;}
div.main div#searchbox				{border-style:none; width:100%;}
div.main div#searchbox div			{background-color:#ADD8E6; width:400px; border-style:ridge; margin:3px 0;font-size:120%;}
div.main div#searchbox span.top10	{color:#FF0000; font-weight:bold;}
div.main div#searchbox span.top100	{color:#00B644; font-weight:bold;}

div.blackback						{background-color:#666666; color:#FFFFFF;}

table			{border:2px #000033 ridge; border-collapse:collapse; background-color:#E0E0F0; font-size:95%;}
td,th			{padding:1px 2px; border:1px #000033 solid; white-space:nowrap;}
th				{font-weight:normal;}
table.icon_action			{width:100%; border-style:none; background-color:transparent; margin:3px 0; font-size:100%;}
table.icon_action td		{border-style:none; padding:0; vertical-align:top; white-space:normal;}
table.icon_action td div	{margin:0px;}
table.icon_action td.icon	{width:60px;}
table.icon_action td.icon_contents	{width:auto; padding-left:10px;}
div.party0 table	{color:#0000AA;}
div.party1 table	{color:#993333;}

table.base td		{padding:1px 2px;}
table.base .color0	{background-color:#AAAAFF;}
table.base .color1	{background-color:#9999FF;}
table.base .color2	{background-color:#6666AA;}
table.base .color3	{background-color:#FFFFAA;}
table.base .party0	{background-color:#FFFFFF;}
table.base .party1	{background-color:#DDDDE0;}
table.base .equip	{background-color:#FF9966;}
table.base .new		{background-color:#EEBB99;}
table.base .divid	{background-color:#6666AA; border-style:none; padding:0;}
table.base tr.divid *{border-style:none; padding:0; height:5px;}
table.base .open	{background-color:#D0D0E0;}
table.base .close	{background-color:#C0C0C0;}
table.base tbody.ability div{background-color:#F0F0FF; width:390px; border:1px #E0E0E0 ridge; padding:2px 5px; margin:2px 0; font-size:90%;}
table.partymember	{border-style:none;}
table.partymember td{border-style:none; background-color:#E9E9F9;}
table.partymember th{ background-color:#CCCCCC; font-size:120%;}

table.map tr		{background-color:#FFFFFF; text-align:center;}
table.map th		{width:20px; height:20px; padding:0;}
table th.unknown	{background-image:url(filter.gif);}
table.maplist		{width:100%; background-color:transparent; border:0px;}
table.maplist td.maplist{border:0px; vertical-align:top; }

tbody.showturn .party0	{background-color:#AAAAFF;}
tbody.showturn .party1	{background-color:#9999FF;}
tbody.showturn .point	{text-align:right;}
tbody.showturn .state	{color:#F0F0B9; font-weight:bold;}
tbody.showturn .enemyhp	{background-color:#FF0000; padding:0px;}
tbody.showturn img		{height:20px;}
table.field				{background-color:#9999AA;}
table.field th			{padding:0;}
table.field th.target		{background-color:#FF0000;}
	tbody.showpos th		{width:35px; height:35px;}
	tbody.showpos td		{background-color:#AAAAFF;padding:0px 3px;}
	tbody.showpos td.element{font-size:130%; padding-left:20px;}
	tbody.showpos th.enemy	{background-color:#CC6666;}
	tbody.target th			{width:25px; height:25px;}
	tbody.target th.attacker{background-color:#00AAFF;}
	tbody.target img		{width:25px; height:25px;}
	tbody.scale th			{width:15px; height:15px;}

table.charlist 			{background-color:#F0F0F0;}
table.charlist .oddcolor{background-color:#FFFFFF;}
table.charlist .focus	{background-color:#AAFFAA;}
table.charlist td		{padding:2px 5px;}
table.charlist a		{font-weight:bold;}

div.main div.buttonlist	{background-color:#AAAAFF; width:550px;}
div.main div.buttonlist button	{width:130px; margin-right:5px;}

.menu		{text-align:center; background-color:#CCCCCC;}
.over		{background-image:url(bar.gif);}
.link,.linkfocus{cursor:pointer;}
span.link	{color:#99FF33; font-weight:bold;}
span.linkfocus{color:#FF0000; font-weight:bold;}
.party0		{color:#0000AA;}
.party1 	{color:#993333;}
.ele0		{color:#A9E9FE;}
.ele1		{color:#FB585A;}
.ele2		{color:#00B644;}
.ele3		{color:#A6FEE4;}
.ele4		{color:#A5B7CE;}
.ele5		{color:#C2FCB4;}
.ele6		{color:#D17B00;}
.ele7		{color:#FBC440;}
.ele8		{color:#FEFEB9;}
.ele9		{color:#D4BCFD;}
.ele10		{color:#D7D5D5;}
.ele11		{color:#FDD5F2;}
.elem0		{background-color:#A9E9FE;}
.elem1		{background-color:#FB585A;}
.elem2		{background-color:#00B644;}
.elem3		{background-color:#A6FEE4;}
.elem4		{background-color:#A5B7CE;}
.elem5		{background-color:#C2FCB4;}
.elem6		{background-color:#D17B00;}
.elem7		{background-color:#FBC440;}
.elem8		{background-color:#FEFEB9;}
.elem9		{background-color:#D4BCFD;}
.elem10		{background-color:#D7D5D5;}
.elem11		{background-color:#FDD5F2;}