@charset "utf-8";

#contents {
	margin:10px;
}
ul#textsize {
	list-style:none;
	margin:30px;
}

ul#textsize li {
	display:inline-block;
}

ul#textsize li a	{
	border-radius:3px;
	background-color:#d9d9d9;
	background: linear-gradient(#fff 30%, #d8d8d8 95%, #fff);
	padding:10px 20px;
	border:1px solid #c5c5c5;
	display:block;
	text-decoration:none;
	vertical-align:middle;
	color:#333;
}

/* active状態のボタンの表示 */
ul#textsize li a.active {
	color:#fff;
	border-radius:3px;
	background-color:#7ca830;
	background: linear-gradient(#7ca830, #34720b);
	padding:10px 20px;
	border:1px solid #c5c5c5;
	display:block;
	text-decoration:none;
}
	
ul#textsize li a:hover	{
	color:#fff;
	border-radius:3px;
	background-color:#7ca830;
	background: linear-gradient(#7ca830, #34720b);
	padding:10px 20px;
	border:1px solid #c5c5c5;
	display:block;
	text-decoration:none;
}
.f1 {font-size:80%;}
.f2 {font-size:100%;}
.f3 {font-size:120%;}

li a.f1,li a.f2,li a.f3 {font-size: 100%;}

.resizeArea {
	background-color: #e4e4e4;
	width:auto;
	height:auto;
	padding: 5px;
	border: 1px dotted #666;
	margin-top:5px;
	line-height: 1.5em;
}