/* basic
----------------------------------------------------------- */
body {
  background: #fff; }

#wrapper {
  width: 850px;
  margin: 0 auto; }

@media screen and (max-width: 850px) {
  #wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px; } }
#container {
  position: relative;
  *zoom: 1;
  height: 100%; }
  #container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

/* header
----------------------------------------------------------- */
#header td {
  vertical-align: bottom;
  font-size: 16px;
  font-size: 1rem; }
#header #head_open {
  display: none; }

@media screen and (max-width: 850px) {
  #header #globalNav {
    width: 100%;
    position: relative; }
    #header #globalNav #gNav {
      float: none;
      height: auto;
      position: absolute;
      left: 250px;
      top: 35px; }
      #header #globalNav #gNav table {
        width: auto !important; }
        #header #globalNav #gNav table td {
          width: auto !important; }
      #header #globalNav #gNav ul {
        display: block;
        width: auto;
        height: auto;
        padding: 0; }
        #header #globalNav #gNav ul li {
          float: none;
          margin: 0 10px 5px 0;
          display: inline-block;
          font-size: 14px;
          font-size: 0.875rem; }
          #header #globalNav #gNav ul li a {
            padding: 0 5px; } }
@media screen and (max-width: 567px) {
  #header {
    position: relative; }
    #header #globalNav {
      height: 80px;
      padding: 40px 0 0 0;
      background-position: 0 100%; }
      #header #globalNav .logo {
        float: none;
        margin: 0 auto;
        padding: 0 0 0 10px; }
      #header #globalNav #helpNav {
        position: absolute;
        right: -10px;
        top: 0; }
      #header #globalNav #gNav {
        display: none; } }
/* footer
----------------------------------------------------------- */
#footer {
  clear: both;
  margin: 0 0 10px 0; }
  #footer #sm {
    display: none; }

@media screen and (max-width: 850px) {
  #footer #footerArea {
    width: 100%;
    box-sizing: border-box; }
  #footer #footerContents {
    width: auto;
    box-sizing: border-box; }
    #footer #footerContents > dl {
      margin-bottom: 10px; }
    #footer #footerContents #lt_plan {
      margin-left: 5px; }
  #footer #footerContents2 {
    width: auto;
    margin: 0 5px;
    box-sizing: border-box; }
    #footer #footerContents2 #copyrightread {
      width: auto;
      float: none; }
    #footer #footerContents2 #copyright {
      position: relative;
      clear: both;
      float: none;
      margin: 5px 0 0 0; } }
@media screen and (max-width: 567px) {
  #footer #footerArea {
    display: none; }
  #footer #sm {
    display: block; }
    #footer #sm ul {
      border-top: 1px solid #ddd;
      box-sizing: border-box;
      z-index: 200;
      margin: 0 -10px;
      font-size: 14px;
      font-size: 0.875rem; }
      #footer #sm ul li {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ddd; }
        #footer #sm ul li a {
          position: relative;
          display: block;
          padding: 10px;
          background: #f5f5f5;
          color: #333;
          text-decoration: none; }
          #footer #sm ul li a:before {
            display: block;
            content: "";
            position: absolute;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 50%;
            right: 10px;
            width: 10px;
            height: 10px;
            margin-top: -5px;
            background: #999; }
          #footer #sm ul li a:after {
            display: block;
            content: "";
            position: absolute;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 50%;
            right: 11px;
            width: 10px;
            height: 10px;
            margin-top: -5px;
            background: #f5f5f5; }
    #footer #sm p {
      margin: 10px 0 0 0;
      font-size: 12px;
      font-size: 0.75rem;
      text-align: center; } }
/* title
----------------------------------------------------------- */
#title {
  position: relative;
  margin: 0 0 20px 0; }
  #title #side_open {
    display: none;
    cursor: pointer; }

@media screen and (max-width: 850px) {
  #title {
    position: relative; }
    #title #side_open {
      position: absolute;
      display: block;
      max-width: 50%;
      z-index: 10;
      right: 0;
      background: #fff;
      text-align: right;
      -moz-box-shadow: #666 0 0 5px;
      -webkit-box-shadow: #666 0 0 5px;
      box-shadow: #666 0 0 5px;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 0.7; }
      #title #side_open:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
    #title img {
      max-width: 100%; } }
#overlay {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7); }

