@charset "utf-8";
/* -------------------------------------------------- 
	Copyright: (c)visual and echo japan
	Created: 2013-03-20
 -------------------------------------------------- */
@media screen and (min-width: 769px) {
/*----------------------------------------------------
 common
--------------------------------------------------- */
#dg_wrapper {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	min-width: 980px;
	position: relative;
	/*top: 74px;*//*height: 1400px;*/
}
#dg_over {
	display: none;
	position: fixed;
	background: rgba(0,0,0,0.8);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000, gradienttype=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
	zoom: 1;
	height: 100%;
	width: 100%;
	z-index: 11000;
}
#dg_over #dg_player {
	position: absolute;
	top: 50%;
	margin-top: -275px;
	left: 50%;
	margin-left: -400px;
}
/*******************************
 top
*******************************/
#dg_topArea {
	height: 500px;
	position: relative;
}
#dg_topArea #dg_logo {
	position: absolute;
	top: 90px;
	left: 0px;
	/*width: 33.6%;*/
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
#dg_topArea #dg_logo img {
	width: 100%;
	/*filter: alpha(opacity=0);*/
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotate3d(50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-moz-transform: rotate3d(50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-o-transform: rotate3d(50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-ms-transform: rotate3d(50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	transform: rotate3d(50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
#dg_topArea #dg_logo img.view {
	-webkit-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-moz-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-o-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-ms-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
}
#dg_topArea #dg_copy01 {
	position: absolute;
	top: 231px;
	left: 0px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
#dg_topArea #dg_copy01 img {
	width: 100%;
	/*filter: alpha(opacity=0);*/
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotate3d(-50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-moz-transform: rotate3d(-50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-o-transform: rotate3d(-50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-ms-transform: rotate3d(-50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	transform: rotate3d(-50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-webkit-transform-origin: 100% 0%;
	-moz-transform-origin: 100% 0%;
	-o-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}
#dg_topArea #dg_copy01 img.view {
	-webkit-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-moz-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-o-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-ms-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	/*filter: alpha(opacity=1);*/
	-moz-opacity: 1;
	opacity: 1;
}
/*
#dg_topArea #dg_logo {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 33.6%;
}
#dg_topArea #dg_logo img {
	width: 100%;
}

#dg_topArea #dg_copy01 {
	position: absolute;
	top: 275px;
	left: 0px;
}
#dg_topArea #dg_copy01 img{
	width:100%;
}
*/
#dg_topArea #dg_newSp {
	display: none;
}
#dg_date {
	display: none;
}
/*
#dg_topArea #dg_package {
	position: absolute;
	top: 65px;
	left: 465px;
	width: 27.5%;
}
#dg_topArea #dg_package img {
	width: 100%;
}
*/
#dg_topArea #dg_bottle {
	position: absolute;
	top: 190px;
	left: 653px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
#dg_topArea #dg_bottle img {
	width: 100%;
	/*filter: alpha(opacity=0);*/
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotate3d(20, -50, 0, 15deg) scale3d(0.99, 0.99, 0.99);
	-moz-transform: rotate3d(20, -50, 0, 15deg) scale3d(0.99, 0.99, 0.99);
	-o-transform: rotate3d(20, -50, 0, 15deg) scale3d(0.99, 0.99, 0.99);
	-ms-transform: rotate3d(20, -50, 0, 15deg) scale3d(0.99, 0.99, 0.99);
	transform: rotate3d(20, -50, 0, 15deg) scale3d(0.99, 0.99, 0.99);
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}
#dg_topArea #dg_bottle img.view {
	-webkit-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-moz-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-o-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-ms-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	/*filter: alpha(opacity=1);*/
	-moz-opacity: 1;
	opacity: 1;
}
#dg_topArea #dg_copy02 {
	position: absolute;
	top: 107px;
	right: 265px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
#dg_topArea #dg_copy02 img {
	width: 100%;
	/*filter: alpha(opacity=0);*/
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotate3d(20, -50, 0, 15deg) scale3d(0.99, 0.99, 0.99);
	-moz-transform: rotate3d(20, -50, 0, 15deg) scale3d(0.99, 0.99, 0.99);
	-o-transform: rotate3d(20, -50, 0, 15deg) scale3d(0.99, 0.99, 0.99);
	-ms-transform: rotate3d(20, -50, 0, 15deg) scale3d(0.99, 0.99, 0.99);
	transform: rotate3d(20, -50, 0, 15deg) scale3d(0.99, 0.99, 0.99);
	-webkit-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	-o-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}
#dg_topArea #dg_copy02 img.view {
	-webkit-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-moz-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-o-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-ms-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
}
#dg_topArea #dg_copy03 {
	position: absolute;
	top: 145px;
	right: 0px;
	width: 208px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
#dg_topArea #dg_copy03 img {
	width: 100%;
	border: 1px solid #334468;
	/*filter: alpha(opacity=0);*/
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotate3d(20, -50, 0, 10deg) scale3d(0.95, 0.95, 0.95);
	-moz-transform: rotate3d(20, -50, 0, 10deg) scale3d(0.95, 0.95, 0.95);
	-o-transform: rotate3d(20, -50, 0, 10deg) scale3d(0.95, 0.95, 0.95);
	-ms-transform: rotate3d(20, -50, 0, 10deg) scale3d(0.95, 0.95, 0.95);
	transform: rotate3d(20, -50, 0, 10deg) scale3d(0.95, 0.95, 0.95);
	-webkit-transform-origin: -0% 50%;
	-moz-transform-origin: -100% 50%;
	-o-transform-origin: -100% 50%;
	-ms-transform-origin: -100% 50%;
	transform-origin: -100% 50%;
}
#dg_topArea #dg_copy03 img.view {
	border: 1px solid #334468;
	-webkit-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-moz-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-o-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-ms-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
}
#dg_topArea #dg_copy04 {
	position: absolute;
	top: 260px;
	right: 0px;
	width: 208px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
