@charset "utf-8";
/* CSS Document */

.floatLeft { float: left; }
.floatRight { float: right; }

.ml10px { margin-left: 10px; }
.ml60px { margin-left: 60px; }

/* 矢印 */
.arrowbox {
	text-align: center;
	margin: 10px 0;
}

.attentionTxt{
	color: #ff6666;
}


#pet, #cutepet, #homunculus { margin-bottom: 20px; }
#pet h4.ttl, #cutepet h4.ttl, #homunculus h4.ttl { margin-top: 0; }

#cutepet table { padding: 0; margin: 0 0 20px; }
#cutepet table th, #cutepet table td { padding: 0; text-align:center; padding: 5px;  }

#cutepet table th.pet { width: 150px; text-align:center; }
#cutepet table th.item { width: 200px; }

#cutepet table td.itemImg { width: 40px; vertical-align: middle; }
#cutepet table td.itemtxt{ width: 150px; text-align:left; vertical-align: middle; padding-left: 10px; }

#homunculus div.imgbox {
	width: 190px;
	text-align: center;
	margin: 0 auto;
	float: left;
}

#homunculus div.type {
	width: 175px;
	float: left;
}

#homunculus div.txtbox {
	width: 460px;
	margin: 0;
	float:left ;
}

#homunculus div.textLeft03 h5,
#homunculus div.textRight03 h5 {
	margin: 10px 0 ;
}

#homunculus table.skill { width: 610px; }
#homunculus table.skill th { text-align: center; }
#homunculus table.skill th.skillname { width: 150px; }
#homunculus table.skill th.icon { width: 60px; }
#homunculus table.skill th.condition { width: 130px; }
#homunculus table.skill th.point { width: 205px; }

#homunculus table.skill td.iconimg { text-align: center; }

#homunculus ul.ai li { margin: 0 0 5px 1em; text-indent: -1em; }
#homunculus ul.arrow li { margin: 0 0 5px 1em; text-indent: -1.5em; background: none; }

#homunculus div.handlingbox { margin-bottom: 20px; }
#homunculus h6.handling { margin-top: 0px; }