/* side
----------------------------------------------------------- */
#side {
  float: left;
  width: 230px;
  margin: 0 0 50px 0; }
  #side #side_inner {
    position: absolute;
    width: 230px; }
    #side #side_inner.fix {
      position: fixed;
      top: 0; }
    #side #side_inner.top {
      top: 0; }
    #side #side_inner.btm {
      bottom: 50px; }
    #side #side_inner #side_title {
      padding: 10px 0;
      border-top: 1px solid #ccc;
      font-size: 16px;
      font-size: 1rem; }
    #side #side_inner #side_close {
      display: none; }
  #side .map_categories {
    margin: 0 0 20px 0; }
    #side .map_categories > li {
      font-size: 13px;
      font-size: 0.8125rem;
      margin: 0 0 1px 0; }
      #side .map_categories > li p {
        position: relative;
        background: #ccc;
        padding: 0.75em 0.25em 0.75em 1.5em;
        color: #fff;
        line-height: 1; }
        #side .map_categories > li p:after {
          content: " ";
          position: absolute;
          right: -2.2em;
          top: 0;
          width: 0;
          height: 0;
          border: 1.2em solid transparent; }
      #side .map_categories > li a {
        display: block;
        padding: 0.75em 0.25em 0.75em 0.75em;
        line-height: 1;
        color: #333;
        text-decoration: none; }
        #side .map_categories > li a:hover {
          background: rgba(255, 255, 255, 0.5); }
      #side .map_categories > li.cat1 {
        background: rgba(233, 81, 56, 0.2); }
        #side .map_categories > li.cat1 p {
          background: #E95138; }
          #side .map_categories > li.cat1 p:after {
            border-left: 1em solid #E95138; }
        #side .map_categories > li.cat1 a {
          border-left: 10px solid #E95138; }
          #side .map_categories > li.cat1 a.bigbtn {
            background-color: #E95138; }
            #side .map_categories > li.cat1 a.bigbtn:hover {
              background-color: #d63318; }
        #side .map_categories > li.cat1 ul {
          border-left: 10px solid #E95138; }
          #side .map_categories > li.cat1 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(233, 81, 56, 0.2); }
            #side .map_categories > li.cat1 ul li a {
              color: #E95138; }
              #side .map_categories > li.cat1 ul li a:before {
                border: 3px solid #E95138; }
          #side .map_categories > li.cat1 ul.map_double li span {
            color: #E95138; }
            #side .map_categories > li.cat1 ul.map_double li span:before {
              border: 3px solid #E95138; }
      #side .map_categories > li.cat4 {
        background: rgba(0, 168, 241, 0.2); }
        #side .map_categories > li.cat4 p {
          background: #00A8F1; }
          #side .map_categories > li.cat4 p:after {
            border-left: 1em solid #00A8F1; }
        #side .map_categories > li.cat4 a {
          border-left: 10px solid #00A8F1; }
          #side .map_categories > li.cat4 a.bigbtn {
            background-color: #00A8F1; }
            #side .map_categories > li.cat4 a.bigbtn:hover {
              background-color: #0084be; }
        #side .map_categories > li.cat4 ul {
          border-left: 10px solid #00A8F1; }
          #side .map_categories > li.cat4 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(0, 168, 241, 0.2); }
            #side .map_categories > li.cat4 ul li a {
              color: #00A8F1; }
              #side .map_categories > li.cat4 ul li a:before {
                border: 3px solid #00A8F1; }
          #side .map_categories > li.cat4 ul.map_double li span {
            color: #00A8F1; }
            #side .map_categories > li.cat4 ul.map_double li span:before {
              border: 3px solid #00A8F1; }
      #side .map_categories > li.cat9 {
        background: rgba(0, 159, 29, 0.2); }
        #side .map_categories > li.cat9 p {
          background: #009F1D; }
          #side .map_categories > li.cat9 p:after {
            border-left: 1em solid #009F1D; }
        #side .map_categories > li.cat9 a {
          border-left: 10px solid #009F1D; }
          #side .map_categories > li.cat9 a.bigbtn {
            background-color: #009F1D; }
            #side .map_categories > li.cat9 a.bigbtn:hover {
              background-color: #006c14; }
        #side .map_categories > li.cat9 ul {
          border-left: 10px solid #009F1D; }
          #side .map_categories > li.cat9 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(0, 159, 29, 0.2); }
            #side .map_categories > li.cat9 ul li a {
              color: #009F1D; }
              #side .map_categories > li.cat9 ul li a:before {
                border: 3px solid #009F1D; }
          #side .map_categories > li.cat9 ul.map_double li span {
            color: #009F1D; }
            #side .map_categories > li.cat9 ul.map_double li span:before {
              border: 3px solid #009F1D; }
      #side .map_categories > li.cat16 {
        background: rgba(0, 161, 182, 0.2); }
        #side .map_categories > li.cat16 p {
          background: #00A1B6; }
          #side .map_categories > li.cat16 p:after {
            border-left: 1em solid #00A1B6; }
        #side .map_categories > li.cat16 a {
          border-left: 10px solid #00A1B6; }
          #side .map_categories > li.cat16 a.bigbtn {
            background-color: #00A1B6; }
            #side .map_categories > li.cat16 a.bigbtn:hover {
              background-color: #007483; }
        #side .map_categories > li.cat16 ul {
          border-left: 10px solid #00A1B6; }
          #side .map_categories > li.cat16 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(0, 161, 182, 0.2); }
            #side .map_categories > li.cat16 ul li a {
              color: #00A1B6; }
              #side .map_categories > li.cat16 ul li a:before {
                border: 3px solid #00A1B6; }
          #side .map_categories > li.cat16 ul.map_double li span {
            color: #00A1B6; }
            #side .map_categories > li.cat16 ul.map_double li span:before {
              border: 3px solid #00A1B6; }
      #side .map_categories > li.cat21 {
        background: rgba(119, 196, 2, 0.2); }
        #side .map_categories > li.cat21 p {
          background: #77C402; }
          #side .map_categories > li.cat21 p:after {
            border-left: 1em solid #77C402; }
        #side .map_categories > li.cat21 a {
          border-left: 10px solid #77C402; }
          #side .map_categories > li.cat21 a.bigbtn {
            background-color: #77C402; }
            #side .map_categories > li.cat21 a.bigbtn:hover {
              background-color: #589201; }
        #side .map_categories > li.cat21 ul {
          border-left: 10px solid #77C402; }
          #side .map_categories > li.cat21 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(119, 196, 2, 0.2); }
            #side .map_categories > li.cat21 ul li a {
              color: #77C402; }
              #side .map_categories > li.cat21 ul li a:before {
                border: 3px solid #77C402; }
          #side .map_categories > li.cat21 ul.map_double li span {
            color: #77C402; }
            #side .map_categories > li.cat21 ul.map_double li span:before {
              border: 3px solid #77C402; }
      #side .map_categories > li.cat25 {
        background: rgba(242, 92, 142, 0.2); }
        #side .map_categories > li.cat25 p {
          background: #F25C8E; }
          #side .map_categories > li.cat25 p:after {
            border-left: 1em solid #F25C8E; }
        #side .map_categories > li.cat25 a {
          border-left: 10px solid #F25C8E; }
          #side .map_categories > li.cat25 a.bigbtn {
            background-color: #F25C8E; }
            #side .map_categories > li.cat25 a.bigbtn:hover {
              background-color: #ee2d6d; }
        #side .map_categories > li.cat25 ul {
          border-left: 10px solid #F25C8E; }
          #side .map_categories > li.cat25 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(242, 92, 142, 0.2); }
            #side .map_categories > li.cat25 ul li a {
              color: #F25C8E; }
              #side .map_categories > li.cat25 ul li a:before {
                border: 3px solid #F25C8E; }
          #side .map_categories > li.cat25 ul.map_double li span {
            color: #F25C8E; }
            #side .map_categories > li.cat25 ul.map_double li span:before {
              border: 3px solid #F25C8E; }
      #side .map_categories > li.cat34 {
        background: rgba(76, 80, 222, 0.2); }
        #side .map_categories > li.cat34 p {
          background: #4C50DE; }
          #side .map_categories > li.cat34 p:after {
            border-left: 1em solid #4C50DE; }
        #side .map_categories > li.cat34 a {
          border-left: 10px solid #4C50DE; }
          #side .map_categories > li.cat34 a.bigbtn {
            background-color: #4C50DE; }
            #side .map_categories > li.cat34 a.bigbtn:hover {
              background-color: #262bd1; }
        #side .map_categories > li.cat34 ul {
          border-left: 10px solid #4C50DE; }
          #side .map_categories > li.cat34 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(76, 80, 222, 0.2); }
            #side .map_categories > li.cat34 ul li a {
              color: #4C50DE; }
              #side .map_categories > li.cat34 ul li a:before {
                border: 3px solid #4C50DE; }
          #side .map_categories > li.cat34 ul.map_double li span {
            color: #4C50DE; }
            #side .map_categories > li.cat34 ul.map_double li span:before {
              border: 3px solid #4C50DE; }
      #side .map_categories > li.cat42 {
        background: rgba(255, 179, 10, 0.2); }
        #side .map_categories > li.cat42 p {
          background: #FFB30A; }
          #side .map_categories > li.cat42 p:after {
            border-left: 1em solid #FFB30A; }
        #side .map_categories > li.cat42 a {
          border-left: 10px solid #FFB30A; }
          #side .map_categories > li.cat42 a.bigbtn {
            background-color: #FFB30A; }
            #side .map_categories > li.cat42 a.bigbtn:hover {
              background-color: #d69400; }
        #side .map_categories > li.cat42 ul {
          border-left: 10px solid #FFB30A; }
          #side .map_categories > li.cat42 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(255, 179, 10, 0.2); }
            #side .map_categories > li.cat42 ul li a {
              color: #FFB30A; }
              #side .map_categories > li.cat42 ul li a:before {
                border: 3px solid #FFB30A; }
          #side .map_categories > li.cat42 ul.map_double li span {
            color: #FFB30A; }
            #side .map_categories > li.cat42 ul.map_double li span:before {
              border: 3px solid #FFB30A; }
      #side .map_categories > li.cat48 {
        background: rgba(26, 188, 156, 0.2); }
        #side .map_categories > li.cat48 p {
          background: #1abc9c; }
          #side .map_categories > li.cat48 p:after {
            border-left: 1em solid #1abc9c; }
        #side .map_categories > li.cat48 a {
          border-left: 10px solid #1abc9c; }
          #side .map_categories > li.cat48 a.bigbtn {
            background-color: #1abc9c; }
            #side .map_categories > li.cat48 a.bigbtn:hover {
              background-color: #148f77; }
        #side .map_categories > li.cat48 ul {
          border-left: 10px solid #1abc9c; }
          #side .map_categories > li.cat48 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(26, 188, 156, 0.2); }
            #side .map_categories > li.cat48 ul li a {
              color: #1abc9c; }
              #side .map_categories > li.cat48 ul li a:before {
                border: 3px solid #1abc9c; }
          #side .map_categories > li.cat48 ul.map_double li span {
            color: #1abc9c; }
            #side .map_categories > li.cat48 ul.map_double li span:before {
              border: 3px solid #1abc9c; }
      #side .map_categories > li.cat5 {
        background: rgba(26, 188, 156, 0.2); }
        #side .map_categories > li.cat5 p {
          background: #1abc9c; }
          #side .map_categories > li.cat5 p:after {
            border-left: 1em solid #1abc9c; }
        #side .map_categories > li.cat5 a {
          border-left: 10px solid #1abc9c; }
          #side .map_categories > li.cat5 a.bigbtn {
            background-color: #1abc9c; }
            #side .map_categories > li.cat5 a.bigbtn:hover {
              background-color: #148f77; }
        #side .map_categories > li.cat5 ul {
          border-left: 10px solid #1abc9c; }
          #side .map_categories > li.cat5 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(26, 188, 156, 0.2); }
            #side .map_categories > li.cat5 ul li a {
              color: #1abc9c; }
              #side .map_categories > li.cat5 ul li a:before {
                border: 3px solid #1abc9c; }
          #side .map_categories > li.cat5 ul.map_double li span {
            color: #1abc9c; }
            #side .map_categories > li.cat5 ul.map_double li span:before {
              border: 3px solid #1abc9c; }
      #side .map_categories > li ul {
        padding: 0 10px; }
        #side .map_categories > li ul li {
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: bold; }
          #side .map_categories > li ul li:first-child {
            border-top: none; }
          #side .map_categories > li ul li:last-child {
            border-bottom: none; }
          #side .map_categories > li ul li a {
            padding: 10px 0 10px 16px;
            border: none !important;
            text-decoration: none;
            text-indent: -16px; }
            #side .map_categories > li ul li a:hover {
              background: none;
              text-decoration: underline; }
            #side .map_categories > li ul li a:before {
              content: " ";
              display: inline-block;
              width: 5px;
              height: 5px;
              margin: 0 0.5em 0 0;
              -moz-border-radius: 11px / 11px;
              -webkit-border-radius: 11px 11px;
              border-radius: 11px / 11px;
              background: #fff; }
        #side .map_categories > li ul.map_double li span {
          display: block;
          padding: 0.75em 0.25em 0.75em 0;
          line-height: 1;
          text-decoration: none;
          font-weight: bold; }
          #side .map_categories > li ul.map_double li span:before {
            content: " ";
            display: inline-block;
            width: 5px;
            height: 5px;
            margin: 0 0.5em 0 0;
            -moz-border-radius: 11px / 11px;
            -webkit-border-radius: 11px 11px;
            border-radius: 11px / 11px;
            background: #fff; }
        #side .map_categories > li ul.map_double li ul {
          padding: 0;
          border: none; }
          #side .map_categories > li ul.map_double li ul li {
            border: none;
            position: relative;
            padding: 0 0 0.5em 1.5em; }
            #side .map_categories > li ul.map_double li ul li:before {
              position: absolute;
              display: block;
              width: 1.5em;
              height: 1.8em;
              content: " ";
              left: 0.4em;
              top: -1em;
              border-left: 1px solid #F25C8E;
              border-bottom: 1px solid #F25C8E; }
            #side .map_categories > li ul.map_double li ul li:not(:last-child):after {
              position: absolute;
              display: block;
              width: 1em;
              height: 100%;
              content: " ";
              left: 0.4em;
              top: 0;
              border-left: 1px solid #F25C8E; }
            #side .map_categories > li ul.map_double li ul li a {
              display: inline;
              padding: 0;
              font-weight: normal; }
              #side .map_categories > li ul.map_double li ul li a:before {
                background: #F25C8E;
                content: " ";
                display: inline-block;
                width: 0.6em;
                height: 0.6em;
                margin: 0 0.5em 0 0;
                border: none;
                -moz-border-radius: 0.6em / 0.6em;
                -webkit-border-radius: 0.6em 0.6em;
                border-radius: 0.6em / 0.6em; }
  #side .map_comcen li {
    margin: 0 0 5px 0; }
    #side .map_comcen li a {
      display: table;
      width: 100%;
      height: 60px;
      text-decoration: none; }
      #side .map_comcen li a:hover {
        background: #f9f9f9; }
      #side .map_comcen li a p {
        display: table-cell;
        vertical-align: middle;
        font-size: 13px;
        font-size: 0.8125rem;
        color: #666;
        line-height: 1.2; }
        #side .map_comcen li a p:after {
          content: " ";
          position: absolute;
          right: -2.2em;
          top: 0;
          width: 0;
          height: 0;
          border: 1.2em solid transparent; }
        #side .map_comcen li a p:first-child {
          padding: 5px 10px 5px 5px; }
        #side .map_comcen li a p span {
          font-size: 12px;
          font-size: 0.75rem;
          color: #006CD8;
          text-decoration: underline; }

