* {
  font-family: "メイリオ", "Meiryo", sans-serif;
}

body {
  height: 600px;
  overflow: hidden;
  color: #333333;
}

header {
  background-color: #1A419D;
  width: 100%;
}

nav {
  width: 1200px;
  margin: auto;
  font-size: 16px;
  padding: 8px;
}

nav a, nav a:active, nav a:focus, nav a:visited {
  color: white;
}
nav a:hover {
	color: white;
}
#content {
  margin: auto;
  width: 1200px;
  height: 580px;
  margin-top: 10px;
  overflow: hidden;
}
/* チャート表示 */
#select-reserve {
  margin-left: 135px;
}
/* チャート表示 */
#select-reserve-s {
  margin-left: 30px;
}
/* ページ移動▼ */
#select-page-s {
  margin-left: 480px;
}
/* 全ファンド検索 */
#select-fund {
  margin-left: 20px;
}
/* 注意事項 */
#disclaimer {
  margin-left: 30px
}
/* ページ移動モーダル位置 */
#dialog-pagemove-content {
  width:200px;
  height:110px;
  margin-left: 367px;
}


/* 比較画面のカテゴリモーダル */
#category-content-s {
  width:500px;
  height:1260px;
  margin-left: -200px;
}
/* 比較画面のチャートを表示モーダル */
#select-reserve-content-s {
  width:200px;
  height:110px;
  margin-left: 20px;
}
/* 比較画面のページ移動モーダル */
#dialog-pagemove-content-s {
  width:200px;
  height:110px;
  margin-left: 620px;
}

#left-arrow {
/* 廃止 */ display:none;
  width: 31px;
  text-align: left;
  float: left;
  line-height: 550px;
}

#container {
  float: left;
  width: 1197px;
  height: 580px;
  overflow-x: scroll;
}

.column {
  float: left;
  width: 399px;
  height: 550px;
}
.column-content {
  overflow-y: scroll;
  height: 508px;
}

.heading {
  height: 55px;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0 0 10px;
  margin-right: 15px;
  width: 400px;
}

.heading.fund-st {
  background: #dddddd;
}

.heading.fund-foy {
  background: #dddddd;
}

.heading.national {
  background: #dddddd;
}

.heading.international {
  background: #dddddd;
}

.heading.national-stock {
  background: #dddddd;
}

.heading.international-stock {
  background: #dddddd;
}

.heading.reit {
  background: #dddddd;
}

.heading.balance {
  background: #dddddd none repeat scroll 0 0;
}

.heading.derivative {
  background: #dddddd;
}

.heading.exchange {
  background: #ddd;
}

.heading.index1 {
  background: #ddd;
}

.heading.index2 {
  background: #ddd;
}

.heading.index3 {
  background: #ddd;
}

.heading span {
  padding-left: 8px;
  font-size:12px;
}

.panel {
  border-bottom: 1px solid #bdbdbd;
  height: 101px;
  margin: 4px;
  padding: 4px;
  border-radius: 0px !important;
}

.panel-blank {
  border-width: 2px;
  border-style: dashed;
  border-color: #EEE;
  height: 101px;
  margin: 4px;
  padding: 4px;
  border-radius: 5px;
}

.panel-container {
  font-size: 16px;
  line-height: 1.4em;
  position: relative;
}

.fund-name {
  padding-top: 6px;
  display: table-cell;
  vertical-align: middle;
  width:300px;
  height: 52px;
  color: black;
  font-size: 14px;
  vertical-align: top;
  border-left-width: 5px;
  border-left-style: solid;
  padding-left: 5px;
}

.national .fund-name {
  border-color: #8160aa;
}

.international .fund-name {
  border-color: #eb5bab;
}

.national-stock .fund-name {
  border-color: #41ad72;
}

.international-stock .fund-name {
  border-color: #e78e1c;
}

.reit .fund-name {
  border-color: #668cd1;
}

.balance .fund-name {
  border-color: #caca23;
}

.derivative .fund-name {
  border-color: #716D61;
}

.exchange .fund-name {
  border-color: #a6a6a6;
}

.fund-value {
  margin-top: 8px;
  padding-top: 8px;
  font-size: 14px;
  text-align: right;
  color: #555555;
}

.fund-major {
  line-height: 36px;
  text-align: center;
  background-color: goldenrod;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  color: white;
  position: absolute;
  left: 0;
  font-size: 24px;
}

#right-arrow {
/* 廃止 */ display:none;
  width: 31px;
  text-align: right;
  float: right;
  line-height: 550px;
}

.list-group-item {
  font-size: 24px;
}
.list-group-setei{
  /*position: relative;*/
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-setei:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-setei:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fund-selection {
   position: absolute;
   left:0;
/*   bottom: 4px; */
   background-color: white;
/*   width: 36px; */
  bottom: -80px;
/*   border-radius: 18px; */
   height: 36px;
   line-height: 30px;
   text-align: center;
/*   border: 4px solid goldenrod; */
}

.fund-selection img {
/*  width: 22px;*/
  width: 80px;
}
/*#square-button {
  width: 30px;
  height: 55px;
  background: #232323;
}*/

#square-button.blue {
  background: #21759b;
}
/* ページ移動モーダル位置 */
#dialog-displaySet-content {
  width:210px;
  height:0px;
  margin-left: 612px;
}