@media print, screen and (min-width: 769px) {

.sp{
    display: none!important;
}
.width1030{
  display: none!important;
}
@charset "utf-8";
    body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p,b {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}
img {
    display: block;
    border: none;
    vertical-align: bottom;
}

.flayer {
    max-width: 100%;
}

.shikinahills {
    min-width: 10px;
    max-width: 100%;
}

.overlaid{
    position:relative;
    top: 50%;
}

.overlaid .background { z-index: 0; }

.overlaid .background img {
    max-width: 100%;
    height: auto;
}

.overlaid .photo {
    position:absolute;
	left: 50px; top: 160px;
	float:none;
}

.overlaid .photo img {
    width: 10vw;
    height: auto;
}

.promo {
    max-width: 100%;
}

.overlaid{
    position:relative;
    top: 50%;
}

li {
    list-style-type: none;
    list-style-position: inside;
}
table {
    border-collapse: collapse;
}

.promo {
    max-width: 100%;
}

td {
     padding: 8px; 
}

section, article, aside, hgroup, header, footer, nav, figure, figcaption, summary, time {
    display: block;
}
body {
    font-family: "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif;
    line-height: 1.2;
    background: url(../img/all_wrap.png) repeat;
}
.slide {
    width: 100%;
    height: 165px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 10px;
}
#slideIn,#slide_in,#slide_i {
    position: absolute;
    left: 0;
    top: 0;
}

.slide li {
    float: left;
    width: 338px;
    height: 165px;
    margin-right: 10px;
}
.caption {
    position: relative;
}

div.caption p {
    margin: 0;
    width: 97px;
    height: 97px;
    line-height: 1.4;
    padding: 10px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/hover_green.png) left top repeat;
    color: #fff;
    font-weight: bold;
    opacity: 0.9;
}

.flayer {
    padding: 20px;
}

.shikinahills {
    padding: 0px;
}

.promo {
    background-color: #228b22;
}

.sat {
    z-index: 10;
    top: 125px;
    left: 300px;
    position: absolute;
    font-weight: bold;
    color: #217338;
    padding: 25px 20px;
    background: url(../img/headline.png) left top repeat;
}

header {
    width: 230px;
    padding-top: 1px;
    position: absolute;
    padding-bottom: 40px;
    z-index: 30;
    background: url(../img/header_bk.png) left top repeat;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    border-right: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
#logo img,header h1 img {
    text-align: center;
    padding: 32px 10px 36px 10px;
    border-bottom: 1px solid #e6e6e6;
}
#nav span {
    display: block;
    background: url(../img/arrow.png) 200px 50% no-repeat;
}
#nav a {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    color: #545454;
    padding: 20px 0 20px 46px;
    text-decoration: none;
}
#nav li:not(.recruit_nav):hover {
    background: url(../img/nav_hover.png) left top repeat;
}
.home_nav {
    background: url(../img/home.png) 23px 48% no-repeat;
}
.company_nav {
    background: url(../img/company.png) 23px 48% no-repeat;
}
.development_nav {
    background: url(../img/development.png) 23px 48% no-repeat;
}
.expenses_nav {
    background: url(../img/expenses.png) 23px 48% no-repeat;
}
.contact_nav {
    background: url(../img/contact.png) 23px 48% no-repeat;
}
.tels_nav {
    background: url(../img/tels.png) 23px 48% no-repeat;
}
.order_nav {
    background: url(../img/order.png) 23px 48% no-repeat;
}

#nav_image a {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    color: #545454;
    padding: 20px 0 20px 46px;
    text-decoration: none;
}
#nav_image li:hover {
    background: url(../img/development_image.png) 0px 50% no-repeat;
}
.development_image_nav {
    background: url(../img/_development_image.png) 0px 50% no-repeat;
}

/* 言語選択 */
.btn-lang {
    font-size: 12px;
    -webkit-text-shadow: -1px -1px 0 #999;
    -moz-text-shadow: -1px -1px 0 #999;
    -ms-text-shadow: -1px -1px 0 #999;
    -o-text-shadow: -1px -1px 0 #999;
    text-shadow: -1px -1px 0 #999;
    margin: 17px 10px;
    overflow: hidden;
}
.btn-lang li {
    width: 100px;
    text-align: center;
}
.btn-lang .lang-ja {
    float: left;
}
.btn-lang .lang-en {
    float: right;
}
.btn-lang a {
    display: block;
    color: #fff;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    text-decoration: none;
}
.btn-lang .lang-ja a {
    background: url(../img/flag_jp.png) 5px 50% no-repeat;
    background-color: #1abc9c;
}
.btn-lang .lang-en a {
    background: url(../img/flag_en.png) 2.5px 50% no-repeat;
    background-color: #1abc9c;
}
.btn-lang a:hover {
    background-color: #1DD4AB;
}

