@charset "UTF-8";

/*
=============================
 BROWSER RESET
============================= */

html, body, div, iframe, h1, h2, h3, h4, h5, h6, p, a, address, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  font-size: 100%;
  font-weight:normal;
}

/*
=============================
 COMMON STYLE OVER WRITE
============================= */

li { list-style-type: none;}
html { height: 101%; } 
body {
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',Arial,Helvetica,sans-serif;
  font-size: 13.5px;
  line-height:1.85em;
}

a, a:visited {}
a i { text-decoration: none !important; }
a:hover { text-decoration: none; }
a.btn {
  margin:1px 0;
  text-decoration: none !important;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',Arial,Helvetica,sans-serif;
  font-weight: normal !important;
}

strong { font-weight: bold;}
hr { clear: both; }
p {
    line-height:1.8em;
    margin-bottom: 5px;
}

/* font setting */

@font-face {
  font-family: "FontAwesome";
  src: url('../common/FontAwesome/fonts/fontawesome-webfont.eot');
  src: url('../common/FontAwesome/fonts/fontawesome-webfont.eot?#iefix') format('eot'),
       url('../common/FontAwesome/fonts/fontawesome-webfont.woff') format('woff'),
       url('../common/FontAwesome/fonts/fontawesome-webfont.ttf') format('truetype'),
       url('../common/FontAwesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: mplus-1p-heavy;
  src: url('../common/webfonts/mplus-1p-heavy.eot');
  src: url('../common/webfonts/mplus-1p-heavy.eot?#iefix') format('embedded-opentype'),
       url('../common/webfonts/mplus-1p-heavy.woff') format('woff');
  font-weight:bold;
  font-style: normal;
}


/*
=============================
 FRAME
============================= */

.themebody {
  background-repeat: repeat-x;
  background-position: 0 98px;
}

#PrimaryMenu { margin:0 0 25px; }
#PrimaryMenu ul {
    margin-top : 0;
    margin-bottom : 0;
}
#PrimaryMenu ul > li {
    margin: 0;
    list-style-type : none;
}


#GlobalNav {
  margin-bottom:5px;
  border-radius: 5px;
}

#GlobalNav ul {
    margin-top : 0;
    margin-bottom : 0;
}
#GlobalNav ul > li {
    margin: 0;
    list-style-type : none;
}

#GlobalNav .nav > li > a { padding:12px 20px; }
#GlobalNav .nav-pills > li > a {
  border-radius:0;
  font-weight: bold;
  font-size:1.1em;  
}

#GlobalNav .nav > li:first-child > a:hover { border-radius:3px 0 0 3px; }
.navbar-right i { margin-right:5px; }
.navbar-brand {
  display: block;
  padding: 15px 0;
  font-family: mplus-1p-heavy;
  line-height: 1.45em;
  font-size: 2.2em;
  font-weight: bold;
  letter-spacing: -0.02em;
}

.mainphoto {
  margin-bottom: 20px;
  box-shadow: 0 0 2px #999;
}

.mainphoto img {
  display: block;
  margin:0 auto;
  padding: 10px;
  max-width: 100%;
  height: auto;
}

/* team-announce */
.team-announce {
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 1em 2em;
  background-color: #f2f2f2;
  box-shadow: 0 0 2px #999;
  overflow: hidden; 
}

.sideColumn { margin-bottom:15px; }
.top #ContentWrapper { margin-top:15px; }
.sub #RightSide, .sub#LeftSide { margin-top:28px;}
#RightSide,#LeftSide {
  padding: 6px;
  border-radius: 3px;    
}

#RightSide ul,
#LeftSide ul {
  padding: 9px;
  border-radius:4px;
  box-shadow: 0 1px 1px #999;
}

#RightSide li,
#LeftSide li {
  padding: 7px 0;
  font-weight: bold;
  text-indent: 5px;
  word-wrap:breap-word;
}

#RightSide li a,
#LeftSide li a {
  display: block;
  font-weight: bold;
}

#RightSide dd.blockContent { margin-bottom:10px; }
#CenterCColumn {
  margin-bottom:60px;
  padding:0 8px;
}

#CenterCColumn a:link,#MainColumn a:link { text-decoration: underline; }
.simple-banner { text-align: center; }

