<<<<<<< .mine
　charset "utf-8";"
=======
﻿@charset "utf-8";""
>>>>>>> .r2041
/*

* Auther and Copyright
  Appirits Inc. (http://www.appirits.com/)

* Index
  0: reset
  1: base
  2: header
  3: gloval navigation
  4: contents
  5: side
  6: footer
  7: service colors(※変更要)
  8: service parts(※変更要)

* Propaties Order
  display
  position
  float
  clear
  width
  height
  line-height
  vertical-align
  visiblity
  margin(top,right,bottom,left)
  padding(top,right,bottom,left)
  border(width,color,style,top,right,bottom,left)
  color
  font(family,style,weight,size)
  text(indent,align,decoration,word-break)
  background(color,image,repeat,attachment,position)

*/

/*------------------------------
  0: reset
------------------------------*/

html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 100%;
}

a img, :link img, :visited img {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol, ul {
  list-style: none;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

/*------------------------------
  1: base
------------------------------*/
body {
  line-height: 130%;
  color: #434343;
  font-family:'sans-serif';
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  overflow-y: scroll;
}

#wrapper {
  width:900px;
  text-align: left;
  position: relative;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

a:link,
a:visited {
  color: #ffffff;
  text-decoration: none;
}

a:active,
a:hover {
  color: #3ca0ff;
  text-decoration: underline;
}

strong {
  font-style: normal;
  font-weight: bold;
}

em {
  font-style: normal;
  font-weight: normal;
}

span.alt {
  display: none;
}

.left-block {
  display: block;
  float: left;
}

.right-block {
  display: block;
  float: right;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.red {
  color: red;
}

.small {
  font-size: 80%;
}

.m_top {
  margin-top: 10px;
}

.m_top2 {
  margin-top: 20px;
}

.m_ {
  margin-top: 40px;
}

.clear{
  clear: both;
}

.text_dl{
font-size: 110%;
margin: 25px 0 5px 15px;
}

.text_dl dt{
font-size: 110%;
font-weight: bold;
border-bottom: 1px solid #000000;
margin-bottom: 10px;
}

.overseas{
text-align:left;
padding: 15px 0 0 20px;
margin: 0 0 0 25px;
}

.text_dl dd{
text-align: center;
padding: 15px 0 0 0;
}

/*------------------------------
  2: header;
------------------------------*/
#header_back{
background:#adcd01;
width:100%;
height:120px;
}

#header{
 background:url(./image/header_background_img.jpg) no-repeat center;
 height:138px;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 margin-top: -10px;
 text-align:left;
 padding:0;
 width: 965px;
}

.header_hr{
background: #8ea70a;
height:5px;
}

.link_header{
color: #ffffff;
float: right;
padding:5px 0 0 0;
font-size: 90%;
zoom:1;
}

.gnavi{
width:472px;
height:50px;
padding-left:435px;
margin-right: 10px;
text-align:center;
margin-left:auto;
margin-right:auto;
text-align:left;
zoom:1;
}

.gnavi li{
float:right;
padding:17px 0 0 0;
}

.panckz{
padding-left: 20px;
}

/*------------------------------
  3: top;
------------------------------*/
.main{
width:965px;
height:300px;
margin:auto 0;
}

.main_img{
width:965px;
margin:auto 0;
display: inline;
overflow: hidden;
}

.main_img_s{
text-align: center;
width: 965px;
}

.left{
float:left;
}

.main_img_s p{
width: 172px;
margin: 4px;
}

.main_contents{
width:965px;
margin:auto 0;
}


/*------------------------------
  slider;
------------------------------*/

.slideIndex{
float: right;
}

.bg_img
{
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0px;
}

.bg_img .bx-wrapper
{
    height: 100%;
}

.bx-window
{
margin-bottom: 10px;
}

#slider li a
{
    padding: 5px 0 0 0;
    font-size: 24px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 2px #333333;
}

.slider
{
    width: 100%;
    margin: 0px auto;
}

/* 1.2のスライダー部分 */

.bg_img .slider li
{
    width: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    height: 300px;

}
/* ページャー部分 */

.bx-pager-item .active img{
opacity: 1!important;
border: 3px solid #18bcff;
}

.bx-pager
{
   opacity: 1;
   padding-left:15px;
}

.bx-pager img{
    opacity:0.2;
    float: left;
    margin-left: 0;
    border: 1px solid #dddddd;
    margin: 3px 5px;
    color: #333333;
    text-decoration: none;
}

.bx-pager a.pager-active
{
    color: #ffffff;
    background-color: #333;
}

/* 前へ、次へのボタン */

.bx-prev,.bx-next
{
    position: absolute;
    font-size: 36px;
    text-decoration: none !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px #696969;

   }

.bx-prev{
    position:absolute;
    left: -80px;
    top: 45%;
    width:40px;
    height:25px;
    background-color:#696969;
    padding:20px 10px 10px 5px ;
    border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
}

.bx-next
{
    right: -145px;
    top: 45%;
    width:40px;
    height:25px;
    background-color:#696969;
    padding:20px 0 10px 15px ;
    border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
}

.bx-pager a.thumb
{
    border: none;
    padding:0;
    background-color: none;
    line-height: 0;
    overflow: hidden;
    display: inline-block;
}
.bx-pager a img
{
    border: 1px solid #dddddd;
    padding:0;
    text-decoration: none;
}

.bx-pager a.pager-active img
{
    color: #ffffff;
    border: 1px solid #f00;
}

/* 3.カルーセルスライダー */

.bg_img3 .bx-wrapper
{
    width: inherit;
    margin-bottom: 5px;
}

#slider3 li
{
    width: 110px;
    text-align: center;
}

/* .thumbNail
------------------------- */
.slideShow .thumbNail {
width: 100%;
overflow: hidden;
}

.slideShow .thumbNail ul {
width: 110%;
}

.slideShow .thumbNail ul li {
float: left;
display: inline;
overflow: hidden;
cursor: pointer;
margin:4px;
}

.slideShow .thumbNail ul li img {
width: 100%;
}

.slideShow .thumbNail{
filter: alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}

/*------------------------------
  3: top;
------------------------------*/
.slideShow{
width:950px;
margin:auto 0;
padding:7px;
}

.main_contents{
width:950px;
float: left;
display:inline;
}

.mainView ul{
text-align:center;
position:relative;
overflow:hidden;
width:950px;
}

.thumbNail{
text-align: center;
width: 965px;
overflow: hidden;
}

.thumbNail{
width: 110%;
padding-left:5px;
}

.left{
float:left;
}

.slideIndex img{
border:1px solid #ffffff;
width:110px;
float: left;
cursor: pointer;
opacity:0.6;
filter: alpha(opacity=40);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
margin:4px;
}

.slideIndex img:hover {
width:110px;
opacity: 1;
filter: alpha(opacity=100);
margin:4px;
}

h1{
background: url(./image/h1_background.png) no-repeat;
width: 730px;
height: 25px;
padding-left: 10px;
padding-top: 6px;
color: #ffffff;
font-size: 110%;
font-weight: bold;
margin: 10px 0 0 0;
}

.news_text{
padding: 0 0 2px 0;
margin:5px 0 25px 10px;
width:700px;
}

.h1_top{
background: url(./image/h1_background.png) no-repeat;
width:600px;
height: 25px;
padding-left: 10px;
padding-top: 6px;
color: #ffffff;
font-size: 110%;
font-weight: bold;
margin: 10px 5px 10px 0px;
}

.latest-news{
float:left;
height: 600px;
width:600px;
margin:30px 0 5px 0;
}

.latest-news_dl{
height: 10px;
width:600px;
margin:0 0 0 5px;
}

.latest-news_dl dt{
width:270px;
margin:5px 0 0 5px;
}

.latest-news_dl dd{
width:570px;
margin:0 0 0 5px;
}

.small{
font-size:small;
margin:0 0 10px 0;
border-bottom:dotted 1px #696969;
padding:0 0 5px 0;
text-align: right;
}

.about-us{
float:right;
width:300px;
padding:30px 18px 5px 5px;
}

.about-us p{
width:270px;
margin:0 0 0 5px;
}

.tlailer{
float:right;
width:300px;
margin:44px 0px 5px 10px;
}

.tlailer .movie{
width:300px;
margin:0 0 0 6px;
}

.clear{
clear:both;
}

a.gray:link,
a.gray:visited {
  color: #696969;
  font-weight:bold;
  text-decoration: none;
}

a.gray:active,
a.gray:hover {
  color: #3ca0ff;
  text-decoration: underline;
}

/*------------------------------
  7:footer;
------------------------------*/
#footer{
 background-color:#adcd01;
 width: 100%;
 height:100%;
 text-align:center;
 margin: 25px 0 0 0;
 padding: 0 0 25px 0;
 border-top:solid 5px #8ea70a;
}


