/** Basic **/
html {
height: 100%;
}
body {
height: 100%;
padding-top: 90px;
}
body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
a {
text-decoration: none;
}
a:hover {
opacity: 0.7;
text-decoration: underline;
}
a.no_decoration {
color: inherit;
}
a.no_decoration:hover {
text-decoration: none;
}
img.icon {
height: 2em;
vertical-align: middle;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #000;
background-color: #FFFFFF;
border-color: #8196A8;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
text-shadow: none;
background-image: none;
background-color: #E5F1FF;
}

/** Parts **/
.icon {
position: relative;
top: 1px;
display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1;
}
.icon_new_window {
background-image: url('../img/icon_new_window.png');
width: 1em;
height: 1em;
background-size: 100%;
margin: 0px 4px 1px;
}
.icon_menu {
background-image: url('../img/menu.png');
background-size: 32px;
width: 32px;
height: 32px;
}

/** Header **/
#header {
/*background-image: url('../img/header_bg.png');*/
background-position: right 22px;
border-bottom: 21px solid #8EC31F;
height: 100px;
padding-top: 10px;
z-index: 2;
background-color: #2FA4E7;
background-repeat: no-repeat;
}
#header .btn-default {
background-color: #E6E7E7;
}
#header .btn-default:hover,
#header .btn-default:focus {
opacity: 0.9;
}
#header .btn-default:active,
#header .btn-default.active,
#header .open .dropdown-toggle.btn-default {
background-color: #63ACDF;
border-color: rgba(0, 0, 0, 0.1);
color: #555555;
}
#header .btn-group.open .dropdown-toggle {
box-shadow: none;
}
#header .btn:active,
#header .btn.active {
box-shadow: none;
}
#header .btn-link {
color: #FFFFFF;
}
#header .navbar-text.title {
margin-top: 5px;
}
#header .menu {
background-position: center center;
height: 64px;
width: 110px;
background-repeat: no-repeat;
}
#header .menu_1 {
background-image: url("../img/menu_1.png");
}
#header .menu_2 {
background-image: url("../img/menu_2.png");
}
#header .menu_3 {
background-image: url("../img/menu_3.png");
}
#header .menu_4 {
background-image: url("../img/menu_4.png");
}

#season_selector_blk {
margin: 0;
}
#season_selector {
background-image: url("../img/season_bg.png");
display: inline-block;
height: 96px;
list-style: none outside none;
position: relative;
width: 96px;
background-size: 96px 96px;
}
#season_selector li {
cursor: pointer;
height: 16px;
position: absolute;
width: 16px;
}
#season_selector li.jan {
left: 60px;
top: 4px;
}
#season_selector li.feb {
left: 76px;
top: 20px;
}
#season_selector li.mar {
left: 80px;
top: 40px;
}
#season_selector li.apr {
left: 76px;
top: 60px;
}
#season_selector li.may {
left: 60px;
top: 74px;
}
#season_selector li.jun {
left: 40px;
top: 80px;
}
#season_selector li.jul {
left: 22px;
top: 74px;
}
#season_selector li.aug {
left: 6px;
top: 60px;
}
#season_selector li.sep {
left: 0px;
top: 40px;
}
#season_selector li.oct {
left: 6px;
top: 20px;
}
#season_selector li.nov {
left: 22px;
top: 4px;
}
#season_selector li.dec {
left: 40px;
top: 0px;
}
#season_selector li.jan.active {
left: 54px;
top: 16px;
}
#season_selector li.feb.active {
left: 65px;
top: 26px;
}
#season_selector li.mar.active {
left: 68px;
top: 40px;
}
#season_selector li.apr.active {
left: 65px;
top: 54px;
}
#season_selector li.may.active {
left: 55px;
top: 65px;
}
#season_selector li.jun.active {
left: 40px;
top: 68px;
}
#season_selector li.jul.active {
left: 26px;
top: 65px;
}
#season_selector li.aug.active {
left: 16px;
top: 54px;
}
#season_selector li.sep.active {
left: 12px;
top: 40px;
}
#season_selector li.oct.active {
left: 16px;
top: 26px;
}
#season_selector li.nov.active {
left: 26px;
top: 16px;
}
#season_selector li.dec.active {
left: 40px;
top: 12px;
}
#season_selector li.active {
background-color: #0E6EB8;
border-radius: 50%;
}
#category_selection_blk {
margin-top: 30px;
}
.header_title {
background-image: url(../img/logo.png);
background-size: 100%;
height: 50px;
width: 300px;
margin: 0 auto;
}
.header_title.disabled {
opacity: 0.5;
}
.browser_alert {
color: #FF0000;
}

