/*  スタイルシートです。文字の大きさや、ブロックの色など、ここで決めています。*/
/*  表示の具合があまりよくないときは、この設定を変えてください                */

BODY {
font-family: "ＭＳ Ｐ ゴシック","Osaka";
   margin-left: 1em;
   margin-right: 2em;
/*文字を大きくしたいとき、下の12を14などにしてみて下さい。*/

/*行の間隔。1.3行にしてあります。*/
	line-height : 1.5em;
	background: white;
}

h1{
font-size: 150%;
letter-spacing: 1px;
border-width:0px 0px 1px 10px;
border-color:darkred;
border-style:solid;
background-color: #fff;
padding:5px 8px;
}

h2{
font-size:130%;
border-width:0 0 1px 8px;
border-color:darkblue;
border-style:solid;
background-color: #fff;
padding:3px 7px;
margin-left:0.5em;
}

h3{
border-width:0 0 1px 5px;
border-color:blue;
border-style:solid;
margin:1em 0 0.5em 1em;
padding:0px 5px;
font-size:120%;
}

h4{
border-width:0 0 1px 5px;
border-color:green;
border-style:solid;
margin:1em 0.5em 0.5em 1.5em;
padding:3px 5px;
font-size:110%;
}

pre{
	padding:10px;
	background-color:Lavender;
}


table{
	margin:10px;
	background-color : beige;
	text-align:center;
}
caption{
font-weight:bold;
margin:3px;
}

thead{
background-color:khaki;
}
tr{
}
td{
padding:3px 0px;
}

p{
margin-top:0em;
margin-bottom:1em;
}

p.bra{
	text-indent:-1em;
	margin-top:0em;
	margin-bottom:0em;
}

.center{text-align:center;}
.left{text-align : left;}
.right{text-align : right;}


.upper-roman{list-style-type: upper-roman;}
.lower-roman{
	list-style-type: lower-roman;
	margin-left : 0em;
}
.upper-alpha{list-style-type: upper-alpha;}
.lower-alpha{list-style-type: lower-alpha;}
.hiragana{list-style-type: hiragana;}
.katakana{list-style-type: katakana;}

ol li{
text-indent: -0.5em;
margin-left: -1em;
list-style-position: inside;
}

ol ol li{
list-style-position: inside;
margin-left:-3em;
text-indent: -0.5em;
}

ol ol ol li{
list-style-position: outside;
margin-top : 0.5em;
margin-left : 0.5em;
margin-bottom : 0em;
}
div.indent1{
margin-left:1em
}
div.indent2{
margin-left:1.5em
}
div.indent3{
margin-left:2em
}

/*答案の中のパラグラフだけは一行空けない（入れ子による絞り込み）*/


div.block{
   border-style:solid;
   border-width:1px 5px;
   border-color:brown;
   padding: 0.5em 1em;
   margin-left: 5%;
   margin-right: 5%;
   margin-top: 1em;
   margin-bottom: 0.5em;
   background: #fff;
     }
div.block p{
margin-top:0em;
margin-bottom:0em;
}

div.mondai{
   border-width:1px 3px;
	 border-color:blue;
   border-style:solid;
	margin-left: 5%;
   margin-right: 5%;
   margin-top: 0.5em;
   margin-bottom: 1em;
   background: #fff;
   padding :1em 2em;
     }

.real{
	font-family : "ＭＳ ゴシック","Osaka-等幅";
	background-color: beige;
	padding:10px;
}

blockquote{
   margin-left: 5%;
   margin-right: 5%;
   color: darkblue;
}

span.title{
font-size:150%;
font-color:red;
}

span.Teal{color:Teal}
span.bold{font-weight : bold;}
span.blue{color : #0000ff}
span.red{color : #ff0000}
span.pink{background-color : #ffdddd;}
span.green{background-color : #ddffdd;}
span.yellow{background-color : yellow}
span.underline { text-decoration:underline; }

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(bt.gif) no-repeat bottom}