#footer p{
font-size: 90%;
color: #ffffff;
padding-top:12px;
}


#footer .copy{
margin:0 auto;
clear: both;
 position: relative;
  left: 40%;
}

#footer p span{
display: block;
padding-bottom: 5px;
float:left;
}

#footer p img{
display: block;
padding-bottom: 5px;
float:left;
}


/*------------------------------
  8:side;
------------------------------*/
.side{
float: right;
padding:10px 0 0 9px;
margin-bottom: 15px;
width: 165px;
}

.side img {
 position:relative;
  top:-25%;
  left:-25%;
}

/*------------------------------
  9:about appirits;
------------------------------*/
.h1_background_l{
background: url(./image/h1_background_l.png) no-repeat;
width: 953px;
height: 32px;
margin: 10px;
color: #ffffff;
font-size: 105%;
font-weight: bold;
padding: 6px 0 0 10px;
}

.corporate_o{
width: 280px;
margin: 5px 0 5px 15px;
padding: 0 0 10px 20px;
}

.corporate_d{
padding: 0 0 10px 0;
}

/*------------------------------
  10:appirits Games;
------------------------------*/
.games_text{
float: left;
width: 215px;
padding: 0 0 5px 5px;
}

.games_text_de{
float: right;
padding: 0 0 5px 5px;
width: 240px;
font-size:75%;
}

