/*util-item用*/

.img_btn{
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-color: transparent;
    background-position: center;
    border: 1px solid white;
    border-radius: 8px;
}

.img_btn:hover{
    opacity: 0.5;
}

#mymodal .close {
    color: white;
    font-size: 35px;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 10;
    opacity: 0.5;
    line-height: 20px;
}



.btn {
  border: none;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: 0.25s linear;
  transition: 0.25s linear;
}
.btn:hover,
.btn:focus {
  color: #ffffff;
}
.btn:active,
.btn.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn > [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  line-height: 1;
  top: 1px;
}
.btn-xs.btn > [class^="fui-"] {
  font-size: 11px;
  top: 0;
}
.btn-hg.btn > [class^="fui-"] {
  top: 2px;
}
/* .btn-default {
  color: #ffffff;
  background-color: #bdc3c7;
} */
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #cacfd2;
  border-color: #cacfd2;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background: #a1a6a9;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #bdc3c7;
}
.btn-primary {
  color: #ffffff;
  background-color: #1abc9c;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #48c9b0;
  border-color: #48c9b0;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background: #16a085;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #1abc9c;
}
.btn-info {
  color: #ffffff;
  background-color: #3498db;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #5dade2;
  border-color: #5dade2;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background: #2c81ba;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #3498db;
}
.btn-danger {
  color: #ffffff;
  background-color: #e74c3c;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #ec7063;
  border-color: #ec7063;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background: #c44133;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #e74c3c;
}
.btn-success {
  color: #ffffff;
  background-color: #2ecc71;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #58d68d;
  border-color: #58d68d;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background: #27ad60;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #2ecc71;
}
.btn-warning {
  color: #ffffff;
  background-color: #f1c40f;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #f5d313;
  border-color: #f5d313;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background: #cda70d;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f1c40f;
}
.btn-inverse {
  color: #ffffff;
  background-color: #34495e;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  color: #ffffff;
  background-color: #415b76;
  border-color: #415b76;
}
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  background: #2c3e50;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #34495e;
}
.btn-embossed {
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
.btn-embossed.active,
.btn-embossed:active {
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
}
.btn-wide {
  min-width: 140px;
  padding-left: 30px;
  padding-right: 30px;
}
.btn-link:hover,
.btn-link:focus {
  color: #1abc9c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #bdc3c7;
  text-decoration: none;
}
.btn-hg {
  padding: 13px 20px;
  font-size: 22px;
  line-height: 1.227;
  border-radius: 6px;
}
.btn-lg {
  padding: 10px 19px;
  font-size: 17px;
  line-height: 1.471;
  border-radius: 6px;
}
.btn-sm {
  padding: 9px 13px;
  font-size: 13px;
  line-height: 1.385;
  border-radius: 4px;
}
.btn-xs {
  padding: 6px 9px;
  font-size: 12px;
  line-height: 1.083;
  border-radius: 3px;
}
.btn-tip {
  font-weight: 300;
  padding-left: 10px;
  font-size: 92%;
}
.btn-block {
  white-space: normal;
}
.btn-default .caret {
  border-top-color: #ffffff;
}
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
  border-top-color: #ffffff;
}
.dropup .btn-default .caret {
  border-bottom-color: #ffffff;
}
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
  border-bottom-color: #ffffff;
}
.btn-group-xs > .btn {
  padding: 6px 9px;
  font-size: 12px;
  line-height: 1.083;
  border-radius: 3px;
}
.btn-group-sm > .btn {
  padding: 9px 13px;
  font-size: 13px;
  line-height: 1.385;
  border-radius: 4px;
}
.btn-group-lg > .btn {
  padding: 10px 19px;
  font-size: 17px;
  line-height: 1.471;
  border-radius: 6px;
}
.btn-group-gh > .btn {
  padding: 13px 20px;
  font-size: 22px;
  line-height: 1.227;
  border-radius: 6px;
}
.btn-group > .btn + .btn {
  margin-left: 0;
}
.btn-group > .btn + .dropdown-toggle {
  border-left: 2px solid rgba(52, 73, 94, 0.15);
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group > .btn + .dropdown-toggle .caret {
  margin-left: 3px;
  margin-right: 3px;
}
.btn-group > .btn.btn-gh + .dropdown-toggle .caret {
  margin-left: 7px;
  margin-right: 7px;
}
.btn-group > .btn.btn-sm + .dropdown-toggle .caret {
  margin-left: 0;
  margin-right: 0;
}
.dropdown-toggle .caret {
  margin-left: 8px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-weight: 400;
}
.btn-group:focus .dropdown-toggle {
  outline: none;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.btn-group.open .dropdown-toggle {
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-toolbar .btn.active {
  color: #ffffff;
}
.btn-toolbar .btn > [class^="fui-"] {
  font-size: 16px;
  margin: 0 1px;
}
.btn:hover{
  opacity: 0.6;
}

@media (max-width: 992px) {
    .resp_100 {background-size:100%;}
}
@media (max-width: 992px) {
    .resp_80{background-size:80%;}

}


.img_block{display:block;}
.img{
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-color: transparent;
  }
.img_center{background-position: center;}
.img_center_t{background-position: center 0%;}
.img_center_b{background-position: center 100%;}
.img_right{background-position: 100% center;}
.img_right_t{background-position: 100% 0%;}
.img_left{background-position: 0% center;}
.img_left_t{background-position: 0% 0%;}

.img_white{background-color:white;}



.img_5 {height: 5px;}
.img_10 {height: 10px;}
.img_15 {height: 15px;}
.img_20 {height: 20px;}
.img_25 {height: 25px;}
.img_30 {height: 30px;}
.img_33 {height: 33px;}
.img_35 {height: 35px;}
.img_40 {height: 40px;}
.img_45 {height: 45px;}
.img_46 {height: 46px;}
.img_49 {height: 49px;}
.img_50 {height: 50px;}
.img_51 {height: 51px;}
.img_55 {height: 55px;}
.img_60 {height: 60px;}
.img_65 {height: 65px;}
.img_70 {height: 70px;}
.img_75 {height: 75px;}
.img_80 {height: 80px;}
.img_85 {height: 85px;}
.img_90 {height: 90px;}
.img_95 {height: 95px;}
.img_96 {height: 96px;}
.img_100 {height: 100px;}
.img_105 {height: 105px;}
.img_107 {height: 107px;}
.img_110 {height: 110px;}
.img_115 {height: 115px;}
.img_120 {height: 120px;}
.img_125 {height: 125px;}
.img_130 {height: 130px;}
.img_132 {height: 132px;}
.img_135 {height: 135px;}
.img_140 {height: 140px;}
.img_145 {height: 145px;}
.img_150 {height: 150px;}
.img_160 {height: 160px;}
.img_190 {height: 190px;}
.img_198 {height: 198px;}
.img_200 {height: 200px;}
.img_209 {height: 209px;}
.img_219 {height: 219px;}
.img_220 {height: 220px;}
.img_225 {height: 225px;}
.img_240 {height: 240px;}
.img_245 {height: 245px;}
.img_249 {height: 249px;}
.img_251 {height: 251px;}
.img_255 {height: 255px;}
.img_256 {height: 256px;}
.img_275 {height: 275px;}
.img_285 {height: 285px;}
.img_337 {height: 337px;}
.img_390 {height: 390px;}
.img_410 {height: 410px;}
.img_445 {height: 445px;}
.img_450 {height: 450px;}
.img_500 {height: 500px;}
.img_570 {height: 570px;}
.img_600 {height: 600px;}

.mb_5 {margin-bottom: 5px;}
.mb_10 {margin-bottom: 10px;}
.mb_15 {margin-bottom: 15px;}
.mb_20 {margin-bottom: 20px;}
.mb_25 {margin-bottom: 25px;}
.mb_30 {margin-bottom: 30px;}
.mb_35 {margin-bottom: 35px;}
.mb_40 {margin-bottom: 40px;}
.mb_45 {margin-bottom: 45px;}
.mb_50 {margin-bottom: 50px;}
.mb_55 {margin-bottom: 55px;}
.mb_60 {margin-bottom: 60px;}
.mb_65 {margin-bottom: 65px;}
.mb_70 {margin-bottom: 70px;}
.mb_75 {margin-bottom: 75px;}
.mb_80 {margin-bottom: 80px;}
.mb_85 {margin-bottom: 85px;}
.mb_90 {margin-bottom: 90px;}
.mb_95 {margin-bottom: 95px;}
.mb_100 {margin-bottom: 100px;}
.mb_105 {margin-bottom: 105px;}
.mb_110 {margin-bottom: 110px;}
.mb_115 {margin-bottom: 115px;}
.mb_120 {margin-bottom: 120px;}
.mb_125 {margin-bottom: 125px;}
.mb_130 {margin-bottom: 130px;}
.mb_135 {margin-bottom: 135px;}
.mb_140 {margin-bottom: 140px;}
.mb_145 {margin-bottom: 145px;}
.mb_150 {margin-bottom: 150px;}
.mb_155 {margin-bottom: 155px;}
.mb_160 {margin-bottom: 160px;}
.mb_165 {margin-bottom: 165px;}
.mb_170 {margin-bottom: 170px;}
.mb_175 {margin-bottom: 175px;}
.mb_180 {margin-bottom: 180px;}

.pt_5 {padding-top: 5px;}
.pt_10 {padding-top: 10px;}
.pt_15 {padding-top: 15px;}
.pt_20 {padding-top: 20px;}
.pt_25 {padding-top: 25px;}
.pt_30 {padding-top: 30px;}
.pt_35 {padding-top: 35px;}
.pt_40 {padding-top: 40px;}
.pt_45 {padding-top: 45px;}
.pt_50 {padding-top: 50px;}
.pt_55 {padding-top: 55px;}
.pt_60 {padding-top: 60px;}
.pt_65 {padding-top: 65px;}
.pt_70 {padding-top: 70px;}
.pt_75 {padding-top: 75px;}
.pt_80 {padding-top: 80px;}
.pt_85 {padding-top: 85px;}
.pt_90 {padding-top: 90px;}
.pt_95 {padding-top: 95px;}
.pt_100 {padding-top: 100px;}
.pt_105 {padding-top: 105px;}
.pt_110 {padding-top: 110px;}
.pt_115 {padding-top: 115px;}
.pt_120 {padding-top: 120px;}
.pt_125 {padding-top: 125px;}
.pt_130 {padding-top: 130px;}
.pt_135 {padding-top: 135px;}
.pt_140 {padding-top: 140px;}
.pt_145 {padding-top: 145px;}
.pt_150 {padding-top: 150px;}
.pt_155 {padding-top: 155px;}
.pt_160 {padding-top: 160px;}
.pt_165 {padding-top: 165px;}
.pt_170 {padding-top: 170px;}
.pt_175 {padding-top: 175px;}
.pt_180 {padding-top: 180px;}

.fullcol {
    padding-left: 0px;
    padding-right: 0px;
}

.float-wrapper:before,
.float-wrapper:after {
  clear: both;
  content: "";
  display: block;
}

.float-right{
    float:right;
    width:50%;
}
.float-left{
    float:left;
    width:50%;
}


.nopadr{
  padding-left: 0px;
}


.repeat{background-repeat: repeat;}
.radius{
  border-radius: 6px;
  box-shadow: 1px 1px 1px #DBDBDB;
}
.rowend{margin-bottom:60px;}

.txtright{text-align:right;}
.txtcenter{text-align:center;}

.div_center{
  margin-right: auto;
  margin-left:auto;
}
.w_5{width:5%;}
.w_10{width:10%;}
.w_15{width:15%;}
.w_20{width:20%;}
.w_25{width:25%;}
.w_30{width:30%;}
.w_35{width:35%;}
.w_40{width:40%;}
.w_45{width:45%;}
.w_50{width:50%;}
.w_55{width:55%;}
.w_60{width:60%;}
.w_65{width:65%;}
.w_70{width:70%;}
.w_75{width:75%;}
.w_80{width:80%;}
.w_85{width:85%;}
.w_90{width:90%;}
.w_95{width:95%;}
.w_100{width:100%;}


.btm{
  position: absolute;
  bottom: 0px;
}
.btm_20{bottom: 20px;}


#top_wrapper{
  height: 84px;
  border-top: 5px solid #a7d417;
  border-bottom: 4px solid #a7d417;
  background: white;
}

#sitelogo {
  background-image: url(/images/template/icon_site.gif);
  width: 208px;
  height:75px;
  border:none;
}
#sitelogo-wrapper{
  width: 210px;
  height:75px;
  float: left;
  margin-right: -210px;
}
#console-wrapper{
  width:100%;
  height:75px;
  float: right;
}
#console_login{background-image: url(/images/template/console_login.gif);width: 120px;height: 23px;}
#console_logout{background-image: url(/images/template/console_logout.gif);width: 120px;height: 23px;float: right;}
#console_user{background-image: url(/images/template/console_user.gif);width: 120px;height: 23px;}
#console_team{background-image: url(/images/template/console_team.gif);width: 120px;height: 23px;}

