#header{
max-width:720px;
margin:0 auto;
font-size: small;
color:#a100d7;
}

#header table{
font-size: small;
color:#a100d7;
}

ul#breadcrump{
text-align:left;
}

li{
display:inline;
list-style-type:none;
}

#main-container{
max-width:720px;
margin:0 auto;
}

#footer{
max-width:720px;
margin:0 auto;
padding:20px 0 0;
text-align:center;
}

body{
background:url(../image/w09-bg-checked.gif);
/* 背景 */
color:#4d493f;/* 文字色 */
font-family:Georgia,Verdana,Roboto,'游ゴシック','Yu Gothic','游ゴシック体','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size:1.2em;/* 文字の大きさ */
}

a {
color:#a4a8d4;
text-decoration:none
}

h1{
font-size:x-large;
text-align:center;
color:#dd9955;
font-style:italic;
}

h2 {background-color:#ffffff;
border-bottom:3px solid #8c8673;width:600px;
font-size:1.3em;
letter-spacing:3px;
line-height:1.3em;
margin:0 auto;
text-align:center;

}


.subh1{
font-size:medium;
color:#9dd88c;
margin:10px 0;
}

img{
border:none;
}

img.icon{
vertical-align:middle;
}

.comentbox{
background-color:#ffffff;
margin:10px 0;
padding:10px;
line-height:150%;
}

.qes{
color:#ff4f19;
font-size:large;
font-weight:bold;
}

.qa{
color:#555555;
font-size:large;
font-weight:bold;
}

.notes{
color:#555555;
font-size;small;
}

.gameboad-out{
margin:0 auto;
border:outset 15px;
border-color: #7a99cf;
white-space:nowrap;
text-align:center;
}

.gameboad-position{
position:relative;
}

.gameboad-collap{
border-collapse:collapse;
}

.gameboad-in{
border:groove 2px;
background-color:#afeeee;
text-align:center;
vertical-align:center;
width:36px;
height:36px;
}

.gameboad-rpg{
margin:0 auto;
border:solid 1px;
white-space:nowrap;
text-align:center;
}

.gameboad-no{
margin:0 auto;
white-space:nowrap;
text-align:center;
background-color:#ffffff;
width:80%;
}

.explain-table{
margin:0px auto;
}

.explain-left{
background-color:#ffffff;
color:#555555;
padding:5px;
line-height:150%;
text-align:left;
}

.explain-center{
background-color:#ffffff;
color:#555555;
padding:5px;
line-height:150%;
text-align:center;
}

.tatakitable{
width:360px;
height:240px;
margin:0 auto;
}

.tatakitd-left{
width:120px;
height:80px;
text-align:left;
}

.tatakitd-center{
width:120px;
height:80px;
text-align:center;
}

.tatakitd-right{
width:120px;
height:80px;
text-align:right;
}

.questitle{
color:#90ee90;
font-size:xx-large;
text-align:center;
}

.quesubtitle{
color:#ee82ee;
font-size:large;
text-align:center;
}

.quexplain{
color:#ffc0cb;
text-align:center;
}

#questat a:link{color:blue;}
#questat a:visited{color:blue;}

.greenfrog{
color:#00cc00;
font-weight:bold;
}

.redfrog{
color:#ff7700;
font-weight:bold;
}

.dummybox{
height:2160px;
}

#shinkei{
background-color:#ffffff;
border-bottom:3px solid #8c8673;
font-size:1.3em;
letter-spacing:3px;
line-height:1.3em;
margin:1em 0;
padding:10px;
text-align:center;
}
#sh0{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh1{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh2{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh3{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh4{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh5{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh6{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh7{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh8{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh9{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh10{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh11{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh12{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh13{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh14{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}
#sh15{
width:64px;
height:94px;
border:solid 1px;
color:#333333;
background-color:#a4a8d4;
vertical-align:middle;
text-align:center;
}

#posit{
position:absolute;
top:60px;
left:12px;
width:270px;
}
#capt{
background-color:#ffffff;
color:#555555;
text-align:left;
}