@media screen and (max-width: 850px) {
  #side {
    position: fixed;
    left: -270px;
    top: 0;
    width: 260px;
    height: 100%;
    background: #fff;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
    z-index: 200;
    overflow-y: scroll; }
    #side #side_inner {
      width: 260px;
      overflow: hidden; }
      #side #side_inner.fix, #side #side_inner.top, #side #side_inner.btm {
        position: relative;
        top: auto;
        bottom: auto; }
      #side #side_inner #side_title {
        display: none; }
      #side #side_inner #side_close {
        overflow: hidden;
        position: relative;
        display: block !important;
        padding: 10px;
        background: url(../images/close.png) no-repeat 95% 50%;
        background-size: 10px 10px;
        border-bottom: 1px solid #fff;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1; }
        #side #side_inner #side_close span {
          display: none; }
    #side .map_categories > li p {
      padding-left: 0.75em; }
      #side .map_categories > li p:after {
        display: none; }
    #side .map_categories > li ul li a {
      padding-left: 0;
      text-indent: 0;
      font-weight: normal; }
      #side .map_categories > li ul li a:before {
        display: none; }
    #side .map_categories > li ul.map_double li span {
      font-weight: normal; }
    #side .map_comcen li a {
      height: auto; }
      #side .map_comcen li a p img {
        width: 38px; }
      #side .map_comcen li a p:first-child {
        padding: 5px; }
    #side.menuon .map_categories > li p:after {
      display: block; } }
