@charset "UTF-8";
/*//////////////////
  共通変数
//////////////////*/
#dirList {
  display: none; }

#container {
  width: 100%;
  background: url(/jp/img/mac/sleipnir/bg_top_linker.png) repeat-x center 55px;
  background-color: #EEEEEE; }

#content {
  margin: 0 auto 20px;
  position: relative;
  width: 100%;
  padding-top: 102px; }

#header {
  margin-bottom: 110px; }

#content p {
  font-size: 100%;
  line-height: 155%;
  color: #383838; }

/*////////////////////////////////
 pMenu
////////////////////////////////*/
#pMenu {
  width: 980px;
  margin: 14px auto 14px;
  height: 79px; }

#pMenu ul {
  float: right;
  margin-right: 12px; }

#pMenu li {
  float: left;
  width: 58px;
  height: 79px;
  margin: 0 0 0 9px;
  display: block; }

#pMenu li a {
  width: 58px;
  height: 79px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer; }

#pMenu li.active {
  background: url(/jp/img/pMenu/active_sl_01.png) no-repeat;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../../../img/pMenu/active_sl_01.png'); }

#pMenu li.windows a {
  background: url(/jp/img/pMenu/pMenu_sl_01.png) no-repeat 0 0;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../../../img/pMenu/windows.png'); }

#pMenu li.mac a {
  background: url(/jp/img/pMenu/pMenu_sl_01.png) no-repeat -67px 0;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../../../img/pMenu/mac.png'); }

#pMenu li.android a {
  background: url(/jp/img/pMenu/pMenu_sl_01.png) no-repeat -134px 0;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../../../img/pMenu/android.png'); }

#pMenu li.iphone a {
  background: url(/jp/img/pMenu/pMenu_sl_01.png) no-repeat -201px 0;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../../../img/pMenu/iphone.png'); }

#pMenu li.windowsphone a {
  background: url(/jp/img/pMenu/pMenu_sl_01.png) no-repeat -268px 0;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../../../img/pMenu/sc.png'); }

#content #entry {
  width: 955px;
  padding-top: 375px;
  margin: 0 auto;
  background: url(../../img/sleipnir-linker/entry_top.png) no-repeat 0 top; }

#content #entry .section_01 {
  background: url(../../img/sleipnir-linker/bg_section_01.png) no-repeat 0 0;
  min-height: 447px; }

#content #entry .section_01 h1 {
  width: 829px;
  margin: 0 0 34px 27px; }

#content #entry .section_01 .read {
  margin-bottom: 47px; }

#content #entry .section_01 .left {
  width: 425px;
  float: left;
  min-height: 268px; }

#content #entry .section_01 .right {
  width: 470px;
  float: right;
  margin-top: 35px; }

#content #entry .section_01 .right div {
  width: 438px; }

#content #entry .section_01 .right div p {
  margin: 30px 0 30px 0; }

#content #entry .section_01 .right .app_store {
  width: 208px;
  float: left;
  margin-right: 30px; }

#content #entry .section_01 .right .google_play {
  width: 200px;
  float: left; }

#content #entry .section_01 .right .info {
  text-align: right;
  margin: 14px 35px 0 0; }

#content #entry .section_01 .right .info span {
  color: #34A4EC;
  height: 17px;
  background: url(../../img/sleipnir-linker/langcheck.png) no-repeat center left;
  padding-left: 19px;
  margin-right: 10px;
  line-height: 155%;
  display: inline-block;
  margin-top: 5px; }

#content #entry .section_01 .right .info a {
  color: #888888;
  text-decoration: underline;
  font-size: 93%; }

#content #entry .section_01 h2 {
  background: url(../../img/sleipnir-linker/h2_icon.png) no-repeat left top;
  padding: 14px 0 0 90px;
  height: 76px; }

#content #entry .section_01 #appendSBM {
  background: url(../../img/sleipnir-linker/border.png) no-repeat 0 0;
  padding: 17px 0 0 80px;
  width: 373px;
  margin: 0 auto;
  height: 22px;
  overflow: hidden; }

#content #entry .section_01 #appendSBM iframe,
#content #entry .section_01 #appendSBM a,
#content #entry .section_01 #appendSBM .fb_iframe_widget {
  float: left;
  margin-right: 10px; }

#content #entry .section_02 {
  background: url(../../img/sleipnir-linker/bg_section_02.png) no-repeat 0 0;
  min-height: 316px;
  padding-top: 31px; }

#content #entry .section_02 h3 {
  color: #3A98D1;
  font-size: 123.1%;
  margin: 0 0 26px 566px;
  font-weight: bold; }

#content #entry .section_02 div {
  margin: 0 0 0 566px; }

#content #entry .section_02 div p {
  padding: 0 0 0 77px;
  margin-bottom: 25px;
  width: 247px;
  min-height: 55px; }

#content #entry .section_02 div .read_01 {
  background: url(../../img/sleipnir-linker/read_01.png) no-repeat left top; }

#content #entry .section_02 div .read_02 {
  background: url(../../img/sleipnir-linker/read_02.png) no-repeat left top; }

#content #entry .section_02 div .read_03 {
  background: url(../../img/sleipnir-linker/read_03.png) no-repeat left top;
  margin-right: 0px;
  margin-bottom: 0px; }

#content .btm {
  background: url(../../img/sleipnir-linker/bg_btm.png) no-repeat 0 0;
  min-height: 214px;
  margin: 0 auto;
  width: 955px;
  padding-top: 34px; }

#content .btm .left {
  float: left;
  width: 293px; }

#content .btm .right {
  float: right;
  width: 584px; }

#content .btm .left {
  margin-left: 34px; }

#content .btm .left h3 {
  color: #3A98D1;
  font-size: 123.1%;
  margin: 0 0 26px 0;
  font-weight: bold; }

#content .btm .left p {
  padding: 0 0 0 77px;
  margin-left: 15px;
  width: 186px;
  min-height: 41px; }

#content .btm .left .read_01 {
  background: url(../../img/sleipnir-linker/btm_read_01.png) no-repeat left top;
  margin-bottom: 34px; }

#content .btm .left .read_02 {
  background: url(../../img/sleipnir-linker/btm_read_02.png) no-repeat left top; }

#content .btm .right .windows {
  width: 267px;
  float: left;
  margin-right: 23px; }

#content .btm .right .windows .icon {
  width: 110px;
  margin: 0 auto 17px auto; }

#content .btm .right .mac {
  width: 262px;
  float: left; }

#content .btm .right .mac .icon {
  width: 110px;
  margin: 0 auto 17px auto; }