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

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

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

////////////////////////////////////////*/
body #header {
  margin-bottom: -2px; }

#container {
  min-width: 1136px;
  background: url(/jp/img/sleipnir3/bg_top.png?20130322) repeat-x scroll center 56px;
  background-color: #FAFAFA;
  padding-top: 102px; }

#container.mac {
  background: url(/jp/img/sleipnir3/bg_top.png?20130322) repeat-x scroll center 226px #FAFAFA;
  min-width: 1136px; }

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

#header {
  margin-bottom: 18px; }

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

#content .mac_banner {
  margin-top: -6px;
  background: url(/jp/img/sleipnir3/mac_banner_bg.png) repeat-x 0 0;
  height: 201px;
  cursor: pointer; }

#content .mac_banner p {
  position: absolute;
  left: 50%;
  margin-left: -800px; }

#content .mac_banner p a {
  background: url(/jp/img/sleipnir3/mac_banner.png) no-repeat 0 0;
  display: block;
  width: 1600px;
  height: 200px;
  text-indent: -9999px;
  overflow: hidden; }

#content .mac_banner p a:hover {
  background: url(/jp/img/sleipnir3/mac_banner.png) no-repeat 0 -200px; }

/*////////////////////////////////
 pMenu
////////////////////////////////*/
#pMenu {
  width: 974px;
  margin: 0 auto 0 auto;
  height: 20px;
  position: relative;
  z-index: 3; }

.mac #pMenu {
  height: 20px;
  margin: -187px 0 200px 0;
  position: absolute;
  width: 425px;
  z-index: 3;
  left: 50%;
  margin-left: 62px; }

#pMenu ul {
  float: right;
  background: url(/jp/img/sleipnir3/family_navi_bar.png?20130322) no-repeat right; }

.mac #pMenu ul {
  background: url(/jp/img/sleipnir3/family_navi_bar_mac.png) no-repeat right 0; }

#pMenu li {
  float: left;
  padding-left: 12px;
  margin-right: 12px;
  display: block;
  background: url(/jp/img/sleipnir3/family_navi_bar.png?20130322) no-repeat 0 0;
  font-size: 85%;
  font-weight: bold; }

.mac #pMenu li {
  background: url(/jp/img/sleipnir3/family_navi_bar_mac.png) no-repeat 0 0; }

#pMenu li a {
  display: block;
  color: #CCCCCC; }

#pMenu li a:hover {
  color: #FFFFFF; }

.mac #pMenu li a {
  color: #7C7C7D; }

.mac #pMenu li a:hover {
  color: #34A4EC; }

#annotation {
  text-align: center; }

/*////////////////////////////////
 main
////////////////////////////////*/
#main {
  clear: both;
  margin: 22px auto 60px auto;
  padding: 28px 0px 0px 0px;
  width: 974px;
  height: 634px;
  background: url(/jp/img/sleipnir3/main_bg.png?20130226) no-repeat bottom; }

.mac #main {
  margin: 33px auto 60px; }

#main .l {
  float: left;
  width: 504px;
  margin-left: 2px; }

#main .l h1 {
  background: url(/jp/img/sleipnir3/logo.png?20130322) no-repeat 0 0;
  width: 502px;
  height: 80px;
  margin: 60px 0 10px 0;
  display: block;
  overflow: hidden;
  text-indent: -9999px; }

#main .l h2 {
  width: 502px;
  height: 66px;
  display: block;
  color: #FFFFFF;
  font-size: 216%;
  text-align: center;
  line-height: 130%;
  font-weight: bold; }

#main .l2 {
  float: left;
  width: 504px;
  margin-left: 2px;
  margin: 14px auto 0 atuo; }

#main .l2 h1 {
  background: url(/jp/img/sleipnir3/logo.png?20130322) no-repeat 0 0;
  width: 502px;
  height: 80px;
  margin: 60px 0 10px 0;
  display: block;
  overflow: hidden;
  text-indent: -9999px; }

#main .l2 h2 {
  width: 502px;
  height: 66px;
  display: block;
  color: #FFFFFF;
  font-size: 216%;
  text-align: center;
  line-height: 130%;
  font-weight: bold; }

#main .app_link {
  margin-top: 30px;
  clear: both;
  width: 502px; }

#main .download {
  width: 273px;
  height: 73px;
  float: left;
  margin-right: 16px; }

