@charset "utf-8";

/*********************************************************************
 *
 *  </css/style.css>
 *
*********************************************************************/

/* script */
/* --------------------------------------------------------------------------- */
/* Contact From 7 */
span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
background: #fff;
border: 1px solid #ff0000;
font-size: 10pt;
width: 280px;
padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
color: #f00;
font-size: 10pt;
display: block;
}

div.wpcf7-response-output {
color: #f00;
}



/* body */
/* --------------------------------------------------------------------------- */
body{
height:100%;
margin:0;
padding:0;
color:#525f71;
font:12px/1.666em "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
background-color:#1d3037;
}


/* clearfix */
/* --------------------------------------------------------------------------- */
.clearfix:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}

.clearfix{
display: inline-block;
}

/* Hides from IE Mac */
* html .clearfix{
height: 1%;
}

.clearfix{
display:block;
}

/* font */
/* --------------------------------------------------------------------------- */
.blue {
color:#3498db;
}

.red{
color:#ce181e;
}

.b {
font-weight:bold;
}
.s {
font-size:88%;
line-height:1.3em;
}

.l {
font-size:125%;
line-height:1.5em;
}

.xl {
font-size:200%;
line-height:1.5em;
}

.lb {
font-size:125%;
line-height:1.5em;
font-weight:bold;
}

.xlb {
font-size:200%;
line-height:1.5em;
font-weight:bold;
}



/* a */
/* --------------------------------------------------------------------------- */
a {
color:#3498db;
text-decoration:none;
}

a:hover {
color:#1abc9c;
text-decoration:underline;
}

#utilitynavi a:hover, #globalnavi a:hover, #footernavi a:hover, #pagetop a:hover, #contents a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

#utilitynavi a:hover img, #globalnavi a:hover img, #footernavi a:hover img, #pagetop a:hover img, #contents a:hover img, #banner-list a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}



/* utilitynavi */
/* --------------------------------------------------------------------------- */
#utilitynavi{
width:100%;
background-color:#FFF;
}

#utilitynavi .inner{
width:980px;
height:22px;
margin:0 auto;
position:relative;
}

#utilitynavi ul {
position:absolute;
top:4px;
right:0px;
list-style-type: none;
}

#utilitynavi li {
float:left;
margin-right:20px;
}

#utilitynavi li.lang {
margin-right:14px;
}

#utilitynavi li a {
display:block;
text-indent:-9999px;
background-image:url(../../img/corporate/utilitynavi_item_ja.gif);
background-repeat:no-repeat;
height:14px;
}

#utilitynavi li.home a {
background-position:0px 0px;
width:158px;
}

#utilitynavi li.contact a {
background-position:0px -20px;
width:83px;
}

#utilitynavi li.sitemap a {
background-position:0px -40px;
width:75px;
}

#utilitynavi li.lang a {
width:70px;
background-image:url(../../img/corporate/utilitynavi_lang_en.gif)
}



/* globalnavi */
/* --------------------------------------------------------------------------- */
#globalnavi {
width:100%;
background-color:#FFF;
}

#globalnavi .inner {
width:980px;
height:80px;
margin:0 auto;
position:relative;
}

#globalnavi a {
display:block;
text-indent:-9999px;
background-repeat:no-repeat;
}

#globalnavi h1,#globalnavi p {
position:absolute;
}

#globalnavi h1 {
top:24px;
left:10px;
}

#globalnavi h1 a{
background-image:url(../../img/corporate/h1.png);
width: 147px;
height: 27px;
}

#globalnavi ul {
position:absolute;
top:40px;
right:30px;
list-style-type: none;
}

#globalnavi li {
float:left;
background:url(../../img/corporate/globalnav_border.gif) right center no-repeat;
padding:0 1px;
}

#globalnavi li a {
display:block;
text-indent:-9999px;
background-image:url(../../img/corporate/globalnav_item.gif);
background-repeat:no-repeat;
width:100px;
height:11px;
}

#globalnavi li.home a {
background-position:1px 0px;
}

#globalnavi li.game a {
background-position:-102px 0px;
}

#globalnavi li.company a {
background-position:-203px 0px;
}

