@charset "UTF-8";
/**
 * スプライト画像
 */
#content #applications .pc .to_make a:before, #content #applications .iPhone .to_make a:before, #content #applications .android .to_make a:before, #content #contentsMenu ul li a span.to_detail:before, #content #contentsMenu ul li a:hover span.to_detail:before, #content #contentsMenu ul li a.external span.to_detail:before, #content #contentsMenu ul li a.external:hover span.to_detail:before, #content #checkoutLinks ul li a span.to_detail:before, #content #checkoutLinks ul li a:hover span.to_detail:before, #content #toTop a:after, #content #toTop a:hover:after {
  background: url("../images/pc/common_icon.png") no-repeat;
}

.spr_index-sprite, #container #header h2, #informations #news .title a, #informations #news .title a:hover, #informations #news .rss a, #informations .social_links li.twitter a, #informations .social_links li.twitter a:hover, #informations .social_links li.facebook a, #informations .social_links li.facebook a:hover, #informations .social_links li.youtube a, #informations .social_links li.youtube a:hover, #informations .social_links li.instagram a, #informations .social_links li.instagram a:hover, #informations .social_links li.staffBlog a:after, #informations .social_links li.staffBlog a:hover:after, #content #applications .pc .get_app a, #content #applications .pc .get_app a:hover, #content #applications .pc .appInfo:after, #content #applications .iPhone .get_app a, #content #applications .iPhone .get_app a:hover, #content #applications .iPhone .appInfo:after, #content #applications .android .get_app.au a, #content #applications .android .get_app.au a:hover, #content #applications .android .get_app.gp a, #content #applications .android .get_app.gp a:hover, #content #applications .android .appInfo:after, #content #contentsMenu ul li.about a:after, #content #contentsMenu ul li.price a:after, #content #contentsMenu ul li.make a:after, #content #contentsMenu ul li.download_item a:after, #content #contentsMenu ul li.photoshop a:after, #content #contentsMenu ul li.scene a:after, #content #contentsMenu ul li.pay a:after, #content #contentsMenu ul li.faq a:after, #content #contentsMenu ul li.staff_blog a:after, #content #contentsMenu ul li.recommend a:after, #content #checkoutLinks ul li.webmoney a:after, #content #checkoutLinks ul li.rakuten a:after, #content #checkoutLinks ul li.au a:after, #content #checkoutLinks ul li.docomo a:after, #content #checkoutLinks ul li.softbank a:after, #content #tolotAd p:before, #content #tolotAd p:after {
  background-image: url('../images/pc/spr_index.png');
  background-repeat: no-repeat;
}

/**
 * メニュー一覧
 */
/**
 * 決済一覧
 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
◆トップページ PC向け
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* =========================================================
■ライトボックスの不具合対応＜暫定＞
========================================================= */
body#main {
  height: auto;
}

/* =========================================================
■全体のコンテナ
========================================================= */
#main #container {
  background: url("../images/pc/bg_top.gif") repeat-x;
  /*
  		background: url(../images/pc/spr_index_01.png) 0px 0px no-repeat;
  */
}

/* =========================================================
■ヘッダー
========================================================= */
/* for SEO */
#container #header {
  position: static;
  width: 980px;
  height: auto;
  margin: 0 auto;
}
#container #header div.headerInner {
  position: absolute;
  width: 980px;
  z-index: 2;
}
#container #header h1 {
  color: #4EA01A;
  position: absolute;
  right: 185px;
  top: 36px;
  font-size: 125%;
  font-weight: bold;
  text-shadow: -0.5px -0.5px #999999;
}
#container #header h2 {
  background-position: 0 -658px;
  height: 86px;
  width: 252px;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 17px;
  left: 0px;
  right: 728px;
  z-index: 3;
}
#container #header p.appStore-button, #container #header p.auMarket-button, #container #header p.pcApp-button {
  top: 17px;
}

/* iOS向け */
body.ua_iOS #container #header h1 {
  right: 195px;
}

