/**
*
* Main Stylesheet For Visual Style Guide
*
**/
pre {
	background: #f3f3f3;
	padding: 15px;
	border: 1px solid #ccc;
	max-width: 980px;
	max-height: 300px;
	margin: 15px auto 0;
	overflow: auto;
}
.auto-gen-code-snippet {
	display: none;
}
.auto-gen-code-visible {
	display: block;
}

/**
*
* Button
*
**/
button {
	-webkit-appearance: none;
	border: none;
	outline: none;
	cursor: pointer;
}

.button {
	margin-top: 20px;
	padding: 10px 20px;
	background: #333;
	color: #fff;
}
.button:hover {
	background: #666;
}

/**
*
* Styleguide
*
**/

.tit_styleguide01Wrap {
	margin-bottom: 30px;
	overflow: hidden;
}
	.tit_styleguide01Wrap .tit {
		float: left;
		padding: 5px 14px;
		background-color: #333;
		color: #fff;
	}
	.tit_styleguide01Wrap .num {
		float: left;
		padding: 5px 14px;
		background-color: #595959;
		color: #fff;
	}