body {
  background-color: #636363; /* #216498 #636363 */
  text-align: center;
  font-family: verdana, bitstream vera sans;
  color: #333333;
}
#box-main {
  width: 838px;
  text-align: center;
  margin:0 auto;
}
#box-header-l {
  height: 93px;
  float: left;
  background-color: #216498;
  text-align: left;
  font-size: 76px;
  color: #FFFFFF;
  padding-left: 10px;
  line-height: 93px;
}
#box-header-r {
  width: 87px;
  height: 93px;
  padding-right: 5px;
  float: right;
}
#box-main-menu-l {
  height: 24px;
  background-color: #3A4D69;
  text-align: left;
  font-family: verdana, bitstream vera sans;
  line-height: 24px;
  float: left;
}
#box-main-menu-r {
  width: 68px;
  height: 20px;
  padding-top: 4px;
  background-color: #3A4D69;
  float: right;
}
#box-footer-l {
  width: 12px;
  height: 24px;
  background: url("./images/box_down_l.png") left no-repeat;
  float: left;
  margin: 0;
  padding: 0;
}
#box-footer-r {
  width: 12px;
  height: 24px;
  background: url("./images/box_down_r.png") right no-repeat;
  float: right;
  margin: 0;
  padding: 0;
}
#box-footer-m-out {
  margin: 0 12px;
  text-align: left;
  padding: 0;
  color: #FFFFFF;
  background: #216498 url("./images/box_down_m.png") repeat-x;
}
#box-footer-m-inn1 {
  height: 5px;
  font-size: 1px;
  margin: 0 -3px;
  background-color: #3A4D69;
}
#box-footer-m-inn2 {
  height: 19px;
  font-size: 9px;
  margin: 0 -3px;
  background-color: #216498;
  line-height: 16px;
}
#box-shadow-l-out {
  margin:0; 
  padding:0;
  background: url("./images/shadow_l.png") left repeat-y;
}
#box-shadow-r-out {
  margin:0; 
  padding:0;
  background: url("./images/shadow_r.png") right repeat-y;
}
#box-shadow-l {
  width: 24px;
  float: left;
}
#box-shadow-r {
  width: 24px;
  float: right;
}
#box-shadow-t-out {
  background: url("./images/shadow_t.png") repeat-x;
}
#box-shadow-b-out {
  background: url("./images/shadow_b.png") repeat-x;
}
#box-shadow-t {
  height: 24px;
  background: url("./images/shadow_t.png") repeat-x;
}
#box-shadow-b {
  height: 24px;
  background: url("./images/shadow_b.png") repeat-x;
}
#box-shadow-tl {
  width: 24px;
  height: 24px;
  float: left;
  background: url("./images/shadow_tl.png") no-repeat;
}
#box-shadow-tr {
  width: 24px;
  height: 24px;
  float: right;
  background: url("./images/shadow_tr.png") no-repeat;
}
#box-shadow-bl {
  width: 24px;
  height: 24px;
  float: left;
  background: url("./images/shadow_bl.png") no-repeat;
}
#box-shadow-br {
  width: 24px;
  height: 24px;
  float: right;
  background: url("./images/shadow_br.png") no-repeat;
}
#box-shadow-m-out {
  /*width: 790px;*/
  background-color: #FFFFFF;
  margin:0 24px;  
}
* html #box-shadow-m-out {
  background-color: #FFFFFF;
  margin:0 24px;
  text-align: left;
  padding: 0;
}
#box-shadow-m {
  width: 780px;
  background-color: #FFFFFF;
  text-align: left;
  padding: 5px;
}
* html #box-shadow-m {
  width: 784px;
  background-color: #FFFFFF;
  text-align: left;
  padding: 5px 2px;
}
#box-title-t-out {
  background: #216498;
}
#box-title-b-out {
  background: #3A4D69;
}
#box-title-t {
  height: 18px;
  background-color: #216498;
}
#box-title-m-out {
  background-color: #216498;
  height: 103px;
}
#box-title-m {
  background-color: #216498;
  padding-bottom: 10px;
}
#box-title-b {
  height: 24px;
  background-color: #3A4D69;
}
#box-title-tl {
  width: 18px;
  height: 18px;
  float: left;
  background: url("./images/title_tl.png") no-repeat;
}
#box-title-tr {
  width: 18px;
  height: 18px;
  float: right;
  background: url("./images/title_tr.png") no-repeat;
}
#box-title-bl {
  width: 18px;
  height: 24px;
  float: left;
  background: url("./images/title_bl.png") no-repeat;
}
#box-title-br {
  width: 18px;
  height: 24px;
  float: right;
  background: url("./images/title_br.png") no-repeat;
}
#page-left-side1 {
  width: 470px;
  float: left;
}
#page-right-side1 {
  width: 300px;
  float: right;
}
#page-left-side2 {
  width: 400px;
  float: left;
}
#page-right-side2 {
  width: 370px;
  float: right;
}
.transp {
  border-width:0px;
  filter: alpha(opacity = 60);
  -moz-opacity: 0.6;
}
.untransp {
  border-width:0px;
  filter: alpha(opacity = 100);
  -moz-opacity: 1;
}
.box-side-t {
  width: 300px;
  height: 24px;
  background: url("./images/box_side_top.png") no-repeat top right;
  margin: 0;
  padding: 0;
  text-align: center;
}
.box-side-m {
  width: 300px;
  background: #7CA8CA;
  padding-top: 20px;
}
.box-side-b {
  width: 300px;
  height: 18px;
  background: url("./images/box_side_bottom.png") no-repeat bottom left;
  margin: 0;
}
.centered {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
.mcentered {
  margin:0 auto;
}
.boxdash_tl {
  width: 18px;
  height: 18px;
  background: url("./images/box_dash_tl.png") no-repeat;
}
.boxdash_tr {
  width: 18px;
  height: 18px;
  background: url("./images/box_dash_tr.png") no-repeat;
}
.boxdash_bl {
  width: 18px;
  height: 18px;
  background: url("./images/box_dash_bl.png") no-repeat;
}
.boxdash_br {
  width: 18px;
  height: 18px;
  background: url("./images/box_dash_br.png") no-repeat;
}
.boxdash_t {
  height: 18px;
  background: url("./images/box_dash_t.png") repeat-x;
}
.boxdash_b {
  height: 18px;
  background: url("./images/box_dash_b.png") repeat-x;
}
.boxdash_l {
  width: 18px;
  height: 6px;
  background: url("./images/box_dash_l.png") repeat-y;
}
.boxdash_r {
  width: 18px;
  height: 6px;
  background: url("./images/box_dash_r.png") repeat-y;
}
img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
img.noborder {
  border-width:0px;
}
div.code {
  background-color: #bedbf1;
  border: 1px #333333 dashed;
  font-size: 11px;
  font-family: courier, monospace;
}
h1 {
  font-size: 26px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 20px;
  margin: 0;
}
h2 {
  font-size: 18px;
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 20px;
  margin: 0;
}
h3 {
  font-size: 18px;
  font-weight: normal;
  color: #333333;
  padding: 0;
  margin: 0;
}
h4 {
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.nospace { padding: 0px; margin: 0px; border: 0px; }

.arttopic { text-align: left; width: 100%; }
.nortext { font-size: 13px; color: #333333; font-family: verdana, bitstream vera sans; }
.bltext { font-size: 13px; color: #000000; font-family: verdana, bitstream vera sans; }

.topic { font-size: 26px; }
.ssize { font-size: 9px; }
.s2size { font-size: 11px; }
.msize { font-size: 15px; }
.m2size { font-size: 18px; }
.norsize { font-size: 13px; }
.hsize { font-size: 72px; }

.lpad { padding-left: 10px; }
.rpad { padding-right: 10px; }
.tpad { padding-top: 10px; }
.bpad { padding-bottom: 10px; }
.tpadsmall { padding-top: 5px; }
.rpadsmall { padding-right: 5px; }
.bpadsmall { padding-bottom: 5px; }
.lpadsmall { padding-left: 5px; }
.allpad { padding: 10px; }
.tmarg { margin-top: 10px; }
.bmarg { margin-bottom: 10px; }
.bsmallmarg { margin-bottom: 5px; }
.rsmallmarg { margin-right: 5px; }

.black { color: #111111; }
.white { color: #FFFFFF; }
.titleblue { color: #a8cee9; }
.perexblue { color: #CDEAFF; }

.deepblueback { background-color: #475a69; }
.lightblueback { background-color: #bedbf1; }
.normblueback { background-color: #a8cee9; }
.sideblueback { background-color: #7CA8CA; }

.bgcolor_titlebox { background-color: #216498; }
.bgcolor_personhobby { background-color: #CDEAFF; }
.bgcolor_perex { background-color: #CDEAFF; }

.lfloat { float:left; }
.rfloat { float:right; }
.float-clr { clear: both; }

.align-j { text-align: justify; }
.align-r { text-align: right; }
.align-c { text-align: center; }
.align-ver-m { vertical-align: middle; }

.leftpanelw { width: 470px; }
.pagewidth { width: 780px; }
.hwidth { width: 50%; }
.3qwidth { width: 75%; }
.excontentw { width: 670px; }
.excontenth { height: 130px; }

.tdsborder { border-top: 1px #333333 dashed; }
.bdsborder { border-bottom: 1px #333333 dashed; }
.tslborder { border-top: 1px #333333 solid; }
.bslborder { border-bottom: 1px #333333 solid; }
.alldsborder { border: 1px #333333 dashed; }
.allslborder { border: 1px #333333 solid; }
.noborder { border: 0px #FFFFFF solid; }

.hlight { font-weight: bold; }
.hlightred { color: #FF0022; }
.hlightdorg { color: #B32400; }
.hlightpurple { color: #660099; }
.hunder { text-decoration: underline; }
.hover { text-decoration: overline; }
.nodec { text-decoration: none; }

a { color: #331111; }
a.menu { color: #FFFFFF; text-decoration: none; }
a.bbox { color: #333333; text-decoration: none; }
a:hover { color: #C15A0A; }
a.bl { color: #c2cd9e; }
a:hover.bl { color: #FF8000; }
a:hover.topicl { color: #FF8000; text-decoration: underline; }

hr { color: #333333; height: 1px; }

input.comname { width: 250px; height: 15px;}
input.comtitle { width: 400px; height: 15px;}
.cominputlabw { width: 80px;}
textarea.comtext { width:480px; height: 180px;}
input.combutt, button.combutt { width: 80px; height: 20px; }