/* #################################################################################### */

/* background-color */
body{
 background-color:#bbbb88;
}

/* #################################################################################### */

/* Header */

#header{
 background:#bbbb88 url("/gif/logo_88x31_bbbb88.gif") no-repeat 5px 5px;
}

/* #################################################################################### */

#sub_menu{
 border-top:#bbbb88 solid 10px;
 background-color:#bbbb88;
 font-weight:bold;
 text-align:center;
}

#sub_menu span{
 padding:2px 2px;
}

.sub_menu_on{
 background-color:#ffff00;
}
.sub_menu_off{
 background-color:#ffffff;
}

#main{
 background:#ffffff;
 padding:10px;
 min-height:800px;
}

#ruleflash{
 text-align:center;
 height:420px;
 width:580px;
 border:solid 1px #cccccc;
 margin-left:auto;
 margin-right:auto;
 margin-top:20px;
 margin-bottom:20px;
}

/* choose_puzzle */
#choose_puzzle{
 background-color:#ffffff;
 font-size:90%;
 line-height:1.5em;
 margin:5px 30px;
 padding:5px 5px;
}

#sample{
 float:left;
 width:250px;
 margin:0px 30px 50px 10px;
}

#right_contents{
 margin:0px 30px;
 min-height:800px;
}

#solution{
 text-align:right;
 margin-bottom:20px;
}

h2{
 color:#666633;
 margin:20px 0px 5px 0px;
 clear:none;
}

hr{
 background-color:#bbbb88;
 height:5px;
 border: 0px solid #bbbb88;
 margin:10px 0px;
}


/* Flash�̃��[�� */
#ruleflash{
 height:420px;
 width:580px;
 border:solid 1px #dddddd;
 margin-left:auto;
 margin-right:auto;
 margin-top:20px;
 margin-bottom:20px;
 text-align:center;
}

img.l{
 float:left;
 margin:10px;
}

#contents p{
 line-height:1.35em;
}


#right_contents li{
 margin-bottom:10px;
}