/* main
----------------------------------------------------------- */
#main {
  float: right;
  width: 600px; }
  #main h1 {
    margin: 0 0 15px 0;
    padding: 20px 20px 20px 60px;
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1; }
  #main .lead {
    margin: 0 0 30px 0;
    font-size: 14px;
    font-size: 0.875rem; }
  #main h2 {
    padding: 10px;
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    line-height: 1;
    font-weight: bold; }
  #main ul li {
    padding: 20px 10px; }
    #main ul li h3 {
      margin: 0 0 10px 0;
      font-weight: bold; }
      #main ul li h3:before {
        content: " ";
        display: inline-block;
        width: 7px;
        height: 7px;
        margin: 0 0.5em 0 0;
        -moz-border-radius: 11px / 11px;
        -webkit-border-radius: 11px 11px;
        border-radius: 11px / 11px;
        background: #fff; }
    #main ul li p {
      margin: 0 0 0 1.7em;
      font-size: 14px;
      font-size: 0.875rem; }
      #main ul li p.sub {
        font-size: 12px;
        font-size: 0.75rem; }
  #main ul.children {
    position: relative;
    margin: 0 0 0 1em; }
    #main ul.children li {
      position: relative;
      padding: 0.7em 0.7em 0.7em 2em; }
      #main ul.children li:before {
        position: absolute;
        display: block;
        width: 1.5em;
        height: 2.2em;
        content: " ";
        left: -0.6em;
        top: -1em;
        border-left: 1px solid #F25C8E;
        border-bottom: 1px solid #F25C8E; }
      #main ul.children li:not(:last-child):after {
        position: absolute;
        display: block;
        width: 1em;
        height: 100%;
        content: " ";
        left: -0.6em;
        top: 0;
        border-left: 1px solid #F25C8E; }
      #main ul.children li h4 {
        margin: 0 0 5px -1.3em;
        font-weight: bold;
        font-size: 14px;
        font-size: 0.875rem; }
        #main ul.children li h4:before {
          content: " ";
          display: inline-block;
          width: 0.8em;
          height: 0.8em;
          margin: 0 0.5em 0 0;
          -moz-border-radius: 0.8em / 0.8em;
          -webkit-border-radius: 0.8em 0.8em;
          border-radius: 0.8em / 0.8em; }
      #main ul.children li dl {
        position: relative;
        display: table;
        margin: 0 0 10px 0;
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 1; }
        #main ul.children li dl dt {
          display: table-cell;
          padding: 0.5em 1em;
          background: #E3E3E3;
          color: #999;
          font-weight: bold;
          white-space: nowrap;
          vertical-align: middle; }
          #main ul.children li dl dt:after {
            content: " ";
            position: absolute;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 1em 0 1em 1em;
            border-color: transparent transparent transparent #E3E3E3;
            left: 4em;
            top: 50%;
            margin: -1em 0 0 0; }
        #main ul.children li dl dd {
          display: table-cell;
          padding: 0.5em 1em 0.5em 2em;
          background: #F5F5F5;
          color: #666; }
      #main ul.children li p {
        margin: 0; }
  #main .pagetop {
    margin: 20px 0 50px 0;
    text-align: right; }