.up-block{
width:280px;
height:25px;
position:relative;
}
#goldball{
position:absolute;
top:0px;
left:0px;
}
#block0{
width:40px;
height:15px;
background-color:#cd5c5c;
display:inline-block;
}
#block1{
width:40px;
height:15px;
background-color:#b22222;
display:inline-block;
}
#block2{
width:40px;
height:15px;
background-color:#cd5c5c;
display:inline-block;
}
#block3{
width:40px;
height:15px;
background-color:#b22222;
display:inline-block;
}
#block4{
width:40px;
height:15px;
background-color:#cd5c5c;
display:inline-block;
}
#block5{
width:40px;
height:15px;
background-color:#b22222;
display:inline-block;
}
#block6{
width:40px;
height:15px;
background-color:#cd5c5c;
display:inline-block;
}
#block7{
width:40px;
height:15px;
background-color:#e9967a;
display:inline-block;
}
#block8{
width:40px;
height:15px;
background-color:#ff6347;
display:inline-block;
}
#block9{
width:40px;
height:15px;
background-color:#e9967a;
display:inline-block;
}
#block10{
width:40px;
height:15px;
background-color:#ff6347;
display:inline-block;
}
#block11{
width:40px;
height:15px;
background-color:#e9967a;
display:inline-block;
}
#block12{
width:40px;
height:15px;
background-color:#ff6347;
display:inline-block;
}
#block13{
width:40px;
height:15px;
background-color:#e9967a;
display:inline-block;
}
#block14{
width:40px;
height:15px;
background-color:#ffd700;
display:inline-block;
}
#block15{
width:40px;
height:15px;
background-color:#808080;
display:inline-block;
}
#block16{
width:40px;
height:15px;
background-color:#ffd700;
display:inline-block;
}
#block17{
width:40px;
height:15px;
background-color:#ffff00;
display:inline-block;
}
#block18{
width:40px;
height:15px;
background-color:#ffd700;
display:inline-block;
}
#block19{
width:40px;
height:15px;
background-color:#808080;
display:inline-block;
}
#block20{
width:40px;
height:15px;
background-color:#ffd700;
display:inline-block;
}
#block21{
width:40px;
height:15px;
background-color:#9acd32;
display:inline-block;
}
#block22{
width:40px;
height:15px;
background-color:#00ff00;
display:inline-block;
}
#block23{
width:40px;
height:15px;
background-color:#9acd32;
display:inline-block;
}
#block24{
width:40px;
height:15px;
background-color:#00ff00;
display:inline-block;
}
#block25{
width:40px;
height:15px;
background-color:#9acd32;
display:inline-block;
}
#block26{
width:40px;
height:15px;
background-color:#00ff00;
display:inline-block;
}
#block27{
width:40px;
height:15px;
background-color:#9acd32;
display:inline-block;
}
#block28{
width:40px;
height:15px;
background-color:#66cdaa;
display:inline-block;
}
#block29{
width:40px;
height:15px;
background-color:#7fffd4;
display:inline-block;
}
#block30{
width:40px;
height:15px;
background-color:#66cdaa;
display:inline-block;
}
#block31{
width:40px;
height:15px;
background-color:#7fffd4;
display:inline-block;
}
#block32{
width:40px;
height:15px;
background-color:#66cdaa;
display:inline-block;
}
#block33{
width:40px;
height:15px;
background-color:#7fffd4;
display:inline-block;
}
#block34{
width:40px;
height:15px;
background-color:#66cdaa;
display:inline-block;
}
#no-block{
width:280px;
height:200px;
line-height:80px;
text-align:center;
}
.un-block{
width:40px;
height:18px;
position:relative;
display:inline-block;
}
#ball{
position:absolute;
top:0px;
left:8px;
}
.bar-block{
width:280px;
height:5px;
}
#bar0{
width:35px;
height:5px;
display:inline-block;
}
#bar1{
width:35px;
height:5px;
display:inline-block;
}
#bar2{
width:35px;
height:5px;
display:inline-block;
}
#bar3{
width:35px;
height:5px;
background-color:#ff4500;
display:inline-block;
}
#bar4{
width:35px;
height:5px;
background-color:#ff4500;
display:inline-block;
}
#bar5{
width:35px;
height:5px;
display:inline-block;
}
#bar6{
width:35px;
height:5px;
display:inline-block;
}
#bar7{
width:35px;
height:5px;
display:inline-block;
}

.cen{width:600px; margin:0 auto; }

.co01 {
color:#c00
}

