@CHARSET "UTF-8";

body {
	background-color: #242424;
	margin: 0px;
	color: #4F4F4F;
	font-family: georgia;
}

.wrapper {
	width: 800px;
	margin: 20px auto;
	background-color: white;
	padding: 30px;
	border: 5px solid #000000;
	
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-khtml-border-radius: 25px;
	border-radius: 25px;
	
	-moz-box-shadow: 0px 0px 15px #000000;
	-webkit-box-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 15px #000000;
}

.small {
	font-size: 12px;
}

.main_title {
	font-size: 40px;
}
.main_subtitle {
	font-size: 15px;
	text-align: right;
}

.title{
	font-size: 26px;
	border-bottom: 1px dotted #242424;
	margin-bottom: 15px;
}
.sample_number{
	float: right;
}
.sample_table {
	margin: 0px auto;
	width: 667px;
}
.code {
	padding: 5px;
	padding-left: 15px;
	font-family: courier new;
	font-size: 12px;
	background-color: #F0F0F0;
	overflow-x: scroll;
}
.hide {
	display: none;
}

button.show_code {
	margin: 10px;
}