/* =========================================================
■メインイメージ
========================================================= */
#mainImage {
  margin: 4px auto 0;
  width: 980px;
  height: 548px;
  position: relative;
}
#mainImage .print_logo {
  display: none;
}
#mainImage ul {
  /* 前へ・次へ */
  /* ビュレット */
  /* メイン領域 */
}
#mainImage ul.nav li {
  position: absolute;
  top: 272px;
}
#mainImage ul.nav li.prev {
  left: 0;
}
#mainImage ul.nav li.prev a {
  display: block;
  width: 49px;
  height: 49px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/nav_prev_off.png") no-repeat;
}
#mainImage ul.nav li.prev a:hover {
  background-image: url("../images/pc/main_image/nav_prev_on.png");
}
#mainImage ul.nav li.next {
  right: 0;
}
#mainImage ul.nav li.next a {
  display: block;
  width: 49px;
  height: 49px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/nav_next_off.png") no-repeat;
}
#mainImage ul.nav li.next a:hover {
  background-image: url("../images/pc/main_image/nav_next_on.png");
}
#mainImage ul.bullet {
  position: absolute;
  bottom: 14px;
  left: 0;
  height: 13px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  font-size: 1px;
}
#mainImage ul.bullet li {
  display: inline-block;
  _display: inline;
  zoom: 1;
  margin: 0 3px;
}
#mainImage ul.bullet li a {
  display: block;
  width: 12px;
  height: 13px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/bullet_off.png") no-repeat;
}
#mainImage ul.bullet li.current a,
#mainImage ul.bullet li a:hover {
  background-image: url("../images/pc/main_image/bullet_on.png");
}
#mainImage ul.stage li {
  position: relative;
  width: 980px;
  height: 548px;
  overflow: hidden;
  display: none;
}
#mainImage ul.stage li li {
  display: block;
  width: auto;
  height: auto;
}
#mainImage ul.stage li.current {
  display: block;
}
#mainImage.preparing ul.stage li.current {
  display: none;
}
#mainImage ul.stage li .to_detail {
  position: absolute;
}

/* -------------------------------------
▽mama
------------------------------------- */
#mainImage ul.stage li.mama .to_schedule {
  position: absolute;
  top: 470px;
  left: 535px;
}

/* =========================================================
■メインイメージ下
========================================================= */
#mainImageBtm {
  margin: 0 auto 10px;
  text-align: center;
  width: 980px;
}
#mainImageBtm .half_price_campaign ul {
  margin: 10px 0;
  padding: 0;
}
#mainImageBtm .half_price_campaign ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
#mainImageBtm .timely {
  position: relative;
}
#mainImageBtm .timely a img {
  display: block;
  margin-top: -102px;
}
#mainImageBtm .timely a:before {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  display: block;
  margin-top: 30px;
  width: 962px;
  height: 88px;
  content: " ";
}

/* -------------------------------------
▽about
------------------------------------- */
#mainImage ul.stage li.about .to_detail {
  top: 453px;
  right: 61px;
  zoom: 1;
}
#mainImage ul.stage li.about .to_detail:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#mainImage ul.stage li.about .to_detail li {
  float: left;
  margin: 0 0 0 5px;
}

/* -------------------------------------
▽pc_app
------------------------------------- */
#mainImage ul.stage li.pc_app .to_detail {
  top: 303px;
  left: 566px;
}
#mainImage ul.stage li.pc_app .to_detail a {
  display: block;
  width: 354px;
  height: 54px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/pc_app/btn_to_detail_off.png") no-repeat;
}
#mainImage ul.stage li.pc_app .to_detail a:hover {
  background-image: url("../images/pc/main_image/pc_app/btn_to_detail_on.png");
}

/* -------------------------------------
▽half_price_campaign
------------------------------------- */
#mainImage ul.stage li.half_price_campaign .to_detail {
  top: 482px;
  left: 60px;
  display: block;
  width: 142px;
  height: 21px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/half_price_campaign/btn_to_detail_off.png") no-repeat;
}
#mainImage ul.stage li.half_price_campaign a:hover .to_detail {
  background-image: url("../images/pc/main_image/half_price_campaign/btn_to_detail_on.png");
}

/* -------------------------------------
▽android
------------------------------------- */
#mainImage ul.stage li.android .to_detail {
  top: 383px;
  left: 520px;
}
#mainImage ul.stage li.android .to_detail a {
  display: block;
  width: 290px;
  height: 117px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/android/btn_googleplay_off.png") no-repeat;
}
#mainImage ul.stage li.android .to_detail a:hover {
  background-image: url("../images/pc/main_image/android/btn_googleplay_on.png");
}

/* -------------------------------------
▽LP quality
------------------------------------- */
#mainImage ul.stage li.lpQuality .to_detail {
  top: 348px;
  left: 94px;
}
#mainImage ul.stage li.lpQuality .to_detail a {
  display: block;
  width: 232px;
  height: 50px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/lp_quality/lp_btn_off.png") no-repeat;
}
#mainImage ul.stage li.lpQuality .to_detail a:hover {
  background-image: url("../images/pc/main_image/lp_quality/lp_btn_on.png");
}