#main .download a {
  background: url(/jp/img/sleipnir3/app_store_link_top.png?20130322) no-repeat 0 0;
  width: 273px;
  height: 73px;
  overflow: hidden;
  display: block;
  text-indent: -9999px; }

#main .finalbuild {
  color: #214262;
  font-size: 11px;
  font-weight: bold;
  height: 25px;
  margin: 15px auto 27px 93px; }

#main .finalbuild img {
  float: left;
  margin-right: 10px; }

#main .finalbuild span {
  display: block;
  padding-top: 5px;
  padding-left: 20px; }

#main .note {
  background: url(/jp/img/sleipnir3/line.png?20130322) repeat-x 0 0;
  padding: 3px 0 5px 0;
  text-align: center; }

#main .price {
  float: left;
  color: #CCCCCC;
  font-size: 85%;
  margin-top: 6px;
  overflow: hidden;
  display: block; }

#main .price .release_note {
  color: #CCCCCC;
  font-weight: bold; }

#main .price .release_note a:hover {
  color: #CCCCCC;
  text-decoration: underline; }

#main .price span {
  color: #FFFFFF;
  height: 17px;
  background: url(/jp/img/sleipnir3/langcheck.png?20130322) no-repeat center left;
  padding-left: 19px;
  margin-right: 10px;
  line-height: 155%;
  display: inline-block;
  margin-top: 5px; }

#main .price a {
  color: #CCCCCC;
  text-decoration: underline;
  font-size: 93%;
  font-weight: normal; }

#main .sleipnir6 {
  width: 494px;
  height: 70px;
  margin-top: 30px; }

#main .sleipnir6 a {
  background: url(/jp/img/sleipnir3/sleipnir6.png?20130322) no-repeat 0 0;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 494px;
  height: 70px; }

#main .r {
  float: right;
  width: 424px; }

#main .movie {
  width: 417px;
  height: 419px;
  margin: 3px 0 0 5px; }

#main .movie a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 417px;
  height: 419px; }

#main #fb {
  width: 345px;
  height: 66px;
  border: none;
  padding: 0;
  margin-left: 40px;
  position: relative;
  background: url(/jp/img/sleipnir3/fb_bg.png?20130322) no-repeat;
  float: left; }

#main #fb iframe {
  top: 0px;
  left: 12px; }

#main #fb div {
  margin: 0;
  padding: 0;
  border: none;
  height: 0; }

#main #appendSBM {
  padding: 17px 0 0 76px;
  width: 380px;
  margin: 17px auto 0 auto;
  height: 22px;
  overflow: hidden; }

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

#main #tab {
  margin: 0 auto;
  padding: 20px 4px 0px 4px;
  width: 970px;
  height: 36px;
  background: url(/jp/img/sleipnir3/tab_bg.png?20130322) no-repeat;
  position: absolute;
  top: 638px;
  clear: both;
  font-weight: bold; }

.mac #main #tab {
  background: url(/jp/img/sleipnir3/tab_bg.png?20130322) no-repeat scroll 0 0;
  clear: both;
  font-weight: bold;
  height: 36px;
  margin: 0 auto;
  padding: 20px 4px 0;
  position: absolute;
  top: 818px;
  width: 970px; }

#main #tab a {
  color: #878787; }

#main #tab a:hover {
  color: #34A4EC; }

#main #tab .feature01 {
  float: left;
  margin: 0 auto;
  width: 242px;
  text-align: center; }

#main #tab .feature02 {
  float: left;
  margin: 0 auto;
  width: 242px;
  text-align: center; }

#main #tab .feature03 {
  float: left;
  margin: 0 auto;
  width: 242px;
  text-align: center; }

#main #tab .feature04 {
  float: left;
  margin: 0 auto;
  width: 242px;
  text-align: center; }

/*////////////////////////////////
 entry
////////////////////////////////*/
#entry {
  width: 970px;
  margin: 0 auto;
  color: #878787; }

#entry h2 {
  display: block;
  font-size: 200%;
  font-weight: bold;
  color: #2f2f2f; }

#entry .feature01_main {
  width: 970px;
  height: 433px;
  margin: 12px auto 60px auto;
  font-size: 116%;
  line-height: 160%;
  color: #373737;
  background: url(/jp/img/sleipnir3/feature01_main.png?20130322) no-repeat 0 bottom; }