#dg_topArea #dg_copy04 img {
	width: 100%;
	border: 1px solid #334468;
	/*filter: alpha(opacity=0);*/
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotate3d(20, -50, 0, 10deg) scale3d(0.95, 0.95, 0.95);
	-moz-transform: rotate3d(50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-o-transform: rotate3d(50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-ms-transform: rotate3d(50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	transform: rotate3d(50, -50, 0, 10deg) scale3d(0.99, 0.99, 0.99);
	-webkit-transform-origin: -0% 50%;
	-moz-transform-origin: -100% 50%;
	-o-transform-origin: -100% 50%;
	-ms-transform-origin: -100% 50%;
	transform-origin: -100% 50%;
}
#dg_topArea #dg_copy04 img.view {
	border: 1px solid #334468;
	-webkit-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-moz-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-o-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	-ms-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1);
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
}
/*
#dg_topArea #dg_copy02 {
	position: absolute;
	top: 245px;
	right: 250px;
}
#dg_topArea #dg_copy02 img{
}

#dg_topArea #dg_copy03 {
	position: absolute;
	top: 145px;
	right: 0px;
	width: 208px;
	border: 1px solid #334468;
}
#dg_topArea #dg_copy03 img {
	width: 100%;
}
#dg_topArea #dg_copy04 {
	position: absolute;
	top: 260px;
	right: 0px;
	width: 208px;
	border: 1px solid #334468;
}
#dg_topArea #dg_copy04 img {
	width: 100%;
}
*/
#dg_topArea #dg_grouping {
	display: none;
	position: absolute;
	top: 415px;
	right: 40%;
}
#dg_topArea #dg_grouping img {
	width: 100%;
}
#dg_topArea #dg_topAttention {
	display: none;
	position: absolute;
	top: 400px;
	right: 0px;
	font-size: 10px;
	line-height: 120%;
	text-align: right;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#dg_movieBtn {
	position: absolute;
	top: 415px;
	left: 15px;
	font-size: 13px;
	width: 240px;
	height: 30px;
	line-height: 30px;
	margin: 0;
}
/*******************************
 alert
*******************************/
#alert {
	display: none;
	overflow: hidden;
	width: 98%;
	border-radius: 5px;
	padding: 1%;
	margin-bottom: 30px;
	background: rgba(240,240,60,0.3);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000, gradienttype=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
}
#alert .alertIcon {
	float: left;
	width: 4%;
}
#alert .alertText {
	float: left;
	width: 96%;
	font-size: 12px;
	margin-top: 3px;
}
/*******************************
 banner
*******************************/
.dg_banner {
	-webkit-perspective: 10000px;
	-moz-perspective: 10000px;
	-o-perspective: 10000px;
	-ms-perspective: 10000px;
	perspective: 10000px;
}

