@charset "UTF-8";

/***************************************************
/*perfect-scrollbar
/*jQuery FlexSlider
/*TOPIX & INFO
/*ITEM(item listは最後に記述)
***************************************************/
/* FlexSlider Area */
#slider{
	width: 570px;
	padding: 10px;
	height: 340px;
}

/* TOPIX & INFO Area */
#infoArea{
	padding: 0;
	width: 590px;
	height: 360px;
	overflow: hidden;
	position: relative;
}

#infoArea .title{
	height:50px;
	background: #fff url("../images/menu_img/top_ttlborder.png") no-repeat;
	margin-bottom: 10px;
}

#infoArea .title_en{
	height:50px;
	background: #fff url("../images/menu_img/top_ttlborder_en.png") no-repeat;
	margin-bottom: 10px;
}

#infoArea .archive {
	float: right;
	width: 100px;
	height: 25px;
	margin: 10px 10px 0 0;	
}

#infoArea .new_info{
	position: relative;/**/
	height: 290px;
	margin-bottom: 10px;
	overflow: hidden;
}

#infoArea ul{
	display: table;
	margin: 0;
	padding: 0 10px;
	line-height: 1.6;
	overflow: hidden;
}

#infoArea ul li{
	display: table-cell;
	//vertical-align: middle;
	height:25px;
	padding: 0 0 10px 10px;
}

#infoArea ul li img{
	vertical-align: middle;
}

#infoArea ul li a{
	font-weight: bold;
}

#infoArea ul li:first-child{
	padding: 0 0 10px 0;
}

#infoArea ul li:nth-of-type(2){
	width:450px;
	font-size:11px;
}

#infoArea ul li:last-child{
	text-align: right;
	font-size:10px;
	padding-right: 8px;
}

/* recruit info Area */
#recruitInfo{
	padding: 0;
	width: 590px;
	height: 175px;
	overflow: hidden;
	position: relative;
}

/*-------------------------------------------------------------------
/*! perfect-scrollbar - v0.4.10
/* http://noraesae.github.com/perfect-scrollbar/
/* Copyright (c) 2014 Hyeonje Alex Jun; Licensed MIT */
/*-------------------------------------------------------------------*/
.ps-container .ps-scrollbar-x-rail{
	position:absolute;
	bottom:3px;
	height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	opacity:0;/*0*/
	filter:alpha(opacity=0);/*0*/
	-o-transition:background-color .2s linear,opacity .2s linear;
	-webkit-transition:background-color .2s linear,opacity .2s linear;
	-moz-transition:background-color .2s linear,opacity .2s linear;
	transition:background-color .2s linear,opacity .2s linear
}

.ps-container:hover .ps-scrollbar-x-rail,.ps-container.hover .ps-scrollbar-x-rail{
	opacity:.6;filter:alpha(opacity=60)
}

.ps-container .ps-scrollbar-x-rail:hover,.ps-container .ps-scrollbar-x-rail.hover{
	background-color:#eee;opacity:.9;filter:alpha(opacity=90)
}

.ps-container .ps-scrollbar-x-rail.in-scrolling{
	background-color:#eee;opacity:.9;filter:alpha(opacity=90)
}

.ps-container .ps-scrollbar-y-rail{
	position:absolute;
	right:3px;
	width:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	opacity:.6;/*0*/
	filter:alpha(opacity=60);/*0*/
	-o-transition:background-color .2s linear,opacity .2s linear;
	-webkit-transition:background-color .2s linear,opacity .2s linear;
	-moz-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear
}

.ps-container:hover .ps-scrollbar-y-rail,.ps-container.hover .ps-scrollbar-y-rail{
	opacity:.6;filter:alpha(opacity=60)
}

.ps-container .ps-scrollbar-y-rail:hover,.ps-container .ps-scrollbar-y-rail.hover{
	background-color:#eee;
	opacity:.9;
	filter:alpha(opacity=90)
}

.ps-container .ps-scrollbar-y-rail.in-scrolling{
	background-color:#eee;
	opacity:.9;
	filter:alpha(opacity=90)
}

.ps-container .ps-scrollbar-x{
	position:absolute;
	bottom:0;
	height:8px;
	background-color:#aaa;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-o-transition:background-color .2s linear;
	-webkit-transition:background-color.2s linear;
	-moz-transition:background-color .2s linear;
	transition:background-color .2s linear
}