/* -------------------------------------
▽creator
------------------------------------- */
#mainImage ul.stage li.creator .to_cover {
  position: absolute;
  top: 293px;
  left: 89px;
}
#mainImage ul.stage li.creator .to_cover a {
  display: block;
  width: 328px;
  height: 77px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/creator/btn_cover_off.png") no-repeat;
}
#mainImage ul.stage li.creator .to_cover a:hover {
  background-image: url("../images/pc/main_image/creator/btn_cover_over.png");
}
#mainImage ul.stage li.creator .to_item {
  position: absolute;
  top: 370px;
  left: 89px;
}
#mainImage ul.stage li.creator .to_item a {
  display: block;
  width: 328px;
  height: 77px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/creator/btn_item_off.png") no-repeat;
}
#mainImage ul.stage li.creator .to_item a:hover {
  background-image: url("../images/pc/main_image/creator/btn_item_over.png");
}
#mainImage ul.stage li.creator .to_profile {
  position: absolute;
  top: 447px;
  left: 89px;
}
#mainImage ul.stage li.creator .to_profile a {
  display: block;
  width: 328px;
  height: 77px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/creator/btn_info_off.png") no-repeat;
}
#mainImage ul.stage li.creator .to_profile a:hover {
  background-image: url("../images/pc/main_image/creator/btn_info_over.png");
}

/* -------------------------------------
▽calendar
------------------------------------- */
#mainImage ul.stage li.calendar a .to_detail {
  position: absolute;
  top: 393px;
  left: 120px;
  display: block;
  width: 310px;
  height: 76px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/calendar/btn_off.png") no-repeat;
}
#mainImage ul.stage li.calendar a:hover .to_detail {
  background-image: url("../images/pc/main_image/calendar/btn_on.png");
}

/* -------------------------------------
▽rainy_season
------------------------------------- */
#mainImage ul.stage li.rainy_season .to_detail {
  top: 158px;
  left: 641px;
}
#mainImage ul.stage li.rainy_season .to_detail a {
  display: block;
  width: 235px;
  height: 235px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/rainy_season/btn_dlitem_off.png") no-repeat;
}
#mainImage ul.stage li.rainy_season .to_detail a:hover {
  background-image: url("../images/pc/main_image/rainy_season/btn_dlitem_on.png");
}

/* -------------------------------------
▽2013july
------------------------------------- */
#mainImage ul.stage li.july2013 .to_about {
  top: 123px;
  left: 45px;
  position: absolute;
}
#mainImage ul.stage li.july2013 .to_about a {
  display: block;
  width: 685px;
  height: 309px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/july2013/main_cover_off.png") no-repeat;
}
#mainImage ul.stage li.july2013 .to_about a:hover {
  background-image: url("../images/pc/main_image/july2013/main_cover_on.png");
}
#mainImage ul.stage li.july2013 .to_dl {
  top: 109px;
  left: 730px;
  position: absolute;
}
#mainImage ul.stage li.july2013 .to_dl a {
  display: block;
  width: 228px;
  height: 323px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/july2013/main_dl_off.png") no-repeat;
}
#mainImage ul.stage li.july2013 .to_dl a:hover {
  background-image: url("../images/pc/main_image/july2013/main_dl_on.png");
}

/* -------------------------------------
▽2013september
------------------------------------- */
#mainImage ul.stage li.september2013 .to_about {
  top: 401px;
  left: 247px;
  position: absolute;
}
#mainImage ul.stage li.september2013 .to_about a {
  display: block;
  width: 198px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/september2013/btn_cover_off.png") no-repeat;
}
#mainImage ul.stage li.september2013 .to_about a:hover {
  background-image: url("../images/pc/main_image/september2013/btn_cover_on.png");
}
#mainImage ul.stage li.september2013 .to_dl {
  top: 401px;
  left: 688px;
  position: absolute;
}
#mainImage ul.stage li.september2013 .to_dl a {
  display: block;
  width: 198px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/september2013/btn_dl_off.png") no-repeat;
}
#mainImage ul.stage li.september2013 .to_dl a:hover {
  background-image: url("../images/pc/main_image/september2013/btn_dl_on.png");
}

/* -------------------------------------
▽2013october
------------------------------------- */
#mainImage ul.stage li.october2013 .to_about {
  top: 151px;
  left: 10px;
  position: absolute;
}
#mainImage ul.stage li.october2013 .to_about a {
  display: block;
  width: 138px;
  height: 138px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/october2013/btn_cover_off.png") no-repeat;
}
#mainImage ul.stage li.october2013 .to_about a:hover {
  background-image: url("../images/pc/main_image/october2013/btn_cover_on.png");
}
#mainImage ul.stage li.october2013 .to_dl {
  top: 151px;
  left: 832px;
  position: absolute;
}
#mainImage ul.stage li.october2013 .to_dl a {
  display: block;
  width: 138px;
  height: 138px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/pc/main_image/october2013/btn_dl_off.png") no-repeat;
}
#mainImage ul.stage li.october2013 .to_dl a:hover {
  background-image: url("../images/pc/main_image/october2013/btn_dl_on.png");
}

/* =========================================================
■インフォメーション領域
========================================================= */
/* -------------------------------------
▽インフォメーション領域 枠組み
------------------------------------- */
#informations {
  padding: 5px 0;
  background: #4ea01a;
}
#informations .informationsInner {
  width: 956px;
  margin: 0 auto;
  padding: 0 2px;
  background: url("../images/pc/info_bg.gif") repeat-y;
  zoom: 1;
}
#informations .informationsInner:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