.fl {
    font-size: 14px;
    padding: 15px 10px;
}
.fl span {
    line-height: 1.4;
}
.fl b {
    color: #237538;
    font-weight: bold;
}
.block {
    margin-top: 20px;
    overflow: hidden;
}
.block li {
    margin-left: 11px;
    margin-bottom: 10px;
    float: left;
}
.block img {
    display: inline;
}
#HTMLBlock2938 iframe {
    width: 220px!important;
    margin-top: 10px;
    margin-left: 5px;
}
.customisable-border.thm-dark, .thm-dark .customisable-border {
    border-color: #217932;
}
.thm-dark {
    background-color: #fff;
}
.thm-dark, .thm-dark .p-author .profile .p-name, .thm-dark .cards-base p, .thm-dark .cards-base p a, .thm-dark .timeline-header .summary, .thm-dark .timeline-header a:link, .thm-dark .timeline-header a:visited, .thm-dark .byline, .thm-dark .p-author a.profile:hover .p-name, .thm-dark .p-author a.profile:focus .p-name .thm-dark .custom-timeline-owner-profile .p-name:hover, .thm-dark .custom-timeline-owner-profile .p-name:focus {
    color: #333;
}
.thm-dark a:link, .thm-dark a:visited, .thm-dark .stats span, .thm-dark .retweet-credit, .thm-dark .no-more-pane, .thm-dark .no-tweets-pane p, .thm-dark .p-geo, .thm-dark .cards-base .byline-user {
    color: #333;
}
.thm-dark a:focus, .thm-dark a:hover, .thm-dark a:active, .thm-dark .p-author a.profile:hover, .thm-dark .p-author a.profile:focus, .thm-dark .custom-timeline-owner-profile:hover, .thm-dark .custom-timeline-owner-profile:focus, .thm-dark .retweet-credit .profile:hover, .thm-dark .retweet-credit .profile:focus, .thm-dark .stats strong, .thm-dark .no-tweets-pane .load-tweets, .thm-dark .nsfw {
    color: #333;
}
.thm-dark .tweet-box-button {
    border-color: #217932;
}
#article {
    padding-top: 10px;
    max-width: 2500px;
    min-width: 1330px;
}
.pagetop{
    width: 50px;
    bottom: 4%;
    right: 20px;
    position: fixed;
    z-index: 10;
    cursor: pointer;
}
.pagetop a{
    pointer-events: none;
}
footer {
    max-width: 2500px;
    min-width: 1330px;
    position: relative;
    border-top: solid 1px #217932;
    background-color: #f0f0f0;
}
#footer {
    overflow: hidden;
    width: 650px;
    margin: 20px auto 20px;
}
footer img {
    float: left;
}
footer dl {
    float: left;
    font-size: 14px;
    line-height: 1.4;
    margin-left: 40px;
    text-shadow: 1px 1px 0 #fff;
}
footer dt {
    font-weight: bold;
    margin-bottom: 10px;
}
.footer_menu {
    min-width: 750px;
    overflow: hidden;
    background-color: #217932;
    padding-top: 5px;
    padding-bottom: 5px;
}
.footer_menu ul {
    text-align: center;
    overflow: hidden;
}
.footer_menu li {
    display: inline;
    margin-right: 20px;
    font-size: 14px;
}
.footer_menu li a {
    color: #fff;
    line-height: 1.4;
    text-decoration: none;
}
.footer_menu p {
    text-align: right;
    margin-right: 55px;
    color: #fff;
}
#home_wrapper {
    margin-left: 230px;
    position: relative;
    max-width: 2270px;
    min-width: 1100px;
    overflow: hidden;
}
.introduce {
    margin-bottom: 10px;
    overflow: hidden;
    min-width: 1000px;
}
.app_wrap {
	background: url(../img/line.gif) 44px top no-repeat;
    padding: 20px 0 10px;
    overflow: hidden;
    height: 18.5em;
}
.introduce section {
    float: left;
    width: 30%;
    min-width: 310px;
    margin-left: 10px;
}
.introduce .new_appli {
    margin-left: 45px;
}
.introduce h3 ,.performance h3,.quick h3 {
    -webkit-text-size-adjust: 100%;
    background-color: #217932;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
    font-weight: bold;
    padding: 7px 10px 7px 20px;
    max-height: 999999px;
}
.performance h3,.quick h3 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}
.introduce h3 span {
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    margin-top: 2px;
}
.introduce li {
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border: solid 1px #ccc;
    border-top: none;
    padding: 6px;
    min-height:227px;
}
.introduce img {
    float: left;
    margin-right: 3px;
}
.introduce imgex {
    float: left;
    margin-right: 0px;
}
.introduce li div {
    width: 70%;
    float: left;
    overflow: hidden;
}
.introduce p {
    float: right;
    line-height: 1.4;
    font-size: 12px;
    margin-bottom: 8px;
}
.introduce h4 {
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0 15px 0;
}
.introduce h4.new {
    padding: 15px 0 15px 45px;
    background: url(../img/new.png) left 50% no-repeat;
}
.introduce h4.hot {
    padding: 15px 0 15px 45px;
    background: url(../img/hot.png) left 50% no-repeat;
}
.introduce span {
    margin-right: 5px;
    float: right;
}
.introduce span a {
    display: block;
    background: #3f9f4a url(../img/d_arrow.png) 7px 50% no-repeat;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    padding: 9px 18px 9px 22px;
    color: #fff;
}
.introduce span a:hover {
    background: #47B24E url(../img/d_arrow.png) 7px 50% no-repeat;
}
.introduce .mb_b{
    margin-bottom:8px;
}
.content {
    overflow: hidden;
    width: 91.5%;
    min-width: 800px;
    margin: 0 0 30px 45px;
}
.content h2,.news h2 {
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    padding: 7px 20px;
}
.delivery {
    font-size: 14px;
    width: 100%;
}
.performance,.performance .p_wraper,.quick .p_wraper {
    border: solid 1px #ccc;
    margin: 10px 0;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.quick .p_wraper {
    overflow: hidden;
    padding-bottom: 10px;
}
.performance.dev {
    background: none;
    border: none;
    -webkit-box-shadow: none;
}
.performance.dev h2,.quick h2 {
    padding-left: 0;
    margin-bottom: 20px;
    background: url(../img/line.gif) left bottom repeat-x;
}
.quick h2 {
    padding-left: 0!important;
}

 .performance h2 span.kaihatu2 {
    padding-left: 54px;
    padding-top: 8px;
    display: block;
    background: url(../img/kaihatu.png) left 50% no-repeat;
}

 .performance h2 span.vr {
    padding-left: 54px;
    padding-top: 8px;
    display: block;
    background: url(../img/vr.png) left 50% no-repeat;
}

 .performance h2 span.kaihatu {
    padding-left: 54px;
    padding-top: 8px;
    display: block;
    background: url(../img/kaihatu_sien.png) left 50% no-repeat;
}

 .performance.dev h2 span.kaihatu {
    padding-left: 54px;
    padding-top: 8px;
    display: block;
    background: url(../img/kaihatu_sien.png) left 50% no-repeat;
}

 .performance.dev h2 span.kaihatu {
    padding-left: 54px;
    padding-top: 8px;
    display: block;
    background: url(../img/kaihatu_sien.png) left 50% no-repeat;
}
.quick {
    clear: both;
}
.sien,.inq {
    padding-left: 67px;
    padding-top: 8px;
    display: block;
    background: url(../img/sien.png) left 50% no-repeat;
}
.inq {
    padding-left: 44px;
    background: url(../img/pub.png) left 50% no-repeat;
}
.p_image {
    text-align: center;
    margin: 10px;
}
.p_image2 {
    float: right;
    width: 45%;
    margin-right: 10px;
    margin-bottom: 10px;
}
.p_image3 {
    float: left;
    width: 30%;
    margin: 10px;
}

.p_image4 {
    text-align: center;
    width: 100%;
}

.p_image2 img {
    width: 100%;
    max-width: 357px;
}
.p_image img {
    display: inline;
    width: 100%;
    max-width: 500px;
}
.p_desc {
    margin: 10px 0 10px 20px;
    clear: left;
    line-height: 1.3;
    padding: 0 1em;
}
.p_desc2 {
    float: left;
    width: 48%;
    margin: 10px;
    margin-bottom: 20px;
}
.p_desc3 {
    float: right;
    width: 60%;
    margin: 10px;
    margin-bottom: 10px;
}
.p_desc4 {
    float: right;
    width: 40%;
    margin: 10px;
    margin-bottom: 10px;
}

.performance .switch_wrap {
    width: 98%;
    margin: 0 5px 20px 5px;
    overflow: hidden;
}

.performance .vr_wrap {
    width: 100%;
    margin: 0 0px 10px 0;
}

.performance .vr_wrap2 {
    float: right;
    width: 70%;
    padding: 40px 10% 0 0;
    margin: 10px 5px 20px 0;
}

.performance .vr_wrap3 {
    float: right;
    width: 45%;
    margin: 0 5px 0 0;
}

.performance .p_wrap {
    float: right;
    width: 69%;
    margin: 0 5px 10px 0;
}

.performance .switch_wrap h4 {
    font-weight: bold;
    font-size: 16px;
    background: #5f9221;
    color: #fff;
    padding: 3px 10px 1px;
    margin-bottom: 7px;
}
.vr_sec ul{
    clear: both;
  padding: 10px;
}
.vr_sec li{
    overflow: hidden;
    margin-bottom: 7px;
}

.performance .vr_wrap h4 {
    font-weight: bold;
    font-size: 16px;
    background: #7B68EE;
    color: #fff;
    padding: 3px 15px 1px 15px;
  margin: 5px 0;
}

.performance .p_wrap h4 {
    font-weight: bold;
    font-size: 16px;
    background: #f90;
    color: #fff;
    padding: 3px 5px 1px 5px;
    float: left;
}

.performance .switch_wrap p {
    clear: left;
    overflow: hidden;
}

.performance .vr_wrap p {
    clear: left;
    overflow: hidden;
}

.performance .p_wrap p {
    clear: left;
    overflow: hidden;
    padding: 5px 5px 0 5px;
    border: dotted 1px #f90;
}

.performance .p_wrap_mega {
    float: right;
    width: 69%;
    margin: 0 5px 10px 0;
}
.performance .p_wrap_mega h4 {
    font-weight: bold;
    font-size: 16px;
    background: #f09199;
    color: #fff;
    padding: 3px 5px 1px 5px;
    float: left;
}

.performance .p_wrap_mega p {
    clear: left;
    overflow: hidden;
    padding: 5px 5px 0 5px;
    border: dotted 1px #f90;
}

.app_img {
    margin: 0 0 10px 10px;
    padding: 2px;
    width: 25%;
    border: solid 1px #ccc;
    float: left;
}

.switch_app_img {
    margin: 0 10px 7px 10px;
    padding: 2px;
    width: 95%;
    border: solid 1px #ccc;
    float: left;
}

.vr_app_img {
    margin: 0 0 0px 0px;
    padding: 0px;
    width: 100%;
    border: solid 1px #ccc;
}

.vr_app_img2 {
    margin: 0 0 0px 10px;
    padding: 2px;
    width: 15%;
    float: left;
}

.vr_app_img3 {
    margin: 0 10px 0px 0px;
    padding: 2px;
    width: 100%;
    float: left;
}

.app_link {
    display: block;
    clear: both;
    background: #999;
    text-decoration: none;
    color: #fff;
    float: right;
    font-size: 12px;
    padding: 5px 10px;
    margin: 10px 0 5px 5px;
}
.app_link:hover {
    background: #aaa;
}

.app_link2{
    background: #ff0000;
    text-decoration: none;
    color: #fff;
    float: right;
    font-size: 12px;
    padding: 5px 10px;
    margin: 10px 0 5px 5px;
}
.app_link2:hover {
    background: #aa0000;
}

.app_link3 {
    background: #00aa00;
    text-decoration: none;
    color: #fff;
    float: right;
    font-size: 12px;
    padding: 5px 10px;
    margin: 10px 0 5px 5px;
}

.app_link3:hover {
    background: #005500;
}

.app_link4 {
    background: #000000;
    text-decoration: none;
    color: #fff;
    float: right;
    font-size: 12px;
    padding: 5px 10px;
    margin: 10px 0 5px 5px;
}

.app_link4:hover {
    background: #555555;
}


.app_link_list{
    clear:both;
    margin-top:8px;
    float: right;

}

.app_link_list a{
    display: inline;
}

.content_wrap {
}
.fm {
    float: right;
    width: 35%;
    margin-right: 20px;
}
.content_wrap h4 {
    font-weight: bold;
    margin-left: 20px;
    background: #3598DB;
    color: #fff;
    margin-bottom: 10px;
    padding: 4px 10px;
    float: left;
}
.ntt_apps {
    width: 100%;
    max-width: 218px;
}
.ntt_app {
    margin: 10px 10px 10px 70px;
    float: left;
}
.ntt_link,.ntt_links {
    padding: 5px 10px;
    background: #999;
    display: block;
    text-decoration: none;
    text-shadow: none;
    color: #fff;
    float: right;
    font-size: 12px;
}
.ntt_links {
    clear: both;
    margin: 10px 7px 10px 0;
}
.ntt_link:hover,.ntt_links:hover {
    background: #aaa;
}
.ntt_link{
	margin: 0 20px 10px 0;
}
.ntt_l {
    margin: 20px 0 0 0;
}
.dev h3 {
}
.dev .technology {
    float: left;
    overflow: hidden;
    width: 50%;
    background: #eee;
    padding-top: 10px;
    margin: 0 0 20px 10px;
}
.dev .technology li {
    float: left;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    background: #333;
    margin: 0 0 10px 10px;
}
.mk {
    width: 90%;
    margin: 10px auto;
}
.content_main {
	padding: 20px 0;
/*    width: 49%;
    float: right;*/
}
.news {

    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.news div {
    overflow: auto;
    height: 300px;
    background: #fff;
    font-size: 14px;
    padding-bottom: 10px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.news table {
    width: 100%;
}
.news tr {
    display: block;
    overflow: hidden;
}
.news th {
    width: 70px;
    padding: 15px 20px;
    float: left;
    color: #666;
    line-height: 1.4;
}
.news th.new {
    background: url(../img/new_icon.png) left top no-repeat;
    padding-left: 24px;
}
.news td {
    padding: 15px 0;
    line-height: 1.4;
}
.news a {
    color: #217932;
    font-weight: bold;
}
.nagare {
    margin: 20px auto;
}
.flowchart {
    min-width: 1000px;
    margin-left: 45px;
}
.flow {
    min-width: 1000px;
    overflow: hidden;
    margin-left: 10px;
    margin-bottom: 50px;
}
.ntt .flow{
    margin: 0;
}
.flow span {
    background: #999;
    color: #fff;
    padding: 5px 10px;
    display: block;
    text-align: center;
}
.flow img {
    margin: 10px auto;
}
.flow ul {
    overflow: hidden;
    margin-bottom: 20px;
    padding-left: 6px;
}
.flow li {
    float: left;
    width: 22%;
    margin-left: 5px;
    padding-right: 25px;
    background: url(../img/arrowright.png) right 50% no-repeat;
}
.flow div {
    background: #fff;
    min-height: 16em;
    margin-bottom: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border: solid 1px #ccc;
}
.flow div p {
    font-size: 12px;
    color: #333;
    margin: 5px 15px 10px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.flow li li {
    font-size: 12px;
    width: auto;
    color: #333;
    margin: 5px 0 0 0;
    padding: 0 0 0 7px;
    background: url(../img/point.png) left 0.5em no-repeat;
}
.flow li .tc {
    overflow: hidden;
    border: solid 1px #ccc;
    padding-left: 5px;
    padding-top: 5px;
    margin: 5px;
}
.flowchart .tc li {
    float: left;
    margin: 0 5px 5px 0;
    background: #eee;
    text-shadow: 1px 1px 0 #fff;
    border: solid 1px #ccc;
    padding: 5px;
}
.pt {
    padding-top: 25px;
}
.flow .publication {
    background: none;
}
.publication p {
    clear: both;
}
.inquiry {
    width: 19em;
    margin: 0 auto;
    margin-bottom: 50px;
    border: solid 1px #fff;
    background: #1ABC9C;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.inquiry:hover {
    background: #1DD4AB;
}
.inquiry a {
    display: block;
    padding: 15px 40px 15px 80px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: url(../img/mail.png) 33px 49% no-repeat;
}
#company {
    margin-left: 230px;
    position: relative;
    max-width: 2270px;
    min-width: 1100px;
    padding-bottom: 10px;
    overflow: hidden;
}
#company section {
    margin: 0 auto;
    width: 1100px;
}
#company section h1 {
    margin-bottom: 15px;
}

#company section h2 {
    margin-bottom: 15px;
}

#company section div {
    background-color: #fff;
    border: solid 1px #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.company_photo {
    margin: 20px auto;
    padding: 2px;
    border: solid 1px #ccc;
}
#company dl {
    margin-top: 2px;
    margin-left: 46px;
    overflow: hidden;
}

#company dl.margin {
    margin-top: 21.5px;
    margin-bottom: -18.5px;
    margin-left: 46px;
    overflow: hidden;
}
#company dl.nomargin {
    margin-bottom: -18.5px;
    margin-left: 46px;
    overflow: hidden;
}

#company dt {
    padding-left: 20px;
    width: 140px;
    background-color: #f0f0f0;
    float: left;
    margin-right: 2px;
}

#company dt.color_blue_title {
    padding-left: 20px;
    width: 140px;
    background-color: #33ccff;
    float: left;
    margin-right: 2px;
}