/** footer **/
#footer {
}

/** Main **/
#main {
height: 100%;
margin-right: 40px;
}

/** Sidebar **/
#sidebar {
width: 301px;
position: fixed;
right: 0px;
top: 0px;
height: 100%;
z-index: 1;
background-color: #FFF;
border-left: 1px solid #333;
box-shadow: -1px 0px 10px #333;
margin: 0px;
padding: 100px 0px 0px;
font-size: 13px;
}
#sidebar.disabled {
height: 170px;
}
#sidebar .sidebar_inner {
overflow: auto;
height: 100%;
}
#sidebar .panel-group .panel {
border: none;
}
#sidebar .panel-heading {
padding: 0px;
}
#sidebar .panel-default>.panel-heading+.panel-collapse>.panel-body {
padding: 0px 0px 0px 8px;
}
#sidebar h2 {
position: relative;
padding: 0;
margin: 0px;
cursor: pointer;
height: 42px;
background-color: #EA5504;
width: 100%;
background-repeat: no-repeat;
background-position: 8px 50%;
background-size: auto 27px;
}
#sidebar h2.osusume {
background-image: url('../img/header_osusume.png');
}
#sidebar h2.category {
background-image: url('../img/header_category.png');
}
#sidebar h2.season {
background-image: url('../img/header_season.png');
}
#sidebar h2.index {
background-image: url('../img/header_index.png');
}
#sidebar h2 a {
display: block;
height: 42px;
}
#sidebar h3 {
font-size: 14px;
padding: 0;
margin: 0;
}
#sidebar h5 {
border-bottom: 1px solid #666;
}
#sidebar ul {
margin: 0;
padding: 8px 0px;
list-style: none;
}
#sidebar.disabled ul{
display: none;
}
#sidebar p {
margin-left: 8px;
}

#label_switch {
	margin: 10px auto;
}

/** ヒント **/
#hint {
position: absolute;
display: none;
width: 240px;
cursor: pointer;
font-size: 11px;
z-index: 2;
left: 32px;
top: 120px;
}
#hint img {
height: 40px;
}
#hint .popover {
display: block;
left: 54px;
width: 160px;
}
#hint .popover.right>.arrow {
top: 16px;
}
#hint.hint_1 .msg_2,
#hint.hint_1 .msg_3 {
display: none;
}
#hint.hint_2 .msg_1,
#hint.hint_2 .msg_3 {
display: none;
}
#hint.hint_3 .msg_1,
#hint.hint_3 .msg_2 {
display: none;
}

/** Map **/
.label_hidden .wak2map_marker .name {
display: none;
}