/* -------------------------------------
▽お知らせ
------------------------------------- */
#informations #news {
  float: left;
  width: 639px;
  padding: 2px 0;
  background: url("../images/pc/info_border_v.gif") repeat-y 100% 0;
  /*background: url(../images/pc/spr_index_01.png) 0px -2px no-repeat;*/
  position: relative;
  /* お知らせ（タイトル兼リンク） */
}
#informations #news .title {
  position: absolute;
  top: 16px;
  left: 18px;
}
#informations #news .title a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background-position: -52px -35px;
  height: 13px;
  width: 66px;
}
#informations #news .title a:hover {
  background-position: 0 -70px;
  height: 13px;
  width: 66px;
}

/* RSS */
#informations #news .rss {
  position: absolute;
  top: 45px;
  left: 18px;
}
#informations #news .rss a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background-position: 0 -35px;
  height: 16px;
  width: 17px;
}

/* ヘッドライン */
#informations #news ul {
  margin-left: 100px;
  width: 530px;
  /* 540 - 15 */
}
#informations #news dl {
  zoom: 1;
}
#informations #news dl:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#informations #news dt {
  float: left;
  width: 6.5em;
  color: #cdfd99;
}
#informations #news dd {
  padding-left: 6.5em;
}
#informations #news dd a {
  color: #fff;
  text-decoration: none;
}

/* -------------------------------------
▽SNSのボタン
------------------------------------- */
#informations .social_links {
  zoom: 1;
}
#informations .social_links:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#informations .social_links li {
  float: left;
  margin-top: 14px;
}
#informations .social_links li a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  margin-left: 11px;
}
#informations .social_links li.twitter a {
  background-position: -193px 0;
  height: 35px;
  width: 35px;
}
#informations .social_links li.twitter a:hover {
  background-position: -17px -35px;
  height: 35px;
  width: 35px;
}
#informations .social_links li.facebook a {
  background-position: -158px 0;
  height: 35px;
  width: 35px;
}
#informations .social_links li.facebook a:hover {
  background-position: -220px -35px;
  height: 35px;
  width: 35px;
}
#informations .social_links li.youtube a {
  background-position: -185px -35px;
  height: 35px;
  width: 35px;
}
#informations .social_links li.youtube a:hover {
  background-position: 0 -380px;
  height: 35px;
  width: 35px;
}
#informations .social_links li.instagram {
  padding-right: 11px;
  border-right: 1px solid #70b349;
}
#informations .social_links li.instagram a {
  background-position: -228px 0;
  height: 35px;
  width: 35px;
}
#informations .social_links li.instagram a:hover {
  background-position: -123px 0;
  height: 35px;
  width: 35px;
}
#informations .social_links li.staffBlog a {
  color: #fff;
  text-decoration: none;
  overflow: visible;
  text-indent: 0;
  margin-top: 8px;
  margin-right: 7px;
}
#informations .social_links li.staffBlog a:after {
  display: block;
  content: " ";
  background-position: -28px 0;
  height: 28px;
  width: 28px;
  width: 28px;
  height: 28px;
  margin-left: 73px;
  margin-top: -23px;
}
#informations .social_links li.staffBlog a:hover:after {
  display: block;
  content: " ";
  background-position: 0 0;
  height: 28px;
  width: 28px;
  width: 28px;
  height: 28px;
  margin-left: 73px;
  margin-top: -23px;
}

/* =========================================================
■本文領域
========================================================= */
/* -------------------------------------
▽本文領域 枠組み
------------------------------------- */
#content {
  padding-top: 22px;
  padding-bottom: 245px !important;
  background: #6eb92b;
}
#content .contentInner {
  width: 960px;
  margin: 0 auto;
}

/* -------------------------------------
▽アプリケーションの情報
------------------------------------- */
#content #applications {
  background: #ffffff;
  margin: 0 0 15px;
  padding: 0 2px;
  zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#content #applications:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#content #applications .pc,