#company dt.color_blue {
    padding-left: 20px;
    width: 140px;
    background-color: #33ccff;
    float: left;
    margin-right: 2px;
}

#company dt.color_red_title {
    padding-left: 20px;
    width: 140px;
    background-color: #ff8080;
    float: left;
    margin-right: 2px;
}

#company dt.color_red {
    padding-left: 20px;
    width: 140px;
    background-color: #ff8080;
    float: left;
    margin-right: 2px;
}

#company dt.color_green_title {
    padding-left: 20px;
    width: 140px;
    background-color: #90ee90;
    float: left;
    margin-right: 2px;
}

#company dt.color_green {
    padding-left: 20px;
    width: 140px;
    background-color: #90ee90;
    float: left;
    margin-right: 2px;
}

#company dt span {
    font-weight: bold;
}
#company dd {
    width: 825px;
    padding-left: 20px;
    background: #f9f9f9;
    float: left;
}
#company dt,#company dd {
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}
#company dt span,#company dd span {
    display: block;
    padding: 14px 0;
}
#company dd a {
    color: #217932;
    line-height: 1.6;
    text-decoration: underline;
}

.porint_c a {
    background: url(../img/com_point.png) left 0.6em no-repeat;
    padding-left: 10px;
}
.map a {
    padding-left: 20px;
    background: url(../img/map.png) left 0.2em no-repeat;
}

#company h2 {
    margin-top: 40px;
    margin-bottom: 10px;
    margin-left: 10px;
}

iframe {
    margin-top: 20px;
    margin-left: 46px;
}
#development {
    position: relative;
    margin-left: 230px;
    max-width: 2270px;
    min-width: 1100px;
    margin-bottom: 10px;
    overflow: hidden;
}
.breadcrumbs {
    background-color: #545454;
    padding: 10px 30px;
    font-size: 12px;
    margin-bottom: 50px;
    overflow: hidden;
}
.breadcrumbs li {
    float: left;
    margin-right: 5px;
}
.mark a {
    text-decoration: none;
    cursor: default;
}
.breadcrumbs,.breadcrumbs a {
    color: #fff;
}
.development_main {
    width: 1100px;
    margin: 0 auto;
}
.development_main ul {
    overflow: hidden;
}
.development_main li {
    margin: 0 5px;
    border: solid 1px #aaa;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    overflow: hidden;
    float: left;
}
.development_main h3 {
    font-weight: bold;
    border-left: solid 2px #333;
    padding-left: 6px;
    margin-left: 5px;
    margin-bottom: 10px;
}
.development_main h2 {
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 3px;
    color: #333;
}
.google_appli {
    margin-bottom: 20px;
    padding-top: 10px;
    background-color: #217932;
}
.google_appli h2 {
    color: #fff;
}
.main_appli p,.google_play p {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 10px;
}
.suggestion {
    margin: 0 auto 20px;
}
.main_appli a,.google_play a {
    float: right;
    margin-left: 5px;
}
.main_appli a img,.google_play a img {
    display: inline;
}
.main_appli li {
    width: 322px;
    padding: 15px;
}
.google_play {
    margin: 0 auto;
}
.google_play li {
    width: 248px;
    padding: 7px;
    margin-bottom: 10px;
}
.google_play img {
    height: 149px;
}
.google_play a img {
    height: 35px;
}
#expenses {
    position: relative;
    max-width: 2500px;
    min-width: 1100px;
    overflow: hidden;
    margin-left: 230px;
    padding-bottom: 10px;
}
.expenses_main {
    width: 1100px;
    margin: 0 auto;
}
.expenses_main h1 {
    background: url(../img/kaihatu.png) left 3px no-repeat;
    padding: 7px 0 5px 55px;
}
.expenses_main h2 {
    width: 30%;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    padding: 7px 20px;
}
.expenses_main section {
    margin-bottom: 40px;
}
.expenses_main section section {
    position: relative;
}
.just h2 {
    background-color: #f90;
    text-shadow: 0px 0px #f60,1px 1px #f60,2px 2px #f60,3px 3px #f60,4px 4px #f60,5px 5px #f60,6px 6px #f60,7px 7px #f60,8px 8px #f60,9px 9px #f60,10px 10px #f60,11px 11px #f60,12px 12px #f60,13px 13px #f60,14px 14px #f60,15px 15px #f60,16px 16px #f60,17px 17px #f60,18px 18px #f60,19px 19px #f60,20px 20px #f60,21px 21px #f60,22px 22px #f60,23px 23px #f60,24px 24px #f60,25px 25px #f60,26px 26px #f60,27px 27px #f60,28px 28px #f60,29px 29px #f60,30px 30px #f60,31px 31px #f60;
}
.mega h2 {
    background-color: #fa86a5;
    text-shadow: 0px 0px #ea5e71,1px 1px #ea5e71,2px 2px #ea5e71,3px 3px #ea5e71,4px 4px #ea5e71,5px 5px #ea5e71,6px 6px #ea5e71,7px 7px #ea5e71,8px 8px #ea5e71,9px 9px #ea5e71,10px 10px #ea5e71,11px 11px #ea5e71,12px 12px #ea5e71,13px 13px #ea5e71,14px 14px #ea5e71,15px 15px #ea5e71,16px 16px #ea5e71,17px 17px #ea5e71,18px 18px #ea5e71,19px 19px #ea5e71,20px 20px #ea5e71,21px 21px #ea5e71,22px 22px #ea5e71,23px 23px #ea5e71,24px 24px #ea5e71,25px 25px #ea5e71,26px 26px #ea5e71,27px 27px #ea5e71,28px 28px #ea5e71,29px 29px #ea5e71,30px 30px #ea5e71,31px 31px #ea5e71;
}
.ntt h2 {
    background-color: #36c;
    text-shadow: 0px 0px #369,1px 1px #369,2px 2px #369,3px 3px #369,4px 4px #369,5px 5px #369,6px 6px #369,7px 7px #369,8px 8px #369,9px 9px #369,10px 10px #369,11px 11px #369,12px 12px #369,13px 13px #369,14px 14px #369,15px 15px #369,16px 16px #369,17px 17px #369,18px 18px #369,19px 19px #369,20px 20px #369,21px 21px #369,22px 22px #369,23px 23px #369,24px 24px #369,25px 25px #369,26px 26px #369,27px 27px #369,28px 28px #369,29px 29px #369,30px 30px #369,31px 31px #369;
}
.support h2 {
    background-color: #777;
    text-shadow: 0px 0px #666,1px 1px #666,2px 2px #666,3px 3px #666,4px 4px #666,5px 5px #666,6px 6px #666,7px 7px #666,8px 8px #666,9px 9px #666,10px 10px #666,11px 11px #666,12px 12px #666,13px 13px #666,14px 14px #666,15px 15px #666,16px 16px #666,17px 17px #666,18px 18px #666,19px 19px #666,20px 20px #666,21px 21px #666,22px 22px #666,23px 23px #666,24px 24px #666,25px 25px #666,26px 26px #666,27px 27px #666,28px 28px #666,29px 29px #666,30px 30px #666,31px 31px #666;
}
.pesoguin h2 {
    background-color: #00c557;
    text-shadow: 0px 0px #0fb357,1px 1px #0fb357,2px 2px #0fb357,3px 3px #0fb357,4px 4px #0fb357,5px 5px #0fb357,6px 6px #0fb357,7px 7px #0fb357,8px 8px #0fb357,9px 9px #0fb357,10px 10px #0fb357,11px 11px #0fb357,12px 12px #0fb357,13px 13px #0fb357,14px 14px #0fb357,15px 15px #0fb357,16px 16px #0fb357,17px 17px #0fb357,18px 18px #0fb357,19px 19px #0fb357,20px 20px #0fb357,21px 21px #0fb357,22px 22px #0fb357,23px 23px #0fb357,24px 24px #0fb357,25px 25px #0fb357,26px 26px #0fb357,27px 27px #0fb357,28px 28px #0fb357,29px 29px #0fb357,30px 30px #0fb357,31px 31px #0fb357;
}
.expenses_main h2 span {
    color: #eee;
    font-style: italic;
    background: none;
    text-shadow: none;
    float: right;
    margin-top: 7px;
    font-size: 12px;
}
.just section,.mega section,.ntt section,.support section,.pesoguin section {
    border: solid 1px #ccc;
    margin: 10px 0;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.just h3 {
    font-weight: bold;
    font-size: 16px;
    background: #f90;
    color: #fff;
    padding: 3px 5px 1px 5px;
    float: left;
}
.mega h3 {
    font-weight: bold;
    font-size: 16px;
    background: #FA86A5;
    color: #fff;
    padding: 3px 5px 1px 5px;
    float: left;
}
.expenses_img {
    float: left;
    margin: 15px;
}
.just_smile {
    overflow: hidden;
    width: 44%;
    float: left;
}
.mega_house {
    overflow: hidden;
    width: 44%;
    float: left;
    margin-bottom: 10px
}
.just .justimg {
    clear: left;
    float: left;
    margin: 0 15px;
}
.mega .megaimg {
    clear: left;
    float: left;
    margin: 0 15px;
}

.just .lunchimg,.ntt .vegetableimg {
    margin-top: 0;
}
.just_wrap p {
    line-height: 1.4;
    font-size: 16px;
    margin-bottom: 10px;
}
.mega_wrap p {
    line-height: 1.4;
    font-size: 16px;
    margin-bottom: 10px;
}
.just .cycle {
    font-size: 18px;
    font-weight: bold;
    color: #f90;
    margin: 10px 10px 5px;
    background: none;
    padding: 0;
    float: none;
}
.mega .cycle {
    font-size: 18px;
    font-weight: bold;
    color: #fa86a5;
    margin: 10px 10px 5px;
    background: none;
    padding: 0;
    float: none;
}
.fs {
    font-size: 12px;
    line-height: 1.4;
}
.point {
    background: #eee;
    overflow: hidden;
    margin-bottom: 10px;
    text-shadow: 1px 1px 0 #fff;
}
.just ul span {
    font-weight: bold;
    color: #666;
    float: left;
    width: 7em;
    clear: left;
    margin-right: 6px;
}
.mega ul span {
    font-weight: bold;
    color: #666;
    float: left;
    width: 13em;
    clear: left;
    margin-right: 6px;
}
.just ul p {
    font-size: 16px;
    float: left;
    width: 420px;
}
.mega ul p {
    font-size: 16px;
    float: left;
    width: 500px;
}
.just ul {
    float: left;
    margin-left: 30px;
    overflow: hidden;
}
.mega ul {
    float: left;
    margin-left: 30px;
    overflow: hidden;
}
.just ul li {
    float: left;
    margin-right: 10px;
    line-height: 1.4;
}
.mega ul li {
    float: left;
    margin-right: 10px;
    line-height: 1.4;
}
.just li p {
    margin-bottom: 5px;
}
.mega li p {
    margin-bottom: 5px;
}
.apple_introduce {
    width: 55%;
    float: left;
}

.apple_introduce p {
    clear: left;
    overflow: hidden;
    padding: 5px 5px 0 5px;
}

.just .apple_introduce p {
    border: dotted 1px #f90;
}
.mega .apple_introduce p {
    border: dotted 1px #f90;
}
.ntt .apple_introduce p {
    border: dotted 1px #36c;
}
.ntt_wrap,.mega_wrap,.just_wrap,.support div {
    width: 53%;
    float: right;
    margin-top: 3px;
    margin-right:10px;
}
.ntt_wrap h3 {
    float: left;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 7px;
    background-color: #36c;
}
.ntt ul {
    width: 950px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
.ntt li {
    font-size: 16px;
    float: left;
    margin-right: 25px;
}
.ntt_wrap p {
    margin-bottom: 7px;
    clear: both;
}
.apple_introduce h4 {
    font-weight: bold;
    font-size: 16px;
    background: #36c;
    color: #fff;
    padding: 3px 5px 1px 5px;
    float: left;
}
.support ul {
    overflow: hidden;
    margin: 10px 0;
    padding: 5px;
    background-color: #eee;
}
.support li {
    float: left;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    background: #333;
    margin: 5px;
}
.support h3 {
    float: left;
    color: #000;
    text-shadow: 1px 1px 0 #fff;
    padding: 5px 10px;
    background: url(../img/expenses.png) 5px 46% no-repeat;
    padding-left: 25px;
    font-weight: bold;
}

.activity_example {
    margin-left: 8px;
    font-size: 12px;
    font-weight: normal;
}
.t_custom .activity_example,
.exs .activity_example {
    display: inline;
    margin: 0 0 0 8px;
    font-weight: normal;
}
.support p {
    font-size: 14px;
    clear: both;
    padding: 10px 0 0 10px;
    line-height: 1.3;
}
.pesoguin div {
    width: 52%;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}
.pesoguin h3,.t_custom h4 {
    float: left;
    font-weight: bold;
    background: url(../img/expenses.png) 5px 46% no-repeat;
    color: #000;
    padding: 5px 10px 5px 27px;
    margin: 5px 0 10px 15px;
}
.pesoguin p {
    clear: both;
    margin: 0 0 15px 20px;
    font-size: 16px;
    line-height: 1.4;
}
.app_all img {
    margin-left:15px;
}
.pesoguin p .aplink {
    color: #333;
    text-shadow: 1px 1px 0 #fff;
    padding: 5px 10px;
    display: block;
    float: right;
    background: #ccc;
    margin: 5px 5px 10px 0;
    font-size: 12px;
    text-decoration: none;
}
.pesoguin p .aplink:hover {
    background: #999;
}
.pesoguin p.sa_l {
}
.pesoguin p.sa_l img {
    display: inline;
}
#fantasy {
    margin-left: 230px;
    position: relative;
    max-width: 2270px;
    min-width: 1100px;
    padding-bottom: 10px;
    background-color: #000;
    overflow: hidden;
}
.fantasy_main {
    width: 960px;
    margin: 20px auto;
}
.fantasy_nav,.fantasy_nav img,.monsterscoin_nav,.monsterscoin_nav img {
    margin-bottom: 10px;
}
.fantasy_nav ul,.monsterscoin_nav ul {
    overflow: hidden;
    background-color: #217932;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.fantasy_nav ul {
    background: #333;
}
.fantasy_nav li,.monsterscoin_nav li {
    float: left;
}
.fantasy_nav a,.monsterscoin_nav a {
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #fff;
}
.fantasy_nav a {
    font-size: 18px;
    padding: 7px 16px;
}
.sns_list li {
    margin-bottom: 10px;
}
.sns_list iframe {
    margin-top: 0;
}
.monsterscoin_nav a {
    font-size: 16px;
    padding: 8px 16px;
}
.fantasy_nav a:hover,.monsterscoin_nav a:hover {
    color: #333;
    background-color: #ff0;
}
.main_content {
    overflow: hidden;
}
.main_content p {
    font-size: 12px;
    margin-bottom: 5px;
}
.beautiful,.dropped_coins {
    width: 600px;
    float: left;
}
.beautiful div,.dropped_coins div {
    margin-left: 10px;
}
.beautiful p {
    text-align: center;
    color: #fff;
}
.fantasy_game {
    margin: 8px 0;
}
.fantasy_person,.monsterscoin_person {
    margin: 0 auto;
}
.information {
    float: right;
}
.information div {
    margin-top: 10px;
    margin-right: 10px;
}
#fantasy .information p {
    color: #fff;
}
.information p {
    text-align: center;
}
.mage {
    margin: 20px 0;
}
#slider_block {
    position: relative;
    width: 320px;
    height: 192px;
    margin-bottom: 10px;
}
#power {
    position: relative;
    overflow: hidden;
    width: 320px;
    height: 192px;
}
#power li {
    height: 192px;
}
.information ul {
    margin-bottom: 55px;
}
.information li {
    margin-bottom: 10px;
}
.information li a img {
    display: inline;
}
.download {
    text-align: center;
}
#monsterscoin {
    margin-left: 230px;
    position: relative;
    max-width: 2270px;
    min-width: 1100px;
    padding-bottom: 10px;
    overflow: hidden;
    background: url(../img/mon_bg.png) left top repeat;
}
.monsterscoin_main {
    width: 960px;
    margin: 20px auto;
    background-color: #ffffcc;
}
.event {
    margin-top: 30px;
    color: #ddd;
}
.enent_img {
    display: inline;
    text-align: center;
    margin-bottom: 30px;
}
.development_main h2 {
    margin: 30px 0;
    padding: 5px 10px;
    font-size: 26px;
    background: #3C42FB;
    color: white;
    overflow: hidden;
    text-shadow: 0px 0px #0309aa, 1px 1px #0309aa, 2px 2px #0309aa, 3px 3px #0309aa, 4px 4px #0309aa, 5px 5px #0309aa, 6px 6px #0309aa, 7px 7px #0309aa, 8px 8px #0309aa, 9px 9px #0309aa, 10px 10px #0309aa, 11px 11px #0309aa, 12px 12px #0309aa, 13px 13px #0309aa, 14px 14px #0309aa, 15px 15px #0309aa, 16px 16px #0309aa, 17px 17px #0309aa, 18px 18px #0309aa, 19px 19px #0309aa, 20px 20px #0309aa, 21px 21px #0309aa, 22px 22px #0309aa, 23px 23px #0309aa, 24px 24px #0309aa, 25px 25px #0309aa, 26px 26px #0309aa, 27px 27px #0309aa, 28px 28px #0309aa, 29px 29px #0309aa, 30px 30px #0309aa, 31px 31px #0309aa;
}
.new_appli h3 {
    background: #5BA246;
    text-shadow: 0px 0px #457939, 1px 1px #457939, 2px 2px #457939, 3px 3px #457939, 4px 4px #457939, 5px 5px #457939, 6px 6px #457939, 7px 7px #457939, 8px 8px #457939, 9px 9px #457939, 10px 10px #457939, 11px 11px #457939, 12px 12px #457939, 13px 13px #457939, 14px 14px #457939, 15px 15px #457939, 16px 16px #457939, 17px 17px #457939, 18px 18px #457939, 19px 19px #457939, 20px 20px #457939, 21px 21px #457939, 22px 22px #457939, 23px 23px #457939, 24px 24px #457939, 25px 25px #457939, 26px 26px #457939, 27px 27px #457939, 28px 28px #457939, 29px 29px #457939, 30px 30px #457939, 31px 31px #457939;
}
#school h2 {
    background: #5BA246;
    text-shadow: 0px 0px #457939, 1px 1px #457939, 2px 2px #457939, 3px 3px #457939, 4px 4px #457939, 5px 5px #457939, 6px 6px #457939, 7px 7px #457939, 8px 8px #457939, 9px 9px #457939, 10px 10px #457939, 11px 11px #457939, 12px 12px #457939, 13px 13px #457939, 14px 14px #457939, 15px 15px #457939, 16px 16px #457939, 17px 17px #457939, 18px 18px #457939, 19px 19px #457939, 20px 20px #457939, 21px 21px #457939, 22px 22px #457939, 23px 23px #457939, 24px 24px #457939, 25px 25px #457939, 26px 26px #457939, 27px 27px #457939, 28px 28px #457939, 29px 29px #457939, 30px 30px #457939, 31px 31px #457939;
}