#globalnavi li.recruit a {
background-position:-304px 0px;
}

#globalnavi li.news a {
background-position:-405px 0px;
}




/* categorynavi */
/* --------------------------------------------------------------------------- */
#categorynavi {
width:232px;
float:left;
border:1px solid #dfdfdf;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

#categorynavi ul.categorynavi {
width:200px;
padding:16px 16px 0 16px;
}

#categorynavi ul.categorynavi > li > a {
display:block;
text-indent:-9999px;
background-image:url(../../img/corporate/categorynavi_item.gif);
background-repeat:no-repeat;
width:200px;
height:18px;
}

#categorynavi li.game a {
background-position:0px 0px;
}

#categorynavi li.company a {
background-position:0px -20px;
}

#categorynavi li.news a {
background-position:0px -40px;
}

#categorynavi li.guide a {
background-position:0px -60px;
}

#categorynavi ul.arrow {
width:200px;
padding-top:10px;
}

#categorynavi ul.arrow li {
list-style:none;
padding:10px 0 10px 37px;
margin:0;
background: url(../../img/corporate/categorynavi_arrow.gif) center no-repeat;
border-top:1px solid #dfdfdf;
}

#categorynavi ul.arrow li.state {
background: url(../../img/corporate/categorynavi_arrow_state.gif) center no-repeat;
}

#categorynavi ul.arrow li.state a {
color:#FFF;
}

#categorynavi ul.arrow a {
color:#313134;
}

#categorynavi ul.arrow a:hover {
color:#1fbba6;
text-decoration:underline;
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}

#categorynavi li.state {
color:#1fbba6;
background-color:#000;
}


/* h2 mainvisual */
/* --------------------------------------------------------------------------- */
#mainvisual {
background:url(../../img/corporate/bg_mainvisual.gif) repeat;
width:100%;
}

#mainvisual .inner {
width:980px;
height:314px;
margin:0 auto;
padding:23px 0;
background-color:#eff3f3;
}

.slider-wrapper {
width:868px;
height:314px;
margin:0 auto;
}

h2 {
width:868px;
height:314px;
margin:0 auto;
text-indent:-9999px;
background-repeat:no-repeat;
}

h2.game {
background-image:url(../../img/corporate/h2_snowscape.png);
}

h2.company {
background-image:url(../../img/corporate/h2_company.jpg);
}

h2.news {
background-image:url(../../img/corporate/h2_news.jpg);
}

h2.guide {
background-image:url(../../img/corporate/h2_guide.jpg);
}


/* pickup-breadcrumb */
/* --------------------------------------------------------------------------- */
#pickup-breadcrumb {
background-color:#1abc9c;
width:100%;
}

#pickup-breadcrumb .inner {
width:980px;
margin:0 auto;
background-color:#16a085;
}

.pickup {
background:url(../../img/corporate/pickup_ja.gif) 20px center no-repeat;
padding:4px 20px;
color:#FFF;
}

.pickup a {
display:inline-block;
width:700px;
color:#FFF;
vertical-align:bottom;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.pickup table {
margin-left:150px;
height:28px;
line-height:28px;
}

.pickup table th {
padding-right:10px;
white-space:nowrap;
}

.breadcrumb {
padding:4px 20px;
color:#FFF;
height:28px;
line-height:28px;
}

.breadcrumb a {
color:#FFF;
}

.breadcrumb a:hover {
color:#eff3f3;
}

.breadcrumb a.home {
display:block;
text-indent:-9999px;
width:56px;
height:28px;
float:left;
margin-right:5px;
background:url(../../img/corporate/breadcrumb_home.gif) 0px center no-repeat;
}

.breadcrumb a.home:hover {
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}



/* contents */
/* --------------------------------------------------------------------------- */
#container {
background:url(../../img/corporate/bg_container.gif) repeat;
width:100%;
}

#container .top-inner {
width:940px;
margin:0 auto;
padding:23px 20px 10px 20px;
background-color:#FFF;
}

#container .cp-inner {
width:940px;
margin:0 auto;
padding:40px 20px 10px 20px;
background-color:#FFF;
}

#container .contents-1 {
margin: 0 auto;
}

