/* 使用 UTF-8 without BOM */

body
{
  background-repeat: no-repeat;
}

/* ------ begin debug ------ */
/*
#divWrapper
{
  border-style: solid;
  border-color: #aa0000;
  background: #ddaaaa;
}

#divMenu
{
  border-style: solid;
  border-color: #00aa00;
  background: #aaddaa;
}

#divContent
{
  border-style: solid;
  border-color: #0000aa;
  background: #aaaadd;
}
*/
/* ------ end debug ------ */

#divWrapper
{
  margin-top: 1em;
}

#divMenu
{
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#divMenu h3
{
  text-align: center;
  background-color: rgba(255,255,255,0.5);
  
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#divMenu ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  
  /*
  border-style: solid;
  border-width: 1px;
  */
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#divMenu ul li:before
{
  content: "●";
  padding-left: 4px;
  padding-right: 8px;
}

#divMenu ul li.c_li_emp:before
{
  content: "";
  padding-left: 4px;
  padding-right: 8px;
}

#divMenu ul li.c_li_tit:before
{
  content: "";
  padding-left: 4px;
  padding-right: 8px;
}

#divMenu ul li.c_li_tit
{
  text-align: center;
  background-color: rgba(255,255,255,0.5);
  
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  
  cursor: auto;
}

#divMenu ul li
{
  margin: 2px;
  padding: 2px;
  cursor: pointer;
  font-weight: bold;
}

#divMenu ul li:hover
{
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,0.5);
}

#divContent
{
  padding: 1em;
}

.c_men_1 { background: #dedcc3; background: rgba(222,220,195,0.8); }
.c_men_1 li:before { color: #b43139; }
.c_men_1 li, .c_men_1 h3 { color: #51161a; }

.c_men_2 { background: #42bdcd; background: rgba(66,189,205,0.8); }
.c_men_2 li:before { color: #333399; }
.c_men_2 li, .c_men_2 h3 { color: #0000cc; }

.c_men_3 { background: #9fac7e; background: rgba(159,172,126,0.8); }
.c_men_3 li:before { color: #006600; }
.c_men_3 li, .c_men_3 h3 { color: #003300; }

.c_men_4 { background: #d9c299; background: rgba(217,194,153,0.8); }
.c_men_4 li:before { color: #330000; }
.c_men_4 li, .c_men_4 h3 { color: #330000; }

.c_men_5 { background: #07a2fc; background: rgba(7,162,252,0.8); }
.c_men_5 li:before { color: #551a8b; }
.c_men_5 li, .c_men_5 h3 { color: #0000cc; }

.c_men_6 { background: #d5f2e3; background: rgba(213,242,227,0.8); }
.c_men_6 li:before { color: #336600; }
.c_men_6 li, .c_men_6 h3 { color: #003333; }