.games_text_de tr{
border-bottom: 1px solid #5f5f5f;
}

.games_text_de th{
padding: 5px 0;
width: 110px;
}

a.blue:link{
color: #3ca0ff;
}

a.blue:visited{
color:#3ca0ff;
}

.games_text p{
padding:0 0 0 20px;
}

.games_img{
padding: 5px 5px 30px 20px;
}

.important_fudasen{
background-color:#f6f6f6;
margin:10px 10px 10px 20px;
padding:10px 10px 30px 20px;
}

.games_title{
padding: 8px 6px 6px 20px;
font-size: 120%;
color: #ffffff;
font-weight: bold;
border-bottom:1px solid #666666;
margin:5px 0 0  15px;
background-color: #7d7d7d;
}

.games_title_s{
font-size: 80%;
color: #ffffff;
}

#games_link{
a:link;
a:visited;
  color: #7481a6;
  text-decoration: none;
}

.game_disable{
width: 900px;
height: 500px;
}

.disable{
  display: block;
position: absolute;
top: -30;
left: 50;
}

/*------------------------------
  10:games detail;
------------------------------*/
.games_detail{
margin: 10px 5px 5px 20px;
padding: 5px 0 10px 0;
}


.h4_ore_center{
font-weight: bold;
color: #ff6f1f;
font-size: 120%;
padding: 65px 0 10px 0;
text-align: center;
}

.h4_ore{
font-weight: bold;
color: #ff6f1f;
font-size: 120%;
padding: 0 0 10px 0;
}

.games_detail_text{
padding-bottom: 10px;
width: 450px;

}

.games_detail_right{
float: right;
padding: 20px 10px 0 0;
width: 450px;
}