#entry .feature {
  clear: both;
  width: 970px;
  margin: 0 auto; }

#entry .feature h3 {
  font-size: 116%;
  color: #373737;
  font-weight: bold;
  margin-bottom: 4px; }

#entry .feature_l {
  float: left;
  width: 536px;
  margin: 0 auto; }

#entry .feature_l img {
  margin-bottom: 12px; }

#entry .feature_l .txt {
  font-size: 93%;
  color: #878787;
  line-height: 140%; }

#entry .feature_r {
  float: right;
  width: 380px;
  margin: 0 auto;
  font-size: 93%; }

#entry .feature_r img {
  margin: 15px auto 10px;
  display: block; }

#entry .feature_r .txt {
  font-size: 108%;
  color: #373737;
  margin-bottom: 36px;
  line-height: 160%; }

#entry .feature_r a {
  color: #34A4EC;
  text-decoration: underline; }

#entry .feature_r .chromestore a {
  padding-right: 10px;
  font-weight: bold;
  background: url(/jp/img/sleipnir3/feature03_chromestore_arrow.png) no-repeat right center; }

#entry .feature_r #linker {
  width: 286px;
  height: 110px;
  background: url(/jp/img/sleipnir3/feature01_linker_bg.png?20130322) no-repeat 0 0;
  margin: 20px auto 40px;
  padding-left: 94px; }

#entry .feature_r #linker .l_txt {
  padding-top: 10px;
  color: #373737;
  font-weight: bold;
  line-height: 160%; }

#entry .feature_r #linker .l_dl {
  clear: both;
  height: 40px;
  width: 286px;
  margin-top: 8px; }

#entry .feature_r #linker .l_dl img {
  float: left;
  margin: 0 10px 0 0; }

#entry .feature_border {
  width: 970px;
  background: url(/jp/img/sleipnir3/border_bg.png?20130322) no-repeat 0 0;
  padding-top: 98px; }

#entry .feature02_main {
  width: 970px;
  height: 540px;
  margin: 12px auto 60px auto;
  font-size: 116%;
  line-height: 160%;
  color: #373737;
  background: url(/jp/img/sleipnir3/feature02_main.png?20130322) no-repeat 0 bottom; }

#entry .feature_r #service {
  clear: both;
  width: 338px;
  paddind-right: 42px;
  margin-top: 5px;
  text-align: right; }

#entry .feature_r #bookmark {
  clear: both;
  width: 310px;
  height: 80px;
  background: url(/jp/img/sleipnir3/feature02_bookmark.png?20130322) no-repeat 0 0;
  margin-bottom: 26px;
  padding-right: 70px; }

#entry .feature03_main {
  width: 970px;
  height: 600px;
  margin: 12px auto 60px auto;
  font-size: 116%;
  line-height: 160%;
  color: #373737;
  background: url(/jp/img/sleipnir3/feature03_main.png?20130322) no-repeat 0 bottom; }

#entry .feature_r #search {
  clear: both;
  width: 380px;
  height: 80px;
  background: url(/jp/img/sleipnir3/feature03_search.png?20130322) no-repeat 0 bottom;
  margin-bottom: 40px;
  padding-bottom: 146px; }

#entry .feature04_main {
  width: 970px;
  height: 480px;
  margin: 12px auto 60px auto;
  font-size: 116%;
  line-height: 160%;
  color: #373737;
  background: url(/jp/img/sleipnir3/feature04_main.png?20130322) no-repeat 0 bottom; }

#entry .other_feature h2 {
  font-size: 131%; }

#entry .other_feature h4,
#entry .other_feature .read {
  margin-left: 189px;
  padding-left: 20px;
  border-left: 1px solid #AFAFAF; }

#entry .other_feature h4 {
  color: #383838;
  font-size: 108%;
  font-weight: bold;
  padding-bottom: 5px; }

#entry .other_feature .read {
  width: 714px; }

#entry .other_feature .read a {
  color: #00A8F6;
  font-weight: bold; }

#entry .other_feature .img {
  margin: 20px 0 40px 189px; }

#entry .other_feature .top {
  margin-top: 35px; }

#entry .other_feature .top h3 {
  float: left;
  width: 189px;
  color: #383838;
  font-size: 108%;
  font-weight: bold; }

#entry .other_feature .top div {
  float: left;
  width: 734px; }

