@charset "utf-8";
/* 2011-2013 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:151;
}
#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:90;
}

section[data-id^="panel"] .panel-title img,
section[data-id^="panel"] .panel-description img { max-width: 100%; }

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

/********
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;
}

/********
js add
********/
.add-no-vertical-scroll { overflow-y: hidden !important; }
.add-no-horizontal-scroll { overflow-x: hidden !important; }
.add-bg-fixed { background-attachment: fixed !important; }
.bganim {z-index:92;}
.monopo {z-index:94;}
.l011Class {z-index:94;}
section[data-id^="panel"] div.block {z-index:96;}