/* 背景付き */
.container-fluid {
  background-image: url("/img/bg_blue2.png");
  background-repeat: repeat-y;
  background-position: right;
}

.counter {
  font-size: 80%;
  color: #3A87AD;
}

.sidebar-nav {
  padding: 9px 0;
}

.page-header-line {
  border-bottom: 3px solid #336699;
  border-left: 10px solid #336699;
}

.page-header {
  margin: 10px 0 0px;
  padding: 0 0 0 5px;
}

.page-header h1 {
  font-size: 140%;
}

.page-header-right {
  margin: 10px 0 0px;
  padding: 0;
}

.well.site-search {
  padding: 5px 0 5px 0;
}

.well.site-search form {
  margin: 0;
}

.well.site-search input[type="text"]{
  width: 120px;
}

.well.ad {
  margin: 0;
  padding: 5px 0;
}

.para {
  border: 1px solid #CCC;
  margin: 2px;
  padding: 5px;
}

em {
  color: red;
  font-style: normal;
}

.nav li.active > a em {
  color: #fff;
}

.box {
  border: 1px solid #999;
}

.ad-spacer {
  height: 5px;
}

/* visible-desktop を変更する */
@media (min-width: 768px) and (max-width: 1150px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

/* -------------------------------------------------------------------------------- */
/* PSS テーブル関連 */
/* -------------------------------------------------------------------------------- */
.table .summary {
  color: #4444FF;
  font-weight: bold;
  text-align: center;
}
.table .size {
  text-align: right;
}


/* h2 => h4, h3 => h5 相当に変更する */

h2,
h3 {
  line-height: 20px;
}

h2 {
  font-size: 17.5px;
}

h3 {
  font-size: 14px;
}


/*
 * ランキング用のスタイルシート
 */
.ranking td, .ranking th {
	margin: 5px;
	padding: 6px 4px 6px 4px;
	font-size: 80%;
	text-align: center;
	white-space: nowrap;
}
.ranking td.r {
	text-align: right;
}
.ranking td.rw {
	text-align: right;
	white-space: nowrap;
}
.ranking td.l {
	text-align: left;
}
.ranking td.lw {
	text-align: left;
	white-space: normal;
}
.ranking td.w {	/* 自動改行付き */
	white-space: normal;
}
.ranking tr {
	background-color: #f0f0ff;
}
.ranking tr.up {
	background-color: #ffffff;
	color:#f00000;
	background-image: url("/img/bg_rank_sky.png");
	background-repeat: repeat-y;
	background-position: left;
}
.ranking tr.recent {
	background-color: #e4e4ff;
	color:#006600;
}

.ranking tr.recent td {
	background-color: #ffffff;
	background-image: url("/img/bg_rank_green.png");
	background-repeat: repeat-y;
	background-position: left;
}

/* リサイズによるサイドバーの動的変更時にサイドバー自身が残って中央のleft-marginが残るのを消すためのクラス */
.no-margin-left {
  margin-left: 0 !important;
}