.games_detail_left{
float:left;
padding: 5px 5px 5px 5px;
width: 590px;
}

.games_detail_img{
float:left;
padding: 30px 5px 5px 5px;
width: 280px;
text-align: center;
}

.games_img_left{
float: left;
width: 230px;
font-size:80%;
padding: 0px 0 0px 0;
margin: 10px;
}

.games_img_right{
float:right;
width: 230px;
font-size:80%;
padding: 20px 40px 10px 0;
}

.detail{
margin: 0 0 0 20px;
}

.screenshots_container{
	width: 100%;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}

.screenshots_container img.screenshots{
	display: inline-block;
	*display: inline;
	vertical-align: top;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	overflow: hidden;
	zoom: 1
}

.screenshots_container img.small{
	height: 160px;
}

.screenshots_container img.smedium{
	height: 165px;
}

.screenshots_container img.medium{
	height: 170px;
}

.screenshots_container img.mlarge{
	height: 175px;
}

.screenshots_container img.large{
	height: 185px;
}

.screenshots_container img.xlarge{
	height: 195px;
}

.screenshots_container img.vxlarge{
	height: 280px;
}

.screenshots_container .stretch
{
	width: 100%;
	display: inline-block;
	font-size: 0;
	line-height: 0
}

/*------------------------------
  11:overseas;
------------------------------*/
.text_overseas{
margin:0 0 0 15px;
}

.text_overseas p{
text-align: left;
width: 900px;
}

.oerverseas_contact_text{
border: 2px solid #65c8ff;
margin: 0 2px 0 20px;
padding: 5px;
width: 400px;
}

.oerverseas_contact{
padding: 5px;
border: 1px solid #65c8ff;
margin: 0 0 5px 20px;
font-weight: bold;
background-color: #65c8ff;
width: 402px;
}

.history{
width: 550px;
margin-left: 15px;
border: 1px solid #fff;
}

.history tr th{
background-color:#9cb034;
margin-left: 25px;
padding: 5px;
font-weight: bold;
color: #fff;
text-align: center;
}

.history td{
padding: 5px;
width: 370px;
}

.history .history_b_th{
background-color:#ddea99;
border: 1px solid #fff;
font-weight: bold;
color: #000;
width: 100px;
}

.history .history_w_th{
background-color:#ecf6b6;
border: 1px solid #fff;
font-weight: bold;
color: #000;
width: 100px;
}

.history .history_b{
background-color:#ddea99;
border: 1px solid #fff;
width: 250px;
}

.history .history_w{
background-color:#ecf6b6;
border: 1px solid #fff;
}

.history_text{
width:330px;
display: block;
float: right;
margin-right:0px;
}


.history_table{
display: block;
float: left;
}

.history_text p{
margin-left: 15px;
margin-top: 10px;
}

.contact_tel{
  display: block;
  float: left;
  margin: 15px 0 10px 30px;
  padding: 20px 0 0 80px ;
  font-weight: bold;
  font-size: 220%;
  line-height: middle;
  background: url(./image/contact_tel.png) no-repeat;
  height: 57px;
}

.contact_mail{
  display: block;
  float: right;
  margin: 15px 0 10px 10px;
  padding: 20px 0 0 80px ;
  font-weight: bold;
  font-size: 220%;
  line-height: middle;
  background: url(./image/contact_mail.png) no-repeat ;
  height: 57px;
  text-align: center;
}





/*------------------------------
  11:ScrollUp;
------------------------------*/
.backtotop{
  -webkit-transition:background 200ms linear;
  background-color:#555555;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  bottom:20px;
  color:#FFFFFF;
  font-family:sans-serif;
  font-size:12px;
  opacity:0.9;
  padding:10px 20px;
  right:20px;
  text-decoration:none;
  transition:background 200ms linear;
  width: 39px;
  float: right;
}

.backtotop:hover {
  background-color:#000000;
  background-position:initial initial;
  background-repeat:initial initial;
}