/*
  2カラム専用
*/


/* =========================================================== 
    theme template css
   =========================================================== */

body {
    min-width: 1000px;
}

#branding_box {
  height: 130px;
  background: none transparent;
}

/* =========================================================== 
    main navigation css
   =========================================================== */
#access {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100vh;
    z-index: 990;
    background: url(/files/access_info_bg.png) no-repeat center top,
                url(/files/access_bg.jpg) repeat-y center top #ccc;
}
#access .menu-header {
    width: 200px;
    margin: 190px auto 0;
}
#access .menu-header li {
  float: none;
}

div#access li.menu-item {
    float: none;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*==============================5メニューグローバル共通CSS==============================*/

div#access .gnavi01 a,
div#access .gnavi02 a,
div#access .gnavi03 a,
div#access .gnavi04 a,
div#access .gnavi05 a {
    background-image: url('/files/topnavi.png');/*グローバルナビの画像指定*/
    background-repeat: no-repeat;
    background-position: scroll;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    height: 50px;
    width: 200px;
}


/*==============================5メニューグローバルロールオーバーCSS==============================*/

div#access .gnavi01 a { background-position: left top; }
div#access .gnavi02 a { background-position: left -50px; }
div#access .gnavi03 a { background-position: left -100px; }
div#access .gnavi04 a { background-position: left -150px; }
div#access .gnavi05 a { background-position: left bottom; }


div#access .gnavi01 a:hover { background-position: right top; }
div#access .gnavi02 a:hover { background-position: right -50px; }
div#access .gnavi03 a:hover { background-position: right -100px; }
div#access .gnavi04 a:hover { background-position: right -150px; }
div#access .gnavi05 a:hover { background-position: right bottom; }


/*======================■5メニュープルダウンCSS■======================
  5メニュー子メニューCSS class (オプション)に「sub-gnavi」を入力
=======================================================================*/

#access ul.menu li.sub-gnavi ul.sub-menu {
    top: 0;
    left: 200px;
    width: 200px;
    height: 50px;
}

div#access ul.sub-menu li.sub-gnavi {
    border-bottom: 1px dotted;
    text-indent: 0;
    width: 200px;
}

div#access ul.sub-menu li.sub-gnavi a {
    background: none #CCCCCC;
    background: none rgba(204, 204, 204, 0.75);
    filter: alpha(opacity=75); /* ie 6 7 */
    -ms-filter: "alpha(opacity=75)"; /* ie 8 */
    display: block;
    float: left;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: inherit;
    width: 200px;
  color: #333;
}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
  color: #333;
}

div#access ul.sub-menu li.sub-gnavi a:hover {
    background: none #999999;
    background: none rgba(153, 153, 153, 0.75);
    text-decoration: underline;
    filter: alpha(opacity=75); /* ie 6 7 */
    -ms-filter: "alpha(opacity=75)"; /* ie 8 */
    color: #fff;
}
#access ul li.current_page_item > a:hover, #access ul li.current-menu-ancestor > a:hover,
#access ul li.current-menu-item > a:hover, #access ul li.current-menu-parent > a:hover {
    color: #fff;
}

/* IE7 hack */
*:first-child+html div#access ul.sub-menu li.sub-gnavi a {
    background-color: #CCCCCC;
}
*:first-child+html div#access ul.sub-menu li.sub-gnavi a:hover {
    background-color: #999999;
}

/* IE9 hack */
div#access ul.sub-menu li.sub-gnavi a:not(:target),
div#access ul.sub-menu li.sub-gnavi a:not(:target):hover {
    filter: none;
    -ms-filter: none;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*==============================6メニューグローバル共通CSS==============================*/

div#access .gnavi11 a,
div#access .gnavi12 a,
div#access .gnavi13 a,
div#access .gnavi14 a,
div#access .gnavi15 a,
div#access .gnavi16 a {
    background-image: url('/files/topnavi2.png');/*グローバルナビの画像指定*/
    background-repeat: no-repeat;
    background-position: scroll;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    height: 50px;
    width: 200px;
}


/*==============================6メニューグローバルロールオーバーCSS==============================*/

div#access .gnavi11 a { background-position: left top; }
div#access .gnavi12 a { background-position: left -50px; }
div#access .gnavi13 a { background-position: left -100px; }
div#access .gnavi14 a { background-position: left -150px; }
div#access .gnavi15 a { background-position: left -200px; }
div#access .gnavi16 a { background-position: left bottom; }

div#access .gnavi11 a:hover { background-position: right top; }
div#access .gnavi12 a:hover { background-position: right -50px; }
div#access .gnavi13 a:hover { background-position: right -100px; }
div#access .gnavi14 a:hover { background-position: right -150px; }
div#access .gnavi15 a:hover { background-position: right -200px; }
div#access .gnavi16 a:hover { background-position: right bottom; }


/*======================■6メニュープルダウンCSS■======================
  6メニュー子メニューCSS class (オプション)に「sub-gnavi2」を入力
=======================================================================*/

#access ul.menu li.sub-gnavi2 ul.sub-menu {
    top: 0;
    left: 200px;
    width: 200px;
    height: 50px;
}

div#access ul.sub-menu li.sub-gnavi2 {
    border-bottom: 1px dotted;
    width: 200px;
    height: 50px;
    text-indent: 0;
}

div#access ul.sub-menu li.sub-gnavi2 a {
    background: none #CCCCCC;
    background: none rgba(204, 204, 204, 0.75);
    filter: alpha(opacity=75); /* ie 6 7 */
    -ms-filter: "alpha(opacity=75)"; /* ie 8 */
    display: block;
    float: left;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: inherit;
    width: 200px;
    color: #333;
}

div#access ul.sub-menu li.sub-gnavi2 a:hover {
    background: none #999999;
    background: none rgba(153, 153, 153, 0.75);
    filter: alpha(opacity=75); /* ie 6 7 */
    -ms-filter: "alpha(opacity=75)"; /* ie 8 */
    text-decoration: underline;
    color: #fff;
}

/* IE7 hack */
*:first-child+html div#access ul.sub-menu li.sub-gnavi a,
*:first-child+html div#access ul.sub-menu li.sub-gnavi2 a {
  background-color: #CCCCCC;
}
*:first-child+html div#access ul.sub-menu li.sub-gnavi a:hover,
*:first-child+html div#access ul.sub-menu li.sub-gnavi2 a:hover {
  background-color: #999999;
}

/* IE9 hack */
div#access ul.sub-menu li.sub-gnavi a:not(:target),
div#access ul.sub-menu li.sub-gnavi2 a:not(:target),
div#access ul.sub-menu li.sub-gnavi a:not(:target):hover,
div#access ul.sub-menu li.sub-gnavi2 a:not(:target):hover {
  filter: none;
  -ms-filter: none;
}