/*デバッグ用：各要素が必ず線で囲まれて、背景を白で塗りつぶされる*/
/*
*	{
	border: solid 1px;
	background-color: #ffffff; 
}
*/
main{
	text-align:center;
}
main p{
	text-indent: 0;
}
.all_result_container{
	display: flex;
	width: 400px;
	max-width: 95%;
	margin: auto;
	flex-flow: row wrap;
	justify-content: center;
}
.result_contianer{
	width: 95%;
	border: black;
	border-style: solid;
	margin: 20px 10px 10px;
	background: #FFF;
	border-radius: 0.5em;
	color: #000;
}
pre{
	text-align: left;
}
.result_label{
	text-align: left;
    position: relative;
    bottom: 0.8em;
    left: 1em;
    margin: auto;
    padding:0.1em;
    max-width: 80%;
    display: inline-block;
    float:left;
    background-color: white;
	border-spacing: 0;
}
.result_table{
	width:280px;
	border-spacing: 0;
}
.result_table td{
	padding:3px;
}
.bodystatline:nth-child(odd){
	background: #F0F0F0;
}
.ability_table{
	width:120px;
}
.small{
	font-size:80%;
}
table{
	font-size:80%;
	margin-bottom: auto;
}
.warn_stat{
	color:#ff6c00;
}
.aware_stat{
	color:#8a5300;
}
.danger_stat{
	color:red;
}
.good_stat{
	color:#04a252;
}
.great_stat{
	color:#00d0ff;
}
.safe_stat{
	color:#0000007d;
}
.effect_stat{
	color:#660066;
}
.ability_name_cell{
	text-align:right;
	vertical-align: top;
	width : 5em;
	font-weight: bolder;
}
.ability_status_cell{

}

.part_name_cell{
	width : 4.5em;
	text-align:right;
	vertical-align: top;
}
.part_status_cell{
	text-align:left;
	vertical-align: top;
}

.damage_status{
	display:block;
	flex-grow: 5; 
}
.bleed_status{
	display:block;

}
.char_name{
	font-weight:bold;
}