#esports h2 {
    background: #1e90ff;
    text-shadow: 0px 0px #1564b3, 1px 1px #1564b3, 2px 2px #1564b3, 3px 3px #1564b3, 4px 4px #1564b3, 5px 5px #1564b3, 6px 6px #1564b3, 7px 7px #1564b3, 8px 8px #1564b3, 9px 9px #1564b3, 10px 10px #1564b3, 11px 11px #1564b3, 12px 12px #1564b3, 13px 13px #1564b3, 14px 14px #1564b3, 15px 15px #1564b3, 16px 16px #1564b3, 17px 17px #1564b3, 18px 18px #1564b3, 19px 19px #1564b3, 20px 20px #1564b3, 21px 21px #1564b3, 22px 22px #1564b3, 23px 23px #1564b3, 24px 24px #1564b3, 25px 25px #1564b3, 26px 26px #1564b3, 27px 27px #1564b3, 28px 28px #1564b3, 29px 29px #1564b3, 30px 30px #1564b3, 31px 31px #1564b3;
}

#arcade_action h2 {
    background: #F1C40F;
    text-shadow: 0px 0px #F39C11, 1px 1px #F39C11, 2px 2px #F39C11, 3px 3px #F39C11, 4px 4px #F39C11, 5px 5px #F39C11, 6px 6px #F39C11, 7px 7px #F39C11, 8px 8px #F39C11, 9px 9px #F39C11, 10px 10px #F39C11, 11px 11px #F39C11, 12px 12px #F39C11, 13px 13px #F39C11, 14px 14px #F39C11, 15px 15px #F39C11, 16px 16px #F39C11, 17px 17px #F39C11, 18px 18px #F39C11, 19px 19px #F39C11, 20px 20px #F39C11, 21px 21px #F39C11, 22px 22px #F39C11, 23px 23px #F39C11, 24px 24px #F39C11, 25px 25px #F39C11, 26px 26px #F39C11, 27px 27px #F39C11, 28px 28px #F39C11, 29px 29px #F39C11, 30px 30px #F39C11, 31px 31px #F39C11;
}
#easy h2 {
    background: #9A59B5;
    text-shadow: 0px 0px #8D44AD,1px 1px #8D44AD,2px 2px #8D44AD,3px 3px #8D44AD,4px 4px #8D44AD,5px 5px #8D44AD,6px 6px #8D44AD,7px 7px #8D44AD,8px 8px #8D44AD,9px 9px #8D44AD,10px 10px #8D44AD,11px 11px #8D44AD,12px 12px #8D44AD,13px 13px #8D44AD,14px 14px #8D44AD,15px 15px #8D44AD,16px 16px #8D44AD,17px 17px #8D44AD,18px 18px #8D44AD,19px 19px #8D44AD,20px 20px #8D44AD,21px 21px #8D44AD,22px 22px #8D44AD,23px 23px #8D44AD,24px 24px #8D44AD,25px 25px #8D44AD,26px 26px #8D44AD,27px 27px #8D44AD,28px 28px #8D44AD,29px 29px #8D44AD,30px 30px #8D44AD,31px 31px #8D44AD;
}
#casual h2,.recommended h3 {
    background: #E84C3D;
    text-shadow: 0px 0px #C1392B, 1px 1px #C1392B, 2px 2px #C1392B, 3px 3px #C1392B, 4px 4px #C1392B, 5px 5px #C1392B, 6px 6px #C1392B, 7px 7px #C1392B, 8px 8px #C1392B, 9px 9px #C1392B, 10px 10px #C1392B, 11px 11px #C1392B, 12px 12px #C1392B, 13px 13px #C1392B, 14px 14px #C1392B, 15px 15px #C1392B, 16px 16px #C1392B, 17px 17px #C1392B, 18px 18px #C1392B, 19px 19px #C1392B, 20px 20px #C1392B, 21px 21px #C1392B, 22px 22px #C1392B, 23px 23px #C1392B, 24px 24px #C1392B, 25px 25px #C1392B, 26px 26px #C1392B, 27px 27px #C1392B, 28px 28px #C1392B, 29px 29px #C1392B, 30px 30px #C1392B, 31px 31px #C1392B;
}
#puzzle h2 {
    background: #2D3E50;
    text-shadow: 0px 0px #141c24,1px 1px #141c24,2px 2px #141c24,3px 3px #141c24,4px 4px #141c24,5px 5px #141c24,6px 6px #141c24,7px 7px #141c24,8px 8px #141c24,9px 9px #141c24,10px 10px #141c24,11px 11px #141c24,12px 12px #141c24,13px 13px #141c24,14px 14px #141c24,15px 15px #141c24,16px 16px #141c24,17px 17px #141c24,18px 18px #141c24,19px 19px #141c24,20px 20px #141c24,21px 21px #141c24,22px 22px #141c24,23px 23px #141c24,24px 24px #141c24,25px 25px #141c24,26px 26px #141c24,27px 27px #141c24,28px 28px #141c24,29px 29px #141c24,30px 30px #141c24,31px 31px #141c24;
}
#cards_casino h2 {
    background: #D25400;
    text-shadow: 0px 0px #993d00,1px 1px #993d00,2px 2px #993d00,3px 3px #993d00,4px 4px #993d00,5px 5px #993d00,6px 6px #993d00,7px 7px #993d00,8px 8px #993d00,9px 9px #993d00,10px 10px #993d00,11px 11px #993d00,12px 12px #993d00,13px 13px #993d00,14px 14px #993d00,15px 15px #993d00,16px 16px #993d00,17px 17px #993d00,18px 18px #993d00,19px 19px #993d00,20px 20px #993d00,21px 21px #993d00,22px 22px #993d00,23px 23px #993d00,24px 24px #993d00,25px 25px #993d00,26px 26px #993d00,27px 27px #993d00,28px 28px #993d00,29px 29px #993d00,30px 30px #993d00,31px 31px #993d00;
}
#life_style h2 {
    background: #34495E;
    text-shadow: 0px 0px #2D3E50,1px 1px #2D3E50,2px 2px #2D3E50,3px 3px #2D3E50,4px 4px #2D3E50,5px 5px #2D3E50,6px 6px #2D3E50,7px 7px #2D3E50,8px 8px #2D3E50,9px 9px #2D3E50,10px 10px #2D3E50,11px 11px #2D3E50,12px 12px #2D3E50,13px 13px #2D3E50,14px 14px #2D3E50,15px 15px #2D3E50,16px 16px #2D3E50,17px 17px #2D3E50,18px 18px #2D3E50,19px 19px #2D3E50,20px 20px #2D3E50,21px 21px #2D3E50,22px 22px #2D3E50,23px 23px #2D3E50,24px 24px #2D3E50,25px 25px #2D3E50,26px 26px #2D3E50,27px 27px #2D3E50,28px 28px #2D3E50,29px 29px #2D3E50,30px 30px #2D3E50,31px 31px #2D3E50;
}
#tool h2 {
    background: #16A086;
    text-shadow: 0px 0px #117966,1px 1px #117966,2px 2px #117966,3px 3px #117966,4px 4px #117966,5px 5px #117966,6px 6px #117966,7px 7px #117966,8px 8px #117966,9px 9px #117966,10px 10px #117966,11px 11px #117966,12px 12px #117966,13px 13px #117966,14px 14px #117966,15px 15px #117966,16px 16px #117966,17px 17px #117966,18px 18px #117966,19px 19px #117966,20px 20px #117966,21px 21px #117966,22px 22px #117966,23px 23px #117966,24px 24px #117966,25px 25px #117966,26px 26px #117966,27px 27px #117966,28px 28px #117966,29px 29px #117966,30px 30px #117966,31px 31px #117966;
}
#switch h2 {
    background: #e60000;
    text-shadow: 0px 0px #660000,1px 1px #660000,2px 2px #660000,3px 3px #660000,4px 4px #660000,5px 5px #660000,6px 6px #660000,7px 7px #660000,8px 8px #660000,9px 9px #660000,10px 10px #660000,11px 11px #660000,12px 12px #660000,13px 13px #660000,14px 14px #660000,15px 15px #660000,16px 16px #660000,17px 17px #660000,18px 18px #660000,19px 19px #660000,20px 20px #660000,21px 21px #660000,22px 22px #660000,23px 23px #660000,24px 24px #660000,25px 25px #660000,26px 26px #660000,27px 27px #660000,28px 28px #660000,29px 29px #660000,30px 30px #660000,31px 31px #660000;
}
#vr h2 {
    background: #3453b3;
    text-shadow: 0px 0px #1e3066,1px 1px #1e3066,2px 2px #1e3066,3px 3px #1e3066,4px 4px #1e3066,5px 5px #1e3066,6px 6px #1e3066,7px 7px #1e3066,8px 8px #1e3066,9px 9px #1e3066,10px 10px #1e3066,11px 11px #1e3066,12px 12px #1e3066,13px 13px #1e3066,14px 14px #1e3066,15px 15px #1e3066,16px 16px #1e3066,17px 17px #1e3066,18px 18px #1e3066,19px 19px #1e3066,20px 20px #1e3066,21px 21px #1e3066,22px 22px #1e3066,23px 23px #1e3066,24px 24px #1e3066,25px 25px #1e3066,26px 26px #1e3066,27px 27px #1e3066,28px 28px #1e3066,29px 29px #1e3066,30px 30px #1e3066,31px 31px #1e3066;
}
#stop h2 {
    background: #95A5A5;
    text-shadow: 0px 0px #7e9191,1px 1px #7e9191,2px 2px #7e9191,3px 3px #7e9191,4px 4px #7e9191,5px 5px #7e9191,6px 6px #7e9191,7px 7px #7e9191,8px 8px #7e9191,9px 9px #7e9191,10px 10px #7e9191,11px 11px #7e9191,12px 12px #7e9191,13px 13px #7e9191,14px 14px #7e9191,15px 15px #7e9191,16px 16px #7e9191,17px 17px #7e9191,18px 18px #7e9191,19px 19px #7e9191,20px 20px #7e9191,21px 21px #7e9191,22px 22px #7e9191,23px 23px #7e9191,24px 24px #7e9191,25px 25px #7e9191,26px 26px #7e9191,27px 27px #7e9191,28px 28px #7e9191,29px 29px #7e9191,30px 30px #7e9191,31px 31px #7e9191;
}

