@charset "utf-8";

/* 表示領域 */
#bg {
    display:none;
}
#container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position:relative;
    top:0;
    overflow-x:hidden;
}
#wrapper {
    width: 100%;
    height:auto;
    margin: 0 auto;
    padding:0;
    background:none;
    overflow:hidden;
}
#bg_tb { display:none; }
#body_block_bg {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
}
#body_block_top {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
}

/* ヘッダーブロックの定義 */
#header_block .header_bg {display:none;}
#header_block_sp {
    width: 100%;
    height:auto;
    margin: 0 auto;
    padding:0;
    background:#fff;
}
#header_block_sp .headerbox {
    width: 100%;
    height:auto;
    margin: 0 auto;
    padding:5% 0;
    display:table;
    vertical-align:middle;
}
#header_block_sp .headerbox .header_l {
    width:80%;
    height:auto;
    margin:0;
    padding: 0;
    padding-left:3%;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
}
#header_block_sp .headerbox .header_l a {
    border:none;
}
#header_block_sp .headerbox .header_l img {
    width:80%;
    height:auto;
}
#header_block_sp .headerbox .header_r {
    width: 20%;
    height:auto;
    margin: 0;
    padding: 0;
    display:table-cell;
    background:#fff;
    vertical-align:middle;
    text-align:center;
}
#header_block_sp .headerbox .header_r #btn_sp_menu {
    width:100%;
    height:auto;
}
#header_block_sp .headerbox .header_r #btn_sp_menu a.btn_menu {
    width: 100%;
    height:auto;
    margin: 0;
    padding: 0;
}
#header_block_sp .headerbox .header_r #btn_sp_menu a.btn_menu img {
    width: 70%;
    height:auto;
}
#dropmenu {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    list-style:none;
}
#dropmenu .btn_menu {
    display: block;
    width: 47px;
    height:38px;
    margin: 0;
    padding: 0;
    /*
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #121212), color-stop(1.00, #808080));
    background: -webkit-linear-gradient(#121212, #808080);
    background: -moz-linear-gradient(#121212, #808080);
    background: -o-linear-gradient(#121212, #808080);
    background: -ms-linear-gradient(#121212, #808080);
    background: linear-gradient(#121212, #808080);
    */
    background:url(../images/header/btn_sp_menu.png) no-repeat top left;
    text-align:center;
}
#dropmenu {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    list-style:none;
    color:#000;
}