#content #applications .iPhone,
#content #applications .android {
  float: left;
  position: relative;
  width: 272px;
  margin: 10px 0;
  padding: 0 23px;
  border-right: 1px solid #cccccc;
}
#content #applications .pc:last-child,
#content #applications .iPhone:last-child,
#content #applications .android:last-child {
  border: none;
}
#content #applications .pc .appType,
#content #applications .iPhone .appType,
#content #applications .android .appType {
  font-size: 217%;
  color: #6EB92B;
  text-shadow: -1px -1px 0 #288715;
}
#content #applications .pc .appInfo,
#content #applications .iPhone .appInfo,
#content #applications .android .appInfo {
  color: #777777;
  padding-bottom: 192px;
  /* criant image height 187px */
  position: relative;
  font-size: 109%;
  line-height: 1.5;
}
#content #applications .pc .appInfo:after,
#content #applications .iPhone .appInfo:after,
#content #applications .android .appInfo:after {
  height: 187px;
  width: 272px;
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
}
#content #applications .pc .get_app,
#content #applications .iPhone .get_app,
#content #applications .android .get_app {
  float: left;
}
#content #applications .pc .get_app img,
#content #applications .iPhone .get_app img,
#content #applications .android .get_app img {
  vertical-align: text-bottom;
  margin-bottom: 5px;
}
#content #applications .pc .to_make,
#content #applications .iPhone .to_make,
#content #applications .android .to_make {
  clear: both;
  padding: 0 0 10px 0;
  position: relative;
}
#content #applications .pc .to_make a,
#content #applications .iPhone .to_make a,
#content #applications .android .to_make a {
  display: block;
  width: 227px;
  background: #6eb92e;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #97cb33), color-stop(50%, #6eb92d), color-stop(51%, #71ac37), color-stop(100%, #6eb82c));
  background-image: -webkit-linear-gradient(top, #97cb33, #6eb92d 50%, #71ac37 51%, #6eb82c);
  background-image: -moz-linear-gradient(top, #97cb33, #6eb92d 50%, #71ac37 51%, #6eb82c);
  background-image: -o-linear-gradient(top, #97cb33, #6eb92d 50%, #71ac37 51%, #6eb82c);
  background-image: linear-gradient(top, #97cb33, #6eb92d 50%, #71ac37 51%, #6eb82c);
  font-size: 117%;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
  padding: 0.85em 15px 0.75em 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
#content #applications .pc .to_make a:hover,
#content #applications .iPhone .to_make a:hover,
#content #applications .android .to_make a:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b6dc73), color-stop(50%, #9ace6e), color-stop(51%, #9cc574), color-stop(100%, #9acd6d));
  background-image: -webkit-linear-gradient(top, #b6dc73, #9ace6e 50%, #9cc574 51%, #9acd6d);
  background-image: -moz-linear-gradient(top, #b6dc73, #9ace6e 50%, #9cc574 51%, #9acd6d);
  background-image: -o-linear-gradient(top, #b6dc73, #9ace6e 50%, #9cc574 51%, #9acd6d);
  background-image: linear-gradient(top, #b6dc73, #9ace6e 50%, #9cc574 51%, #9acd6d);
}
#content #applications .pc .get_app a {
  display: block;
  margin-bottom: 9px;
  text-indent: -9999px;
  background-position: 0 -318px;
  height: 62px;
  width: 272px;
}
#content #applications .pc .get_app a:hover {
  background-position: 0 -132px;
  height: 62px;
  width: 272px;
}
#content #applications .pc .appInfo:after {
  background-position: 0 -1362px;
  height: 184px;
  width: 263px;
}
#content #applications .pc .to_make a:before {
  background-position: -21px -21px;
  height: 13px;
  width: 9px;
  display: block;
  position: absolute;
  top: 12px;
  left: 15px;
  content: " ";
}
#content #applications .iPhone .get_app a {
  display: block;
  margin-bottom: 9px;
  text-indent: -9999px;
  background-position: 0 -256px;
  height: 62px;
  width: 272px;
}
#content #applications .iPhone .get_app a:hover {
  background-position: 0 -194px;
  height: 62px;
  width: 272px;
}
#content #applications .iPhone .appInfo:after {
  background-position: 0 -1733px;
  height: 187px;
  width: 272px;
}
#content #applications .iPhone .to_make a:before {
  background-position: -21px -21px;
  height: 13px;
  width: 9px;
  display: block;
  position: absolute;
  top: 12px;
  left: 15px;
  content: " ";
}
#content #applications .android {
  border: none;
}
#content #applications .android strong {
  color: #ef5700;
}
#content #applications .android .get_app a {
  display: block;
  margin-bottom: 9px;
  text-indent: -9999px;
}
#content #applications .android .get_app.au {
  margin-right: 9px;
}
#content #applications .android .get_app.au a {
  background-position: -125px -380px;
  height: 62px;
  width: 131px;
}
#content #applications .android .get_app.au a:hover {
  background-position: 0 -596px;
  height: 62px;
  width: 131px;
}
#content #applications .android .get_app.gp a {
  background-position: -66px -70px;
  height: 62px;
  width: 131px;
}
#content #applications .android .get_app.gp a:hover {
  background-position: -131px -596px;
  height: 62px;
  width: 131px;
}
#content #applications .android .appInfo:after {
  background-position: 0 -1546px;
  height: 187px;
  width: 272px;
}
#content #applications .android .to_make a:before {
  background-position: -21px -21px;
  height: 13px;
  width: 9px;
  display: block;
  position: absolute;
  top: 12px;
  left: 15px;
  content: " ";
}

