body{
font-family:"ƒƒCƒŠƒI","‚l‚r‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒSProW3","osaka";
font-size:12px;
color:#666666;
background:#FFFFFF;
width:560px;
margin:10px auto 10px auto;
}

a:link{color:#3db546; text-decoration:underline;}
a:visited{color:#3db546; text-decoration:underline;}
a:hover{color:#c90; text-decoration:none;}
a:active{color:#c90;text-decoration:none;}

ul,p{
margin:0;
padding:0;
list-style:none;
}

/*---------grobal-----------*/

#frame{
text-align:center;
}

#container{
width:540px;
padding:10px;
border:1px solid #cccccc;
display:block;
position:relative;
clear:both;
}

h1{
width:540px;
height:40px;
text-align:left;
padding:0;
margin:0 0 30px 0;
}

#title{
font-size:14px;
font-weight:bolder;
color:#3db546;
height:25px;
text-align:left;
text-decoration:none;
border-bottom:2px solid #3db546;
margin:0 0 10px 0;
}

#cach{
width:540px;
margin:0 0 30px 0;
padding:0 0 0 0;
}

#cach .attention{
line-height:19px;
text-align:left;
margin:0 0 10px 15px;
padding:0 0 0 13px;
background:url(../img/chart/attention.gif) no-repeat 0 2px;
}

#q_no{
font-size:14px;
font-weight:bolder;
text-align:left;
color:#3db546;
height:30px;
text-decoration:none;
border-bottom:2px solid #3db546;
margin:0 0 10px 0;
}

#container p{
line-height:19px;
text-align:left;
padding:0;
}

#main{
width:520px;
height:100%;
text-align:left;
padding:0px;
display:block;
position:relative;
clear:both;
}

#main .txt{
line-height:19px;
text-align:left;
margin:5px 0 5px 0;
padding:0;
}

#main .back{
line-height:19px;
text-align:left;
padding:5px 10px 5px 10px;
margin:5px 0 5px 0;
background-color:#EEEEEE;
}

#main .txt-space{
line-height:19px;
text-align:left;
margin:10px 0 10px 0;
padding:0;
}

#main .txt-bottom{
line-height:19px;
text-align:left;
margin:0 0 10px 0;
padding:0;
}

#main .abc{
line-height:19px;
text-align:left;
margin:0 0 10px 0;
padding:0;
list-style-type:upper-alpha;
}

#main .maru{
line-height:19px;
text-align:left;
margin:0 0 10px 0;
padding:0;
list-style-type:disc;
}

#main .123{
line-height:19px;
text-align:left;
margin:0 0 10px 0;
padding:0;
list-style-type:decimal;
}

#main .attention{
line-height:19px;
text-align:left;
margin:0 0 10px 0;
padding:0 0 0 13px;
background:url(../img/chart/attention.gif) no-repeat 0 2px;
}

/*------------chart bottom-------------*/

#content{
width:500px;
height:90px;
text-align:center;
padding:10px;
display:block;
position:relative;
clear:both;
}

#content #left{
width:280px;
text-align:center;
margin:10px;
float:left;
}

#content #left #answer{
width:180px;
height:45px;
text-align:center;
padding:0 50px 0 50px;
margin:0px;
display:block;
position:relative;
clear:both;
}

#content #answer #answer-left{
width:80px;
text-align:center;
padding:0;
float:left;
}

#content #answer #answer-right{
width:80px;
text-align:center;
margin:0;
float:right;
}

#content #left #answer-sec{
width:260px;
height:45px;
text-align:center;
padding:0;
margin:0;
display:block;
position:relative;
clear:both;
}

#content #answer-left-sec{
width:80px;
text-align:center;
padding:0;
float:left;
}

#content #answer-center-sec{
width:80px;
text-align:center;
padding:0 10px 0 10px;
float:left;
}

#content #answer-right-sec{
width:80px;
text-align:center;
padding:0;
float:right;
}

#content #right{
width:140px;
margin:5px 10px 10px 10px;
float:right;
}

.arrow{
width:110px;
background:url(../img/content_icon07.gif) no-repeat scroll 12px 0.25em;
border-left:1px solid #CC9900;
border-right:1px solid #CC9900;
line-height:19px;
margin:14px 0 30px 5px;
padding:0 0 0 30px;
text-align:left;
white-space:nowrap;
display:block;
}

.arrow-sec{
width:120px;
background:url(../img/content_icon07.gif) no-repeat scroll 12px 0.25em;
border-left:1px solid #CC9900;
border-right:1px solid #CC9900;
line-height:19px;
margin:14px 0 10px 5px;
padding:0 5px 0 30px;
text-align:left;
white-space:nowrap;
list-style:none;
display:block;
}

/*------------hint-------------*/

#main #hint{
width:520px;
text-align:center;
margin:10px 0 10px 0;
padding:0 10px 0 10px;
display:block;
position:relative;
}

#main #hint table td{
border:1px solid #3db546;
text-align:left;
vertical-align: top;
}

#main #hint table td ol{
margin:0 0 0 13px;
padding:0 0 0 13px;
}

#main #hint table td ol li{
margin:0 0 5px 0;
padding:0 0 0 0;
}

#main #hint table td p{
line-height:17px;
padding-top:0;
padding-bottom:5px;
}

#main #hint table tr td .hint-txt{
line-height:17px;
margin:0 0 5px 0;
padding:0;
}

#main #hint table tr td .hint-maru{
line-height:17px;
text-align:left;
margin:0 0 5px 0;
padding:0;
list-style-type:disc;
}

#main #hint table tr td .hint-123{
line-height:17px;
text-align:left;
margin:0 0 5px 0;
padding:0;
list-style-type:decimal;
}

#main #hint table tr td .hint-attention{
line-height:17px;
text-align:left;
margin:0 0 5px 0;
padding:0 0 0 14px;
background:url(../img/chart/attention.gif) no-repeat 0 2px;
}