.foot_menu { font-size:0.95em; }
.foot_menu .navbar-nav > li > a {
  padding-top:5px;
  padding-bottom:5px;
  font-size:0.95em;
}
.foot_menu .container ul {
    margin-top : 0;
    margin-bottom : 0;
}
.foot_menu .container ul > li {
    margin: 0;
    list-style-type : none;
}

.saas_ban { text-align: center;}
.saas_ban img {max-width:100%;}
.more {
  position: absolute;
    top: 8px;
    right: 0;
  font-size: 0.95em;    
}

.theme_chg label { display: block;}

footer { clear: both;}
#FooterText {
  padding:15px 0;
  font-size:0.85em;
}

#Content .contentarea {
  overflow: hidden;
  margin-bottom:30px;
  padding:0 20px 20px;
  border-radius: 5px 5px 0 0;
  position: relative;
}

.sub .page-header {
  overflow: hidden;
  margin: 0 -20px 30px;
  padding:0;
  min-height: 70px;
  background: url(common_images/bg_89dream.gif) no-repeat right top;
}

.sub .page-header h1 {
  margin:30px 0;
  padding:0 20px;
  font-size: 1.5em;
  font-weight: bold;
}

.sub .page-header h1:before {
  margin-right:8px;
  font-family: FontAwesome;
  content: '\f10c';
  font-size: 0.65em;
  font-weight: bold;
  vertical-align: middle;
}


/*
=============================
 MODULE CSS
============================= */
.description table { width:100% !important; }
.description table,.description table th,.description table td { border:1px solid #CCC; }
.description table th,.description table td {padding:3px 5px;}
.description table th {
    background-color: #F2F2F2;
    font-weight: bold;
    text-align: center;
}

/* ---- for news ---- */

#news_box,#game_box { position: relative; }
#news_inner,#game_inner {
  margin-bottom: 19px;
  padding: 20px 15px;
  box-shadow: 0 2px 2px #E2E2E2;
}

#news_latest {
  overflow: hidden;
  margin-bottom:15px;
}

#news_latest > a {
  float: left;
  margin-right:3%;
}

#news_inner li { padding:3px 0; }
#latest_contbox { overflow: hidden;}
.news_title a,
.latest_scr dt a {
  font-size:1.2em;
  font-weight: bold;
}

.news_title span,.post_date,
.latest_scr dt span {
  margin-left:8px;
  font-size:0.95em;
}

.news .itemTitle a,
.manual .itemTitle a,
.event .itemTitle a {
  font-weight: bold;
}

.news .item dt,
.manual .item dt,
.event .item dt,
.contact .item dt {
  margin-bottom: 3px;
  padding: 3px 0;
}

.news img.thumbnail { display: inline-block; }

/* ---- for score ---- */

.latest_scr dt { margin-bottom:10px; }
.scoreboard {
  width: 100%;
  font-family: arial;
  font-weight: bold;
  font-size: 1.3em;
  border-spacing: 2px;
  border-collapse: separate;
}

.scoreboard th {
  padding:3px;
  width:5%;
  text-align: center;
  font-weight: bold;
  font-size:1.1em;
  font-family: arial;
}

.scoreboard td {
  padding:3px;
  text-align: center;
  font-family: arial;
}

.scoreboard td.color_02 {
  font-size:0.9em;
  font-weight: bold;
}

.scoreboard th:first-child {
  border-radius: 4px 0 0 0;
  width:30%;
}

.scoreboard th:last-child {
  border-radius: 0 4px 0 0;
  width:auto;
}

.scoreboard tr:last-child td:first-child {border-radius: 0 0px 0 4px; }
.scoreboard tr:last-child td:last-child { border-radius: 0 0 4px 0; }
#game_com dd {
  margin-top:20px;
  padding:8px 10px;
  position: relative;
  border-radius:4px;
}

#game_com dd:after, #game_com dd:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#game_com dd:after {
  border-width: 8px;
  margin-left: -8px;
}
#game_com dd:before {
  border-width: 9px;
  margin-left: -9px;
}

#tab_usercat {
  margin-bottom:10px;
  letter-spacing: -.4em;
}

#tab_usercat li { display: inline; }
#tab_usercat li a  {
  display: inline-block;
  margin-right:5px;
  border-radius: 3px 3px 0 0;
  border-bottom: none;
  padding: 8px 15px;
  letter-spacing: normal;
  text-decoration: none;
  position: relative;
    top:1px;
}