/* -------------------------------------
▽サイトのメニュー
------------------------------------- */
#content #contentsMenu ul {
  zoom: 1;
}
#content #contentsMenu ul:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#content #contentsMenu ul li {
  float: left;
  margin: 0 0 10px 12px;
  position: relative;
}
#content #contentsMenu ul li:nth-child(3n + 1) {
  margin-left: 0;
}
#content #contentsMenu ul li.blank {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: url("../images/pc/ami.png");
}
#content #contentsMenu ul li.about a:after {
  background-position: -122px -1043px;
  height: 105px;
  width: 120px;
}
#content #contentsMenu ul li.price a:after {
  background-position: -119px -941px;
  height: 102px;
  width: 109px;
}
#content #contentsMenu ul li.make a:after {
  background-position: 0 -1043px;
  height: 105px;
  width: 122px;
}
#content #contentsMenu ul li.download_item a:after {
  background-position: 0 -1254px;
  height: 107px;
  width: 134px;
}
#content #contentsMenu ul li.photoshop a:after {
  background-position: -134px -1254px;
  height: 108px;
  width: 138px;
}
#content #contentsMenu ul li.scene a:after {
  background-position: 0 -840px;
  height: 100px;
  width: 127px;
}
#content #contentsMenu ul li.pay a:after {
  background-position: 0 -941px;
  height: 102px;
  width: 119px;
}
#content #contentsMenu ul li.faq a:after {
  background-position: -127px -840px;
  height: 101px;
  width: 107px;
}
#content #contentsMenu ul li.staff_blog a:after {
  background-position: -138px -1148px;
  height: 106px;
  width: 128px;
}
#content #contentsMenu ul li.recommend a:after {
  background-position: 0 -1148px;
  height: 106px;
  width: 138px;
}
#content #contentsMenu ul li span {
  /* メニューの内容要素 */
}
#content #contentsMenu ul li span.title {
  font-size: 158%;
  color: #6eb92b;
  border-left: 5px solid #c9fb96;
  padding-left: 10px;
}
#content #contentsMenu ul li span.desc {
  margin: 4px 0 0 0;
  display: block;
  color: #777777;
  font-size: 108%;
  line-height: 1.5;
}
#content #contentsMenu ul li span.title, #content #contentsMenu ul li span.desc {
  width: 150px;
}
#content #contentsMenu ul li a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #ffffff;
  display: block;
  width: 266px;
  padding: 10px 23px 42px;
  min-height: 90px;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 0;
  text-decoration: none;
}
#content #contentsMenu ul li a span.to_detail {
  position: absolute;
  bottom: 12px;
  left: 22px;
  color: #6EB92B;
  font-size: 117%;
  font-weight: bold;
  display: block;
  width: 130px;
  height: 21px;
  overflow: hidden;
  padding-left: 25px;
}
#content #contentsMenu ul li a span.to_detail:before {
  background-position: 0 -21px;
  height: 21px;
  width: 21px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  content: " ";
}
#content #contentsMenu ul li a:hover span.to_detail {
  color: #9CCD71;
}
#content #contentsMenu ul li a:hover span.to_detail:before {
  background-position: 0 -42px;
  height: 21px;
  width: 21px;
}
#content #contentsMenu ul li a.external span.to_detail:before {
  background-position: 0 -63px;
  height: 21px;
  width: 21px;
}
#content #contentsMenu ul li a.external:hover span.to_detail:before {
  background-position: 0 0;
  height: 21px;
  width: 21px;
}
#content #contentsMenu ul li span.icon-new {
  left: -10px;
  top: -8px;
}

#content #contentsMenu ul li.about a:after, #content #contentsMenu ul li.price a:after, #content #contentsMenu ul li.make a:after, #content #contentsMenu ul li.download_item a:after, #content #contentsMenu ul li.photoshop a:after, #content #contentsMenu ul li.scene a:after, #content #contentsMenu ul li.pay a:after, #content #contentsMenu ul li.faq a:after, #content #contentsMenu ul li.staff_blog a:after, #content #contentsMenu ul li.recommend a:after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: " ";
}

/* -------------------------------------
▽その他の導線
------------------------------------- */
#content #extraLinks {
  margin: 25px 0 25px 0;
  zoom: 1;
}
#content #extraLinks:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#content #extraLinks img {
  display: block;
}
#content #extraLinks ul {
  padding: 0;
  margin: 0;
}
#content #extraLinks ul:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#content #extraLinks ul li {
  line-height: 0;
  float: left;
  margin: 0 0 10px 10px;
  position: relative;
}
#content #extraLinks ul li:nth-child(2n + 1) {
  margin-left: 0;
}
#content #extraLinks ul li.blank {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: url("../images/pc/ami.png");
}
#content #extraLinks ul li a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: relative;
}
#content #extraLinks ul li p.campaign {
  position: relative;
  width: 482px;
  padding: 0 2px;
  margin: 0;
  float: right;
}