#entry .other_feature .top h4,
#entry .other_feature .top .read,
#entry .other_feature .left h4,
#entry .other_feature .left .read,
#entry .other_feature .top .img {
  margin-left: 0px; }

#entry .other_feature .clearfix {
  margin-bottom: 40px; }

#entry .other_feature .left {
  margin-left: 189px;
  width: 380px;
  float: left;
  margin-right: 40px; }

#entry .other_feature .left p {
  width: 380px; }

#entry .other_feature .web_service {
  width: 360px;
  float: left;
  text-align: right; }

#entry .other_feature .web_service img {
  margin-top: 20px;
  padding-bottom: 5px; }

#entry .other_feature .web_service a {
  color: #34A4EC;
  margin-right: 26px; }

#entry .other_feature .chromestore {
  font-size: 100%;
  font-weight: bold;
  margin-left: 189px;
  padding-left: 20px;
  border-left: 1px solid #AFAFAF; }

#entry .other_feature .chromestore a {
  padding-left: 20px;
  background: url(/jp/img/sleipnir3/feature03_chromestore_icon.png) no-repeat;
  color: #00A8F6; }

/*////////////////////////////////
 btm
////////////////////////////////*/
#content p.small {
  color: #aaaaaa;
  font-size: 77%;
  margin: 5px 0; }

#content .btm {
  width: 980px;
  margin: 24px auto 0;
  padding: 60px 0 60px 90px;
  background: url(/jp/img/sleipnir3/bg_btm.png?20130322) no-repeat center 0; }

#content .btm h3 {
  background: url(/jp/img/sleipnir3/sleipnir_family.png?20130322) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../img/sleipnir3/sleipnir_family.png');
  width: 106px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  margin-bottom: 6px; }

#content .btm .sleipnir_family {
  margin: 0 0 45px 0; }

.sleipnir_family ul {
  width: 892px;
  height: 131px;
  position: absolute;
  top: 22px; }

.sleipnir_family ul li {
  float: left;
  overflow: hidden; }

.sleipnir_family ul li a {
  text-indent: -9999px;
  overflow: hidden;
  display: block; }

.sleipnir_family ul li.win {
  width: 225px;
  height: 131px; }

.sleipnir_family ul li.mac {
  width: 222px;
  height: 131px; }

.sleipnir_family ul li.ip {
  width: 222px;
  height: 131px; }

.sleipnir_family ul li.ap {
  width: 223px;
  height: 131px; }

.sleipnir_family ul li.win a {
  width: 225px;
  height: 131px;
  background: url(/jp/img/sleipnir3/DL_family_li.png?20130322) no-repeat 0 0; }

.sleipnir_family ul li.mac a {
  width: 222px;
  height: 131px;
  background: url(/jp/img/sleipnir3/DL_family_li.png?20130322) no-repeat -225px 0; }

.sleipnir_family ul li.ap a {
  width: 222px;
  height: 131px;
  background: url(/jp/img/sleipnir3/DL_family_li.png?20130322) no-repeat -447px 0; }

.sleipnir_family ul li.ip a {
  width: 223px;
  height: 131px;
  background: url(/jp/img/sleipnir3/DL_family_li.png?20130322) no-repeat -669px 0; }

#content .btm p,
#content .btm div {
  float: left;
  position: relative; }

#content .btm .icon {
  margin-right: 24px; }

#content .btm .name {
  background: url(/jp/img/sleipnir3/name.png?20130322) no-repeat 0 0;
  width: 387px;
  height: 59px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 29px 20px 0 0; }

#content .btm .download {
  float: left;
  width: 256px;
  height: 64px;
  margin: 17px 13px 0 0; }

#content .btm div {
  margin-top: 44px;
  width: 980px; }

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

#content .btm .download .link {
  width: 322px;
  margin: 0 auto 5px auto; }

#content .btm .download .link a {
  background: url(/jp/img/sleipnir3/app_store_link_foot.png?20130322) no-repeat 0 0;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 322px;
  height: 78px; }

#content .btm .price {
  margin-bottom: 5px; }

#content .btm .price,
#content .btm .zip {
  color: #888888;
  font-size: 85%;
  line-height: 155%;
  font-weight: bold;
  text-align: center; }

#content .btm .download .link,
#content .btm .price,
#content .btm .zip {
  float: none; }