.ps-container.ie6 .ps-scrollbar-x{
	font-size:0
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x{
	background-color:#999
}

.ps-container .ps-scrollbar-y{
	position:absolute;
	right:0;
	width:8px;
	background-color:#aaa;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-o-transition:background-color .2s linear;-webkit-transition:background-color.2s linear;
	-moz-transition:background-color .2s linear;
	transition:background-color .2s linear
}

.ps-container.ie6 .ps-scrollbar-y{
	font-size:0
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y{
	background-color:#999
}
.ps-container.ie .ps-scrollbar-x,.ps-container.ie .ps-scrollbar-y{
	visibility:visible/*hidden*/
}

.ps-container.ie:hover .ps-scrollbar-x,.ps-container.ie:hover .ps-scrollbar-y,.ps-container.ie.hover .ps-scrollbar-x,.ps-container.ie.hover .ps-scrollbar-y{
	visibility:visible
}
/* perfect-scrollbar end */

/* ITEM icon */
.itembox{
	width: 190px;
	min-height: 175px;
	display: block;
	padding: 0;
	overflow:hidden;
	text-indent: -9999px;
}

.boxbg:hover {
	box-shadow: 0px 3px 14px #000; /* CSS3 */	
}

/*-------------------------------------------------------------------
 *jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
---------------------------------------------------------------------*/
/*** Browser Resets ***/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/*** FlexSlider Necessary Styles ***/
.flexslider {
	position: relative;
	width: 100%;
	margin: 5px;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.flexslider .slides {
	min-height: inherit;
	overflow: hidden;
	margin-bottom: 21px;/*height:360pxになるよう調整*/
	padding: 0;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.flexslider .slides li {
	list-style: none;
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	max-width: 100%;
	display: block;
}

/* Browser Resets */
.flexslider a {
	outline: none;
}

.flexslider .flex-control-nav {
	line-height: 1;
}

.flexslider .slides li a img {
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.flexslider .slides li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*** FlexSlider Theme ***/
.flexslider {
 	zoom: 1;
 }
 
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {
	text-decoration:none;
	display: block;
	width: 21px;
	height: 80px;
	margin: -40px 10px 0;
	display: block;
	background: url(../images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
}

.flex-direction-nav .flex-prev {
	background-position: 0 0;
	left: 0px;
	opacity: 1;
}

.flex-direction-nav .flex-prev:hover {
	background-position: 0 -80px;
	left: 0px;
	opacity: 1;
}

.flex-direction-nav .flex-next {
	background-position: -21px 0;
	opacity: 1;
	right: 0px;
	text-align: right;
}

.flex-direction-nav .flex-next:hover {
	background-position: -21px -80px;
	opacity: 1;
	right: 0px;
	text-align: right;
}

/**/

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: relative;/*Def:absolute*/
	bottom: 0px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1;
	/*display: inline;*/
}

.flex-control-nav li:first-child {
	margin: 0;
}

.flex-control-paging li a {
	width: 60px;
	height: 6px;
	display: block;
	background: url(../images/bg_control_nav.png) repeat-x 0 0;
	cursor: pointer;
	text-indent: -9999px;
}

.flex-control-paging li a:hover {
	background-position: 0 -6px;
}

.flex-control-paging li a.flex-active {
	background-position: 0 -12px;
	cursor: default;
}

/*-----------------------------------------------------------------------*/
/*** ITEM LIST ***/
/*-----------------------------------------------------------------------*/
#item0 {
	background: url(../images/topbox_bg/boxbg_fw_en.png) no-repeat center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item1 {
	background: url(../images/topbox_bg/boxbg_fw.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item2 {
	background: url(../images/topbox_bg/boxbg_slb.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item3 {
	background: url(../images/topbox_bg/boxbg_ft.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item4 {
	background: url(../images/topbox_bg/boxbg_tamadream.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item5 {
	background: url(../images/topbox_bg/boxbg_saint5.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item6 {
	background: url(../images/topbox_bg/boxbg_lw.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item7 {
	background: url(../images/topbox_bg/boxbg_opk.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item8 {
	background: url(../images/topbox_bg/boxbg_pq.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item9 {
	background: url(../images/topbox_bg/boxbg_bakepsp.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item10 {
	background: url(../images/topbox_bg/boxbg_rf2.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item11 {
	background: url(../images/topbox_bg/boxbg_dbh.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item12 {
	background: url(../images/topbox_bg/boxbg_cross.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item13 {
   background: url(../images/topbox_bg/boxbg_ssf4.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item14 {
   background: url(../images/topbox_bg/boxbg_dmaji.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item15 {
   background: url(../images/topbox_bg/boxbg_dbh-um2.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item16 {
   background: url(../images/topbox_bg/boxbg_icc_db.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item17 {
   background: url(../images/topbox_bg/boxbg_shorfrrb.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item18 {
   background: url(../images/topbox_bg/boxbg_dbx.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item19 {
   background: url(../images/topbox_bg/boxbg_brd1.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item20 {
   background: url(../images/topbox_bg/boxbg_myhero.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item21 {
   background: url(../images/topbox_bg/boxbg_dbxv2.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item22 {
   background: url(../images/topbox_bg/boxbg_anywhere.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item23 {
   background: url(../images/topbox_bg/boxbg_sdbh.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item24 {
   background: url(../images/topbox_bg/boxbg_dbhumx.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item25 {
   background: url(../images/topbox_bg/boxbg_DBXV2forNS.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item26 {
   background: url(../images/topbox_bg/boxbg_zero.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item27 {
   background: url(../images/topbox_bg/boxbg_saofb_ce.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item28 {
   background: url(../images/topbox_bg/boxbg_sc6.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item29 {
   background: url(../images/topbox_bg/boxbg_sdbh_wm.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item30 {
   background: url(../images/topbox_bg/boxbg_saofb_ce_switch.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item31 {
   background: url(../images/topbox_bg/boxbg_zenon.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item32 {
   background: url(../images/topbox_bg/boxbg_dbxv2_stadia.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item33 {
   background: url(../images/topbox_bg/boxbg_tabeoja.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item34 {
   background: url(../images/topbox_bg/boxbg_dbl.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#item99 {
   background: url(../images/topbox_bg/Coming_Soon.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#item999 {
   background: url(../images/topbox_bg/boxbg_sp_pgate.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}