#container .contents-2 {
float:left;
width:646px;
margin-right:40px;
}

#container .border-1 {
border-bottom:1px solid #dfdfdf;
margin-top:30px;
}

#container .border-2 {
border-bottom:1px solid #dfdfdf;
margin:30px 0;
}

#container .contact-list {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #dfdfdf;
}

#container .contact-list p, #container .contact-list-last p  {
margin-left:20px;
}

#container .contact-list-last {
padding-bottom:0px;
margin-bottom:0px;
border-bottom:none;
}

.article {
margin-left:20px;
}
.article img {
  max-width: 100%;
}

.section {
margin-top:30px;
}

.filters {margin: 2.5em 0 1.67em 1.67em;}
  .filters > li {
    display: inline-block;
    padding: .33em;
  }
  .filters a {
    display: block;
    border: 1px solid #56914b;
    padding: .33em;
    background-color: #bbcdbd;
    color: #56914b;
    text-align: center;
  }
  .filters .current {
    background-color: #65ab58;
    color: #fff;
  }

.thumbnails {
  width: 93.88%;
  margin: 1.67em 0 0 1.67em;
}
  .thumbnails > h4 {
    height: auto;
    margin-bottom: 1.33em;
    text-indent: 0;
    background-image: none;
    font-size: 1.17em;
    font-weight: bold;
  }
  .thumbnails > .wrapper {
    width: 100%;
    margin: 1.33em 0;
  }

.thumbnail {
  width: 33.34%;
  margin: 0;
  padding: .67em;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
  .thumbnail > a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .thumbnail img {
    width: inherit;
    height: auto;
  }
  .thumbnail figcaption {
    margin: .67em 0;
    color: #16a085;
  }
  /*.thumbnail > a:hover figcaption {text-decoration: underline;}*/

.platform {
  display: inline-block;
  width: 4.17em;
  margin: 0 .17em 0 0;
  text-align: center;
  line-height: 1.17;
  color: #fff;
}
  .platform.ios {background-color: #000;}
  .platform.android {background-color: #8db431;}

#game-list {
}

#game-list .item {
width:260px;
float:left;
margin:0 20px 0 20px;
}

#game-list img {
width:260px;
height:172px;
}

#game-list table {
border-collapse:collapse;
border-spacing:0;
width:100%;
}

#game-list th {
padding:3px 10px 3px 0;
font-weight:bold;
vertical-align:top;
white-space:nowrap;
width:100px;
font-size:88%;
line-height:1.3em;
}

#game-list th.title {
color:#16a085;
font-size:125%;
line-height:1.5em;
}

#game-list th.title a{
color:#16a085;
}

#game-list th.title a:hover{
color:#3498db;
}

#game-list td {
padding:3px 0;
vertical-align:top;
font-size:88%;
line-height:1.3em;
}

#game-list td.category {
padding:0 0 3px 0;
color:#16a085;
}

#game-list td.inservice {
background:url(../../img/corporate/inservice.gif) center left no-repeat;
height:14px;
}

#game-list td.coming {
background:url(../../img/corporate/comingsoon.gif) center left no-repeat;
height:14px;
}

#game-list td.outservice {
height:14px;
}

#game-list td.site {
}

#game-list td.copyright {
padding-top:10px;
}

#banner-list {
}

#banner-list .item {
float:left;
margin:0 20px 0 0;
}

#banner-list .item-last {
float:left;
}

#banner-list img {
width:220px;
height:226px;
}


#news-list {
}

#news-list table {
border-collapse:collapse;
border-spacing:0;
width:100%;
}

#news-list tr {
border-top:1px solid #dfdfdf;
}

#news-list th {
padding:5px 15px 5px 0;
font-weight:bold;
vertical-align:top;
white-space:nowrap;
}

#news-list td {
padding:5px 0 5px 0;
vertical-align:top;
}

.news-date {
text-align:right;
border-bottom:1px solid #dfdfdf;
font-weight:bold;
padding-bottom:10px;
margin-bottom:10px;
}

#privacy ul.disc {
list-style-type:disc;
}

#privacy ul.decimal {
list-style-type:decimal;
}