#entertainment h2,.popularity h3 {

    background: #1BBC9B;
    text-shadow: 0px 0px #16A086,1px 1px #16A086,2px 2px #16A086,3px 3px #16A086,4px 4px #16A086,5px 5px #16A086,6px 6px #16A086,7px 7px #16A086,8px 8px #16A086,9px 9px #16A086,10px 10px #16A086,11px 11px #16A086,12px 12px #16A086,13px 13px #16A086,14px 14px #16A086,15px 15px #16A086,16px 16px #16A086,17px 17px #16A086,18px 18px #16A086,19px 19px #16A086,20px 20px #16A086,21px 21px #16A086,22px 22px #16A086,23px 23px #16A086,24px 24px #16A086,25px 25px #16A086,26px 26px #16A086,27px 27px #16A086,28px 28px #16A086,29px 29px #16A086,30px 30px #16A086,31px 31px #16A086;
}
#sports h2 {
    background: #3598DB;
    text-shadow: 0px 0px #297FB8,1px 1px #297FB8,2px 2px #297FB8,3px 3px #297FB8,4px 4px #297FB8,5px 5px #297FB8,6px 6px #297FB8,7px 7px #297FB8,8px 8px #297FB8,9px 9px #297FB8,10px 10px #297FB8,11px 11px #297FB8,12px 12px #297FB8,13px 13px #297FB8,14px 14px #297FB8,15px 15px #297FB8,16px 16px #297FB8,17px 17px #297FB8,18px 18px #297FB8,19px 19px #297FB8,20px 20px #297FB8,21px 21px #297FB8,22px 22px #297FB8,23px 23px #297FB8,24px 24px #297FB8,25px 25px #297FB8,26px 26px #297FB8,27px 27px #297FB8,28px 28px #297FB8,29px 29px #297FB8,30px 30px #297FB8,31px 31px #297FB8;
}
#books_reference h2 {
    background: #777;
    text-shadow: 0px 0px #666,1px 1px #666,2px 2px #666,3px 3px #666,4px 4px #666,5px 5px #666,6px 6px #666,7px 7px #666,8px 8px #666,9px 9px #666,10px 10px #666,11px 11px #666,12px 12px #666,13px 13px #666,14px 14px #666,15px 15px #666,16px 16px #666,17px 17px #666,18px 18px #666,19px 19px #666,20px 20px #666,21px 21px #666,22px 22px #666,23px 23px #666,24px 24px #666,25px 25px #666,26px 26px #666,27px 27px #666,28px 28px #666,29px 29px #666,30px 30px #666,31px 31px #666;
}
#other h2,.news h2 {
    background: #95A5A5;
    text-shadow: 0px 0px #7E8C8D,1px 1px #7E8C8D,2px 2px #7E8C8D,3px 3px #7E8C8D,4px 4px #7E8C8D,5px 5px #7E8C8D,6px 6px #7E8C8D,7px 7px #7E8C8D,8px 8px #7E8C8D,9px 9px #7E8C8D,10px 10px #7E8C8D,11px 11px #7E8C8D,12px 12px #7E8C8D,13px 13px #7E8C8D,14px 14px #7E8C8D,15px 15px #7E8C8D,16px 16px #7E8C8D,17px 17px #7E8C8D,18px 18px #7E8C8D,19px 19px #7E8C8D,20px 20px #7E8C8D,21px 21px #7E8C8D,22px 22px #7E8C8D,23px 23px #7E8C8D,24px 24px #7E8C8D,25px 25px #7E8C8D,26px 26px #7E8C8D,27px 27px #7E8C8D,28px 28px #7E8C8D,29px 29px #7E8C8D,30px 30px #7E8C8D,31px 31px #7E8C8D;
}
#family h2{
    background: #2BC1AF;
    text-shadow: 0px 0px #2C9689,1px 1px #2C9689,2px 2px #2C9689,3px 3px #2C9689,4px 4px #2C9689,5px 5px #2C9689,6px 6px #2C9689,7px 7px #2C9689,8px 8px #2C9689,9px 9px #2C9689,10px 10px #2C9689,11px 11px #2C9689,12px 12px #2C9689,13px 13px #2C9689,14px 14px #2C9689,15px 15px #2C9689,16px 16px #2C9689,17px 17px #2C9689,18px 18px #2C9689,19px 19px #2C9689,20px 20px #2C9689,21px 21px #2C9689,22px 22px #2C9689,23px 23px #2C9689,24px 24px #2C9689,25px 25px #2C9689,26px 26px #2C9689,27px 27px #2C9689,28px 28px #2C9689,29px 29px #2C9689,30px 30px #2C9689,31px 31px #2C9689;
}
.delivery h3 {
    background: #f90;
    text-shadow: 0px 0px #E77E22,1px 1px #E77E22,2px 2px #E77E22,3px 3px #E77E22,4px 4px #E77E22,5px 5px #E77E22,6px 6px #E77E22,7px 7px #E77E22,8px 8px #E77E22,9px 9px #E77E22,10px 10px #E77E22,11px 11px #E77E22,12px 12px #E77E22,13px 13px #E77E22,14px 14px #E77E22,15px 15px #E77E22,16px 16px #E77E22,17px 17px #E77E22,18px 18px #E77E22,19px 19px #E77E22,20px 20px #E77E22,21px 21px #E77E22,22px 22px #E77E22,23px 23px #E77E22,24px 24px #E77E22,25px 25px #E77E22,26px 26px #E77E22,27px 27px #E77E22,28px 28px #E77E22,29px 29px #E77E22,30px 30px #E77E22,31px 31px #E77E22;
}

