@charset "EUC-JP";

/* gree_common superscription */
body {
	background-color: #fff;
	background-image: none;
}

#wrapper {
	background: url(/img/gree/special/dig/bg.jpg) no-repeat center top;
	background-color: #000;
	border-right-style: none;
	border-left-style: none;
	width: auto;
}

#topContent {
	margin-right: auto;
	margin-left: auto;
}

div#footer {
	margin-right: auto;
	margin-left: auto;
	width: 740px;
}

div#footer #fnavi {
	margin-top: 0px;
}

/* gree_common superscription */


/* base */
body,div,h1,h2,h3,h4,li,ul,p,img,table,tr,td,form{margin:0px; padding:0px;}
img{border:0px;margin: 0px;}

/* etc */
.clear{clear:both;}
hr{display:none;}

/* list */
ul,li{list-style-type:none;}

.invisible{
	display: none;
}

/* @group topContent */

div#sp_container {
	margin-top: 30px;
}

div#topContent{
	width: 740px;
}
div#topContent h1{
	font-size: 1px;
	text-indent: -10000px;
}
div#fm{
	background: url(/img/gree/special/dig/main01.jpg) no-repeat top;
	width: 740px;
	height: 581px;
	text-align: center;
	margin-left: -1px;
}

div#fm p,
div#topContent ul {
	display: none;
}


div#topContent h2{
	display: none;
}

div#topContent .characteristics {
	margin-left: -1px;
}

div#topContent .infBlock .inner {
	width:720px;
	margin:0 auto;
	background-color:#333333;
	padding:10px;
}

div#topContent h3 {
	padding: 3px 7px;
	background-color:#000;
	color:#ffcc00;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;

}

div#topContent dl.update {
	color:white;
	line-height: 1.1;
	margin-bottom: 0;
	margin-top:7px;
	margin-left:5px;
}

div#topContent dl.update dt {
  width: 7em;
}

div#topContent dl.update dd {
  margin: -1.1em 0 5px 7em;
  margin-bottom: 5px;
}


.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}



div#topContent #StoryBlock {
	margin: 219px auto 0;
	width: 311px;
}

div#topContent #StoryBlock p {
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 311px;
	height: 190px;
	display: block;
}

div#topContent #StoryBlock a:hover {
	background-color: transparent;
}



div#topContent table#formForMobile{
	margin: 31px 0 0 81px;
}
div#topContent table#formForMobile tr{
}
input.fs{
	width: 120px;
}
div#topContent table#formForMobile td.formArea{
	text-align: left;
}
div#topContent table#formForMobile td.qrArea{
	padding-top: 40px;
	width: 110px;
}
div#fm table#formForMobile .formCaption p{
	font-size: 1px;
	text-indent: -10000px;
}

/* attention */
#attention {
	padding: 15px 8px 15px 0px;
	background: #FFF;
}


/* IE6hack */
*html div#topContent{
	width: 740px;
}
*html div#sp_container {
	margin-top: 30px;
	background: url(/img/gree/special/dig/bg.jpg) no-repeat center top #000000;
}
*html div#fm{
	background: url(/img/gree/special/dig/main01.jpg) no-repeat top;
	width: 740px;
	height: 581px;
	text-align: center;
}
*html div#topContent h2{
	font-size: 1px;
	text-indent: -10000px;
	background: url(/img/gree/special/dig/main02.jpg) no-repeat top;
	width: 740px;
	height: 269px;
}
*html div#footer {
	margin-left:auto;
	margin-right:auto;
	width:740px;
}
*html div#footer ul#fnavi{
	margin:10px 0;
	overflow:auto;
	text-align:left;
	width:718px;
}
*html div#topContent table#formForMobile{
	margin: 355px 0 0 0;
}
*html div#topContent table#formForMobile td.qrArea{
	padding-left: 98px;
}
/* IE6hack */
/* IE7hack */
*+html div#sp_container {
	margin-top: 30px;
	background: url(/img/gree/special/dig/bg.jpg) no-repeat center top #000000;
}
*+html div#topContent table#formForMobile{
	margin: 441px 0 0 81px;
}
/* IE7hack */

/* @end */




#tinybox {position:absolute; display:none; padding:0px; background:#000;border:0px solid #000; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#000}