/*QUIZで学ぼう 日本銀行 CSS */
/*最終更新：20060313*/
/*=====common=====*/
/*html re-definition*/
body{
	background-color: #F0FFFC;
}
img{
	border: none;
}
/*parts*/
.clear{
	clear: both;
}
.block{
	display: block;
}
/*日銀ホームへ*/
div#go-home{
	text-align: left;
	float: left;
}
div#go-home img{
	display: block;
}
/*サイトの使い方／ご意見、ご感想*/
ul#sub{
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
ul#sub li{
	display: block;
	margin: 2px;
	padding: 0px;
	list-style-type: none;
}

div#page-main ul{
	font-size: 90%;
	line-height: 160%;
	margin-top: 10px;
	padding-right: 55px;
	margin-bottom: 10px;
	padding-left: 55px;
	color: #333333;
}


/*-----top-----*/

/*-----quiz-----*/

/*-----page-----*/
/*base*/
div#page-main{
	clear: both;
	width: 632px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/note_bg01.jpg);
	background-repeat: repeat-y;
	text-align: left;
	padding: 0px;


}
div#page-main h1{
	text-align: center;
	margin: 15px 0px;
	height: 73px;
	width: 100%;
	clear: both;
}
div#page-main h2{
	padding: 0px;
	font-size: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	clear: both;
	margin-top: 10px;
	margin-right: 55px;
	margin-bottom: 0px;
	margin-left: 55px;
}
div#page-main h3{
	font-size: 90%;
	margin-top: 10px;
	margin-right: 55px;
	margin-bottom: 10px;
	margin-left: 55px;
	padding: 0px;

}
div#page-main h3 img{
	vertical-align: middle;
}
div#page-main p{
	font-size: 90%;
	line-height: 160%;
	margin-top: 10px;
	margin-right: 55px;
	margin-bottom: 10px;
	margin-left: 55px;
	padding: 0px;
	color: #333333;
}
div#page-main a:link{
	color: #3366CC;
}
div#page-main a:hover{
	color: #CC0000;
}
div#page-main a:active{
	color: #FF0000;
}
div#page-main a:visited{
}

div#paper{
	background-image: url(../images/note_bg02.jpg);
	width: 100%;
} 

div#head{
	padding: 0px;
	margin:0px 20px;
	width: 590px;
	height: 39px;
} 
/*wall paper*/
div#wlpaperdl {
	width: 550px;
	margin-top: 10px;
	margin-left: 55px;
	margin-bottom:10px;
}
div#wlpaperdl img#thumbnailpresent{
	float:left;
}
div#wlpaperdl ul{
	margin-left: 160px;
	padding: 0px;
}
div#wlpaperdl li{
	font-size: 90%;
	line-height: 160%;
	color: #333333;
	list-style-type: none;
	padding-bottom: 3px;
}
div#wlpaperdl li img.opwicon{
	vertical-align: middle;
	margin-right: 3px;
}



/*character*/
div#charinfo {
	margin-top: 10px;
	margin-left: 55px;
	margin-bottom:10px;
}
div#charinfo img {
	float:left;
	display: block;
}
div#charinfo p{
	width: 390px;
	margin-left: 130px;
	margin-top: 0px;
}
div#page-main ol {
	font-size: 90%;
	line-height: 160%;
	margin-top: 10px;
	margin-right: 55px;
	margin-bottom: 10px;
	margin-left: 55px;
	padding: 0px;
	color: #333333;
} 

div#quiz-main{
	clear: both;
	width: 632px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/* background-image: url(../images/note_bg01.jpg); */
	/* background-repeat: repeat-y; */
	/* text-align: left;  */
	padding: 0px;
}

/*check*/
div#check{
	width: 460px;
	height: 150px;
	margin: 10px 50px 10px 55px;
}
div#check table{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: none;
}
div#check table td.left{
	width: 140px;
}
div#check table td.middle{
	width: 15px;
}
div#check table td.right{
	vertical-align: top;
	width: 300px;
}
div#check p{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

/*thumbnail*/
div#thumbnail{
	text-align: center;
	width: 505px;
	margin: 0px 0px 20px 65px;
	padding: 0px;
/*	background-color: #EFEFEF;*/
/*	border-width: 1px;*/
/*	border-style: solid;*/
/*	border-color: #CCCCCC;*/
	vertical-align: top;
}

div#thumbnail p{
	text-align: center;
	width: 150px;
	margin: 10px 5px 5px;
	padding: 0px;
/*	display: inline;*/
	float: left;
	font-size: 80%;
}

div#thumbnail a{
	cursor: default;
}

/*parts*/
.title{
	float: left;
}
.go-top{
	float: right;
}
.go-top img{
	margin-top: 10px;

}
.go-page-top{
	text-align: right;
	font-size: 90%;
	margin: 20px 60px 10px;
}
.go-page-top img{
	vertical-align: middle;
}

dl{
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 70px;
	font-size: 90%;

}
dl dt{
	margin-bottom: 5px;
}
dl dd{
	margin-bottom: 10px;
}
dl img{
	vertical-align: middle;
	margin: 2px;
}

.color-red{
	color: #FF3333;
}
.color-blue{
	color: #3366FF;
}
.color-green{
	color: #339900;
}
.v-middle{
	vertical-align: middle;
}

.indent{
	margin-left: 17px;
}