.index #main {
  float: none;
  width: 100%; }
  .index #main #topics {
    margin: 0 0 30px 0; }
    .index #main #topics h1 {
      margin: 0 0 10px 0;
      padding: 0 0 5px 0;
      border-bottom: 1px solid #ddd;
      color: #666;
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: bold;
      line-height: 1.5; }
    .index #main #topics ul {
      list-style-type: disc;
      margin: 0 0 0 1.5em; }
      .index #main #topics ul li {
        list-style-type: disc;
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 12px;
        font-size: 0.75rem;
        color: #666; }
        .index #main #topics ul li.special {
          padding: 5px;
          border: 3px solid #c00; }
  .index #main #menulist {
    width: 870px;
    margin: 0 -20px 0 0; }
    .index #main #menulist > li {
      font-size: 13px;
      font-size: 0.8125rem;
      margin: 0 0 1px 0;
      width: 270px;
      margin: 0 0 20px 0;
      padding: 0; }
      .index #main #menulist > li a.bigbtn {
        display: block;
        padding: 0 40px 0 0;
        background: url(../images/arrow.png) no-repeat right center;
        border: none !important;
        text-decoration: none; }
        .index #main #menulist > li a.bigbtn h1 {
          min-height: 32px;
          margin: 0;
          padding: 18px 10px 0 60px;
          background: url(../images/diary_icon.png) no-repeat 15px 15px;
          color: #fff;
          font-size: 20px;
          font-size: 1.25rem;
          font-weight: bold;
          line-height: 1.2;
          text-decoration: underline; }
        .index #main #menulist > li a.bigbtn p {
          margin: 0;
          padding: 10px;
          background: transparent;
          font-size: 12px;
          font-size: 0.75rem;
          color: #fff; }
      .index #main #menulist > li.cat1 {
        background: rgba(233, 81, 56, 0.2); }
        .index #main #menulist > li.cat1 p {
          background: #E95138; }
          .index #main #menulist > li.cat1 p:after {
            border-left: 1em solid #E95138; }
        .index #main #menulist > li.cat1 a {
          border-left: 10px solid #E95138; }
          .index #main #menulist > li.cat1 a.bigbtn {
            background-color: #E95138; }
            .index #main #menulist > li.cat1 a.bigbtn:hover {
              background-color: #d63318; }
        .index #main #menulist > li.cat1 ul {
          border-left: 10px solid #E95138; }
          .index #main #menulist > li.cat1 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(233, 81, 56, 0.2); }
            .index #main #menulist > li.cat1 ul li a {
              color: #E95138; }
              .index #main #menulist > li.cat1 ul li a:before {
                border: 3px solid #E95138; }
          .index #main #menulist > li.cat1 ul.map_double li span {
            color: #E95138; }
            .index #main #menulist > li.cat1 ul.map_double li span:before {
              border: 3px solid #E95138; }
      .index #main #menulist > li.cat4 {
        background: rgba(0, 168, 241, 0.2); }
        .index #main #menulist > li.cat4 p {
          background: #00A8F1; }
          .index #main #menulist > li.cat4 p:after {
            border-left: 1em solid #00A8F1; }
        .index #main #menulist > li.cat4 a {
          border-left: 10px solid #00A8F1; }
          .index #main #menulist > li.cat4 a.bigbtn {
            background-color: #00A8F1; }
            .index #main #menulist > li.cat4 a.bigbtn:hover {
              background-color: #0084be; }
        .index #main #menulist > li.cat4 ul {
          border-left: 10px solid #00A8F1; }
          .index #main #menulist > li.cat4 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(0, 168, 241, 0.2); }
            .index #main #menulist > li.cat4 ul li a {
              color: #00A8F1; }
              .index #main #menulist > li.cat4 ul li a:before {
                border: 3px solid #00A8F1; }
          .index #main #menulist > li.cat4 ul.map_double li span {
            color: #00A8F1; }
            .index #main #menulist > li.cat4 ul.map_double li span:before {
              border: 3px solid #00A8F1; }
      .index #main #menulist > li.cat9 {
        background: rgba(0, 159, 29, 0.2); }
        .index #main #menulist > li.cat9 p {
          background: #009F1D; }
          .index #main #menulist > li.cat9 p:after {
            border-left: 1em solid #009F1D; }
        .index #main #menulist > li.cat9 a {
          border-left: 10px solid #009F1D; }
          .index #main #menulist > li.cat9 a.bigbtn {
            background-color: #009F1D; }
            .index #main #menulist > li.cat9 a.bigbtn:hover {
              background-color: #006c14; }
        .index #main #menulist > li.cat9 ul {
          border-left: 10px solid #009F1D; }
          .index #main #menulist > li.cat9 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(0, 159, 29, 0.2); }
            .index #main #menulist > li.cat9 ul li a {
              color: #009F1D; }
              .index #main #menulist > li.cat9 ul li a:before {
                border: 3px solid #009F1D; }
          .index #main #menulist > li.cat9 ul.map_double li span {
            color: #009F1D; }
            .index #main #menulist > li.cat9 ul.map_double li span:before {
              border: 3px solid #009F1D; }
        .index #main #menulist > li.cat9 ul.map_double li div {
          color: #393939; }
          .index #main #menulist > li.cat9 ul.map_double li div:after {
            border-left: 1px solid #009F1D;
            border-bottom: 1px solid #009F1D; }
          .index #main #menulist > li.cat9 ul.map_double li div:before {
            background: #009F1D; }
        .index #main #menulist > li.cat9 ul.map_double li ul li:not(:last-child):after {
          border-left: 1px solid #009F1D; }
        .index #main #menulist > li.cat9 ul.map_double li ul li:before {
          border-left: 1px solid #009F1D;
          border-bottom: 1px solid #009F1D; }
        .index #main #menulist > li.cat9 ul.map_double li ul li a:before {
          background: #009F1D; }
      .index #main #menulist > li.cat16 {
        background: rgba(0, 161, 182, 0.2); }
        .index #main #menulist > li.cat16 p {
          background: #00A1B6; }
          .index #main #menulist > li.cat16 p:after {
            border-left: 1em solid #00A1B6; }
        .index #main #menulist > li.cat16 a {
          border-left: 10px solid #00A1B6; }
          .index #main #menulist > li.cat16 a.bigbtn {
            background-color: #00A1B6; }
            .index #main #menulist > li.cat16 a.bigbtn:hover {
              background-color: #007483; }
        .index #main #menulist > li.cat16 ul {
          border-left: 10px solid #00A1B6; }
          .index #main #menulist > li.cat16 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(0, 161, 182, 0.2); }
            .index #main #menulist > li.cat16 ul li a {
              color: #00A1B6; }
              .index #main #menulist > li.cat16 ul li a:before {
                border: 3px solid #00A1B6; }
          .index #main #menulist > li.cat16 ul.map_double li span {
            color: #00A1B6; }
            .index #main #menulist > li.cat16 ul.map_double li span:before {
              border: 3px solid #00A1B6; }
      .index #main #menulist > li.cat21 {
        background: rgba(119, 196, 2, 0.2); }
        .index #main #menulist > li.cat21 p {
          background: #77C402; }
          .index #main #menulist > li.cat21 p:after {
            border-left: 1em solid #77C402; }
        .index #main #menulist > li.cat21 a {
          border-left: 10px solid #77C402; }
          .index #main #menulist > li.cat21 a.bigbtn {
            background-color: #77C402; }
            .index #main #menulist > li.cat21 a.bigbtn:hover {
              background-color: #589201; }
        .index #main #menulist > li.cat21 ul {
          border-left: 10px solid #77C402; }
          .index #main #menulist > li.cat21 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(119, 196, 2, 0.2); }
            .index #main #menulist > li.cat21 ul li a {
              color: #77C402; }
              .index #main #menulist > li.cat21 ul li a:before {
                border: 3px solid #77C402; }
          .index #main #menulist > li.cat21 ul.map_double li span {
            color: #77C402; }
            .index #main #menulist > li.cat21 ul.map_double li span:before {
              border: 3px solid #77C402; }
      .index #main #menulist > li.cat25 {
        background: rgba(242, 92, 142, 0.2); }
        .index #main #menulist > li.cat25 p {
          background: #F25C8E; }
          .index #main #menulist > li.cat25 p:after {
            border-left: 1em solid #F25C8E; }
        .index #main #menulist > li.cat25 a {
          border-left: 10px solid #F25C8E; }
          .index #main #menulist > li.cat25 a.bigbtn {
            background-color: #F25C8E; }
            .index #main #menulist > li.cat25 a.bigbtn:hover {
              background-color: #ee2d6d; }
        .index #main #menulist > li.cat25 ul {
          border-left: 10px solid #F25C8E; }
          .index #main #menulist > li.cat25 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(242, 92, 142, 0.2); }
            .index #main #menulist > li.cat25 ul li a {
              color: #F25C8E; }
              .index #main #menulist > li.cat25 ul li a:before {
                border: 3px solid #F25C8E; }
          .index #main #menulist > li.cat25 ul.map_double li span {
            color: #F25C8E; }
            .index #main #menulist > li.cat25 ul.map_double li span:before {
              border: 3px solid #F25C8E; }
        .index #main #menulist > li.cat25 ul.map_double li div {
          color: #393939; }
          .index #main #menulist > li.cat25 ul.map_double li div:after {
            border-left: 1px solid #F25C8E;
            border-bottom: 1px solid #F25C8E; }
          .index #main #menulist > li.cat25 ul.map_double li div:before {
            background: #F25C8E; }
        .index #main #menulist > li.cat25 ul.map_double li ul li:not(:last-child):after {
          border-left: 1px solid #F25C8E; }
        .index #main #menulist > li.cat25 ul.map_double li ul li:before {
          border-left: 1px solid #F25C8E;
          border-bottom: 1px solid #F25C8E; }
        .index #main #menulist > li.cat25 ul.map_double li ul li a:before {
          background: #F25C8E; }
      .index #main #menulist > li.cat34 {
        background: rgba(76, 80, 222, 0.2); }
        .index #main #menulist > li.cat34 p {
          background: #4C50DE; }
          .index #main #menulist > li.cat34 p:after {
            border-left: 1em solid #4C50DE; }
        .index #main #menulist > li.cat34 a {
          border-left: 10px solid #4C50DE; }
          .index #main #menulist > li.cat34 a.bigbtn {
            background-color: #4C50DE; }
            .index #main #menulist > li.cat34 a.bigbtn:hover {
              background-color: #262bd1; }
        .index #main #menulist > li.cat34 ul {
          border-left: 10px solid #4C50DE; }
          .index #main #menulist > li.cat34 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(76, 80, 222, 0.2); }
            .index #main #menulist > li.cat34 ul li a {
              color: #4C50DE; }
              .index #main #menulist > li.cat34 ul li a:before {
                border: 3px solid #4C50DE; }
          .index #main #menulist > li.cat34 ul.map_double li span {
            color: #4C50DE; }
            .index #main #menulist > li.cat34 ul.map_double li span:before {
              border: 3px solid #4C50DE; }
      .index #main #menulist > li.cat42 {
        background: rgba(255, 179, 10, 0.2); }
        .index #main #menulist > li.cat42 p {
          background: #FFB30A; }
          .index #main #menulist > li.cat42 p:after {
            border-left: 1em solid #FFB30A; }
        .index #main #menulist > li.cat42 a {
          border-left: 10px solid #FFB30A; }
          .index #main #menulist > li.cat42 a.bigbtn {
            background-color: #FFB30A; }
            .index #main #menulist > li.cat42 a.bigbtn:hover {
              background-color: #d69400; }
        .index #main #menulist > li.cat42 ul {
          border-left: 10px solid #FFB30A; }
          .index #main #menulist > li.cat42 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(255, 179, 10, 0.2); }
            .index #main #menulist > li.cat42 ul li a {
              color: #FFB30A; }
              .index #main #menulist > li.cat42 ul li a:before {
                border: 3px solid #FFB30A; }
          .index #main #menulist > li.cat42 ul.map_double li span {
            color: #FFB30A; }
            .index #main #menulist > li.cat42 ul.map_double li span:before {
              border: 3px solid #FFB30A; }
      .index #main #menulist > li.cat48 {
        background: rgba(26, 188, 156, 0.2); }
        .index #main #menulist > li.cat48 p {
          background: #1abc9c; }
          .index #main #menulist > li.cat48 p:after {
            border-left: 1em solid #1abc9c; }
        .index #main #menulist > li.cat48 a {
          border-left: 10px solid #1abc9c; }
          .index #main #menulist > li.cat48 a.bigbtn {
            background-color: #1abc9c; }
            .index #main #menulist > li.cat48 a.bigbtn:hover {
              background-color: #148f77; }
        .index #main #menulist > li.cat48 ul {
          border-left: 10px solid #1abc9c; }
          .index #main #menulist > li.cat48 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(26, 188, 156, 0.2); }
            .index #main #menulist > li.cat48 ul li a {
              color: #1abc9c; }
              .index #main #menulist > li.cat48 ul li a:before {
                border: 3px solid #1abc9c; }
          .index #main #menulist > li.cat48 ul.map_double li span {
            color: #1abc9c; }
            .index #main #menulist > li.cat48 ul.map_double li span:before {
              border: 3px solid #1abc9c; }
      .index #main #menulist > li.cat5 {
        background: rgba(26, 188, 156, 0.2); }
        .index #main #menulist > li.cat5 p {
          background: #1abc9c; }
          .index #main #menulist > li.cat5 p:after {
            border-left: 1em solid #1abc9c; }
        .index #main #menulist > li.cat5 a {
          border-left: 10px solid #1abc9c; }
          .index #main #menulist > li.cat5 a.bigbtn {
            background-color: #1abc9c; }
            .index #main #menulist > li.cat5 a.bigbtn:hover {
              background-color: #148f77; }
        .index #main #menulist > li.cat5 ul {
          border-left: 10px solid #1abc9c; }
          .index #main #menulist > li.cat5 ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            border-bottom: 1px solid rgba(26, 188, 156, 0.2); }
            .index #main #menulist > li.cat5 ul li a {
              color: #1abc9c; }
              .index #main #menulist > li.cat5 ul li a:before {
                border: 3px solid #1abc9c; }
          .index #main #menulist > li.cat5 ul.map_double li span {
            color: #1abc9c; }
            .index #main #menulist > li.cat5 ul.map_double li span:before {
              border: 3px solid #1abc9c; }
      .index #main #menulist > li ul {
        padding: 0 10px;
        border: none !important; }
        .index #main #menulist > li ul li {
          padding: 0;
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: bold; }
          .index #main #menulist > li ul li:first-child {
            border-top: none; }
          .index #main #menulist > li ul li:last-child {
            border-bottom: none; }
          .index #main #menulist > li ul li > a {
            display: block;
            padding: 10px 0 10px 16px;
            border: none !important;
            text-decoration: none;
            text-indent: -16px; }
            .index #main #menulist > li ul li > a:hover {
              background: none;
              text-decoration: underline; }
            .index #main #menulist > li ul li > a:before {
              content: " ";
              display: inline-block;
              width: 5px;
              height: 5px;
              margin: 0 0.5em 0 0;
              -moz-border-radius: 11px / 11px;
              -webkit-border-radius: 11px 11px;
              border-radius: 11px / 11px;
              background: #fff; }
        .index #main #menulist > li ul.map_double li span {
          display: block;
          padding: 0.75em 0.25em 0.75em 0;
          line-height: 1;
          text-decoration: none;
          font-weight: bold; }
          .index #main #menulist > li ul.map_double li span:before {
            content: " ";
            display: inline-block;
            width: 5px;
            height: 5px;
            margin: 0 0.5em 0 0;
            -moz-border-radius: 11px / 11px;
            -webkit-border-radius: 11px 11px;
            border-radius: 11px / 11px;
            background: #fff; }
        .index #main #menulist > li ul.map_double li div {
          border: none;
          position: relative;
          padding: 0 0 0.5em 1.5em; }
          .index #main #menulist > li ul.map_double li div:after {
            position: absolute;
            display: block;
            width: 1.5em;
            height: 1.8em;
            content: " ";
            left: 0.4em;
            top: -1em; }
          .index #main #menulist > li ul.map_double li div:before {
            content: " ";
            display: inline-block;
            width: 0.6em;
            height: 0.6em;
            margin: 0 0.5em 0 0;
            border: none;
            -moz-border-radius: 0.6em / 0.6em;
            -webkit-border-radius: 0.6em 0.6em;
            border-radius: 0.6em / 0.6em; }
          .index #main #menulist > li ul.map_double li div a {
            border: none;
            margin: 0 0.5em 0 0; }
        .index #main #menulist > li ul.map_double li ul {
          padding: 0;
          border: none; }
          .index #main #menulist > li ul.map_double li ul li {
            border: none;
            position: relative;
            padding: 0 0 0.5em 1.5em; }
            .index #main #menulist > li ul.map_double li ul li:before {
              position: absolute;
              display: block;
              width: 1.5em;
              height: 1.8em;
              content: " ";
              left: 0.4em;
              top: -1em; }
            .index #main #menulist > li ul.map_double li ul li:not(:last-child):after {
              position: absolute;
              display: block;
              width: 1em;
              height: 100%;
              content: " ";
              left: 0.4em;
              top: 0; }
            .index #main #menulist > li ul.map_double li ul li a {
              display: inline;
              padding: 0;
              font-weight: normal; }
              .index #main #menulist > li ul.map_double li ul li a:before {
                content: " ";
                display: inline-block;
                width: 0.6em;
                height: 0.6em;
                margin: 0 0.5em 0 0;
                border: none;
                -moz-border-radius: 0.6em / 0.6em;
                -webkit-border-radius: 0.6em 0.6em;
                border-radius: 0.6em / 0.6em; }
  .index #main #comcen {
    padding: 10px 0;
    background: #eee; }
    .index #main #comcen h1 {
      margin: 0 0 10px 0;
      padding: 10px 20px 0;
      font-size: 20px;
      font-size: 1.25rem;
      color: #666; }
    .index #main #comcen ul {
      display: table;
      table-layout: fixed;
      border-collapse: separate;
      border-spacing: 10px;
      width: 100%;
      box-sizing: border-box;
      margin: 0 0 -10px 0; }
    .index #main #comcen li {
      display: table-cell;
      padding: 0;
      background: #fff;
      vertical-align: middle; }
      .index #main #comcen li a {
        display: table;
        width: 100%;
        height: 80px;
        text-decoration: none;
        border-collapse: collapse; }
        .index #main #comcen li a:hover {
          background: #f9f9f9; }
        .index #main #comcen li a p {
          display: table-cell;
          vertical-align: middle;
          font-size: 13px;
          font-size: 0.8125rem;
          color: #666;
          line-height: 1.2; }
          .index #main #comcen li a p:first-child {
            padding: 5px 10px 5px 5px; }
          .index #main #comcen li a p span {
            font-size: 12px;
            font-size: 0.75rem;
            color: #006CD8;
            text-decoration: underline; }