#list_usercat {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  letter-spacing: -.4em;
}

#list_usercat li { display: inline-block;}

#list_usercat li a {
  display:block;
  margin: 0 4px 4px 0;
  border: 1px solid #428BCA;
  padding: 3px 12px;
  border-radius: 3px;
  letter-spacing: normal;
  text-align: center;
}

.score_head th {
  font-weight: bold;
  text-align: center;
  vertical-align: middle !important;
}

.score_body td {  vertical-align: middle !important; }
.score_total { 
  font-weight: bold;
  font-size: 1.3em;
  font-family: arial;
  letter-spacing: -0.05em;
}

.win,.lose,.draw {
  font-size:1.8em;
  font-weight: bold;
}

.lose {font-size:1em;}
.tournament-list {
  margin-bottom: 10px;
  padding: 0 5px;
  font-size: 0.95em;
}

.tournament-list li {
  margin-bottom: 6px;
  border: 1px solid #CCC;
  border-radius: 3px;
  background-color: #EFEFEF;
}

/* ---- for member ---- */

.ply_grp .thumbnail {
  padding: 12px 6px 6px;
}

.ply_grp .thumbnail > img {
  width:auto;
  height: 105px;
  box-shadow: 0 0 3px #999;
}

.ply_name {
  margin-bottom:5px;
  font-weight: bold;
  font-size:1.1em;
  text-align: center;
}

/* ---- for event ---- */

.event_day {
  font-weight:bold;
  font-family:arial;
  font-size:115%;
  text-align:center;
  width:7%;
}

.event_week {
  font-weight:bold;
  text-align:center;
  width:7%;
}

td.event_title { width:40%; }
.event_tag01 { width:20%; }
.event_tag03 {
  width:15%;
  text-align:center;
}

.eventAnswer { text-align:center; }
.eventName { text-align:center; }
.eventPageview {
  overflow:auto;
  margin:0 0 10px 20px;
}

.topic-list { overflow: hidden; }
.topic-list .item {
  overflow: hidden;
  margin: 4px 4px 20px 4px;
  padding: 20px;
  border-radius: 4px;
  background-color:#EFF3F8;
  box-shadow:0 0 4px #999;
  border: 3px solid #FFF;
}

.topic-list .item.even { background-color: #FFFFF3;}
.topic-list .itemTitle {
  margin-bottom: 8px;
  font-size: 1.2em;
}

.topic-list .itemTitle a { font-weight: bold;}
.topic-list .itemText { margin-bottom:15px; }
.topic-list .itemInfo {
  padding: 7px 12px;
  font-size: 0.95em;
  border-radius: 4px;
  text-align: left;
  line-height:1em;
}

.topic-list .itemInfo strong { font-weight: normal; }
.topic-list .itemStats strong {
  font-size:1.15em;
  font-family: arial;
}

.topic-list .itemInfo span { margin-right:5px; }
.topic-list.tl_t2 .item {
  padding:20px;
  border-width:4px;
}

.topic-list.tl_t2 .itemTitle {
  font-weight: bold;
  font-size:1.15em;
}

.leforum_replyField .edit {
  margin-top: 10px;
  padding-top: 10px;
}

.leforum_replyField .edit textarea { max-width:100%;}
.leforum_replyField .edit dt {
  margin-bottom:5px;
  font-weight: bold;
}

.leforum_replyField .edit dd { margin:10px 0; }
.post-list .item {
  float: left;
  display: inline-block;
  margin-left:10px;
  margin-bottom: 20px;
  padding: 15px;
  width:80%;
  border-radius: 12px;
  position: relative;
}

.post-list .item.even {
  float: right;
  margin-right:10px;
}

.post-list .item.odd:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 10px;
  margin-top: -10px;
}

.post-list .item.even:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 10px;
  margin-top: -10px;
}

.post-list dt {
  float: left;
  margin-right:10px;
}

.post-list dt a { font-weight: bold; }
.post-list .itemInfo {
  overflow: hidden;
  margin-bottom:6px;
}

.post-list .itemInfo span { margin-right:5px;}
.post-list .parentPath { font-weight: bold; }
.post-list .childPosts {
  text-align: right;
  font-size:0.95em;
}

.post-list .itemText {margin-bottom:10px;}

/* ---- for site ---- */