.dg_banner a{
   display:block;  
}

.dg_bannerArea{
	width: 100%;
	background: url(/~/Media/com/digieye/top/images/banner_bg.png) no-repeat;
	background-size: 100% 170px;
	/*filter: alpha(opacity=0);*/
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotate3d(50, 0, 0, 30deg) scale3d(0.99, 0.99, 0.99);
	-moz-transform: rotate3d(50, 0, 0, 30deg) scale3d(0.99, 0.99, 0.99);
	-o-transform: rotate3d(50, 0, 0, 30deg) scale3d(0.99, 0.99, 0.99);
	-ms-transform: rotate3d(50, 0, 0, 30deg) scale3d(0.99, 0.99, 0.99);
	transform: rotate3d(50, 0, 0, 30deg) scale3d(0.99, 0.99, 0.99);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.dg_bannerArea{
   height:160px;
     padding:5px;    
}

#dg_bannerArea01{background-size: 100% 170px;}
#dg_bannerArea02{background-size: 100% 165px;}

.dg_bannerArea .dg_text01{position:relative;top:0px;left:0px;}

#dg_bannerArea01 .dg_text01 .bp{position:absolute;}
#dg_bannerArea01 .dg_text01 .bp#bp1{top:15px;left:12px;}
#dg_bannerArea01 .dg_text01 .bp#bp2{top: 0px;left: 20%;margin-left:111px;z-index:10;}
#dg_bannerArea01 .dg_text01 .bp#bp3{top:18px;right:5px;z-index:10;}
#dg_bannerArea01 .dg_text01 .bp#bp4{top: 0px;left:57%;margin-left:98px; z-index:0;}

#dg_bannerArea02 .dg_text01 .bp{position:absolute;}
#dg_bannerArea02 .dg_text01 .bp#bp1{top:-1px;left:0px;z-index:10;}
#dg_bannerArea02 .dg_text01 .bp#bp2{top:0px;right:-48px;z-index:0;}

#dg_bannerArea01 .dg_bannerInner{
   height:100%;
   background:url(/~/Media/com/digieye/top/images/banner_bg4.png)  
}

.bannerView {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
	-webkit-transform: rotate3d(1, 0, 0, -0deg) scale3d(1, 1, 1) !important;
	-moz-transform: rotate3d(1, 0, 0, -0deg) !important;
	-o-transform: rotate3d(1, 0, 0, -0deg) !important;
	-ms-transform: rotate3d(1, 0, 0, -0deg) !important;
	transform: rotate3d(1, 0, 0, -0deg) !important;
}
/*
.dg_bannerArea {
	width: 100%;
	background: url(../images/banner_bg.png) no-repeat;
	background-size: 100% 170px;
}
*/

#dg_bannerArea01{
   margin-bottom:20px;  
}

#dg_bannerArea02 .dg_text01{
   position:relative;
   top:0px;
   left:-47px;
}

#dg_bannerArea02 .dg_text01 a{
   display:block;  
}

.dg_banner #dg_bannerMovie {
	position: absolute;
	top: 8px;
	left: 20%;
}
.dg_banner #dg_bannerCountdounText {
	position: absolute;
	top: 15px;
	left: 48%;
}
.dg_banner #dg_bannerCountdoun {
	position: absolute;
	top: 45px;
	left: 48%;
}
.dg_banner #dg_bannerCountdoun img {
	margin-right: -10px;
}
.dg_banner #dg_bannerCopy {
	position: absolute;
	top: 125px;
	left: 48%;
}
.dg_bannerArea #dg_countdownAfter {
	position: absolute;
	top: 20px;
	left: 48%;
}
.dg_banner #dg_bannerNew {
	position: absolute;
	top: 107px;
	left: 39%;
}
.dg_bannerArea #dg_countdownAfter_sp {
	display: none;
}
.dg_bannerArea #dg_countdownAfter_sp img {
}
/*///////////////// 2014.11.20 /////////////////*/
.dg_bannerArea .dg_text01 {
   margin:0 auto;
}
.dg_bannerArea #dg_packages {
	position: absolute;
	top: 15px;
	left: 10%;
	margin-left: 110px;
}
.dg_bannerArea #dg_and {
	position: absolute;
	top: 58px;
	left: 16.3%;
	margin-left: 310px;
}
.dg_bannerArea #dg_text02 {
	position: absolute;
	top: 0px;
	left: 45%;
}
.dg_bannerArea #dg_live {
	position: absolute;
	top: 20px;
	right: 70%;
	margin-right: -580px;
}
.dg_bannerArea #dg_snowMiku {
	position: absolute;
	top: -35px;
	right: -30px;
}
.dg_bannerArea #dg_bannerLink {
	position: absolute;
	top: 120px;
	right: 12%;/*290px;*/
	width: 140px;
	margin: 0;
	line-height: 30px;
	height: 30px;
	font-size: 13px;
	right: 70%;
	margin-right: -580px;
	padding-right: 5px;
}
.dg_bannerArea .dg_snowMiku_sp,
.dg_bannerArea .dg_text01_sp,
.dg_bannerArea .dg_packages_sp,
.dg_bannerArea .dg_and_sp,
.dg_bannerArea .dg_text02_sp,
.dg_bannerArea .dg_live_sp,
.dg_bannerArea .dg_bannerLink_sp {
	display: none;
}

