/* Reset */

html, body, div, form, fieldset, legend, label {
	margin: 0;
	padding: 0; 
}

ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0; 
}

a {
	text-decoration: none;
}
/* */
body {
	padding: 24px;
	text-align: center;
	color: #d8d0b6;
	font-family: Helvetica, sans-serif;
	background-color: #2e2b21 ;
}

h1 {
	font-size: 18pt;
}

.tool {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.tool p {
	margin: .2em;
}
.tool a {
	padding: 6px 6px;
	margin: 6px;
	background-color: #423d2f;
	width: 96px;
	font-size: 9pt;
	display: block;
	color: #afa881;
	border-radius: 12px;
	-webkit-transition: background-color .6s, color 1.2s;
}

.tool a:hover {
	background-color: #665f48 ;
	color: #e0dbc3;
}

.tit {
	font-size: 12pt;
	font-weight: bold;
}

.icon {
	width: 96px;
	height: auto;
}