#areaName {
  display: inline-block;
  margin:0 10px 10px 10px;
  padding: 10px 8px;
  border-radius: 5px;
  font-size: 1.3em;
}

.state {
  padding: 15px;
  border-radius: 4px;
}

.state dt,.state dd { margin-bottom:8px; }
.state dt {
  float: left;
  width: 30%;
  margin-right: 15px;
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
}

.state dd { overflow: hidden; }
.state dd a {
  margin:0 2px;
  white-space:nowrap;
}

.sitesettings i {
  margin-right: 5px;
  font-size: 1.3em;
  vertical-align: middle;
}

/* ---- for team ---- */

.tree ul li { padding:2px 0; }
.tree ul > ul li { padding-left:15px; }
.catDetail p {
  margin-bottom: 10px;
  padding-bottom: 4px;
  font-size: 1.3em;
  font-weight: bold;
}

.catDetail {
  margin-bottom:20px;
  padding: 15px;
  border-radius: 3px;
}

.catDetail .description { margin-bottom:5px; }
.catDetail .view  { overflow: hidden; }
.catDetail .view dt  {
  float: left;
  margin-right:5px;
  font-weight: bold;
}

/* ---- for info ---- */

.pageTree ul[class^="catL"] { padding-left:15px; }
.pageTree ul.catL1{ padding-left:0;}
.pageTree li {
  list-style-type: circle;
  list-style-position: inside;
}



/* ---- for other module ---- */

#lexImgWrap,#saascat { padding: 25px; }
#areaSelect { letter-spacing:-.4em }
#areaSelect dt {
  clear: both;
  font-weight: bold;
  padding: 3px 8px;
  margin-top: 10px;
  margin-bottom: 8px;
  letter-spacing: normal;
  text-align: center;
}

#areaSelect dd {
  display: inline-block;
  padding: 0 10px 0 0;
  white-space: nowrap;
  text-decoration: underline;
  margin-bottom: 3px;
  letter-spacing: normal;
}

#areaSelect dd:hover { cursor: pointer;}

/* ---- edit general ---- */

.cke_editable { margin:20px;}
.bt_edit { 
  position: absolute;
  right: 20px;
  top: 25px;
}

.cke_wysiwyg_frame { height:600px; }
.alert li:before {
  margin-right:5px;
  font-family: FontAwesome;
  content: '\f105';
}