/*******************************
 dg_copyright
*******************************/

.dg_copyright {
	padding-top: 15px;
}

.dg_copyright ul{
   text-align:right;
   position: relative;
   top:0px;
   left: 12px;
}
.dg_copyright li {
	display: inline-block;
	margin-left: 14px;
	font-size: 10px;
	line-height: 18px;
	vertical-align:top;
}
.dg_copyright li.miku img {
	vertical-align:top;
	width: 60px;
	height: auto;
}
.dg_copyright li img {
	vertical-align: middle;
}
.dg_copyright li.text img {
	width: 48px;
	height: auto;
}
/*******************************
 navi
*******************************/

#dg_navi {
	margin-top: 20px;
	text-align: center;
	display: block;
	width: 100%;
	background: url(/~/Media/com/digieye/top/images/menu_bg_v2.png) no-repeat;
}
#dg_navi #dg_naviInner {
	position: relative;
	margin: 0 auto;
   padding:16px 0px 20px;
   /*width:1006px;*/
	width: 960px;
}
#dg_navi #dg_current {
	position: absolute;
	top: 36px;
}
#dg_navi ul {
	margin: 0 auto;
	text-align: center;
	height: 18px;
	position: relative;
}

#dg_navi ul#nav1{width:716px;margin-bottom:20px;}
#dg_navi ul#nav2{width:874px;}

#dg_navi li {
	/*display:inline-block;*/
	/*margin-left:25px;*/
	padding-left: 25px;
	height: 18px;
}
#dg_navi li:first-child {
	margin-left: 0;
}
#dg_navi li#dg_menu01 {
	width: 75px;
	position: absolute;
	top: 0px;
	left: 0;
}
#dg_navi li#dg_menu02 {
	width: 95px;
	position: absolute;
	top: 0px;
	left: 100px;
}
#dg_navi li#dg_menu03 {
	width: 152px;
	position: absolute;
	top: 0px;
	left: 220px;
}
#dg_navi li#dg_menu04 {
	width: 131px;
	position: absolute;
	top: 0px;
	left: 397px;
}
#dg_navi li#dg_menu05 {
	width: 178px;
	position: absolute;
	top: 0px;
	left: 553px;
}
#dg_navi li#dg_menu06 {
	width: 225px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#dg_navi li#dg_menu07 {
	width: 225px;
	position: absolute;
	top: 0px;
	left: 250px;
}

#dg_navi li#dg_menu08 {
	width: 140px;
	position: absolute;
	top: 0px;
	left: 500px;
}

#dg_navi li#dg_menu09 {
	width: 225px;
	position: absolute;
	top: 0px;
	left: 665px;
}

#dg_navi #dg_menuImg01,
#dg_navi #dg_menuImg02,
#dg_navi #dg_menuImg03,
#dg_navi #dg_menuImg04,
#dg_navi #dg_menuImg05,
#dg_navi #dg_menuImg06,
#dg_navi #dg_menuImg07,
#dg_navi #dg_menuImg08,
#dg_navi #dg_menuImg09 {
	position: absolute;
	left: 0;
	top: 0;
}
#dg_navi #dg_menuImg01_ov,
#dg_navi #dg_menuImg02_ov,
#dg_navi #dg_menuImg03_ov,
#dg_navi #dg_menuImg04_ov,
#dg_navi #dg_menuImg05_ov,
#dg_navi #dg_menuImg06_ov ,
#dg_navi #dg_menuImg07_ov,
#dg_navi #dg_menuImg08_ov
#dg_navi #dg_menuImg09_ov {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}
/*******************************
 contentsArea
*******************************/