#dropmenu .sp_menu {
    width:100%;
    height:42px;
    margin:0;
    padding:0;
    border-left:1px solid #666;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #dcdcdc));
    background: -webkit-linear-gradient(#fff, #dcdcdc);
    background: -moz-linear-gradient(#fff, #dcdcdc);
    background: -o-linear-gradient(#fff, #dcdcdc);
    background: -ms-linear-gradient(#fff, #dcdcdc);
    background: linear-gradient(#fff, #dcdcdc);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
#dropmenu .sp_menu:first-child {
    border-top:1px solid #666;
}
#dropmenu .sp_menu a:hover, #dropmenu .sp_menu a:focus {
    text-decoration:none;
}
#dropmenu .sp_menu .sp_menu_01,
#dropmenu .sp_menu .sp_menu_02,
#dropmenu .sp_menu .sp_menu_03,
#dropmenu .sp_menu .sp_menu_04,
#dropmenu .sp_menu .sp_menu_05 {
    width:100%;
    height:42px;
    background:url(../images/navi/sp_navi_off.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_01.hover01{
    background:url(../images/navi/sp_navi01_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_02.hover02 {
    background:url(../images/navi/sp_navi02_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_03.hover03 {
    background:url(../images/navi/sp_navi03_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_04.hover04{
    background:url(../images/navi/sp_navi04_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_05.hover05 {
    background:url(../images/navi/sp_navi05_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_01:hover{
    background:url(../images/navi/sp_navi01_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_02:hover {
    background:url(../images/navi/sp_navi02_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_03:hover {
    background:url(../images/navi/sp_navi03_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_04:hover{
    background:url(../images/navi/sp_navi04_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_05:hover {
    background:url(../images/navi/sp_navi05_on.png) no-repeat top right;
}

.shutto-component-accordion-header.shutto-active {
    background: -moz-linear-gradient(top, #d0d0d0, #dfdfdf) repeat scroll 0 0 #d0d0d0 !important;
    background: -o-linear-gradient(top, #d0d0d0, #dfdfdf) repeat scroll 0 0 #d0d0d0 !important;
    background: -webkit-gradient(linear, left top , left bottom, from(#d0d0d0), to(#dfdfdf)) repeat scroll 0 0 #d0d0d0 !important;
}
.sp_menu_r_text {
    width:97%;
    height:42px;
    line-height:3;
    font-size:1.6rem;
    padding-left:2%;
    text-align:left;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
}
.sp_menu_r_text {
    font-size:16px\9;
}
#header_block {display:none;}
#header_block .headerbox .header_r #cse-search-form {display:none;}
a.btn_sitemap {display:none;}
#header_block .headerbox .header_r #search_box {display:none;}
/* グローバルナビゲーションの定義 */
#globalnavi {
    margin:0 auto;
    padding:0;
    width:768px;
    height:47px;
    background:#fff;
}
#globalnavi #ulglnavi {
    margin:0;
    padding:0;
    list-style:none;
}
#globalnavi #ulglnavi .liglnavi {
    margin:0;
    padding:0;
    width:153px;
    height:47px;
    vertical-align:middle;
    text-align:center;
    float:left;
    position:relative;
}
#globalnavi #ulglnavi .liglnavi:hover {
    height:47px;
    color:#fff;
    float:left;
}
#globalnavi #ulglnavi .liglnavi a {
    display:block;
    background:#fff;
    color:#000;
    width:153px;
    height:47px;
    margin:0;
    padding:0;
    float:left;
}
#globalnavi #ulglnavi .liglnavi a h1 {
    line-height:1.5;
    font-size:1.2rem;
    font-weight:100;
    padding-top:10px;
}
#globalnavi #ulglnavi .liglnavi a h1 {
    font-size:12px\9;
}
#globalnavi #ulglnavi .liglnavi a span.gray {
    color:#333;
    font-size:1.1rem;
}
#globalnavi #ulglnavi .liglnavi a span.gray {
    font-size:11px\9;
}
#globalnavi #ulglnavi .liglnavi .naviitem1,
#globalnavi #ulglnavi .liglnavi .naviitem2,
#globalnavi #ulglnavi .liglnavi .naviitem3,
#globalnavi #ulglnavi .liglnavi .naviitem4 {
    background:url(../images/navi/gl_navi_bar.png) no-repeat top left;
    height:47px;
}
#globalnavi #ulglnavi .liglnavi .naviitem5 {
    background:url(../images/navi/gl_navi_bar.png) no-repeat top right,url(../images/navi/gl_navi_bar.png) no-repeat top left;
    background-position:right 0, left 0;
    height:47px;
}

#globalnavi #ulglnavi .liglnavi .naviitem1:hover,
#globalnavi #ulglnavi .liglnavi .naviitem1.select {
    height:47px;
    background: url(../images/navi/gl_navi01_on.jpg) no-repeat top center, url(../images/navi/gl_navi_bar.png) no-repeat top left;
    background-position:1px 0, left 0;
    color:#fff;
}

#globalnavi #ulglnavi .liglnavi .naviitem1 :hover,
#globalnavi #ulglnavi .liglnavi .naviitem1.select span.gray {
    color:#FFF;
}

#globalnavi #ulglnavi .liglnavi .naviitem2:hover,
#globalnavi #ulglnavi .liglnavi .naviitem2.select {
    height:47px;
    background: url(../images/navi/gl_navi02_on.jpg) no-repeat top center, url(../images/navi/gl_navi_bar.png) no-repeat top left;
    background-position:1px 0, left 0;
    color:#fff;
}

#globalnavi #ulglnavi .liglnavi .naviitem2 :hover,
#globalnavi #ulglnavi .liglnavi .naviitem2.select span.gray {
    color:#FFF;
}

#globalnavi #ulglnavi .liglnavi .naviitem3:hover,
#globalnavi #ulglnavi .liglnavi .naviitem3.select {
    height:47px;
    background: url(../images/navi/gl_navi03_on.jpg) no-repeat top center, url(../images/navi/gl_navi_bar.png) no-repeat top left;
    background-position:1px 0, left 0;
    color:#fff;
}

#globalnavi #ulglnavi .liglnavi .naviitem3 :hover,
#globalnavi #ulglnavi .liglnavi .naviitem3.select span.gray {
    color:#FFF;
}

#globalnavi #ulglnavi .liglnavi .naviitem4:hover,
#globalnavi #ulglnavi .liglnavi .naviitem4.select {
    height:47px;
    background: url(../images/navi/gl_navi04_on.jpg) no-repeat top center, url(../images/navi/gl_navi_bar.png) no-repeat top left;
    background-position:1px 0, left 0;
    color:#fff;
}

#globalnavi #ulglnavi .liglnavi .naviitem4 :hover,
#globalnavi #ulglnavi .liglnavi .naviitem4.select span.gray {
    color:#FFF;
}
#globalnavi #ulglnavi .liglnavi a.naviitem5:hover,
#globalnavi #ulglnavi .liglnavi .naviitem5.select {
    height:47px;
    background: url(../images/navi/gl_navi05_on.jpg) no-repeat top center,url(../images/navi/gl_navi_bar.png) no-repeat top left, url(../images/navi/gl_navi_bar.png) no-repeat top right;
    background-position:1px 0, left 0, right 0;
    background-size:188px, 1px, 1px;
    color:#fff;
}

#globalnavi #ulglnavi .liglnavi .naviitem5 :hover,
#globalnavi #ulglnavi .liglnavi .naviitem5.select span.gray {
    color:#FFF;
}

#globalnavi #ulglnavi .liglnavi .subnavi_block{
    width:420px;
    height:auto;
    margin:0;
    padding:10px;
    position:absolute;
    top:100%;
    background:#000;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index:10;
}
#globalnavi #ulglnavi .liglnavi .subnavi_block .ulglnavi_sub {
    width:140px;
    height:auto;
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    text-align:left;
}
#globalnavi #ulglnavi .liglnavi .subnavi_block .ulglnavi_sub .liglnavi_sub,
#globalnavi #ulglnavi .liglnavi .subnavi_block .ulglnavi_sub .liglnavi_sub .subnavi_astyle {
    width:140px;
    height:20px;
    margin:0;
    padding:3px 0;
    display:block;
    line-height:1.5;
    background:#000;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#globalnavi #ulglnavi .liglnavi .subnavi_block .ulglnavi_sub .liglnavi_sub .subnavi_astyle:hover {
    color:red;
}
#globalnavi #ulglnavi .liglnavi .subnavi_block .ulglnavi_sub .liglnavi_sub h2 {
    font-size:1.4rem;
    line-height:1.6;
    display:inline;
    padding-bottom:5px;
    font-weight:bold;
    color:#fff;
    z-index:11;
}
#globalnavi #ulglnavi .liglnavi .subnavi_block .ulglnavi_sub .liglnavi_sub h2 {
    font-size:14px\9;
}
#globalnavi #ulglnavi .liglnavi .subnavi_block .ulglnavi_sub .liglnavi_sub h3 {
    font-size:1.1rem;
    line-height:1;
    text-indent:1.2rem;
    font-weight:lighter;
    color:#fff;
    z-index:11;
}
#globalnavi #ulglnavi .liglnavi .subnavi_block .ulglnavi_sub .liglnavi_sub h3 {
    font-size:11px\9;
    text-indent:12px\9;
}
#globalnavi { display:none;}

