body {
  margin: 0 auto;
  width: 960px;
  background-image: url(/assets/common/bg-395d41587550d93ecbd74a3aa6ea417b56d9a7b73afc2079d3c70d192d159e8e.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-size: 13px;
  color: #4C4948;
  line-height: 1.6;
  _text-align: center;
}
#wrapper {
  width: 980px;
  min-height: 768px;
  -webkit-box-shadow: #cccccc 1px -2px 14px;
  -moz-box-shadow: #cccccc 1px -2px 14px;
  box-shadow: #cccccc 1px -2px 14px;
  background-color: #FFF;
  behavior: url(/assets/ie/PIE.htc);
  _height: auto !important;
  _height: 768px;
  _text-align: left;
}
#header {
  background-image: url(/assets/common/header-aed39592455264904d06d08ee8f88c27ca46c9a1f33c0e65be0031f57fb3ec08.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 980px;
  height: 84px;
  position: relative;
}
#header .logo {
  position: absolute;
  top: 3px;
  right: 10px;
}
#main {
  position: relative;
}
#main .section {
  margin-left: 260px;
  float: left;
  _margin-left: 130px;
}
#main .section .help {
  position: absolute;
  right: 40px;
  top: 50px;
}
#main .section p {
  font-size: 11px;
  color: #4c4948;
}
#main .section .message {
  width: 650px;
  margin-left: 10px;
  margin-top: 10px;
  text-align: left;
  color: red;
  font-size: 12px;
  font-weight: bold;
}
#main .aside {
  background-image: url(/assets/common/side_bg-6c0c5d33df95b5028988c2a8f6ee8973dc2bd1a8e7ac6e78535487a0ea8bfd9c.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 190px;
  height: 672px;
  position: absolute;
  top: -84px;
  left: 25px;
}
#main .aside .sitelogo {
  position: absolute;
  top: 20px;
  left: 0px;
  width:190px;
}

#main .aside .nav {
  /*background-image: url(/common/side_nav.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 190px;
  height: 437px;*/
  position: absolute;
  top: 110px;
  -webkit-box-shadow: #ccc 0px 10px 14px;
  -moz-box-shadow: #ccc 0px 10px 14px;
  box-shadow: #ccc 0px 3px 14px;
  behavior: url(/assets/ie/PIE.htc);
}
#main .aside .nav li {
  background-image: url(/assets/common/sidemenu-998e1422f958bd19f4d331b6601622082333b566f9fb18133069014d27018048.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 190px;
  height: 55px;
  color: #595757;
  font-size: 12px;
}
#main .aside .nav li a {
  width: 175px;
  height: 45px;
  color: #595757;
  font-size: 10px;
  display: block;
  padding-left: 15px;
  padding-top: 10px;
  line-height: 1.2;
}
#main .aside .nav li a:hover {
  text-decoration: none;
}
#main .aside .nav li a:hover span {
  color: #7EBF41;
  text-decoration: none;
}
#main .aside .nav li a span {
  font-size: 14px;
}
/*#main .aside .nav .nav05 a,
#main .aside .nav .nav06 a,
#main .aside .nav .nav07 a,
#main .aside .nav .nav08 a {
  padding-top: 10px;
}*/
#main .aside .nav .current {
  text-decoration: none;
}
#main .aside .nav .current span {
  color: #7EBF41;
  text-decoration: none;
}
#main .aside .copyright {
  font-size: 9px;
  color: #4C4948;
  margin-top: 650px;
}
#wrapper #main .section form, x:-moz-any-link, x:default {
  padding-bottom: 5px;
}
/*#main .aside .nav .nav05 a, x:-moz-any-link, x:default {
  padding-top: 11px;
}
#main .aside .nav .nav06 a, x:-moz-any-link, x:default {
  padding-top: 11px;
}
#main .aside .nav .nav07 a, x:-moz-any-link, x:default {
  padding-top: 11px;
}
#main .aside .nav .nav08 a, x:-moz-any-link, x:default {
  padding-top: 11px;
}*/

/*-----------------------------------------------
  IME-ON/OFF
-----------------------------------------------*/
input.ime-off { ime-mode: disabled; }
input.ime-on { ime-mode: active; }

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/*-----------------------------------------------
  DISPLAY TOOLTIP ON HOVER ICON
-----------------------------------------------*/
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Helper icon styles */
.tooltip-icon {
  cursor: pointer; /* Add pointer cursor on hover */
}

/* Tooltip text styles */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 560px;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  top: 100%; /* Position below the icon */
  left: 50%;
  margin-top: 5px; /* Adjust the distance between icon and tooltip */
  margin-left: -80px;
  opacity: 0;
  transition: opacity 0.3s;
}

/* Show tooltip text on hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}