/*
	common.css
*/

/* @charset "UTF-8"; */

body{
	color: #007755;
	background-color: #ffffff;
	padding: 10px;
	margin:  10px;

	line-height: 130%;
}

h1{
	font-size: 150%;
	font-weight: normal;
	text-align: center;

	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}
h2{
	font-size: 130%;
	font-weight: normal;
	text-align: center;

	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;

	color: #0066ff;
}
h3{
	font-size: 110%;
	font-weight: normal;
	text-align: center;

	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;

	color: #0066ff;
}

p{
	width: 40em;

	margin-top: 6px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}

dl{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
dt{
	color: blue;
}
dd{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

table{
	border: solid 2px #cdc;

	margin-top: 0.5em;
	margin-bottom: 0.5em;


	/* centering */
	margin-left: auto;
	margin-right: auto;
}
table table{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

caption{
	font-size: large;
	font-weight: bold;
	color: blue;

	margin-left: auto;
	margin-right: auto;

}

th,td{
	border-style: solid;
	border-width: 1px;
	border-color: #ddd #999 #999 #ddd;


	padding: 3px;
}
th{
	font-size: 1em;

	text-align: center;
	background-color: #ccddcc;
	font-weight: normal;
	white-space: nowrap;
}
td{
	background-color: #e6eaea;
}

strong{
	font-weight: bold;
	font-style: normal;
	color: #3300ff;
}
em{
	color: #0000ff;
	font-style: normal;
}
em.unem{
	font-weight: normal;
	font-size: smaller;
	color: #558877;
}
.unem{
	font-size: smaller;
}
.void{
	color: #558877;
}


address{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: normal;
	text-align: center;
	background-color: #ddffff;

	clear: both;
}

img{
	border: none;
}

a:link{
	color: #009999;
	text-decoration: none;

	padding-bottom: 1px;
	border-style: dashed;
	border-width: 0 0 1px 0;
	border-color: #99ccaa;
}
a:visited{
	color: #33aaaa;
	text-decoration: none;

	padding-bottom: 1px;
	border-style: dashed;
	border-width: 0 0 1px 0;
	border-color: #669999;
}

a:hover{
	color: #336666;

	text-decoration: none;
	border:none;
}
a:active{
	color: #336666;

	text-decoration: none;
	border:none;
}

.site_navi{
	font-size: smaller;
	padding-left: 1em;
	margin: 5px;
}
.site_navi li{
	display: inline;
	padding-left: 0.8em;
	padding-right: 0.8em;
	white-space: nowrap;
}

fieldset{
	width: 670px;
	margin-left: auto;
	margin-right: auto;
}
fieldset fieldset{
	width: auto;
}
fieldset ul{
	text-align: center;
	padding: 2px;
	margin: 0;
}
fieldset ul li{
	display: inline;
	padding: 2px;
}
.help{
	border: solid 1px silver;
	padding-left: 1em;
	padding-right: 1em;

	width: 40em;

	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.help p{
	width: 100%;
}
.help h2{
	text-align: center;
}

.treasure{
	color: #3399cc;
}
.created{
	color: #8877ff;
}
.rare{
	color: #777700;
}
.normal{
	color: #000000;
}

.error{
	color: red;
}
.warn{
	color: red;
}
.uri{
	color: #009999;
}

.clickable{
	color: #00aaaa;
	cursor: pointer;
}

div.clickable{
	border-style: solid;
	border-width: 1px;
	border-color: #ddd #999 #999 #ddd;


	padding: 2px;

	font-size: 1em;

	text-align: center;
	background-color: #ccddcc;
	font-weight: normal;
	white-space: nowrap;
}

.opened{
	
}
.closed{
	display: none;
}

/* 木 */
.a{
	color: #4477dd;
}
/* 火 */
.ra{
	color: #ff3300;
}
/* 土 */
.kya{
	color: #e6c000;
}
/* 金 */
.ba{
	color: #888888;
}

/* 水 */
.ka{
	color: #000000;
}

.win{
	color: #0099ff;
}
.lose{
	color: #ff0000;
}

.skill_a /* active */
{
	color: #996666;
}
.skill_ac /* active/chainable */
{
	color: #3333aa;
}
.skill_p /* passive */
{
	color: #66aa66;
}
.skill_ph /* passive/heal */
{
	color: #33bbbb;
}
.skill_pa /* passive/auto */
{
	color: #999900;
}



td.name{
	font-size: smaller;
	text-align: center;
}
td.list{
	font-size: smaller;
	text-align: left;
	padding-left: 1em;
}