/* =============================================================================
	タブ切り替えUIの実装
============================================================================= */
ul#tabs {
	margin-bottom:47px;
	width:400px;
}

ul#tabs li {
	border:2px solid #cccccc;
	width:100px;
	float:left;
	list-style:none;
	text-align:center;
}

ul#tabs li a {
	padding:10px 0;
	display:block;
	height:15px;
	border-bottom:none;
	background-color:#f5f5f5;
	line-height:1em;
	color:#000;
}

ul#tabs li.open {
	border:2px solid #cccccc;
	border-bottom:none;
	width:100px;
}

ul#tabs li.open a {
	background-color:#fff;
	color:#09c;
	font-weight:bold;
	font-size:medium;
}

div.box {
	padding:10px;
	border:1px solid #999;
	border-top:none;
	width:400px;
	min-height:100px;
	background-color:#fff;
}