body {
	font-size: 14px;
	color: #333333;
	background-color: #FFFFFF;
	line-height:25px;
}

h1{
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	padding-top: 15px;
	}
	
h3{
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	padding-top: 30px;
	}
td{
    text-align:center;
    vertical-align:top;
    }	
#container{
	width: 650px;
	margin: 0 auto;
}

#content{
	background-repeat: repeat-y center top;
	width:  650px;
	height: 100%
	margin:0;
	padding:0;
	background: url(../images/frame_middle.gif);
}

#q_base{
	width: 540px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}
	
#q_0{
	width: 500px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: center;
	background: url(../images/icon05.jpg) no-repeat right bottom;
	}
	
#q_1{
	width: 500px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: center;
	background: url(../images/icon04.jpg) no-repeat right bottom;
	}

#q_2{
	width: 500px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: center;
	background: url(../images/icon08.jpg) no-repeat right bottom;
	}
	
#q_3{
	width: 500px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: center;
	background: url(../images/icon13.jpg) no-repeat right bottom;
	}

#q_4{
	width: 500px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: center;
	background: url(../images/icon07.jpg) no-repeat right bottom;
	}
		
#q_off{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: center;
	}
	
#answer{
	width: 550px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: center;
	background: url(../images/icon02.jpg) no-repeat right bottom;
	}
	
#answer2{
	width: 550px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: center;
	background: url(../images/icon12.jpg) no-repeat right bottom;
	}
	
#answer3{
	width: 550px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: center;
	background: url(../images/icon17.jpg) no-repeat right bottom;
	}
	
#a_1{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: left;
	background: url(../images/icon03.jpg) no-repeat right bottom;
	}

#a_2{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: left;
	background: url(../images/icon01.jpg) no-repeat right bottom;
	}
		
#a_3{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: left;
	background: url(../images/icon09.jpg) no-repeat right bottom;
	}
	
#a_4{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: left;
	background: url(../images/icon06.jpg) no-repeat right bottom;
	}
	
#a_5{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: left;
	background: url(../images/icon10.jpg) no-repeat right bottom;
	}
	
#a_6{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: left;
	background: url(../images/icon11.jpg) no-repeat right bottom;
	}
	
#a_7{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: left;
	background: url(../images/icon14.jpg) no-repeat right bottom;
	}
	
#a_8{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: left;
	background: url(../images/icon15.jpg) no-repeat right bottom;
	}

#a_9{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: left;
	background: url(../images/icon16.jpg) no-repeat right bottom;
	}
	
#a_off{
	width: 450px;
	margin: 0 auto;
	padding: 30 auto;
	text-align: left;
	}
	
a:link {
	color: #1E55DE;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF6600;
}
a:hover {
	text-decoration: underline;
	color: #FF6600;
}
a:active {
	text-decoration: none;
}
	
.big_question {
	font-size: 30px;
	color: #FF9900;
	line-height: 50px;
}

.orange {
	font-size: 16px;
	color: #FF9900;
	line-height: 18px;
}
.small {
	font-size: 12px;
	line-height: 23px;
}

.red {
	font-size: 12px;
	color: #FF0000;
	line-height: 23px;
}

.forprint {
	display: none;
}

.selected{
    padding: 10px;
    border: 2px solid #FF9900;
    background: #FFDD99;
    cursor: pointer;
    margin-bottom: 10px;
}
.illust{
    padding: 10px;
    border: 2px solid #FFFFFF;
    cursor: pointer;
    margin-bottom: 10px;
}
.illust:hover{
    border: 2px solid #FFBB33;
}

td.number {
    text-align:center;
    vertical-align: middle;        
}