.p_main h3 {
    background: #f90;
    text-shadow: 0px 0px #E77E22,1px 1px #E77E22,2px 2px #E77E22,3px 3px #E77E22,4px 4px #E77E22,5px 5px #E77E22,6px 6px #E77E22,7px 7px #E77E22,8px 8px #E77E22,9px 9px #E77E22,10px 10px #E77E22,11px 11px #E77E22,12px 12px #E77E22,13px 13px #E77E22,14px 14px #E77E22,15px 15px #E77E22,16px 16px #E77E22,17px 17px #E77E22,18px 18px #E77E22,19px 19px #E77E22,20px 20px #E77E22,21px 21px #E77E22,22px 22px #E77E22,23px 23px #E77E22,24px 24px #E77E22,25px 25px #E77E22,26px 26px #E77E22,27px 27px #E77E22,28px 28px #E77E22,29px 29px #E77E22,30px 30px #E77E22,31px 31px #E77E22;
}

.delivery .switch_sec h3 {
    background: #86b949;
    text-shadow: 0px 0px #5f9221,1px 1px #5f9221,2px 2px #5f9221,3px 3px #5f9221,4px 4px #5f9221,5px 5px #5f9221,6px 6px #5f9221,7px 7px #5f9221,8px 8px #5f9221,9px 9px #5f9221,10px 10px #5f9221,11px 11px #5f9221,12px 12px #5f9221,13px 13px #5f9221,14px 14px #5f9221,15px 15px #5f9221,16px 16px #5f9221,17px 17px #5f9221,18px 18px #5f9221,19px 19px #5f9221,20px 20px #5f9221,21px 21px #5f9221,22px 22px #5f9221,23px 23px #5f9221,24px 24px #5f9221,25px 25px #5f9221,26px 26px #5f9221,27px 27px #5f9221,28px 28px #5f9221,29px 29px #5f9221,30px 30px #5f9221,31px 31px #5f9221;
    font-weight: bold;
}

.delivery .vr_sec h3 {
    background: #7B68EE;
    text-shadow: 0px 0px #6A5ACD,1px 1px #6A5ACD,2px 2px #6A5ACD,3px 3px #6A5ACD,4px 4px #6A5ACD,5px 5px #6A5ACD,6px 6px #6A5ACD,7px 7px #6A5ACD,8px 8px #6A5ACD,9px 9px #6A5ACD,10px 10px #6A5ACD,11px 11px #6A5ACD,12px 12px #6A5ACD,13px 13px #6A5ACD,14px 14px #6A5ACD,15px 15px #6A5ACD,16px 16px #6A5ACD,17px 17px #6A5ACD,18px 18px #6A5ACD,19px 19px #6A5ACD,20px 20px #6A5ACD,21px 21px #6A5ACD,22px 22px #6A5ACD,23px 23px #6A5ACD,24px 24px #6A5ACD,25px 25px #6A5ACD,26px 26px #6A5ACD,27px 27px #6A5ACD,28px 28px #6A5ACD,29px 29px #6A5ACD,30px 30px #6A5ACD,31px 31px #6A5ACD;
    font-weight: bold;
}

.p_main .vr_sec h3 {
    background: #7B68EE;
    text-shadow: 0px 0px #6A5ACD,1px 1px #6A5ACD,2px 2px #6A5ACD,3px 3px #6A5ACD,4px 4px #6A5ACD,5px 5px #6A5ACD,6px 6px #6A5ACD,7px 7px #6A5ACD,8px 8px #6A5ACD,9px 9px #6A5ACD,10px 10px #6A5ACD,11px 11px #6A5ACD,12px 12px #6A5ACD,13px 13px #6A5ACD,14px 14px #6A5ACD,15px 15px #6A5ACD,16px 16px #6A5ACD,17px 17px #6A5ACD,18px 18px #6A5ACD,19px 19px #6A5ACD,20px 20px #6A5ACD,21px 21px #6A5ACD,22px 22px #6A5ACD,23px 23px #6A5ACD,24px 24px #6A5ACD,25px 25px #6A5ACD,26px 26px #6A5ACD,27px 27px #6A5ACD,28px 28px #6A5ACD,29px 29px #6A5ACD,30px 30px #6A5ACD,31px 31px #6A5ACD;
    font-weight: bold;
}

.delivery .mega_sec h3 {
    background: #FA86A5;
    text-shadow: 0px 0px #EA5E71,1px 1px #EA5E71,2px 2px #EA5E71,3px 3px #EA5E71,4px 4px #EA5E71,5px 5px #EA5E71,6px 6px #EA5E71,7px 7px #EA5E71,8px 8px #EA5E71,9px 9px #EA5E71,10px 10px #EA5E71,11px 11px #EA5E71,12px 12px #EA5E71,13px 13px #EA5E71,14px 14px #EA5E71,15px 15px #EA5E71,16px 16px #EA5E71,17px 17px #EA5E71,18px 18px #EA5E71,19px 19px #EA5E71,20px 20px #EA5E71,21px 21px #EA5E71,22px 22px #EA5E71,23px 23px #EA5E71,24px 24px #EA5E71,25px 25px #EA5E71,26px 26px #EA5E71,27px 27px #EA5E71,28px 28px #EA5E71,29px 29px #EA5E71,30px 30px #EA5E71,31px 31px #EA5E71;
    font-weight: bold;
}

.p_main .mega_sec h3 {
    background: #FA86A5;
    text-shadow: 0px 0px #EA5E71,1px 1px #EA5E71,2px 2px #EA5E71,3px 3px #EA5E71,4px 4px #EA5E71,5px 5px #EA5E71,6px 6px #EA5E71,7px 7px #EA5E71,8px 8px #EA5E71,9px 9px #EA5E71,10px 10px #EA5E71,11px 11px #EA5E71,12px 12px #EA5E71,13px 13px #EA5E71,14px 14px #EA5E71,15px 15px #EA5E71,16px 16px #EA5E71,17px 17px #EA5E71,18px 18px #EA5E71,19px 19px #EA5E71,20px 20px #EA5E71,21px 21px #EA5E71,22px 22px #EA5E71,23px 23px #EA5E71,24px 24px #EA5E71,25px 25px #EA5E71,26px 26px #EA5E71,27px 27px #EA5E71,28px 28px #EA5E71,29px 29px #EA5E71,30px 30px #EA5E71,31px 31px #EA5E71;
    font-weight: bold;
}

.delivery .ntt_sec h3 {
    background: #3595DB;
    text-shadow: 0px 0px #2A7DB9,1px 1px #2A7DB9,2px 2px #2A7DB9,3px 3px #2A7DB9,4px 4px #2A7DB9,5px 5px #2A7DB9,6px 6px #2A7DB9,7px 7px #2A7DB9,8px 8px #2A7DB9,9px 9px #2A7DB9,10px 10px #2A7DB9,11px 11px #2A7DB9,12px 12px #2A7DB9,13px 13px #2A7DB9,14px 14px #2A7DB9,15px 15px #2A7DB9,16px 16px #2A7DB9,17px 17px #2A7DB9,18px 18px #2A7DB9,19px 19px #2A7DB9,20px 20px #2A7DB9,21px 21px #2A7DB9,22px 22px #2A7DB9,23px 23px #2A7DB9,24px 24px #2A7DB9,25px 25px #2A7DB9,26px 26px #2A7DB9,27px 27px #2A7DB9,28px 28px #2A7DB9,29px 29px #2A7DB9,30px 30px #2A7DB9,31px 31px #2A7DB9;
    font-weight: bold;
}

.p_main .ntt_sec h3 {
    background: #3595DB;
    text-shadow: 0px 0px #2A7DB9,1px 1px #2A7DB9,2px 2px #2A7DB9,3px 3px #2A7DB9,4px 4px #2A7DB9,5px 5px #2A7DB9,6px 6px #2A7DB9,7px 7px #2A7DB9,8px 8px #2A7DB9,9px 9px #2A7DB9,10px 10px #2A7DB9,11px 11px #2A7DB9,12px 12px #2A7DB9,13px 13px #2A7DB9,14px 14px #2A7DB9,15px 15px #2A7DB9,16px 16px #2A7DB9,17px 17px #2A7DB9,18px 18px #2A7DB9,19px 19px #2A7DB9,20px 20px #2A7DB9,21px 21px #2A7DB9,22px 22px #2A7DB9,23px 23px #2A7DB9,24px 24px #2A7DB9,25px 25px #2A7DB9,26px 26px #2A7DB9,27px 27px #2A7DB9,28px 28px #2A7DB9,29px 29px #2A7DB9,30px 30px #2A7DB9,31px 31px #2A7DB9;
    font-weight: bold;
}
.p_wraper h3 {
    background: #1ABC9C;
    text-shadow: 0px 0px #16A085,1px 1px #16A085,2px 2px #16A085,3px 3px #16A085,4px 4px #16A085,5px 5px #16A085,6px 6px #16A085,7px 7px #16A085,8px 8px #16A085,9px 9px #16A085,10px 10px #16A085,11px 11px #16A085,12px 12px #16A085,13px 13px #16A085,14px 14px #16A085,15px 15px #16A085,16px 16px #16A085,17px 17px #16A085,18px 18px #16A085,19px 19px #16A085,20px 20px #16A085,21px 21px #16A085,22px 22px #16A085,23px 23px #16A085,24px 24px #16A085,25px 25px #16A085,26px 26px #16A085,27px 27px #16A085,28px 28px #16A085,29px 29px #16A085,30px 30px #16A085,31px 31px #16A085;
}
.quick .p_wraper h3 {
    background: #E94C3D;
    text-shadow: 0px 0px #C2382B,1px 1px #C2382B,2px 2px #C2382B,3px 3px #C2382B,4px 4px #C2382B,5px 5px #C2382B,6px 6px #C2382B,7px 7px #C2382B,8px 8px #C2382B,9px 9px #C2382B,10px 10px #C2382B,11px 11px #C2382B,12px 12px #C2382B,13px 13px #C2382B,14px 14px #C2382B,15px 15px #C2382B,16px 16px #C2382B,17px 17px #C2382B,18px 18px #C2382B,19px 19px #C2382B,20px 20px #C2382B,21px 21px #C2382B,22px 22px #C2382B,23px 23px #C2382B,24px 24px #C2382B,25px 25px #C2382B,26px 26px #C2382B,27px 27px #C2382B,28px 28px #C2382B,29px 29px #C2382B,30px 30px #C2382B,31px 31px #C2382B;
}
.google_appli {
    background: none;
}
.development_main h3 {
    background: #82BD2E url(../img/title_bg.png) bottom right no-repeat;
    color: #fff;
    margin-left: 0;
    padding: 10px;
    border: none;
    margin-bottom: 7px;
    padding: 5px 5px 3px;
}
.google_play li {
    border: solid 1px #aaa;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.google_play li p {
    line-height: 1.3;
    margin-top: 7px;
}
#page_nav {
    width: 900px;
    margin: 10px auto 10px;
}
#page_nav li {
    margin-right: 0;
    border: none;
    margin-left: 8px;
    box-shadow: 1px 1px 2px #ccc;
    margin-bottom: 7px;
    font-size: 30px;
}
#page_nav li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 7px;
}