#privacy ul.upper-roman {
list-style-type:upper-roman;
}

#privacy li {
float:left;
margin:5px 0 5px 20px;
}

#terms ul.disc {
list-style-type:disc;
}

#terms ul.decimal {
list-style-type:decimal;
}

#terms ul.upper-roman {
list-style-type:upper-roman;
}

#terms li {
float:left;
margin:5px 0 5px 20px;
}


/* h3 */
/* --------------------------------------------------------------------------- */
h3 {
min-height:28px;
text-indent:-9999px;
background-image:url(../../img/corporate/h3_ja.gif?170911);
background-repeat:no-repeat;
}

h3.game-1 {
background-position:0 0;
}

h3.company-1 {
background-position:0 -40px;
}

h3.company-2 {
background-position:0 -80px;
margin-top:40px;
}

h3.history-1 {
background-position:0 -120px;
}

h3.organization-1 {
background-position:0 -160px;
}

h3.access-1 {
background-position:0 -200px;
}

h3.access-2 {
background-position:0 -240px;
margin-top:40px;
}

h3.access-3 {
background-position:0 -520px;
margin-top:40px;
}

h3.contact-1 {
background-position:0 -280px;
}

h3.contact-2 {
background-position:0 -320px;
margin-top:40px;
}

h3.contact-3 {
background-position:0 -360px;
margin-top:40px;
}

h3.contactform-1 {
background-position:0 -400px;
}

h3.privacy-1 {
background-position:0 -440px;
}

h3.sitemap-1 {
background-position:0 -480px;
}

h3.terms-1 {
background-position:0 -560px;
}

h3.news {
text-indent:0;
line-height:28px;
padding-left:20px;
background-image:url(../../img/corporate/h3_border.gif);
background-repeat:no-repeat;
background-position:left top;
font-weight:bold;
font-size:125%;
}



/* h4 */
/* --------------------------------------------------------------------------- */
h4 {
height:24px;
text-indent:-9999px;
background-image:url(../../img/corporate/h4_ja.gif);
background-repeat:no-repeat;
}

h4.company-1 {
background-position:0 0;
}

h4.history-1 {
background-position:0 -40px;
}



/* box */
/* --------------------------------------------------------------------------- */
.box-left-50 {
float:left;
width:300px;
margin-right:26px;
}

.box-right-50 {
float:left;
width:300px;
}



/* sitemap */
/* --------------------------------------------------------------------------- */
ul.sitemap {
font-weight:bold;
}

ul.sitemap ul.child {
list-style:disc;
font-weight:normal;
margin-left:30px;
}

ul.sitemap ul.child li {
padding:5px 0;
}



/* img */
/* --------------------------------------------------------------------------- */
img.banner-m {
width:300px;
height:191px;
}

img.pic-m {
width:300px;
height:185px;
}



/* table */
/* --------------------------------------------------------------------------- */
.table-1 {
border-collapse:collapse;
border-spacing:0;
width:100%;
}

.table-1 th {
padding:30px 15px 0 15px;
font-weight:bold;
vertical-align:top;
white-space:nowrap;
width:100px;
}

.table-1 td {
padding:30px 15px 0 15px;
vertical-align:top;
}

.table-1 ul {
float: none;
margin-top:0px;
margin-bottom:0px;
margin-left:20px;
padding:0px;
}

.table-1 ul li {
list-style: disc;
}



/* form */
/* --------------------------------------------------------------------------- */
input.input {
border:1px solid #21b2d2;
background-color:#ffffff;
margin:0px;
padding:1px;
font-family:Arial,Helvetica,sans-serif,"メイリオ",Meiryo;
}

select.select {
border:1px solid #21b2d2;
background-color:#ffffff;
margin:0px;
padding:1px;
font-family:Arial,Helvetica,sans-serif,"メイリオ",Meiryo;
}

textarea.textarea {
border:1px solid #21b2d2;
background-color:#ffffff;
margin:0px;
padding:1px;
font-family:Arial,Helvetica,sans-serif,"メイリオ",Meiryo;
}



/* pagetop */
/* --------------------------------------------------------------------------- */
#pagetop {
margin-top:40px;
width:940px;
}

