@charset "utf-8";
/* 2011 digitalstage
--------------------------------------------------------- */

/********
default set
********/
html,body	{ height:100%;}
body	{ height:100%; margin:0; padding:0; font-size:100%; color:#000; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; font-size:12px;line-height:1.2; }
#pagetop	{ height:100%; min-height:100%;}
body > #pagetop	{ height:auto;}
form,p,h1,h2,h3,h4,h5,h6	{ margin:0; padding:0; font-weight:normal;}

a			{ color:#00C; text-decoration:none; cursor:pointer;}
a:visited	{ color:#808;}
a:hover		{ color:#66C; text-decoration:underline;}
a img	{ border-width:0;}
color	{ color:#444;}


#browserCheck {
	width: 100%;
	min-height: 500px;
	margin-top: 100px;
	overflow: hidden;
	border: 0;
}

/********
cover base
********/
#siteheader,
#sitefooter,
#pageheader,
#pagefooter	{
	visibility:hidden;
	overflow:hidden;
	width:auto;
	margin:0;
	padding:0;
	z-index:104;
}
#main,
#widget	{
	visibility:hidden;
}

/********
panel base
********/
section[data-id^="panel"]	{
	position:relative;
	overflow:auto;
}
section[data-id^="panel"] .block	{
	position:absolute;
	overflow:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
section[data-id^="panel"] .tile	{
	position:relative;
	overflow:hidden;
	z-index:100;
}

/********
widget base
********/
div[data-id^="widget"]	{
	position:absolute;
	z-index:104;
}
div[data-id^="widget"] .box	{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	z-index:104;
}
#widget .bgm,
#widget .ticker	{
	position:absolute;
	display:none;
}

/********
scrollbar
********/
body > * {
	scrollbar-width:5px;
	scrollbar-base-color:#FFF;
	scrollbar-track-color:#FFF;
	scrollbar-face-color:#EEE;
	scrollbar-shadow-color:#EEE;
	scrollbar-darkshadow-color:#EEE;
	scrollbar-highlight-color:#EEE;
	scrollbar-3dlight-color:#EEE;
	scrollbar-arrow-color:#FFF;
	word-wrap: break-word;
	word-break: break-all;
}


*::-webkit-scrollbar,
* .block::-webkit-scrollbar {
	overflow:hidden;
	width:5px;
	background:#FFF;
	border-radius:3px;
}
*::-webkit-scrollbar:horizontal,
* .block::-webkit-scrollbar:horizontal {
	height:5px;
}
*::-webkit-scrollbar-button,
* .block::-webkit-scrollbar-button {
	display:none;
}
*::-webkit-scrollbar-piece,
* .block::-webkit-scrollbar-piece {
	background:#FFF;
}
*::-webkit-scrollbar-piece:start,
* .block::-webkit-scrollbar-piece:start {
	background:#FFF;
}
*::-webkit-scrollbar-thumb,
* .block::-webkit-scrollbar-thumb {
	overflow:hidden;
	border-radius:3px;
	background:#CCC;
}
*::-webkit-scrollbar-corner,
* .block::-webkit-scrollbar-corner {
	overflow:hidden;
	border-radius:3px;
	background:#CCC;
}


/********
html5 for Air
********/
section,hgroup,nav,article,aside,header,footer,figure,figcaption	{ display:block;}

/********
clear
********/
#siteheader,
#sitefooter,
#pageheader,
#pagefooter,
#main	{
	clear:both;
}

/********
clearfix
********/
#siteheader,
#sitefooter,
#pageheader,
#pagefooter,
#main,
section[data-id^="panel"] .plate .panel-title,
section[data-id^="panel"] .plate .panel-description,
.clearfix	{
	zoom:1;
}
#siteheader:after,
#sitefooter:after,
#pageheader:after,
#pagefooter:after,
#main:after,
section[data-id^="panel"] .plate .panel-title:after,
section[data-id^="panel"] .plate .panel-description:after,
.clearfix:after	{
	content:"";
	display:block;
	clear:both;
	height:0.01px;
}

/********
trial
********/
#trial-banner {
	display: block;
	width: 475px; height: 30px;
	position: fixed; bottom: 2px; left: 2px;
	z-index: 9999;
}

#trial-banner:hover {
	opacity: 0.9;
}