/* 決済系共通 */
#content #checkoutLinks ul {
  zoom: 1;
}
#content #checkoutLinks ul:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#content #checkoutLinks ul li {
  float: left;
  margin: 0 0 8px 8px;
  position: relative;
}
#content #checkoutLinks ul li:nth-child(2n + 1) {
  margin-left: 0;
}
#content #checkoutLinks ul li.blank {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: url("../images/pc/ami.png");
}
#content #checkoutLinks ul li.webmoney a:after {
  background-position: 0 -524px;
  height: 72px;
  width: 90px;
  position: absolute;
  top: 5px;
  left: 15px;
  content: " ";
}
#content #checkoutLinks ul li.rakuten a:after {
  background-position: 0 -452px;
  height: 72px;
  width: 90px;
  position: absolute;
  top: 5px;
  left: 15px;
  content: " ";
}
#content #checkoutLinks ul li.au a:after {
  background-position: -90px -524px;
  height: 72px;
  width: 90px;
  position: absolute;
  top: 5px;
  left: 15px;
  content: " ";
}
#content #checkoutLinks ul li.docomo a:after {
  background-position: -35px -380px;
  height: 72px;
  width: 90px;
  position: absolute;
  top: 5px;
  left: 15px;
  content: " ";
}
#content #checkoutLinks ul li.softbank a:after {
  background-position: -90px -452px;
  height: 72px;
  width: 90px;
  position: absolute;
  top: 5px;
  left: 15px;
  content: " ";
}
#content #checkoutLinks ul li a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #ffffff;
  display: block;
  width: 338px;
  padding: 8px 18px 30px 120px;
  min-height: 40px;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 0;
  text-decoration: none;
  color: #333333;
  font-size: 109%;
  line-height: 1.5;
}
#content #checkoutLinks ul li a span.to_detail {
  position: absolute;
  bottom: 6px;
  left: 120px;
  color: #6EB92B;
  font-weight: bold;
  display: block;
  width: 300px;
  height: 21px;
  overflow: hidden;
  padding-left: 25px;
}
#content #checkoutLinks ul li a span.to_detail:before {
  background-position: 0 -21px;
  height: 21px;
  width: 21px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  content: " ";
}
#content #checkoutLinks ul li a:hover span.to_detail {
  color: #9CCD71;
}
#content #checkoutLinks ul li a:hover span.to_detail:before {
  background-position: 0 -42px;
  height: 21px;
  width: 21px;
}

/* ページ下部テキスト部分 */
#content #tolotAd {
  position: relative;
  border-top: 1px solid #668833;
  border-bottom: 1px solid #668833;
  box-shadow: inset 0 1px 0 #ccee99, 0 1px 0 #ccee99;
  padding: 30px 230px 30px 130px;
}
#content #tolotAd p {
  color: #ffffff;
  font-size: 109%;
  vertical-align: middle;
  height: 96px;
  display: table-cell;
}
#content #tolotAd p:before {
  background-position: -118px -35px;
  height: 23px;
  width: 67px;
  position: absolute;
  top: 50%;
  left: 30px;
  content: " ";
  margin-top: -11.5px;
}
#content #tolotAd p:after {
  background-position: 0 -744px;
  height: 96px;
  width: 210px;
  position: absolute;
  top: 30px;
  right: 10px;
  content: " ";
}
#content #tolotAd p a {
  color: #ff9;
}
#content #tolotAd p a:hover {
  color: #ff9;
}

/* ページトップへ */
#content #toTop {
  zoom: 1;
  position: relative;
  margin: 20px 0 50px;
}
#content #toTop:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#content #toTop a {
  padding-right: 25px;
  float: right;
  color: #ffffff;
  font-size: 109%;
  text-decoration: none;
}
#content #toTop a:after {
  display: block;
  content: " ";
  background-position: 0 -189px;
  height: 21px;
  width: 21px;
  position: absolute;
  right: 0;
  top: 0;
}
#content #toTop a:hover:after {
  background-position: 0 -126px;
  height: 21px;
  width: 21px;
}

/* -------------------------------------
▽ソーシャルボタン
------------------------------------- */
#content #socialbtns {
  zoom: 1;
}
#content #socialbtns:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#content #socialbtns ul {
  float: right;
  margin-right: 6px;
  zoom: 1;
}
#content #socialbtns ul:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
#content #socialbtns ul li {
  float: left;
  margin-left: 10px;
  display: inline;
  overflow: hidden;
}
#content #socialbtns ul li.hatebu {
  width: 50px;
  height: 20px;
}
#content #socialbtns ul li.ameba {
  width: 67px;
  height: 20px;
}
#content #socialbtns ul li.gree {
  width: 70px;
  height: 20px;
}
#content #socialbtns ul li.facebook {
  width: 114px;
  height: 21px;
}
#content #socialbtns ul li.twitter {
  width: 90px;
  height: 20px;
}
#content #socialbtns ul li.google {
  width: 72px;
  height: 20px;
}