#page_nav li a.type_school {
    background: #5BA246;
}
#page_nav li a.type_school:hover {
    background: #6de051;
}

#page_nav li a.type_esports {
    background: #1e90ff;
}
#page_nav li a.type_esports:hover {
    background: #1564b3;
}

#page_nav li a.type_arcade_action {
    background: #F39C11;
}
#page_nav li a.type_arcade_action:hover {
    background: #F1C40F;
}

#page_nav li a.type_easy {
    background: #8D44AD;
}
#page_nav li a.type_easy:hover {
    background: #9A59B5;
}

#page_nav li a.type_casual {
    background: #C1392B;
}
#page_nav li a.type_casual:hover {
    background: #E84C3D;
}

#page_nav li a.type_family {
    background: #2BC1AF;
}
#page_nav li a.type_family:hover {
    background: #2FDAC5;
}

#page_nav li a.type_puzzle {
    background: #2D3E50;
}
#page_nav li a.type_puzzle:hover {
    background: #34495E;
}

#page_nav li a.type_cards_casino {
    background: #D25400;
}
#page_nav li a.type_cards_casino:hover {
    background: #E67F22;
}

#page_nav li a.type_sports {
    background: #297FB8;
}
#page_nav li a.type_sports:hover {
    background: #3598DB;
}

#page_nav li a.type_tool {
    background: #16A086;
}
#page_nav li a.type_tool:hover {
    background: #1BBC9B;
}

#page_nav li a.type_switch{
    background: #e60000;
}
#page_nav li a.type_switch:hover {
    background: #992900;
}

#page_nav li a.type_vr {
    background: #4169e1;
}
#page_nav li a.type_vr:hover {
    background: #253c80;
}

#page_nav li a.type_stop {
    background: #7E8C8D;
}
#page_nav li a.type_stop:hover {
    background: #95A5A5;
}

#page_nav li a.type1 {
    background: #F39C11;
}
#page_nav li a.type1:hover {
    background: #F1C40F;
}
#page_nav li a.type2 {
    background: #C1392B;
}
#page_nav li a.type2:hover {
    background: #E84C3D;
}
#page_nav li a.type3 {
    background: #27AE61;
}
#page_nav li a.type3:hover {
    background: #2DCC70;
}
#page_nav li a.type4 {
    background: #8D44AD;
}
#page_nav li a.type4:hover {
    background: #9A59B5;
}
#page_nav li a.type5 {
    background: #2D3E50;
}
#page_nav li a.type5:hover {
    background: #34495E;
}
#page_nav li a.type6 {
    background: #D25400;
}
#page_nav li a.type6:hover {
    background: #E67F22;
}
#page_nav li a.type7 {
    background: #16A086;
}
#page_nav li a.type7:hover {
    background: #1BBC9B;
}
#page_nav li a.type8 {
    background: #297FB8;
}
#page_nav li a.type8:hover {
    background: #3598DB;
}
#page_nav li a.type9 {
    background: #aaa;
}
#page_nav li a.type9:hover {
    background: #ccc;
}
#page_nav li a.type10 {
    background: #7E8C8D;
}
#page_nav li a.type10:hover {
    background: #95A5A5;
}
#page_nav li a.type11 {
    background: #2BC1AF;
}
#page_nav li a.type11:hover {
    background: #2FDAC5;
}

.horizontal-headline {
    width: 10em;
    color: #6a6958;
    font-size: 30px;
    margin: -1em 0 0 50px;
    text-align: center;
    text-shadow: 1px 1px 1px #f6f5e8;
    background: url(../img/sp.gif) 0.6em 0 no-repeat;
}
.introduce h2,.flowchart h2,.development_main h1,#company h1,.expenses_main h1,.delivery h2,.p_main h2,.quick h2 {
    color: #6a6958;
    text-shadow: 1px 1px 0 #fff;
    padding: 5px 0 5px 40px;
    font-size: 30px;
}

#company h2{
    color: #6a6958;
    text-shadow: 1px 1px 0 #fff;
    padding: 5px 0 5px 40px;
    font-size: 30px;
}

#company h3{
    padding: 40px 50px 10px 50px;
    font-size: 26px;
}

#company h4{
    text-align: center;
    padding: 40px 0px 0px 0px;
    font-size: 16px;
}

#company h5{
    font-weight: normal;
    padding: 10px 40px 10px 630px;
    font-size: 16px;
}

.expenses_main h1 {
    background: url(../img/kaihatu.png) 10px 3px no-repeat;
    padding: 7px 0 5px 60px;
    margin-bottom: 15px;
}

.introduce h2,.flowchart h2,.development_main h1 {
    padding: 5px 0 5px 75px;
    background: url(../img/sp.gif) 45px 3px no-repeat;
}
.delivery h2 {
    background: url(../img/line.gif) left bottom repeat-x;
    padding: 0;
    margin-bottom: 20px;
}
.introduce h2 {
    margin-top: 2px;
    background: url(../img/sp.gif) 49px 3px no-repeat;
}
.flowchart h2 {
    background: url(../img/line.gif) left bottom repeat-x;
    margin-bottom: 20px;
    padding-left: 20px;
    clear: both;
}
.introduce h2 span {
    float: none;
    background: none;
    font-size: 18px;
}

.delivery h2 span {
    background: url(../img/kaihatu.png) left 3px no-repeat;
    padding: 7px 0 5px 55px;
    display: block;
}

.delivery h2  span.switch{
    background: url(../img/consumer.png) left 3px no-repeat;
    padding: 7px 0 5px 55px;
    display: block;
}

.delivery h2  span.vr{
    background: url(../img/vr.png) left 3px no-repeat;
    padding: 7px 0 5px 55px;
    display: block;
}


/*ボタン装飾*/
.delivery label {
    padding: 15px;
    font-weight: bold;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    background: #008000;
    transition: .4s;
    cursor :pointer;
    margin: 10px auto;
    width: 100%;
    text-align: center;
}

/*ボタンホバー時*/
.delivery label:hover {
    background: #004d00;
}

/*チェックは見えなくする*/
.delivery input {
    display: none;
    margin: 10px 50px 20px 0;
}

/*中身を非表示にしておく*/
.delivery .hidden_show {
    float: left;
    height: 0;
    padding: 0 0 0 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.delivery input:checked ~ .hidden_show {
    padding: 0 0 0 0;
    height: auto;
    opacity: 1;
}


.development_main ul {
    clear: left;
}
.google_play li p,.main_appli p {
    background: #f8f8f8;
    padding: 5px;
    text-shadow: 1px 1px 0 #fff;
    margin-bottom: 7px;
}
.rt {
    text-align: right;
    clear:both;
    margin-top:8px;
}
.rt img {
    display: inline;
}
.rt img:hover {
    opacity: 0.7;
}
.flip {
    display: none;
}
.mosaic-backdrop {
    text-align: center;
    font-size: 0.7em;
    color: white;
    border-radius: 20px;
    padding: 3px;
    width: 338px;
    height: 165px;
}

.mosaic-backdrop2 {
    text-align: center;
    font-size: 0.7em;
    color: white;
    border-radius: 20px;
    padding: 3px;
    width: 338px;
    height: 165px;
}

.mosaic-backdrop3 {
    text-align: center;
    font-size: 0.7em;
    color: white;
    border-radius: 20px;
    padding: 3px;
    width: 338px;
    height: 165px;
}

.mosaic-backdrop img {
    margin: 0 auto;
}
.mosaic-backdrop2 img {
    margin: 0 auto;
}
.mosaic-backdrop3 img {
    margin: 0 auto;
}
#article section li {
    overflow: hidden;
}
.mosaic-backdrop p {
    font-weight: bold;
    margin: 15px 0 10px;
    color: #333;
    font-size: 14px;
    text-shadow: 1px 1px 0 #fff;
}

.mosaic-backdrop2 p {
    font-weight: bold;
    margin: 15px 0 10px;
    color: #333;
    font-size: 14px;
    text-shadow: 1px 1px 0 #fff;
}

.mosaic-backdrop3 p {
    font-weight: bold;
    margin: 15px 0 10px;
    color: #333;
    font-size: 14px;
    text-shadow: 1px 1px 0 #fff;
}

.mosaic-backdrop a {
    display: block;
    border: solid 1px #eee;
    font-weight: bold;
    font-size: 14px;
    margin: 0 30px 10px;
    text-decoration: none;
    background: #000;
    padding: 10px;
    color: #fff;
}

.mosaic-backdrop a.red {
    display: block;
    border: solid 1px #eee;
    font-weight: bold;
    font-size: 14px;
    margin: 0 30px 10px;
    text-decoration: none;
    background: #f00;
    padding: 10px;
    color: #fff;
}

.mosaic-backdrop2 a {
    display: block;
    border: solid 1px #eee;
    font-weight: bold;
    font-size: 14px;
    margin: 0 30px 10px;
    text-decoration: none;
    background: #000;
    padding: 5px;
    color: #fff;
}

.mosaic-backdrop2 a.red {
    display: block;
    border: solid 1px #eee;
    font-weight: bold;
    font-size: 14px;
    margin: 0 30px 10px;
    text-decoration: none;
    background: #f00;
    padding: 5px;
    color: #fff;
}

.mosaic-backdrop3 a {
    display: block;
    border: solid 1px #eee;
    font-weight: bold;
    font-size: 14px;
    margin: 0 30px 5px;
    text-decoration: none;
    background: #000;
    padding: 3px;
    color: #fff;
}

.mosaic-backdrop3 a.red {
    display: block;
    border: solid 1px #eee;
    font-weight: bold;
    font-size: 14px;
    margin: 0 30px 5px;
    text-decoration: none;
    background: #f00;
    padding: 3px;
    color: #fff;
}

.mosaic-backdrop a:hover {
    background: #5BA246;
    color: #fff;
}

.mosaic-backdrop a.red:hover {
    background: #aa0000;
    color: #fff;
}