#console_ar{background-image: url(/images/template/console_ar.gif);}
#console_al{background-image: url(/images/template/console_al.gif);}
#console_alm{background-image: url(/images/template/console_alm.gif);}
#console_alc{background-image: url(/images/template/console_alc.gif);}
#console_mi{background-image: url(/images/template/console_mi.gif);}
#console_ci{background-image: url(/images/template/console_ci.gif);}
#console_throw{background-image: url(/images/template/console_throw.gif);}
#console_teampage{background-image: url(/images/template/console_teampage.gif);}
#console_teamgame{background-image: url(/images/template/console_teamgame.gif);}
#console_album{background-image: url(/images/template/console_album.gif);}
#console_mgd{background-image: url(/images/template/console_mgd.gif);}
#console_shindan{background-image: url(/images/template/console_shindan.gif);}
#console_drill{background-image: url(/images/template/console_drill.gif);}
#console_rulequiz{background-image: url(/images/template/console_rulequiz.gif);}
#console_advice{background-image: url(/images/template/console_advice.gif);}
#console_recipe{background-image: url(/images/template/console_recipe.gif);}


#console-lit {
    overflow: hidden;
    padding: 10px 0 5px 0;
    height: 40px;
}
#console-link {
    overflow: hidden;
    height: 35px;
    padding-top: 5px;
}
#console-link:after {
    clear: both;
    content: "";
    display: block;
}
.console-cell {
    width: 165px;
    float: right;
}
#console-lit div{
  float: right;
  text-align: right;
  padding-left: 22px;
  color: black;
}
.console-link-cell {
    float: right;
    width: 165px;
}
.console-link-cell div{
    float: right;
}

