h1 {
	font-family: arial, sans-serif;
	font-size:  12pt;
	font-weight: bold;
	color: #FFFFFF;
}

p {
	font-family: arial, sans-serif;
	font-size:  10pt;
	color: #FFFFFF;
}

body {
	background: #CCCCCC url(images/body_bg.jpg) repeat-x;
}

#main {
	width: 950px;
	height: 350px;
	margin: 100px auto 0 auto;
	padding: 0 10px 0 0;
	background: #666666 url(images/bg_01.jpg) no-repeat top right;
	border: solid 6px #CC0000;
	-moz-border-radius: 15px; /* FF1+ */
	-webkit-border-radius: 15px; /* Saf3+, Chrome */
    border-radius: 15px; /* Opera 10.5, IE 9 */
}

#image_index {
	width: 400px;
	height: 350px;
	float: left;
	text-align: left;
	overflow: hidden;
	background: #666666 url(images/img_index.jpg) no-repeat center left;
}

#image_1 {
	width: 400px;
	height: 350px;
	float: left;
	text-align: left;
	overflow: hidden;
	background: #666666 url(images/img_01.jpg) no-repeat center left;
}

#image_2 {
	width: 400px;
	height: 350px;
	float: left;
	text-align: left;
	overflow: hidden;
	background: #666666 url(images/img_02.jpg) no-repeat center left;
}

#image_3 {
	width: 400px;
	height: 350px;
	float: left;
	text-align: left;
	overflow: hidden;
	background: #666666 url(images/img_03.jpg) no-repeat center left;
}

#image_4 {
	width: 400px;
	height: 350px;
	float: left;
	text-align: left;
	overflow: hidden;
	background: #666666 url(images/img_04.jpg) no-repeat center left;
}

#image_result {
	width: 400px;
	height: 350px;
	float: left;
	text-align: left;
	overflow: hidden;
	background: #666666 url(images/img_result.jpg) no-repeat center left;
}

#question {
	width: 500px;
	float: right;
	margin: 200px 10px 10px 0;
	text-align: right;
}

.button{
	color: #000000;
	background: #CCCCCC;
	border: 1px solid #CC0000;
}

.input{
	border: 1px solid #CC0000;
}