@charset "UTF-8";
/*//////////////////
  共通変数
//////////////////*/
/*//////////////////////////////
 ALL
//////////////////////////////*/
body {
  background-color: #eeeeee;
  width: 100%;
  color: #bbbbbb; }

#content p {
  color: #fff; }

#content {
  background: url(/jp/img/common/sleipnir/main_mid.png) repeat-y;
  width: 770px;
  margin: 0 auto;
  padding-top: 20px; }

#content .btm {
  background: url(/jp/img/common/sleipnir/main_btm.png) no-repeat 0 bottom;
  width: 770px;
  margin: 0 auto;
  padding-bottom: 8px; }

p.small, span.small {
  font-size: 85%;
  color: #bbbbbb;
  margin-bottom: 20px;
  line-height: 1.4; }

#content a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline; }

#head_contents {
  margin: 0 40px 20px;
  line-height: 140%; }

#head_contents p {
  color: #FFF;
  font-size: 93%; }

#head_contents p.small {
  color: #bbb;
  margin-top: 10px; }

#head_contents h1 {
  color: #ffffff;
  font-size: 116%;
  margin: 0 0 10px 0; }

#contents #entry {
  width: 480px;
  float: left;
  margin-left: 40px;
  display: inline; }

#contents h2 {
  color: #ffffff;
  font-size: 108%; }

#contents h1.border,
#contents h2.border,
#contents h3.border {
  color: #ffffff;
  padding-bottom: 4px;
  border-bottom: 1px solid #555555; }

/*///////////////////////////////////////
	title
///////////////////////////////////////*/
#title {
  width: 770px;
  height: 210px;
  position: relative;
  margin: 102px auto 0; }

#title img {
  vertical-align: bottom; }

#top #title {
  position: relative;
  background: url(/jp/img/common/sleipnir/title_top.png) no-repeat; }

#top #sleipnir_dl_bt {
  width: 318px;
  height: 48px;
  margin: 0 0 0 226px;
  padding-top: 109px;
  cursor: default; }

#top .sleipnir_dl_text2 {
  margin: 8px 0 0 226px;
  cursor: default; }

#top .sleipnir_dl_text2 p.info_txt01 {
  background: url(/jp/img/common/sleipnir/information01.png) no-repeat 0 0px;
  text-indent: -9999px;
  width: 93px;
  height: 21px;
  float: left;
  overflow: hidden; }

#top .sleipnir_dl_text2 p.info_txt02 {
  background: url(/jp/img/common/sleipnir/information02.png) no-repeat 0 0px;
  text-indent: -9999px;
  height: 21px;
  width: 244px;
  float: left;
  overflow: hidden; }

.ss_link {
  position: absolute;
  top: 128px;
  left: 722px;
  height: 63px;
  width: 63px;
  display: block; }

.gp_link {
  position: absolute;
  top: 46px;
  left: 708px;
  height: 93px;
  width: 96px;
  background: url(/jp/img/common/sleipnir/gp_link.png) no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='/img/common/sleipnir/gp_link.png');
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  z-index: 2;
  cursor: pointer; }

/*///////////////////////////////////////
	sleipnir_menu
///////////////////////////////////////*/
#sleipnir_menu {
  width: 760px;
  margin: 0 auto;
  padding: 0 5px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/jp/img/common/sleipnir/main_mid.png) repeat-y; }

#sleipnir_menu ul {
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b;
  margin: 0 auto;
  height: 26px;
  padding-left: 56px; }

#sleipnir_menu ul li {
  float: left; }

#sleipnir_menu ul li a {
  height: 26px;
  display: block;
  margin-right: 68px; }

#sleipnir_menu ul li#m_top a:hover,
#sleipnir_menu ul li#m_top a.select {
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -50px -1px;
  width: 51px; }

#sleipnir_menu ul li#m_download a:hover,
#sleipnir_menu ul li#m_download a.select {
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -164px -1px;
  width: 63px; }

#sleipnir_menu ul li#m_plugin a:hover,
#sleipnir_menu ul li#m_plugin a.select {
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -289px -1px;
  width: 52px; }

#sleipnir_menu ul li#m_skin a:hover,
#sleipnir_menu ul li#m_skin a.select {
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -419px -1px;
  width: 31px; }

#sleipnir_menu ul li#m_support a:hover,
#sleipnir_menu ul li#m_support a.select {
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -533px -1px;
  width: 51px; }

#sleipnir_menu ul li#m_community a:hover,
#sleipnir_menu ul li#m_community a.select {
  margin: 0;
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -644px -1px;
  width: 59px; }

#sleipnir_menu ul li#m_top a {
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -50px -28px;
  width: 51px; }

#sleipnir_menu ul li#m_download a {
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -164px -28px;
  width: 63px; }

#sleipnir_menu ul li#m_plugin a {
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -289px -28px;
  width: 52px; }

#sleipnir_menu ul li#m_skin a {
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -419px -28px;
  width: 31px; }

#sleipnir_menu ul li#m_support a {
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -533px -28px;
  width: 51px; }

#sleipnir_menu ul li#m_community a {
  margin: 0;
  background: url(/jp/img/common/sleipnir/menu_sleipnir.png) no-repeat -644px -28px;
  width: 59px; }

/*///////////////////////
 entry
///////////////////////*/
#entry {
  width: 480px;
  float: left;
  margin: 0;
  padding: 0 0 0 40px; }

.banner {
  width: 690px;
  height: 114px;
  margin: 0 auto; }

/*///////////////////////
 menu
///////////////////////*/
#menu {
  float: right;
  margin-right: 40px;
  display: inline;
  width: 190px;
  word-wrap: break-word; }

#menu p {
  color: #bbbbbb;
  font-size: 93%;
  line-height: 150%; }

#menu h3 {
  background: url(/jp/img/common/sleipnir/menu_top.png) no-repeat;
  overflow: hidden;
  color: #FFFFFF;
  padding: 4px 0 0 13px;
  height: 24px;
  overflow: hidden;
  margin: 0;
  font-size: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.6; }

#menu .menu_mid {
  background: url(/jp/img/common/sleipnir/menu_mid.png) repeat-y;
  padding: 10px;
  overflow: hidden; }

#menu .menu_mid li {
  background-image: url(/jp/img/common/sleipnir/dot.png);
  background-position: 0 6px;
  background-repeat: no-repeat;
  display: block;
  line-height: 120%;
  padding-left: 8px;
  margin-bottom: 5px; }

#menu .right {
  float: right;
  margin: 0 0 10px 10px; }

#menu .menu_btm {
  background: url(/jp/img/common/sleipnir/menu_btm.png) no-repeat;
  height: 22px; }

#menu strong {
  color: #ffffff;
  margin-right: 5px; }

#menu a img {
  margin-bottom: 15px; }

#menu p a img {
  margin-bottom: 0px; }

/*動作環境*/
#menu .menu_mid .action {
  margin-bottom: 8px;
  line-height: 135%; }

#menu .menu_mid .action_bt {
  margin-bottom: 0px;
  line-height: 135%; }

#menu .menu_mid .action strong {
  margin-bottom: 1px; }

#menu .frm_mid {
  background: url(/jp/img/common/sleipnir/menu_mid.png) repeat-y;
  width: 170px;
  padding: 10px;
  overflow: hidden; }

#menu .frm_btm {
  background: url(/jp/img/common/sleipnir/menu_btm.png) no-repeat 0 bottom;
  width: 190px;
  padding-bottom: 8px;
  margin-bottom: 15px; }

#menu .frm_mid p.link {
  margin: 0;
  font-size: 100%; }