#dg_contentsArea {
	margin-top: 20px;
	padding-bottom: 50px;
}
#dg_contentsArea ul {
	overflow: hidden;
	width: 100%;
}
#dg_contentsArea li {
	float: left;
	width: 31.5%;
	display: inline-block;
	margin: 2.5% 2.6% 0 0;
	padding: 3px;
	border: 1px solid #1c2024;
	box-sizing: border-box;
}
#dg_contentsArea li a{
   display:block;  
}

#dg_contentsArea li.dg_br {
	margin-right: 0;
	width: 31.8%;
}
#dg_contentsArea li img {
	width: 100%;
}
#dg_contentsArea li .dg_contentsLink {
	color: #fff;
	background: #12151a url(/~/Media/com/digieye/top/images/arrow.png) no-repeat 96% center;
	padding: 15px;
	height: 20px;
	font-size: 13px;
	transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	-ms-transition: background-color 0.5s ease;
}
#dg_contentsArea li a:hover .dg_contentsLink {
	color: #000;
	background: #f0f03c url(/~/Media/com/digieye/top/images/arrow_ov.png) no-repeat 96% center;
}


/*----------------------------------------------------
 rest
--------------------------------------------------- */
body {
	background: url(../images/bg.jpg) no-repeat center top;
	background-size: 100% 100%;
}

iframe[name="google_conversion_frame"] { position:absolute; }

#dg_particle{
	position: fixed;
	top:0px;left:0px;
    width: 100%;
    height: 100%;
    background: url(../assets/images/bg/bottom1.png);
}

#dg_wrapper.rest{
	max-width:100%;
}

.rest img{
	display:inline;
}
.rest img.sp{
	display:none;
}

.rest .main{
	width:760px;
	background: url(../images/rest/figure-miku.png) center 210px no-repeat;
	float:none;
	margin:0 auto;
}

.rest .container{
	background: url(../images/rest/bg-rest.png) center top no-repeat;
	padding-bottom:5px;
}

.rest .title-box{
		text-align:center;
		padding-top:50px;
}

.rest .section-main{
	text-align:center;
	padding-top:210px;
	padding-bottom:145px;
}

.rest .section .section-inner{
		width:760px;
		margin:0 auto;
}

.rest .section-footer .copy-box{
	text-align:center;
}

.rest .section-footer .copy-box .text-copy{
	font-size:12px;
	margin-top:27px;
}

.rest .section-footer .copy-box .text-copy img{
	position:relative;
	top:-4px;left:0px;
}

.sp-br{
	display:none;
}

/*sitecore用*/

#dg_particle_bg_pkg{
   top:80px !important;
}

.dg_copyright li img{
   display:inline;  
}

#footer,header,#container,.toolBox01,#breadcrumb{
   /*display:none;  */
}

a:hover {
	-webkit-animation-duration:0.6s;
	-moz-animation-duration:0.6s;
	-ms-animation-duration:0.6s;
	-o-animation-duration:0.6s;
	animation-duration:0.6s;

	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;

	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	filter: alpha( opacity=75 );
	-ms-filter: "alpha(opacity=75)";
	}

li.current a:hover {
	-webkit-animation-duration:0s;
	-moz-animation-duration:0s;
	-ms-animation-duration:0s;
	-o-animation-duration:0s;
	animation-duration:0s;
}

.ie8 #dg_bottle{
   display:none;  
}

}

/*
 * =keyframes
 */
@-webkit-keyframes flash {
	0%, 100% {
		opacity:1;
		}
	25% {
		opacity:0.5;
		}
	}
@-moz-keyframes flash {
	0%, 100% {
		opacity:1;
		-moz-opacity:1;
		-khtml-opacity: 1;
		}
	25% {
		opacity:0.5;
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		}
	}
@-o-keyframes flash {
	0%, 100% {
		opacity:1;
		-moz-opacity:1;
		-khtml-opacity: 1;
		}
	25% {
		opacity:0.5;
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		}
	}
@keyframes flash {
	0%, 100% {
		opacity:1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		-moz-opacity:1;
		-khtml-opacity: 1;
		}
	25% {
		opacity:0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		}
	}