/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#000000;
}

a:active { text-decoration: underline; }
a:hover { text-decoration:none; }

h1 { background:url(https://u.jimcdn.com/cms/o/s93288465be10d3db/userlayout/img/h1.png?t=1461565554) left center no-repeat;
     background-size:700px 63px;
     font:bold 26px "Trebuchet MS", Verdana, Meiryo,sans-serif !Important;
     padding: 5px 0px 5px 15px !Important;
     color:#000000 !Important;
   }

h2 {  background:url(https://u.jimcdn.com/cms/o/s93288465be10d3db/userlayout/img/h2-icon.png?t=1461565726) left center no-repeat;
      font:bold 23px/140% "Trebuchet MS", Verdana, Meiryo,sans-serif !Important;
     padding: 1px 0px 1px 24px !Important;
     color:#000000 !Important;
    }

h3 { font:bold 20px/140% "Trebuchet MS", Verdana, Meiryo,sans-serif !Important;
    }

h3:before{
      content:"■";
      margin-right:3px;
    }

h4 { font:bold 18px/140% "Trebuchet MS", Verdana, Meiryo,sans-serif !Important;
    }

h4:before{
      content:"▼";
      margin-right:3px;
    }

h5 { font:bold 16px/140% "Trebuchet MS", Verdana, Meiryo,sans-serif !Important;
    }

h5:before{
      content:"●";
      margin-right:3px;
    }
p {	font: 16px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*  Layout
----------------------------------------------- */

body {
    background-image: url(https://u.jimcdn.com/cms/o/s93288465be10d3db/userlayout/img/bg.gif?t=1461565005);
    padding:10px 0 0 0;
    margin:10;
    font: 16px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#container
{   
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    width:1000px;
    background:#f8f7f5;
}

#header
{
    width:1000px;
}

#header h1,
#header a
{
    padding:0;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:30px;
    font-weight:normal;
    text-decoration:none;
    color:#666666;
    text-align:right;
}

#header a:hover { text-decoration:none;  }

#navigation
{
    display: inline;
}

#wrap
{
        clear: both;
}

#sidebar
{
    float:left;
    width:180px;
    background-color:#f8f7f5;
    margin-top:10px;
    padding:0px 0px 0px 0px;
}

#content
{
    padding:0px 5px 10px 0px;
    margin-top:10px;
    float:right;
    width:800px;
    background-color:#f8f7f5;
}

#footer
{
    clear:both;
    margin-top:10px;
    background:url(https://u.jimcdn.com/cms/o/s93288465be10d3db/userlayout/img/footer0120.jpg?t=1594455590) repeat-x top;
    height:355px;
}

#footer .gutter 
{
    height:30px;
    padding:100px 15px 0 30px;
}

#nav {
 width: 1000px;
 margin: 0;
 padding: 0;
}

#nav:after {
  content: ""; 
  display: block; 
  clear: both;
}

#nav ul {
        list-style-type: none;
}

#nav ul.cc-nav-level-0 {
        width: 100%;
        *zoom: 1; /*forIE6,7*/
        margin: 0;
        padding: 0;
}
#nav ul.cc-nav-level-0:after {
        content: "";
        display: block;
        clear: both;
}
#nav ul.cc-nav-level-0 li {
        float: left;
        *zoom: 1; /*forIE6,7*/
        white-space: nowrap;
}
#nav ul.cc-nav-level-0 li ul {
        visibility: hidden;
        position: absolute;
        margin: 0;
        padding:0;
        z-index: 1 !important;
}
#nav ul.cc-nav-level-0 li:hover > ul {
        visibility: visible;
}
#nav ul.cc-nav-level-0 li ul li {
        width: auto !important;
        clear: left;
        position: relative;
}
#nav ul.cc-nav-level-0 li ul li ul {
        top: 0;
        left: 100%;
}
#nav ul.cc-nav-level-0 li a {
     font:normal 20px/100% Meiryo,"ＭＳ Ｐゴシック","ＭＳ ゴシック",Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-weight:bold;     
     width:185px;
     text-decoration: none;
     background:url(https://u.jimcdn.com/cms/o/s93288465be10d3db/userlayout/img/menu-off.jpg?t=1461565917) no-repeat;
     padding: 15px 0px 15px 15px;
     display: block;
     color:#ffffff;
}
* html #nav ul.cc-nav-level-0 li a { /*forIE6*/
        zoom: 1;
}
#nav ul.cc-nav-level-0 li a:hover {
        background:url(https://u.jimcdn.com/cms/o/s93288465be10d3db/userlayout/img/menu-on.jpg?t=1461565913) no-repeat;
}
#nav ul.cc-nav-level-0 li a.cc-nav-current {
        background:url(https://u.jimcdn.com/cms/o/s93288465be10d3db/userlayout/img/menu-on.jpg?t=1461565913) no-repeat;
}

#nav ul.cc-nav-level-0 li.cc-nav-parent a {
        background:url(https://u.jimcdn.com/cms/o/s93288465be10d3db/userlayout/img/menu-on.jpg?t=1461565913) no-repeat;
}

#nav ul.cc-nav-level-0 li ul li a {
        text-align: left;
}

#nav ul.cc-nav-level-1 a,#nav ul.cc-nav-level-2 a {
        background: rgb(30,30,30);
        filter: alpha(opacity=9);
        -ms-filter: "alpha(opacity=90)";
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
}

#nav ul.cc-nav-level-1 a.cc-nav-current,#nav ul.cc-nav-level-2 a.cc-nav-current {
        background: #323232;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
{
     float:center;
     display:inline;
     margin: 0;
     padding: 0;
}
ul.mainNav2 li
{
    display: none;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a
{
     font:normal 16px/140% "ＭＳ Ｐゴシック","ＭＳ ゴシック",Verdana, Geneva, Arial, Helvetica, sans-serif;
     width:187px;
     text-decoration: none;
     border-left:3px solid #ffffff;
     border-bottom:3px solid #ffffff;
     background-color:#ffffe0;
     display: block;
     color:#333;

}
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


ul.mainNav1 li a { padding:0px 4px 0px 4px; }
ul.mainNav2 li a { padding:0px 4px 0px 14px; }
ul.mainNav3 li a { padding:0px 4px 0px 24px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }