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

header h1 {
  padding: 0; }

/*///////////////////////////////////////
 font-size
/////////////////////////////////////////

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

////////////////////////////////////////*/
/*///////////////////////////////////////

全体

////////////////////////////////////////*/
body {
  background: #eee repeat-x; }

#container {
  color: #666; }

#header {
  margin-bottom: 20px;
  background: url(/jp/img/common/header_bg.png) repeat-x; }

#content a {
  color: #0088CC;
  font-weight: bold;
  text-decoration: none; }

p, li {
  line-height: 1.6em; }

/*////////////////////////////////
 content
////////////////////////////////*/
header .main_menu {
  margin-bottom: 32px; }

#content {
  width: 980px;
  margin: 104px auto 40px;
  position: relative; }

h1 {
  padding: 0 45px;
  margin: 0 0 15px 0;
  font-size: 30px; }

/*////////////////////////////////
 entry
////////////////////////////////*/
#entry {
  width: 980px;
  margin: 0 auto 20px;
  background: url(/jp/img/support/main_mid.png) repeat-y; }

/*////////////////////////////////
 main
////////////////////////////////*/
#main_top {
  height: 20px;
  background: url(/jp/img/support/main_top.png) no-repeat 0 top; }

#main {
  padding-bottom: 20px;
  background: url(/jp/img/support/main_btm.png) no-repeat 0 bottom; }

#main .gotop {
  width: 207px;
  height: 21px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(/jp/img/support/gotop.png) no-repeat; }

#main #community h2 {
  width: 306px;
  height: 28px;
  margin-bottom: 36px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/jp/img/support/h2_community.png) no-repeat; }

#main p {
  color: #666;
  font-size: 108%; }

#main a,
#devblog a {
  background: url(/jp/img/common/footer_arrow02.gif) no-repeat left center;
  color: #0492E5;
  font-weight: bold;
  padding-left: 10px; }

#main .read {
  padding: 0 45px;
  margin-bottom: 43px; }

#main .section {
  width: 970px;
  margin: 0 auto;
  margin-bottom: 43px; }

#main #community #sleipnirfamily {
  width: 894px;
  height: 162px;
  margin: 0 auto 40px;
  background: url(/jp/img/support/sf_bg.png) no-repeat;
  position: relative; }

#main #community #sleipnirfamily p {
  position: absolute;
  width: 360px;
  height: 112px;
  top: 24px;
  right: 23px; }

#main #community #sleipnirfamily p a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 360px;
  height: 112px;
  background: url(/jp/img/support/sf_link.png) no-repeat;
  padding-left: 0; }

#main #community .center {
  width: 894px;
  overflow: hidden;
  margin: 0 auto; }

#main #community .center .clearfix {
  width: 906px;
  margin-right: -12px; }

#main #community .center div {
  width: 139px;
  height: 162px;
  float: left;
  margin-right: 12px; }

#main #community .center #fenrirfs {
  background: url(/jp/img/support/fs_bg.png) no-repeat; }

#main #community .center #pictbear {
  background: url(/jp/img/support/pb_bg.png) no-repeat; }

#main #community .center #snapcrab {
  background: url(/jp/img/support/sc_bg.png) no-repeat; }

#main #community .center #flickaddress {
  background: url(/jp/img/support/fa_bg.png) no-repeat; }

#main #community .center #inkiness {
  background: url(/jp/img/support/in_bg.png) no-repeat; }

#main #community .center #etc {
  background: url(/jp/img/support/etc_bg.png) no-repeat; }

#main #community .center ul {
  padding: 115px 0 0 19px; }

#main #qa h2 {
  width: 306px;
  height: 28px;
  margin-bottom: 36px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/jp/img/support/h2_qa.png) no-repeat; }

#main #qa p.icon {
  margin-left: 65px;
  padding-left: 80px;
  height: 66px;
  line-height: 66px;
  background: url(/jp/img/support/sleipnir2.png) no-repeat; }

#main #facebook h2 {
  width: 306px;
  height: 28px;
  margin-bottom: 36px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/jp/img/support/h2_facebook.png) no-repeat; }

#main #facebook .box {
  width: 349px;
  float: left;
  min-height: 78px;
  padding-left: 90px;
  margin-bottom: 30px; }

#main #facebook .clearfix {
  width: 878px;
  margin: 0 auto; }

#main .box h3 {
  font-size: 108%;
  font-weight: bold;
  margin-bottom: 10px; }

#main .box a {
  display: inline-block;
  margin-bottom: 10px; }

#main #facebook .sleipnirforwindows {
  background: url(/jp/img/support/sleipnirforwindows.png?20140604) no-repeat; }

#main #facebook .sleipnirformac {
  background: url(/jp/img/support/sleipnirformac.png) no-repeat; }

#main #facebook .sleipnirmobile {
  background: url(/jp/img/support/sleipnirmobile.png) no-repeat; }

#main #facebook .fenrir_sleipnir_english {
  background: url(/jp/img/support/fenrir_sleipnir_english.png) no-repeat; }

#main #twitter h2 {
  width: 306px;
  height: 28px;
  margin-bottom: 36px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/jp/img/support/h2_twitter.png) no-repeat; }

#main #twitter .box {
  width: 349px;
  float: left;
  min-height: 78px;
  padding-left: 90px;
  margin-bottom: 30px; }

#main #twitter .clearfix {
  width: 878px;
  margin: 0 auto; }

#main .box h3 {
  font-size: 108%;
  font-weight: bold;
  margin-bottom: 10px; }

#main .box a {
  display: inline-block;
  margin-bottom: 10px; }

#main #twitter .fenrir_official {
  background: url(/jp/img/support/fenrir_official.png) no-repeat; }

#main #twitter .fenrir_dev {
  background: url(/jp/img/support/fenrir_dev.png) no-repeat; }

#main #twitter .fenrir_iphone {
  background: url(/jp/img/support/fenrir_iphone.png) no-repeat; }

#main #twitter .sleipnirmobile {
  background: url(/jp/img/support/sleipnirmobile.png) no-repeat; }

#devblog {
  width: 900px;
  height: 106px;
  margin: 0 auto 40px;
  background: url(/jp/img/support/devblog_bg.png) no-repeat;
  padding: 110px 40px 0; }