#gnavi_wrapper {
  background: #a7d417;
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
}

.navbar {
  background: none;
  border: none;
  margin: 0;
}
.navbar .btn {
  background: none;
  padding-top: 15px;
  padding-bottom: 15px;
  color: white;
  border-radius: 0;
  line-height: 20px;
}
.navbar .btn:hover {
  background: white;
  color: black;
}


#main {min-height: 300px;}

.whitebox {
  background: white;
  border-radius: 6px;
  box-shadow: 1px 1px 1px 1px #DBDBDB;
  padding: 10px;
  position: relative;
  line-height: 1.5em;
}

#snavi_wrapper{
  padding-top: 30px;
}

#snavi.list-group .btn-block {
  text-align: left;
  margin-bottom: -6px;
}
#snavi.list-group .btn-block:hover {
  text-decoration: none;
  background-color: #f5f5f5;
  color: black;
  z-index: 1;
}

#footer_wrapper {
  padding-top:50px;
}
#fconsole_wrapper {
  padding-bottom: 50px;
}

#banner_wrapper {
  padding-bottom: 50px;
}
#banner a {
  margin: 10px 0;
}


#gnavi_main_wrapper {
    background-color: #49bb01;
    height: 35px;
    z-index: 10;
}
#gnavi_sub_wrapper {
    background-color: #e9e9e9;
    position: absolute;
    width: 100%;
    z-index: 5;  
}
#gnavi_main.nav>li {
    padding: 11px 0;
}
#gnavi_main.nav>li>a {
    color: white;
    padding: 0 22px;
    background-color: #49bb01;
    border-right: 1px solid white;
    border-radius: 0px;
}
#gnavi_main.nav>li:first-child>a {
    border-left: 1px solid white;
}
@media (max-width: 992px) {
    #gnavi_main.nav>li>a {padding: 0 10px;}
}
#gnavi_main.nav>li.active:after {
    content: "";
    display: block;
    height: 0px;
    width: 0px;;  border-style: solid;  
    border-width: 12px;  
    border-color: #49bb01 transparent transparent transparent;                    
    z-index: 10;
    position: absolute;
    left: 50%;
    bottom: -24px;
    margin-left: -12px;
}
#gnavi_sub>div>.nav>li>a {
    color: dimgrey;      
    padding: 0 22px;      
    background-color: #e9e9e9;      
    border-right: 1px solid dimgrey;      
    border-radius: 0px;
}
#gnavi_sub>div>.nav>li.narrow>a {
    font-size: 12px;
    padding: 0 8px;      
}
#gnavi_sub>div>.nav>li.narrow2>a {
    padding: 0 3px;      
    font-size: 12px;
}
#gnavi_sub>div>.nav>li {
    padding: 18px 0 19px 0;
}
#gnavi_sub>div>.nav>li:first-child>a {
    border-left: 1px solid #1c1412;
}
@media (max-width: 992px) {
    #gnavi_sub>div>.nav>li>a {padding: 0 10px;}
}


