@charset "utf-8";
@import url("reset.css");

a { cursor: pointer }

#info_380{ width: 380px; font-size: 14px!important;}
#info_520{ width: 520px; font-size: 14px!important;}
#info{ width: 700px; font-size: 14px!important;}

#tab {overflow: hidden;}
#tab li {display: inline-block; width: 114px; height: 24px; float: left;}
#tab li:hover {-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;}
#tab li a{ display: inline-block; width: 114px; height: 24px;}

#tab li a.infotab1 { background: url(../img/infoTab_01.png);}
#tab li a.infotab2 { background: url(../img/infoTab_02.png);}
#tab li a.infotab3 { background: url(../img/infoTab_03.png);}
#tab li a.infotab4 { background: url(../img/infoTab_04.png);}
#tab li a.infotab5 { background: url(../img/infoTab_05.png);}
#tab li.selected a.infotab1 { background: url(../img/infoTab_01cur.png);}
#tab li.selected a.infotab2 { background: url(../img/infoTab_02cur.png);}
#tab li.selected a.infotab3 { background: url(../img/infoTab_03cur.png);}
#tab li.selected a.infotab4 { background: url(../img/infoTab_04cur.png);}
#tab li.selected a.infotab5 { background: url(../img/infoTab_05cur.png);}


#tab_380 {overflow: hidden;}
#tab_380 li {display: inline-block; width: 76px; height: 24px; float: left;}
#tab_380 li:hover {-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;}
#tab_380 li a{ display: inline-block; width: 76px; height: 24px;}

#tab_380 li a.infotab1 { background: url(../img/infoTab_380_01.png);}
#tab_380 li a.infotab2 { background: url(../img/infoTab_380_02.png);}
#tab_380 li a.infotab3 { background: url(../img/infoTab_380_03.png);}
#tab_380 li a.infotab4 { background: url(../img/infoTab_380_04.png);}
#tab_380 li a.infotab5 { background: url(../img/infoTab_380_05.png);}
#tab_380 li.selected a.infotab1 { background: url(../img/infoTab_380_01cur.png);}
#tab_380 li.selected a.infotab2 { background: url(../img/infoTab_380_02cur.png);}
#tab_380 li.selected a.infotab3 { background: url(../img/infoTab_380_03cur.png);}
#tab_380 li.selected a.infotab4 { background: url(../img/infoTab_380_04cur.png);}
#tab_380 li.selected a.infotab5 { background: url(../img/infoTab_380_05cur.png);}

#tab_520 {overflow: hidden;}
#tab_520 li {display: inline-block; width: 104px; height: 24px; float: left;}
#tab_520 li:hover {-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;}
#tab_520 li a{ display: inline-block; width: 104px; height: 24px;}

#tab_520 li a.infotab1 { background: url(../img/infoTab_520_01.png);}
#tab_520 li a.infotab2 { background: url(../img/infoTab_520_02.png);}
#tab_520 li a.infotab3 { background: url(../img/infoTab_520_03.png);}
#tab_520 li a.infotab4 { background: url(../img/infoTab_520_04.png);}
#tab_520 li a.infotab5 { background: url(../img/infoTab_520_05.png);}
#tab_520 li.selected a.infotab1 { background: url(../img/infoTab_520_01cur.png);}
#tab_520 li.selected a.infotab2 { background: url(../img/infoTab_520_02cur.png);}
#tab_520 li.selected a.infotab3 { background: url(../img/infoTab_520_03cur.png);}
#tab_520 li.selected a.infotab4 { background: url(../img/infoTab_520_04cur.png);}
#tab_520 li.selected a.infotab5 { background: url(../img/infoTab_520_05cur.png);}

body{background-color:transparent; font-family:'ＭＳ Ｐゴシック',sans-serif; }
#detail div.game { display: none;
	height: 120px;
	clear: left;
	border:3px #d1b86e solid;
	background-color: #f5f5f4;
}

#detail div.game:not(:target) {
  height: 120px\9; /* IE9 */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #detail div.game {
    height: 120px; /* IE10 */
  }
}

#detail div.game ul { height: 85px; margin-top: 6px; margin-bottom: 6px; overflow-y: scroll; overflow-x:hidden;}
#detail div { display: none; height: 203px; clear: left; border:3px #d1b86e solid; background-color: #f5f5f4;}
#detail div.selected { display: block;}

#detail div p { margin: 0.5em; }
#detail div a { color:#369; text-decoration: none;}
#detail div a:hover { color:#369; text-decoration: underline!important;}
#detail div ul { height: 165px; margin-top: 6px; margin-bottom: 6px; overflow-y: scroll; overflow-x:hidden;}
#detail div li { line-height: 1.4em; margin:0 10px 4px 0px; padding-bottom:1px; overflow: hidden; background: url(../img/infoList_line.gif) bottom repeat-x; vertical-align: top;}
#detail div li .date{ color:#FFF; background:#585858; display: block; float:left; margin:0 5px 5px 5px; padding:0px 5px; height: 20px; line-height: 20px;}
#detail div li .news{ background: url(../img/label_news.gif) no-repeat; }
#detail div li .maintenance{ background: url(../img/label_maintenance.gif) no-repeat; }
#detail div li .schedule{ background: url(../img/label_schedule.gif) no-repeat; }
#detail div li .update{ background: url(../img/label_update.gif) no-repeat; }



.news, .maintenance, .schedule, .update{ display: block; float: left; padding-left:73px; height: 20px}
.news:hover, .maintenance:hover, .schedule:hover, .update:hover{ text-decoration: underline;}

#detail .more{ display: block; text-align: right; padding:0 20px 0 0;}
#detail .more:hover{-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;}