@charset "utf-8";

/*==============================================================================
  Title       : top.css
  Author      : design-symphony
  Description : 
==============================================================================*/

div#top_img_wrapper {
  background-color:#5f90df;
  height:433px;
}

div#top_img {
  width:1500px;
  left: 50%;
  margin-left: -670px;
  overflow: hidden;
  position: absolute;
}

div#wrapper div#centerblocks {
  width:960px !important;
}

div#rightblocks {
  display:none;
}

div#top-link {
  width:953px;
  background-color:#e9e9e9;
  padding:5px 0 5px 7px;
  margin:-16px 0 46px 0;
}

div#top-link a {
  display:block;
  width:230px;
  height:230px;
  margin:0 8px 0 0;
  float:left;
}

div#main-content div.box01 {
  margin-bottom:46px;
}

div#main-content div.box01 h2 {
  display:block;
  width:255px;
  height:34px;
  margin:0 auto;
  background-color:#e9e9e9;
  padding:8px 0 0 170px;
}

div#main-content div.box02 h2 span a,div#main-content div.box03 h2 span a {
  float:right;
  text-decoration:none;
  margin:0 5px 0 0;
  background-color:#2b276e;
  padding:9px 10px 8px 10px;
  display:inline-block;
  color:#fff;
  font-size:0.6em;
}

div#main-content div#left {
  width:700px;
  float:left;
}

div#main-content div.box01 div.inner-box {
  width:960px;
  height:198px;
  background-color:#e9e9e9;
  padding:11px 0 0 11px;
  box-sizing: border-box;
  line-height:0;
}

div#main-content div.box01 div.inner-box a {
  display:inline-block;
  height:176px;
  margin:0;
  padding:0;
}

div#main-content div.box01 div.inner-box a.in10 {
  width:498px;
}

div#main-content div.box01 div.inner-box a.in20 {
  width:213px;
}

div#main-content div.box01 div.inner-box a.in30 {
  width:227px;
}

div#main-content div.box02 h2 {
  display:block;
  width:265px;
  height:34px;
  margin:0 auto;
  background-color:#e9e9e9;
  padding:8px 0 0 150px;
}

div#main-content div.box02 div.box02-inner {
  box-sizing: border-box;
  width:700px;
  border:solid 9px #e9e9e9;
  background-color:#fff;
  padding:6px 8px;
  height:320px;
  margin-bottom:46px;
  overflow:auto;
}

div#main-content div.box02 div.box02-inner div.databox-column {
  height:74px;
  border-bottom:dotted 1px #aaa;
  padding-top:7px;
}

div#main-content div.box02 div.box02-inner div.dbleft {
  float:left;
  margin:0 10px 7px 0;
  width:84px;
}

div#main-content div.box02 div.box02-inner div.dbright {
  float:left;
  width:540px;
}

div#main-content div.box02 div.box02-inner div.dbleft img {
  width:84px;
}

div#main-content div.box02 div.box02-inner div.dbright a.ar {
  margin-left:20px;
}

div#main-content div.box03 h2 {
  display:block;
  width:250px;
  height:34px;
  margin:0 auto;
  background-color:#e9e9e9;
  padding:8px 0 0 175px;
}

div#main-content div.box03 div.box03-inner {
  box-sizing: border-box;
  width:700px;
  border:solid 9px #e9e9e9;
  background-color:#fff;
  padding:6px 8px;
  height:194px;
  margin-bottom:46px;
  overflow:auto;
}

div#main-content div.box03 div.box03-inner ul {
  margin:0;
  padding:0;
  list-style:none;
}

div#main-content div.box03 div.box03-inner ul li {
  border-bottom:dotted 1px #aaa;
  margin:0;
}

div#main-content div.box03 div.box03-inner p.released {
  background: url("../../../images/library/Image/databox/released-whatsnew.gif") no-repeat;
  padding: 0 0 5px 65px;
  margin:0;
}

div#main-content div.box03 div.box03-inner li a {
  padding-bottom:10px;
  display:block;
}

div#main-content div#right {
  box-sizing: border-box;
  width:222px;
  float:right;
  min-height:604px;
  margin-top:42px;
  background-color:#e9e9e9;
  padding:8px 5px 8px 5px;
}

div.forunder {
  display:none;
}