.info_bg {
  width: 960px;
  height: 400px;
  background: url(../images/pc/spr_index_01.png) -2px -118px no-repeat;
  text-indent: -9999px;
  display: block;
}

.banner_shuminavi_off {
  width: 482px;
  height: 80px;
  background: url(../images/pc/spr_index_01.png) -1938px -2px no-repeat;
  text-indent: -9999px;
  display: block;
}
.banner_shuminavi_off:hover {
  width: 482px;
  height: 80px;
  background: url(../images/pc/spr_index_01.png) -1926px -118px no-repeat;
  text-indent: -9999px;
  display: block;
}

.banner_nanapi_off {
  width: 482px;
  height: 80px;
  background: url(../images/pc/spr_index_01.png) -2420px -2px no-repeat;
  text-indent: -9999px;
  display: block;
}
.banner_nanapi_off:hover {
  width: 482px;
  height: 80px;
  background: url(../images/pc/spr_index_01.png) -962px -118px no-repeat;
  text-indent: -9999px;
  display: block;
}

.banner_hr_off {
  width: 482px;
  height: 80px;
  background: url(../images/pc/spr_index_01.png) -2408px -118px no-repeat;
  text-indent: -9999px;
  display: block;
}
.banner_hr_off:hover {
  width: 482px;
  height: 80px;
  background: url(../images/pc/spr_index_01.png) -1444px -118px no-repeat;
  text-indent: -9999px;
  display: block;
}

.header_txt_copy_ios {
  width: 457px;
  height: 16px;
  background: url(../images/pc/spr_index_01.png) -1938px -82px no-repeat;
  text-indent: -9999px;
  display: block;
}

.header_txt_copy_pc {
  width: 434px;
  height: 16px;
  background: url(../images/pc/spr_index_01.png) -2395px -82px no-repeat;
  text-indent: -9999px;
  display: block;
}

.img_iphone {
  width: 324px;
  height: 404px;
  background: url(../images/pc/spr_index_01.png) -2px -518px no-repeat;
  text-indent: -9999px;
  display: block;
}

.img_android {
  width: 323px;
  height: 404px;
  background: url(../images/pc/spr_index_01.png) -326px -518px no-repeat;
  text-indent: -9999px;
  display: block;
}

.img_pc {
  width: 321px;
  height: 404px;
  background: url(../images/pc/spr_index_01.png) -649px -518px no-repeat;
  text-indent: -9999px;
  display: block;
}

.btn_pc_make_off {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -1926px -278px no-repeat;
  text-indent: -9999px;
  display: block;
}
.btn_pc_make_off:hover {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -2204px -584px no-repeat;
  text-indent: -9999px;
  display: block;
}

.btn_pc_getapp_off {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -2474px -278px no-repeat;
  text-indent: -9999px;
  display: block;
}
.btn_pc_getapp_off:hover {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -2200px -278px no-repeat;
  text-indent: -9999px;
  display: block;
}

.btn_iphone_make_off {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -2200px -311px no-repeat;
  text-indent: -9999px;
  display: block;
}
.btn_iphone_make_off:hover {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -1926px -311px no-repeat;
  text-indent: -9999px;
  display: block;
}

.btn_iphone_getapp_off {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -1930px -518px no-repeat;
  text-indent: -9999px;
  display: block;
}
.btn_iphone_getapp_off:hover {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -2474px -311px no-repeat;
  text-indent: -9999px;
  display: block;
}

.btn_googleplay_getapp_off {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -2204px -518px no-repeat;
  text-indent: -9999px;
  display: block;
}
.btn_googleplay_getapp_off:hover {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -1930px -584px no-repeat;
  text-indent: -9999px;
  display: block;
}

.btn_ausmartpass_getapp_off {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -1930px -551px no-repeat;
  text-indent: -9999px;
  display: block;
}
.btn_ausmartpass_getapp_off:hover {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -2478px -518px no-repeat;
  text-indent: -9999px;
  display: block;
}

.btn_android_make_off {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -2478px -551px no-repeat;
  text-indent: -9999px;
  display: block;
}
.btn_android_make_off:hover {
  width: 274px;
  height: 33px;
  background: url(../images/pc/spr_index_01.png) -2204px -551px no-repeat;
  text-indent: -9999px;
  display: block;
}

.header_txt_copy {
  width: 268px;
  height: 17px;
  background: url(../images/pc/spr_index_01.png) -1938px -98px no-repeat;
  text-indent: -9999px;
  display: block;
}