@media screen and (max-width: 850px) {
  #main {
    float: none;
    width: 100%; }

  .index #main #menulist {
    width: 100%;
    margin: 0; } }
@media screen and (max-width: 590px) {
  .index #main #menulist > li {
    width: 100%;
    margin-bottom: 10px; } }
@media screen and (max-width: 567px) {
  #main ul li {
    padding: 10px; }

  .index #main #comcen {
    padding-bottom: 1px; }
    .index #main #comcen ul {
      display: block;
      width: 100%;
      margin: 0 0 10px 0; }
    .index #main #comcen li {
      display: block;
      margin: 10px; } }
.diary #main h1 {
  background: url(../images/diary_icon.png) no-repeat 15px 45% #77C402; }
.diary #main h2 {
  background: #77C402; }
.diary #main ul li:nth-of-type(2n) {
  background: rgba(119, 196, 2, 0.05); }
.diary #main ul li h3:before {
  border: 4px solid #77C402; }

.peer #main h1 {
  background: url(../images/peer_icon.png) no-repeat 15px 45% #F25C8E; }
.peer #main h2 {
  background: #F25C8E; }
.peer #main ul li:nth-of-type(2n) {
  background: rgba(242, 92, 142, 0.05); }
  .peer #main ul li:nth-of-type(2n) li:nth-of-type(2n) {
    background: rgba(255, 255, 255, 0.8); }
.peer #main ul li h3:before {
  border: 4px solid #F25C8E; }
.peer #main ul.children li h4 {
  color: #F25C8E; }
  .peer #main ul.children li h4:before {
    background: #F25C8E; }