/* ページブロック構成 */
#body_block_bg {
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0;
}
#body_block_top {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
}
#main_box_top {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
}
.main_leftbox_top {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}
.main_rightbox_top {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}
#body_block {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
    text-align:left;
}
#main_box {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:20px 0;
}
#main_left_box {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
}
#main_right_box {
    width:100%;
    height:auto;
    min-height:100%;
    margin:0 auto;
    padding:0;
}


/* サイドナビゲーションの定義 */
#sidenavi {
    margin:0 auto;
    padding:0;
    width:90%;
    height:auto;
    text-align:left;
}
#ulsdnavi a:hover, #ulsdnavi a:focus {
    text-decoration:none;
}
#sidenavi #ulsdnavi {
    width:100%;
    margin: 0 auto;
    list-style:none;
}
#sidenavi #ulsdnavi .lisdnavi1_1,
#sidenavi #ulsdnavi .lisdnavi1_2,
#sidenavi #ulsdnavi .lisdnavi1_3,
#sidenavi #ulsdnavi .lisdnavi1_4,
#sidenavi #ulsdnavi .lisdnavi1_5 {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
}
.font-s {
    font-size:1rem;
    color:#666;
}
.font-s.select {
    font-size:1rem;
    color:#fff;
}
.font-s1.select {
    font-size:1rem;
    color:#666;
}
.font_bold {
    font-weight:bold;
}
    /* サイトマップサイドメニュー用クラス */
    .font-sd1, .font-sd2, .font-sd4, .font-sd5, .font-sd6  {
        font-size:1rem;
        color:#666;
    }
    .font-sd1.select, .font-sd2.select, .font-sd4.select, .font-sd5.select, .font-sd6.select {
        font-size:1rem;
        color:#fff;
    }
    .font-sd3 {
        font-size:1rem;
        color:#666;
    }
    .font-sd3.select {
        font-size:1rem;
        color:#555;
    }
    /* ------------------------------------*/