.mosaic-backdrop2 a:hover {
    background: #5BA246;
    color: #fff;
}

.mosaic-backdrop2 a.red:hover {
    background: #aa0000;
    color: #fff;
}

.mosaic-backdrop3 a:hover {
    background: #5BA246;
    color: #fff;
}

.mosaic-backdrop3 a.red:hover {
    background: #aa0000;
    color: #fff;
}

.mosaic-backdrop {
    position: relative;
    top: -100%;
    height: 100%;
    width: 100%;
}

.mosaic-backdrop2 {
    position: relative;
    top: -100%;
    height: 100%;
    width: 100%;
}

.mosaic-backdrop3 {
    position: relative;
    top: -100%;
    height: 100%;
    width: 100%;
}
.mosaic-overlay {
    display: none;
    z-index: 5;
    position: relative;
    width: 100%;
    height: 100%;
}
.support_destination {
    clear: both;
    overflow: hidden;
    margin-left: 15px;
}
.support_destination li {
    float: left;
	width: 25.5%;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
}
.support_destination li.mn {
	width: 14%;
}

.support_destination li img {
    width: 100%;
    max-width: 200px;
}
.support_destination li img.sanl_img {
	
width:100%;	
	
}
.support_destination li img.mgs_img {
	
width:65%;	
}
.support_destination a {
    margin-top: 8px;
    display: block;
}
.sien_title {
    clear: both;
    background: #eee url(../img/expenses.png) 10px 50% no-repeat;
    padding: 9px 5px 5px 29px;
    text-shadow: 1px 1px 0 #fff;
    margin: 0 10px 10px 10px;
}
.custom {
    margin-left: 10px;
    overflow: hidden;
    clear: both;
}
.custom li {
    float: left;
    margin: 0 50px 10px 0;
}
.custom p {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}
.custom span img {
    width: 154px;
    margin: 0 auto;
}
.list {
    overflow: hidden;
    width: 42%;
}
.list .app_links2,.t_custom .app_links2,.dev .app_links2 {
    float: right;
    font-size: 12px;
    -webkit-text-shadow: -1px -1px 0 #999;
    -moz-text-shadow: -1px -1px 0 #999;
    -ms-text-shadow: -1px -1px 0 #999;
    -o-text-shadow: -1px -1px 0 #999;
    text-shadow: -1px -1px 0 #999;
    margin: 10px 25px 10px 0;
}
.dev .app_links2 {
    margin-bottom: 20px;
}
.list .app_links2 a,.t_custom .app_links2 a,.dev .app_links2 a {
    color: #fff;
    background-color: #1abc9c;
    padding: 7px 12px;
    text-decoration: none;
}
.list .app_links2 a:hover,.t_custom .app_links2 a:hover,.dev .app_links2 a:hover {
    background: #1DD4AB;
}
.list ul {
    clear: both;
    overflow: hidden;
    float: left;
    margin-left: 25px;
}
.list li {
    float: left;
    margin-right: 20px;
}
.p_wraper div {
    float: left;
    overflow: hidden;
}
.app_img2 {
    display: block;
    margin: 0 auto 10px;
}
.headline {
    font-weight: bold;
    float: left;
    background: #999;
    color: #fff;
    padding: 5px 10px;
}
.expenses_main section section,.expenses_main .inquiry {
    position: relative;
    opacity: 0;
}
#page_nav li {
    background-color: #dddddd;
}
#page_nav li a {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
.flow_li {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
    position: relative;
    left: -80px;
}
.flowchart .inquiry {
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
.detail h3 {
    background: url(../img/tablet.png) left 50% no-repeat;
    padding: 20px 0 20px 70px;
    color: #333;
    float: none;
    margin: 10px 0 5px 40px;
}
.detail_ntt h3 {
    margin: 10px 0 5px 5px;
}
.ntt .point {
    padding: 10px;
    margin: 10px;
}
.ntt ul {
    width: auto;
    margin-bottom: 10px;
}
.ntt .point span {
    color: #00f;
    font-weight: bold;
    display: block;
    margin-bottom: 7px;
}
.ntt .point p {
    margin-bottom: 10px;
    margin-left: 30px;
}
.ntt .ntt_app {
    margin-left: 100px;
}
.ntt .ntt_app img {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 5px;
}
.detail_ntt {
    margin: 0 15px;
    float:left;
}
.detail_ntt h3 {
    font-weight: bold;
}
.support_destination.si {
    width: 100%;
    background: none;
    margin-bottom: 0;
    border-top: solid 1px #eee;
}
.support_destination.si li {
    background: none!important;
    float: left;
    color: #333;
    width:27%;
    margin: 0 10px 0 0;
    padding: 0;
}
.support_destination.si li.s_img{
	width:13%;
}
.support_destination.si li.m_img{
		width:17%;

}
.support_destination.si li a {
    margin-right: 0;
}
.support_destination.si li img {
    margin: 0!important;
    padding: 0!important;
}
.ps {
    margin: 15px auto 20px;
}
.pesoguin div.exs {
    width: 452px;
    ;
    margin: 20px 30px 10px 0;
    float: right;
    border-left: dotted 1px #999;
    padding-left: 20px;
}
.exs ul {
    overflow: hidden;
}
.exs li {
    background: #eee;
    color: #eee;
    margin: 10px 15px;
    font-size: 12px;
    float: left;
    text-shadow: 1px 1px 0 #fff;
    width: 120px;
    text-align: center;
}
.exs li a {
    display: block;
    padding: 5px 5px;
    text-decoration: none;
}
.exs li a:hover {
    background: #ccc;
}
.exs span {
    display: block;
    margin-top: 2px;
    font-weight: bold;
}
.t_custom {
    width: 56%;
}
.t_custom h4 {
    font-weight: bold;
    float: none;
    margin-bottom: 0;
    margin-left: 0;
}
.t_custom span {
    font-size: 12px;
    margin-bottom: 7px;
    float: none;
    line-height: 1.4;
    display: block;
}
.t_custom ul {
    overflow: hidden;
}
.app_image2 {
    border: solid 1px #eee;
}
.t_custom li {
    float: left;
    margin: 10px 0 10px 0;
    width: 45%;
}
.t_custom li.mm {
    margin-right: 20px;
}
.mlt {
    margin-left: 0;
    margin-bottom: 20px;
}
.app_image1 {
    width: 100%;
    max-width: 301px;
    margin-bottom: 10px;
}
.app_img2 {
    margin: 0 auto 10px;
}
.t_custom li div {
    float: none;
    text-align: center;
}
.t_custom li div img {
    display: inline;
}

/* 0804 */
.inflow{
margin-left:25px;
overflow:hidden;
padding: 20px 0;
}
.inflow li{
float: left;
width: 22%;
margin-left: 5px;
padding-right: 26px;
margin-right:0;
background: url(../img/arrowright.png) right 8em no-repeat;
}
.inflow li span{
background: #999;
color: #fff;
padding: 5px 10px;
display: block;
text-align: center;
}
.inflow li img{
margin: 10px auto;
}
.inflow li div p {
font-size: 12px;
color: #333;
margin: 5px 15px 10px;
line-height: 1.6;
margin-bottom: 10px;
}
.inflow li div {
background: #fff;
min-height: 16em;
margin-bottom: 5px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
border: solid 1px #ccc;
}
.inflow li.arr{
background:none;
}
.inflow li .tc {
overflow: hidden;
border: solid 1px #ccc;
padding-left: 5px;
padding-top: 5px;
margin: 5px;
}
.inflow li li{
font-size: 12px;
width: auto;
color: #333;
}
.inflow .tc li {
float: left;
margin: 0 5px 5px 0;
background: #eee;
text-shadow: 1px 1px 0 #fff;
border: solid 1px #ccc;
padding: 5px;
}
.flow_title h2 {
background: #34495E;
text-shadow: 0px 0px #2D3E50,1px 1px #2D3E50,2px 2px #2D3E50,3px 3px #2D3E50,4px 4px #2D3E50,5px 5px #2D3E50,6px 6px #2D3E50,7px 7px #2D3E50,8px 8px #2D3E50,9px 9px #2D3E50,10px 10px #2D3E50,11px 11px #2D3E50,12px 12px #2D3E50,13px 13px #2D3E50,14px 14px #2D3E50,15px 15px #2D3E50,16px 16px #2D3E50,17px 17px #2D3E50,18px 18px #2D3E50,19px 19px #2D3E50,20px 20px #2D3E50,21px 21px #2D3E50,22px 22px #2D3E50,23px 23px #2D3E50,24px 24px #2D3E50,25px 25px #2D3E50,26px 26px #2D3E50,27px 27px #2D3E50,28px 28px #2D3E50,29px 29px #2D3E50,30px 30px #2D3E50,31px 31px #2D3E50;
}

  

/* 追加分         
------------------------------------*/
.slider {
  margin: 0 auto;
  width: 100%;
}
.slider-img {
  position: relative;
  margin: 0 10px;
}
.slider-img img {
  height: auto;
  width: 100%;
}

.slick-dots2 {
  position: relative;
  z-index: 3;
  margin: 10px auto -15px;
  text-align: center;
}
.slick-dots2 li {
    display: inline-block;
    margin: 0 5px;
  }
.slick-dots2 button {
    padding: 0;
    color: transparent;
    outline: none;
    width: 40px;
    border: unset;
    height: 4px;
    display: block;
    background: #ccc;
    cursor: pointer;
  }
.slick-active button {
    background: #217932;
}

.recruit_nav{
  display: block;
  border-bottom: 1px solid #e6e6e6;
  color: #545454;
  padding: 20px 0 20px 46px;
  text-decoration: none;
}
.data_nav,.requirements_nav{
  font-size: 15px;
}
.slider-img .overlay{
  position: absolute;
  bottom: -80px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 80px;
  padding: 10px;
  background: rgba(255,255,255,.8);
  box-sizing: border-box;
  transition: bottom .3s;
}
.slider-img:hover .overlay{
  position: absolute;
  bottom: 0px;

  transition: bottom .3s;
}
  .slider-img .overlay p{
    width: 100%;
    margin: 0 10px;
  }
.slider-img .overlay a {
    display: block;
    width: auto;
    border: solid 1px #eee;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 5px;
    text-decoration: none;
    background: #000;
    padding: 5px 10px;
    color: #fff;
}

.slider-img .overlay a.red {
    display: block;
    border: solid 1px #eee;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    background: #f00;
    padding: 5px 10px;
    color: #fff;
}  

  
  .flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
.flex .performance.dev{
  width: 49%;
}
.performance.switch_sec{
  margin-bottom: 40px;
}
 .performance.vr_sec ul,.performance.switch_sec ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
.performance.vr_sec ul li{
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
  }
.performance.switch_sec ul li{
    width: 32%;
    box-sizing: border-box;
  } 
  .news_area{
    width: 91.5%;
    margin-bottom: 40px;
    margin-left: 45px;
  }
  .news_area .news_side_movie{
    display: none;
  }
}
@media print, screen and (min-width: 1400px) {
  .news_area iframe{
    margin: 0;
  }
  .news {
    width: calc( 100% - 450px );

  }
  .news_area .news_side_movie{
    display: block;
    
  }
  .news_area .news_side_movie iframe{
    width: 420px;
    height: 346px;
  }
  
}