.info.PageView table { width:100% !important; }
.info.PageView table,.info.PageView table th,.info.PageView table td { border:1px solid #CCC; }
.info.PageView table th,.info.PageView table td {padding:3px 5px;}
.info.PageView table th {
  background-color: #F2F2F2;
  font-weight: bold;
  text-align: center;
}

/* ---- boot strap over writing ---- */

.well {
  margin:0 0 20px 0;
  padding:10px; font-size:0.95em;
}

.controls.col-sm-10 .well { margin:0 8px 10px;}
.pagination { margin:10px 0;}
.nav-pills > li + li { margin-left: 0; }
.breadcrumb { 
  margin-bottom:5px;
  padding:0;
  background-color: transparent;
  font-size:0.95em;
}

.breadcrumb > li + li:before { padding:0 2px;}
.thumbnail {
  margin-bottom:15px;
  padding:6px;
}

.container-fluid {
  padding-right: 8px;
  padding-left: 8px;
}

.row {
  margin-right: -8px;
  margin-left: -8px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 8px;
  padding-left: 8px;
}

.media {overflow: visible;}
.btn-sm { padding:5px 10px; }
.pager { margin:10px 0;}
.pager li > a, .pager li > span { padding:2px 14px; }
.dl-horizontal dt { font-weight: bold;}
thead th { font-weight: bold;}
.table-bordered thead th {
  text-align: center;
}

.navbar-brand img { margin-left:3px;}

/*
=============================
 STYLE PRESET
============================= */

h2,h4 {
  clear: both;
  margin-bottom:20px;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 1.3em;
  background: url(common_images/bg_pat_gray.gif);
}

.top h3 {
  padding: 0 5px;
  width: 23%;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  line-height: 35px;
  border-radius: 3px 3px 0 0;
}

/* --- editor css --- */

.cke_editable h3,
.sub h3 {
  overflow: hidden;
  clear: both;
  font-size: 1.1em;
  padding: 10px 10px;
  margin-bottom: 15px;
  font-weight: bold;
  border-radius: 3px;
}

.cke_editable h3:before,
.sub h3:before {
  font-family: FontAwesome;
  content: "\f138";
  font-size: 0.80em;
  vertical-align: middle;
  margin-right: 5px;
  font-weight: normal;
}

.sub h2 { position: relative; }
.sub h2 a.btn {
  position: absolute;
  right:10px;
  top:8px;
}

.cke_editable h5, h5 {
  display: block;
  clear: both;
  margin-bottom: 10px;
  font-size: 130%;
  font-weight: bold;
}

.text_st01 {
  color: #F30;
  background-color: #FFE6E6;
}

.text_st02 { color: #F30; }
.text_st03 {
  font-size: 1.08em;
  font-weight: bold;
}

.text_st04 { font-size:0.85em; }
.quote_box {
  clear: both;
  overflow: auto;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom:1px dotted #333;
}

.item_box {
  clear: both;
  overflow: auto;
  margin-bottom: 10px;
}

.block_01 {
  padding: 15px;
  border-radius: 4px;
  background-color: #F2F2F2;
  border: 1px solid #E2E2E2;
  margin-bottom: 10px;
}

.block_02 {
  border: 1px solid #CCC;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 10px;
}


.img_center_frame {
  display: block;
  margin: 0 auto 15px;
  border:6px solid #FFF;
  text-align: center;
  box-shadow: 0 1px 2px #999;
}

.img_l {
  float: left;
  margin:0 15px 15px 0;
}

.img_r {
  float: right;
  margin:0 0 15px 15px;
}


.mar_a0 { margin:0 !important;}
.mar_t10 { margin-top: 10px !important;}
.mar_t20 { margin-top: 20px !important;}
.mar_b5 { margin-bottom: 5px !important;}
.mar_b10 { margin-bottom: 10px !important;}
.mar_b15 { margin-bottom: 15px !important;}
.mar_b20 { margin-bottom: 20px !important;}
.mar_tb10 { margin:10px 0 !important;}
.mar_tb20 { margin:20px 0 !important;}
.mar_l15 { margin-left:15px !important;}
.mar_l10 { margin-left:10px !important;}
.mar_l5 { margin-left:5px !important;}
.mar_r5 { margin-right:5px !important;}
.fwb { font-weight: bold !important;}
.ctr { margin:0 auto; text-align: center !important;}
.wsnw { white-space: nowrap !important; }
.dbk { display: block !important;}
.wsiz_5 { width:5% !important;}
.wsiz_10 { width:10% !important;}
.wsiz_15 { width:15% !important;}
.wsiz_20 { width:20% !important;}
.wsiz_30 { width:30% !important;}
.wsiz_50 { width:50% !important;}
.wsiz_80 { width:80% !important;}
.fz_95 { font-size:95% !important;}
.cbh { clear:both !important;}
.ofh { overflow: hidden !important;}
.vam {vertical-align: middle !important;}
.help-block {
  font-size:0.9em;
  line-height:1.5em;
}
.mxn {max-width: none !important;}
.help-block:before {
  margin-right:3px;
  content: '*';
  font-weight: bold;
  vertical-align: middle;
}

.quote_box { margin-bottom:10px;}
.lead {
  font-size:1.5em;
  font-weight: bold;
}


/*
=============================
 CSS Hack
============================= */

.ie8 #RightSide,
.ie8 #LeftSide,
.ie8 #RightSide ul,
.ie8 #LeftSide ul,
.ie8 .mainphoto,
.ie8 .top h3,
.ie8 #Content .contentarea,
.ie8 .ply_grp .thumbnail > img,
.ie8 .cke_editable h3,
.ie8 .sub h3,
.ie8 .topic-list .item,
.ie8 .post-list .item,
.ie8 #game_com dd,
.ie8 .catDetail {
  behavior: url(/themes/common/js/PIE.htc);
  position: relative;
}


/* responsive disabled */

.navbar-brand {margin-left:0;}
.submenu { position: relative;}
.submenu li {
  float: right;
  margin:10px 0 0 5px;
  padding: 0 10px;
  border-radius: 4px;
}

/* -- Advertisement Banners -- */
.ad_bottom {
    position:relative;
    float:left;
    width: 700px;
    text-align:center;
    margin-top: 20px;
}

.ad_side {
    width: 205px;
    margin-top: 20px;
    margin-left:2px;
    text-align: center;
}