#sidenavi #ulsdnavi .lisdnavi1_1 a,
#sidenavi #ulsdnavi .lisdnavi1_2 a,
#sidenavi #ulsdnavi .lisdnavi1_3 a,
#sidenavi #ulsdnavi .lisdnavi1_4 a,
#sidenavi #ulsdnavi .lisdnavi1_5 a,
#sidenavi #ulsdnavi .lisdnavi1_6 a {
    display:block;
    width:95%;
    height:auto;
    margin:0 0 5% 0;
    padding:5% 0 5% 5%;
    box-shadow:0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 2px rgba(000,000,000,0.4);
    -webkit-box-shadow:0 0 2px rgba(000,000,000,0.4);
    background-color:#fff;
    color:#000;
    font-size:1.2rem;
    line-height:1.2;
    display:table;
}
#sidenavi #ulsdnavi .lisdnavi1_1 a  {
    background-image:url(../images/side/menu_arrow01_off.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
}
#sidenavi #ulsdnavi .lisdnavi1_2 a  {
    background-image:url(../images/side/menu_arrow02_off.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
}
#sidenavi #ulsdnavi .lisdnavi1_3 a  {
    background-image:url(../images/side/menu_arrow03_off.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
}
#sidenavi #ulsdnavi .lisdnavi1_4 a  {
    background-image:url(../images/side/menu_arrow05_off.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
}
#sidenavi #ulsdnavi .lisdnavi1_5 a  {
    background-image:url(../images/side/menu_arrow04_off.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
}
#sidenavi #ulsdnavi .lisdnavi1_6 a  {
    background-image:url(../images/side/menu_arrow06_off.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
}
#sidenavi #ulsdnavi .lisdnavi1_1 a .lisdnavi1_l, #sidenavi #ulsdnavi .lisdnavi1_2 a .lisdnavi1_l,
#sidenavi #ulsdnavi .lisdnavi1_3 a .lisdnavi1_l, #sidenavi #ulsdnavi .lisdnavi1_4 a .lisdnavi1_l,
#sidenavi #ulsdnavi .lisdnavi1_5 a .lisdnavi1_l, #sidenavi #ulsdnavi .lisdnavi1_6 a .lisdnavi1_l {
    width:100%;
    display:table-cell;
    vertical-align:middle;
}
#sidenavi #ulsdnavi .lisdnavi1_1 a:hover, #sidenavi #ulsdnavi .lisdnavi1_1 a:focus, #sidenavi #ulsdnavi .lisdnavi1_1 a.select {
    background-color:#137eb4;
    background-image:url(../images/side/menu_arrow01_on.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
    color:#fff;
    text-decoration:none;
}
#sidenavi #ulsdnavi .lisdnavi1_2 a:hover, #sidenavi #ulsdnavi .lisdnavi1_2 a:focus, #sidenavi #ulsdnavi .lisdnavi1_2 a.select {
    background-color:#dc0000;
    background-image:url(../images/side/menu_arrow02_on.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
    color:#fff;
    text-decoration:none;
}
#sidenavi #ulsdnavi .lisdnavi1_3 a:hover, #sidenavi #ulsdnavi .lisdnavi1_3 a:focus, #sidenavi #ulsdnavi .lisdnavi1_3 a.select {
    background-color:#ffff00;
    background-image:url(../images/side/menu_arrow03_on.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
    color:#555;
    text-decoration:none;
}
#sidenavi #ulsdnavi .lisdnavi1_4 a:hover, #sidenavi #ulsdnavi .lisdnavi1_4 a:focus, #sidenavi #ulsdnavi .lisdnavi1_4 a.select {
    background-color:#e13200;
    background-image:url(../images/side/menu_arrow05_on.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
    color:#fff;
    text-decoration:none;
}
#sidenavi #ulsdnavi .lisdnavi1_5 a:hover, #sidenavi #ulsdnavi .lisdnavi1_5 a:focus, #sidenavi #ulsdnavi .lisdnavi1_5 a.select {
    background-color:#008000;
    background-image:url(../images/side/menu_arrow04_on.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
    color:#fff;
    text-decoration:none;
}
#sidenavi #ulsdnavi .lisdnavi1_6 a:hover, #sidenavi #ulsdnavi .lisdnavi1_6 a.select {
    background-color:#666;
    background-image:url(../images/side/menu_arrow06_on.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
    color:#fff;
}
#sidenavi #ulsdnavi .lisdnavi2_1, 
#sidenavi #ulsdnavi .lisdnavi2_2, 
#sidenavi #ulsdnavi .lisdnavi2_3, 
#sidenavi #ulsdnavi .lisdnavi2_4, 
#sidenavi #ulsdnavi .lisdnavi2_5 {
    width:90%;
    height:auto;
    margin-left:10%;
    padding:2% 0;
    border-bottom:1px dotted #333333;
    font-size:1.1rem;
    line-height:1.5;
    display:table;
}
#sidenavi #ulsdnavi .lisdnavi2_1 p,
#sidenavi #ulsdnavi .lisdnavi2_2 p,
#sidenavi #ulsdnavi .lisdnavi2_3 p,
#sidenavi #ulsdnavi .lisdnavi2_4 p,
#sidenavi #ulsdnavi .lisdnavi2_5 p {
    width:95%;
    display:table-cell;
    vertical-align:middle;
}
.lisdnavi2_1_arrow {
    width:5%;
    color:#137eb4;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    display:table-cell;
    vertical-align:middle;
}
.lisdnavi2_2_arrow {
    width:5%;
    color:#dc0000;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    display:table-cell;
    vertical-align:middle;
}
.lisdnavi2_3_arrow {
    width:5%;
    color:#ffff00;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    display:table-cell;
    vertical-align:middle;
}
.lisdnavi2_4_arrow {
    width:5%;
    color:#e13200;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    display:table-cell;
    vertical-align:middle;
}
.lisdnavi2_5_arrow {
    width:5%;
    color:#008000;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    display:table-cell;
    vertical-align:middle;
}
.lisdnavi2_1_arrow.select,
.lisdnavi2_2_arrow.select,
.lisdnavi2_3_arrow.select,
.lisdnavi2_4_arrow.select,
.lisdnavi2_5_arrow.select {
    width:5%;
    display:table-cell;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
#sidenavi #ulsdnavi .lisdnavi2_1 .sdnavi2_a,
#sidenavi #ulsdnavi .lisdnavi2_2 .sdnavi2_a,
#sidenavi #ulsdnavi .lisdnavi2_3 .sdnavi2_a,
#sidenavi #ulsdnavi .lisdnavi2_4 .sdnavi2_a,
#sidenavi #ulsdnavi .lisdnavi2_5 .sdnavi2_a {
    margin:0;
    padding:5%;
    width:90%;
    color:#000;
    display:table;
}
.sd_submenu {
    width:95%;
    display:table-cell;
}
#sidenavi #ulsdnavi .lisdnavi2_1 .sdnavi2_a:hover, #sidenavi #ulsdnavi .lisdnavi2_1 .sdnavi2_a.select {
    color:#fff;
    background-color:#137EB4;
}
#sidenavi #ulsdnavi .lisdnavi2_2 .sdnavi2_a:hover, #sidenavi #ulsdnavi .lisdnavi2_2 .sdnavi2_a.select {
    color:#fff;
    background-color:#dc0000;
}
#sidenavi #ulsdnavi .lisdnavi2_3 .sdnavi2_a:hover, #sidenavi #ulsdnavi .lisdnavi2_3 .sdnavi2_a.select {
    color:#555;
    background-color:#ffff00;
}
#sidenavi #ulsdnavi .lisdnavi2_4 .sdnavi2_a:hover, #sidenavi #ulsdnavi .lisdnavi2_4 .sdnavi2_a.select {
    color:#fff;
    background-color:#e13200;
}
#sidenavi #ulsdnavi .lisdnavi2_5 .sdnavi2_a:hover, #sidenavi #ulsdnavi .lisdnavi2_5 .sdnavi2_a.select {
    color:#fff;
    background-color:#008000;
}