#pagetop a {
float:right;
display:block;
text-indent:-9999px;
width:87px;
height:14px;
background:url(../../img/corporate/pagetop.gif) no-repeat;
}



/* footer */
/* --------------------------------------------------------------------------- */
#footer {
width:100%;
background-color:#1d3037;
}

#footer .inner {
width:980px;
margin:0 auto;
}

#footernavi {
width:940px;
padding:20px 0;
margin:0 auto;
}

#footernavi ul.category {
float:left;
width:235px;
}

#footernavi ul.category > li > a {
display:block;
text-indent:-9999px;
background-image:url(../../img/corporate/footernavi_item.gif);
background-repeat:no-repeat;
}

#footernavi li.game a {
background-position:0px 0px;
}

#footernavi li.company a {
background-position:0px -20px;
}

#footernavi li.recruit a {
background-position:0px -40px;
}

#footernavi li.news a {
background-position:0px -60px;
}

#footernavi li.guide a {
background-position:0px -80px;
}

#footernavi ul.arrow {
margin-left:16px;
}

#footernavi ul.arrow li {
list-style:none;
padding-left:16px;
margin:4px 0;
background: url(../../img/corporate/footernavi_arrow.gif) 0 0.3em no-repeat;
}

#footernavi ul.arrow a {
color:#FFF;
}

#footernavi ul.arrow a:hover {
color:#1fbba6;
text-decoration:underline;
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}

#footer .border-solid{
border-bottom:1px solid #3e5259;
}

#footer .footerbottom {
margin:10px 2px;
}

#footer .share {
float:left;
width:400px;
}

#footer .share p{
float:left;
margin-right:10px;
}

#footer .share p.fbpage {
background: url(../../img/corporate/share_fbpage.gif) no-repeat;
width:110px;
height:20px;
display:block;
}

#footer .share p.fbpage  a {
width:110px;
height:20px;
text-indent:-9999px;
display:block;
}

#footer .copyright {
margin: 0 20px;
color:#FFF;
}





.home-nav {
  margin-bottom: 20px; }
.home-nav ul {
  display: table; }
.home-nav li {
  display: table-cell; }