#fnavi_wrapper {background-image: url(/images/template/dot_gray.gif);padding-top: 20px;}
#fnavi{padding-bottom: 20px;}
#fnavi>ul {padding-left: 0px;margin-left:12px;text-align: left;}
#fnavi>ul>li{float:left;width:170px;margin-left:35px;line-height:20px}
#fnavi>ul>li:first-child{width:270px;margin-right:35px;margin-left:0}
#fnavi>ul>li:first-child>dl>dd>ul{float:left;}
#fnavi li {list-style: none;}
#fnavi ul>li>dl {
  margin-top: 0px;
}
#fnavi ul>li>dl dt{margin-bottom:2px;padding-left:5px;color:#666;color: white;font-weight: normal;}
#fnavi ul>li>dl>dd{padding:2px 0 5px;padding-left:5px}
#fnavi>ul>li>dl>dd>ul {padding-left: 0px;margin-left:12px;text-align: left;}
#fnavi .btn-link {color: #ffffff;}

@media (max-width: 992px) {
  #fnavi>ul>li:first-child{width:170px;}
  #fnavi>ul>li:first-child>dl>dd>ul{width:100%;}
}

#bottom_wrapper {
  background: #a7d417;
  border-top: 5px solid black;
}
#bottom {
  height: 80px;
  line-height: 80px;
}

#contents article {
    margin: 10px 0 20px 0;
}

#contents article.graybox {
  background: #F5F5F5;
  border-radius: 6px;
  box-shadow: 1px 1px 1px #DBDBDB;
  padding: 20px;
  position: relative;
  line-height: 1.5em;
}

#contents article.formbox {
  background: #F5F5F5;
  border-radius: 6px;
  box-shadow: 1px 1px 1px #DBDBDB;
  position: relative;
  line-height: 1.5em;
}

#contents div.whitebox {
background: white;
border-radius: 6px;
box-shadow: 1px 1px 1px #DBDBDB;
padding: 10px;
position: relative;
line-height: 1.5em;
}


#fconsole button:hover{opacity: 1}