/* フッターブロック定義 */
.footer {
    width:100%;
    height:300px;
    margin:0;
    padding:0;
    background-color:rgba(0,0,0,0.8);
}

	/* フッターバナーエリア */
	.bn_area {
            width:94%;
            height:auto;
            margin:0 auto;
            padding:0;
            text-align:center;
            display:table;
	}
	.bn_box {
            margin: 0;
            padding:0;
            width:50%;
            height:auto;
            position:relative;
            top:0;
            display:table-cell;
            vertical-align:middle;
	}
        .bn_box a:hover, .bn_box a:focus {
            filter: alpha(opacity=70);
            -moz-opacity:0.7;
            opacity:0.7;
            text-decoration:none !important;
        }
	.bn_box img {
            display:none;
	}
	.bn_box a.banner01 {
            width:100%;
            height:45px;
            display:block;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #336699), color-stop(1.00, #5195b6));
            background: -webkit-linear-gradient(#336699, #5195b6);
            background: -moz-linear-gradient(#336699, #5195b6);
            background: -o-linear-gradient(#336699, #5195b6);
            background: -ms-linear-gradient(#336699, #5195b6);
            background: linear-gradient(#336699, #5195b6);
	}
	.bn_box a.banner01 {
            font-size:16px\9;
            background:#336699\9;
	}
	.bn_box a.banner01:after {
            content: "facebook" ;
            font-size:1.6rem !important;
            line-height:3 !important;
            color:#fff;
            font-weight:bold;
            text-shadow: 1px 1px 1px rgba(0,0,0,1); 
            text-align:center !important;
        }
	.bn_box a.banner02 {
            width:100%;
            height:40px;
            padding-top:5px;
            display:block;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #3e9bb8), color-stop(1.00, #6ad7eb));
            background: -webkit-linear-gradient(#3e9bb8, #6ad7eb);
            background: -moz-linear-gradient(#3e9bb8, #6ad7eb);
            background: -o-linear-gradient(#3e9bb8, #6ad7eb);
            background: -ms-linear-gradient(#3e9bb8, #6ad7eb);
            background: linear-gradient(#3e9bb8, #6ad7eb);
	}
	.bn_box a.banner02 {
            font-size:14px\9;
            background:#3e9bb8\9;
	}
	.bn_box a.banner02:after {
            content: "道の駅\A那須野が原博物館";
            white-space: pre; 
            font-size:1.4rem !important;
            font-weight:bold;
            line-height:1.3;
            color:#fff;
            text-shadow: 1px 1px 1px rgba(0,0,0,1); 
            text-align:center !important;
        }
	.bn_box a.banner03 {
            width:100%;
            height:45px;
            display:block;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #72b800), color-stop(1.00, #b6e600));
            background: -webkit-linear-gradient(#72b800, #b6e600);
            background: -moz-linear-gradient(#72b800, #b6e600);
            background: -o-linear-gradient(#72b800, #b6e600);
            background: -ms-linear-gradient(#72b800, #b6e600);
            background: linear-gradient(#72b800, #b6e600);
	}
	.bn_box a.banner03 {
            font-size:16px\9;
            background:#72b800\9;
	}
	.bn_box a.banner03:after {
            content: "田園空間博物館";
            color:#fff;
            font-size:1.6rem !important;
            font-weight:bold;
            line-height:3;
            text-shadow: 1px 1px 1px rgba(0,0,0,1); 
            text-align:center !important;
        }
	.bn_box a.banner04 {
            width:100%;
            height:45px;
            display:block;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b03b3d), color-stop(1.00, #b66586));
            background: -webkit-linear-gradient(#b03b3d, #b66586);
            background: -moz-linear-gradient(#b03b3d, #b66586);
            background: -o-linear-gradient(#b03b3d, #b66586);
            background: -ms-linear-gradient(#b03b3d, #b66586);
            background: linear-gradient(#b03b3d, #b66586);
	}
	.bn_box a.banner04 {
            font-size:16px\9;
            background:#b03b3d\9;
	}
	.bn_box a.banner04:after {
            content: "石ぐら会";
            color:#fff;
            font-size:1.6rem !important;
            font-weight:bold;
            line-height:3;
            text-shadow: 1px 1px 1px rgba(0,0,0,1); 
            text-align:center !important;
        }
	.bn_box a.banner05 {
            width:100%;
            height:45px;
            display:block;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #1d5f00), color-stop(1.00, #539f00));
            background: -webkit-linear-gradient(#1d5f00, #539f00);
            background: -moz-linear-gradient(#1d5f00, #539f00);
            background: -o-linear-gradient(#1d5f00, #539f00);
            background: -ms-linear-gradient(#1d5f00, #539f00);
            background: linear-gradient(#1d5f00, #539f00);
	}
	.bn_box a.banner05 {
            font-size:16px\9;
            background:#1d5f00\9;
	}
	.bn_box a.banner05:after {
            content: "水土里ネット";
            color:#fff;
            font-size:1.6rem !important;
            font-weight:bold;
            line-height:3;
            text-shadow: 1px 1px 1px rgba(0,0,0,1); 
            text-align:center !important;
        }
	.bn_box a.banner06 {
            width:100%;
            height:45px;
            display:block;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff5800), color-stop(1.00, #ff9d00));
            background: -webkit-linear-gradient(#ff5800, #ff9d00);
            background: -moz-linear-gradient(#ff5800, #ff9d00);
            background: -o-linear-gradient(#ff5800, #ff9d00);
            background: -ms-linear-gradient(#ff5800, #ff9d00);
            background: linear-gradient(#ff5800, #ff9d00);
	}
	.bn_box a.banner06 {
            font-size:16px\9;
            background:#ff5800\9;
	}
	.bn_box a.banner06:after {
            content: "ムシむし探検隊"; 
            color:#fff;
            font-size:1.6rem !important;
            font-weight:bold;
            line-height:3;
            text-shadow: 1px 1px 1px rgba(0,0,0,1); 
            text-align:center !important;
        }
	.bn_box a.banner07 {
            width:100%;
            height:45px;
            display:block;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #8A0808), color-stop(1.00, #ff9d00));
            background: -webkit-linear-gradient(#8A0808, #FE2E2E);
            background: -moz-linear-gradient(#8A0808, #FE2E2E);
            background: -o-linear-gradient(#8A0808, #FE2E2E);
            background: -ms-linear-gradient(#8A0808, #FE2E2E);
            background: linear-gradient(#8A0808, #FE2E2E);
	}
	.bn_box a.banner07 {
            font-size:16px\9;
            background:#8A0808\9;
	}
	.bn_box a.banner07:after {
            content: "S-NET"; 
            color:#fff;
            font-size:1.6rem !important;
            font-weight:bold;
            line-height:3;
            text-shadow: 1px 1px 1px rgba(0,0,0,1); 
            text-align:center !important;
        }
.footer .footer_link {
    width:100%;
    height:auto;
    margin:0 auto;
    padding-top:100px;
    position:relative;
    top:0;
    color:#fff;
}
.footer .footer_link .footer_link_l {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    text-align:left;
    line-height:1.5;
    position:absolute;
    top:100px;
    display:table;
}
.footer .footer_link .footer_link_l .footer_logo {
    width:auto;
    height:auto;
    margin:0;
    padding:0 3%;
    display:table-cell;
    text-align:center;
    vertical-align:top;
}
.footer .footer_link .footer_link_l .footer_logo img {
    width:40px;
    height:auto;
}
.footer .footer_link .footer_link_l .footer_link_box {
    width:80%;
    height:auto;
    margin:0;
    padding:0;
    display:table-cell;
    vertical-align:top;
}
.company_name {
    font-size:1.7rem;
}
.company_name {
    font-size:17px\9;
}
.company_add {
    font-size:1.2rem;
    line-height:1.2;
}
.company_add {
    font-size:12px\9;
}
.company_add span {
    display:block;
}
.copyright_area {
    font-size:1rem;
    line-height:1.2;
}
.copyright_area {
    font-size:10px\9;
}
.footer .footer_link .footer_link_r {
    width:100%;
    height:auto;
    margin:0 auto;
    text-align:center;
    position:absolute;
    top:60px;
    color:#fff;
}
.footer .footer_link .footer_link_r span {
    margin-left:10px;
}
.footer .footer_link .footer_link_r .footer_link_bar {
    display:inline-block;
    margin-bottom:-3px;
    width:1px;
    height:15px;
    border-left:1px solid #fff;
}
.footer .footer_link .footer_link_r .footer_link_bar_last { display:none;}
.footer .footer_link .footer_link_r .footer_link_menu {
    font-size:1rem;
}
.footer .footer_link .footer_link_r .footer_link_menu {
    font-size:10px\9;
}
.footer .footer_link .footer_link_r .footer_link_menu a {
    color:#fff;
}
.footer .footer_link .footer_link_r .footer_link_menu a:hover {
    color:#fff;
    text-decoration:underline;
}

/* ページ先頭に戻る */
#page-top-sp {
    width:100%;
    height:auto;
    margin:20px 0 !important;
    padding:0 !important;
    text-align:center;
    background:none;
}
#page-top-sp a {
    width: 200px;
    height:auto;
    margin:0 auto;
    padding:0;
    display: block;
    color:#fff;
    background: #000;
    border: 1px solid #000;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color:rgba(0,0,0,0.9);
    line-height:3;
}
#page-top-sp a:hover, #page-top-sp a:focus {
    text-decoration: none;
    background-color:rgba(0,0,0,0.8);
}
.pagetop_mark {
    display:none;
}

/* 再使用できる各種クラス */
.font_monospace {font-family: "ＭＳ ゴシック", OSaka-等幅, monospace;}
.black {
    color:#000;
}
/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}

.vertical_m {
    vertical-align:middle;
}
.text_center {
    text-align:center;
}
.margin_top0 {
    margin-top:0 !important;
}
.margin_top2 {
    margin-top:2%;
}
.margin_bottom2 {
    margin-bottom:2%;
}
.margin_right_0 {
    margin-right:0;
}
.margin_bottom5 {
    margin-bottom:5%;
}
.margin-l1 {
  margin-left: 1rem;
}
.fltlft {
    float:left;
}

/* Hides from IE-mac */
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
/* GoogleCustomSearch */

/* Google Search */

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #D9D9D9;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #666666;
    background-color: #CECECE;
    background-image: none;
    filter: none;
}

#cse-search-form{display:none;}
#cse-search-form1{
    display:block;
    width: 90% !important;
    margin:0 auto;
    padding-top:40px;
}
#cse-search-form1 td.gsc-input input[type="text"]{
    width:90% !important;
    height:auto !important;
    padding:0 !important;
    margin:-5px 0 0 0 !important;
    background-color:transparent !important;
    line-height:1 !important;
}
#cse-search-form td.gsc-input input:focus {
    margin:-5px 0 0 0 !important;
    background:none !important;
    line-height:1 !important;
}
#cse-search-form1 td.gsc-search-button input[type="submit"]{
    background:#4f81ad !important;
    border:1px solid #4f81ad !important;
    text-indent:-9999em;
    padding: 0 !important;
    width:10% !important;
}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    width: auto !important;
    height: auto !important;
    padding: 6px !important;
    background-color:#4f81ad;
    border:1px solid #4f81ad;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.gsc-input-box {
    padding: 3px 0 !important;
    height: 21px !important;
}

div#blockskip a {
    display:none;
}