#content .btm .price span {
  color: #000000;
  font-size: 120%; }

#content .btm .zip a:hover {
  text-decoration: underline; }

#content .btm #black {
  padding-top: 28px;
  border-top: 1px solid #8C8C8C;
  width: 890px; }

#content .btm #black .icn {
  width: 92px;
  height: 92px;
  float: left;
  margin-right: 18px; }

#content .btm #black p {
  float: none; }

#content .btm #black div {
  width: 330px;
  float: left;
  margin-right: 24px;
  margin-top: 13px; }

#content .btm #black div .downloads {
  width: auto;
  float: none;
  margin-right: 0px; }

#content .btm #black div .downloads p {
  float: left;
  margin-right: 13px; }

#content .btm #black div .downloads span {
  margin: 4px 0 0 0;
  display: block;
  float: left;
  font-size: 85%;
  font-weight: bold;
  line-height: 155%;
  color: #888888; }

#content .btm #black h3 {
  background: none;
  font-size: 123.1%;
  font-weight: bold;
  text-indent: 0px;
  width: auto;
  color: #484848;
  height: auto;
  margin-bottom: 10px; }

#content .btm #black h3 span {
  font-weight: normal;
  font-size: 77%; }

#content .btm #black .tbl {
  width: 422px;
  height: 294px;
  float: left;
  margin-right: 0px; }

#content .btm #black .caution {
  color: #487CD4;
  font-weight: bold;
  margin: 10px 0 10px 0;
  font-size: 93%; }

/*////////////////////////////
demand
////////////////////////////*/
#demand_barn {
  width: 233px;
  height: 51px;
  overflow: hidden;
  display: block;
  text-indent: -9999px;
  background: url(/jp/img/common/demand/demand.png?20130322) no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../../../img/android/apps/sleipnir-mobile/demand/demand.png');
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 999;
  cursor: pointer; }

#demand {
  background: url(/jp/img/common/demand/demand_bg_wh.png?20130322) no-repeat;
  width: 904px;
  height: 415px;
  margin: 0 auto 10px;
  padding: 36px 36px 0;
  position: relative; }

#demand .how {
  font-size: 116%;
  margin: 0 0 22px 7px;
  color: #888888;
  font-weight: bold; }

#demand .read {
  font-size: 14px;
  color: #5d5d5d;
  margin-bottom: 13px;
  line-height: 1.4em; }

#demand #txtarea {
  width: 850px;
  height: 168px;
  padding: 4px 27px 0;
  margin-bottom: 5px;
  background: url(/jp/img/common/demand/demand_txtarea.png?20130322) no-repeat; }

#demand #txtarea textarea {
  border: none;
  background: none;
  width: 850px;
  height: 131px;
  font-size: 14px;
  color: #5d5d5d;
  line-height: 33px;
  resize: none;
  outline: none; }

#demand #message {
  width: 850px;
  line-height: 25px;
  font-size: 12px;
  height: 25px;
  color: #999; }

#demand #demand_submit {
  width: 192px;
  height: 37px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  margin: 0 auto 26px;
  cursor: pointer;
  background: url(/jp/img/common/demand/demand_submit.png?20130322) no-repeat; }

#demand #demand_submit:hover {
  background: url(/jp/img/common/demand/demand_submit.png?20130322) no-repeat 0 -37px; }

#demand .alert {
  font-size: 12px;
  color: #5d5d5d;
  line-height: 1.3em;
  position: relative; }

#demand .alert a {
  color: #0492e5;
  font-weight: bold;
  text-decoration: none; }

#demand .alert a:hover {
  text-decoration: underline; }

#demand .alert .left {
  position: absolute;
  display: block; }

#demand .alert .right {
  margin-left: 15px;
  display: block;
  width: 889px; }

#demand #demand_gotop {
  width: 108px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  margin: 0;
  background: url(/jp/img/common/demand/demand_gotop.png?20130322) no-repeat;
  position: absolute;
  right: 18px;
  bottom: 30px; }

#likebox {
  width: 974px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 17px; }

#likebox .top {
  background: url(/jp/img/sleipnir3/like_box_top.png?20130322) no-repeat;
  width: 974px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 33px; }

#likebox iframe {
  background-color: #FFFFFF;
  margin-left: 1px;
  margin-top: 32px; }

#downloads div p {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sleipnir3/downloads_disp.png'); }