/*
.text_marker {
position: absolute;
width: 32px;
margin-left: -16px;
}
.text_marker:hover {
cursor: pointer;
}
.label_hidden .text_marker .name {
display: none;
}
.text_marker .name {
background-color: #FFF;
border: 1px solid #956134;
padding: 0px 2px;
position: absolute;
left: 0px;
bottom: -1em;
background-image: url(../api/label/sprite.png);
height: 19px;
width: 64px;
z-index: 1;
}
.text_marker.event .name {
background-color: #0CF;
border: 1px solid #09F;
border-radius: 4px;
}
.text_marker img {
margin-top: -50%;
}

.zoom_10 .scale_12,
.zoom_11 .scale_12 {
display: none;
}
.zoom_10 .scale_13,
.zoom_11 .scale_13,
.zoom_12 .scale_13 {
display: none;
}
.zoom_10 .scale_14,
.zoom_11 .scale_14,
.zoom_12 .scale_14,
.zoom_13 .scale_14 {
display: none;
}
.zoom_10 .scale_15,
.zoom_11 .scale_15,
.zoom_12 .scale_15,
.zoom_13 .scale_15,
.zoom_14 .scale_15 {
display: none;
}
.zoom_10 .scale_16,
.zoom_11 .scale_16,
.zoom_12 .scale_16,
.zoom_13 .scale_16,
.zoom_14 .scale_16,
.zoom_15 .scale_16 {
display: none;
}
.zoom_10 .scale_17,
.zoom_11 .scale_17,
.zoom_12 .scale_17,
.zoom_13 .scale_17,
.zoom_14 .scale_17,
.zoom_15 .scale_17,
.zoom_16 .scale_17{
display: none;
}
.zoom_10 .scale_18,
.zoom_11 .scale_18,
.zoom_12 .scale_18,
.zoom_13 .scale_18,
.zoom_14 .scale_18,
.zoom_15 .scale_18,
.zoom_16 .scale_18,
.zoom_17 .scale_18 {
display: none;
}
.zoom_10 .scale_19,
.zoom_11 .scale_19,
.zoom_12 .scale_19,
.zoom_13 .scale_19,
.zoom_14 .scale_19,
.zoom_15 .scale_19,
.zoom_16 .scale_19,
.zoom_17 .scale_19,
.zoom_18 .scale_19 {
display: none;
}
.zoom_10 .scale_20,
.zoom_11 .scale_20,
.zoom_12 .scale_20,
.zoom_13 .scale_20,
.zoom_14 .scale_20,
.zoom_15 .scale_20,
.zoom_16 .scale_20,
.zoom_17 .scale_20,
.zoom_18 .scale_20,
.zoom_19 .scale_20 {
display: none;
}
*/

/** infowindow **/
.infowindow {
padding: 0 24px 0 0;
overflow: auto;
z-index: 2;
max-height: 300px;
}
.infowindow h3 {
font-size: 16px;
}
.infowindow .summary {
margin-bottom: 8px;
width: 300px;
}
.infowindow .flexslider {
width: 300px;
height: 200px;
margin-bottom: 8px;
border: none;
box-shadow: none;
}
.infowindow .flexslider ul,
.infowindow .flexslider li {
margin: 0;
padding: 0;
}
.infowindow .flexslider img {
width: 300px;
}
.infowindow span.name {
font-size: 14px;
border: 1px solid #000;
padding: 0px 8px;
border-radius: 14px;
margin-bottom: 8px;
display: inline-block;
}

/** F-15 **/
#f15 {
position: fixed;
background-image: url(../img/parts/f15.png);
width: 128px;
height: 128px;
background-repeat: no-repeat;
}
#f15.d1 {
background-position: 0px 0px;
}
#f15.d2 {
background-position: -128px 0px;
}
#f15.d3 {
background-position: -256px 0px;
}
#f15.d4 {
background-position: -384px 0px;
}
#f15.d5 {
background-position: -512px 0px;
}
#f15.d6 {
background-position: -640px 0px;
}
#f15.d7 {
background-position: -768px 0px;
}
#f15.d8 {
background-position: -896px 0px;
}
#f15.d9 {
background-position: -1024px 0px;
}
#f15.d10 {
background-position: -1152px 0px;
}
#f15.d11 {
background-position: -1280px 0px;
}
#f15.d12 {
background-position: -1408px 0px;
}

#opening {
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 10000;
    margin-top: -138px;
}
#opening .inner {
    position: absolute;
    overflow: hidden;
    background-color: #88D9FF;
    width: 100%;
    height: 100%;
    display: none;
}
#opening .skip {
    position: absolute;
    right: 24px;
    bottom: 24px;
    font-size: 24px;
}

div.att{font-size:88%; margin-bottom: 10px; color:#cc0000; padding:5px; background-color:#efefef;}
.search_title{text-align:center;}
.navbar-manual a{float:right;}

.infowindow a[target="_blank"] {display:block; margin:0 0 30px 0;}

.wak2map_marker .icon{width:32px !important; height:32px !important; border-radius:100% !important;}