.home-nav a {
  display: block;
  background: #bbcdbd;
  border: solid 1px #56914b;
  padding: 4px;
  margin: 4px;
  text-align: center;
  color: #56914b;
  font-size: 12px; }
  .home-nav a.current {
    background: #65ab58;
    color: #fff; }
  .home-nav a:hover {
    color: #fff;
    text-decoration: none;
    background: #65ab58; }
.app-01,
.app-02,
.app-03,
.app-04 {
  min-height: 400px; }

.login-header {
  margin-top: 16px; }
  .login-header li {
    float: left;
    margin: 4px; }

.home-btn {
  display: inline-block;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
  padding: 2px;
  width: 100px;
  text-align: center; }
  .home-btn:hover {
    color: #fff;
    text-decoration: none; }
  .home-btn.login {
    border: 1px solid #f47d09;
    background: #f89636;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.26);
    -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.26);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.26);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f89636), color-stop(100%, #f99f48));
    background-image: -webkit-linear-gradient(bottom, #f89636 0%, #f99f48 100%);
    background-image: -moz-linear-gradient(bottom, #f89636 0%, #f99f48 100%);
    background-image: -o-linear-gradient(bottom, #f89636 0%, #f99f48 100%);
    background-image: linear-gradient(bottom, #f89636 0%, #f99f48 100%); }
    .home-btn.login:hover {
      background: #f89636;
      -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
      -moz-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
      box-shadow: inset 0 0 0 rgba(255, 255, 255, 0); }
  .home-btn.regist {
    border: 1px solid #56914b;
    background: #65ab58;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.26);
    -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.26);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.26);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #65ab58), color-stop(100%, #78ab6e));
    background-image: -webkit-linear-gradient(bottom, #65ab58 0%, #78ab6e 100%);
    background-image: -moz-linear-gradient(bottom, #65ab58 0%, #78ab6e 100%);
    background-image: -o-linear-gradient(bottom, #65ab58 0%, #78ab6e 100%);
    background-image: linear-gradient(bottom, #65ab58 0%, #78ab6e 100%);
    font-size: 10px;
    margin-top: 6px; }
    .home-btn.regist:hover {
      background: #65ab58;
      -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
      -moz-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
      box-shadow: inset 0 0 0 rgba(255, 255, 255, 0); }
  .home-btn.mypage {
    border: 1px solid #f47d09;
    background: #f89636;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.26);
    -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.26);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.26);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f89636), color-stop(100%, #f99f48));
    background-image: -webkit-linear-gradient(bottom, #f89636 0%, #f99f48 100%);
    background-image: -moz-linear-gradient(bottom, #f89636 0%, #f99f48 100%);
    background-image: -o-linear-gradient(bottom, #f89636 0%, #f99f48 100%);
    background-image: linear-gradient(bottom, #f89636 0%, #f99f48 100%); }
    .home-btn.mypage:hover {
      background: #f89636;
      -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
      -moz-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
      box-shadow: inset 0 0 0 rgba(255, 255, 255, 0); }

ul.app-list { }
  ul.app-list:first-child { }
  ul.app-list li.service {
    display: table-cell;
    margin: 0;
    padding: 5px;
    width: 260px; }
    ul.app-list li.service a {
      color: #16a085; }
    ul.app-list li.service a img {
      width: 220px;
      height: 146px; }
    ul.app-list li.service a:hover img {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85; }
    ul.app-list li.service:last-child {
      border-right: none; }
    ul.app-list li.service.border { }
    ul.app-list li.service .name {
      margin-bottom: 4px;
      font-size: 14px; }
      ul.app-list li.service .name img {
        margin-bottom: 4px; }
    ul.app-list li.service .txt {
      font-size: 12px; }
    ul.app-list li.service .type {
      line-height: 1;
      margin: 10px 0; }
      ul.app-list li.service .type .icoPlatform {
        display: inline-block;
        width: 50px;
        height: 14px;
        margin-right: 2px;
        background-repeat: no-repeat;
        background-position: 0 0; }
        ul.app-list li.service .type .icoPlatform.browser {
          background-image: url(../image/pc/home/ico_browser.png); }
        ul.app-list li.service .type .icoPlatform.ios {
          background-image: url(../image/pc/home/ico_ios.png); }
        ul.app-list li.service .type .icoPlatform.android {
          background-image: url(../image/pc/home/ico_android.png); }
        ul.app-list li.service .type .icoPlatform.gree {
          background-image: url(../image/pc/home/ico_gree.png?140401); }
        ul.app-list li.service .type .icoPlatform.mobage {
          background-image: url(../image/pc/home/ico_mobage.png?140401); }
        ul.app-list li.service .type .icoPlatform.feature {
          background-image: url(../image/pc/home/ico_feature.png); }
        ul.app-list li.service .type .icoPlatform.docomo {
          background-image: url(../image/pc/home/ico_docomo.png); }
        ul.app-list li.service .type .icoPlatform.au {
          background-image: url(../image/pc/home/ico_au.png); }

.app-01 .ttl,
.app-02 .ttl,
.app-03 .ttl,
.app-04 .ttl,
.app-05 .ttl {
    color: #253b20;
    font-size: 14px;
    font-weight: bold;
    text-indent: 10px;
    text-indent: 0;
    height: auto;
    padding-left: 10px;
    margin: 0;
    margin-bottom: 10px;
     }




.document-404 {
  background: #fff;
  min-height: 200px;
}
.document-404-inner {
  padding: 20px;
  width: 940px;
  margin: 0 auto;
}




.m_pager {
  padding: 10px;
  text-align: center;
}
.m_pager li {
    display: inline-block;
    font-size: 1.0rem;
    margin: 2px;
}
.m_pager a,
.m_pager .selected {
    display: inline-block;
    border-radius: 4px;
    background: #04BCA6;
    color: #fff;
    border: solid 1px #rgb(4, 188, 166);
    line-height: 1;
    padding: 8px;
}
.m_pager .selected {
  background: rgba(4, 188, 166, 0.5);
}
.m_pager a:hover {
  color: #fff;
  text-decoration: none;
  background: rgba(4, 188, 166, 0.5);
}