/*html {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
}*/
a {color:#000;}
a:hover {text-decoration:none;}

body {
	display:table;
	position:fixed;
	height:100%;
	width:100%;
	text-align:center;
}

/* wrap
-----------------------------------------------------------------------------*/
div.wrap {
	display:table-cell;
	vertical-align:middle;
}

/* top
-----------------------------------------------------------------------------*/
div#btns {
	margin:0 auto;
	padding-bottom:100px;
	width:788px;
}
div#btns:after {content:"";display:block;clear:both;}
div#btns > div {
	width:338px;
}
div#btns a {
	display:inline-block;
	background-repeat:no-repeat;
	/*
	text-indent:-9999px;
	*/
	overflow:hidden;
}
div#attend , div#leaving {
	margin-bottom:25px;
}
div#attend a, div#leaving a {
	width:338px;
	height:258px;
}
div#start a, div#end a {
	width:320px;
	height:90px;
}
div#attend a, div#leaving a {background-image:url(/img/btn1.png);}
div#start a, div#end a {background-image:url(/img/btn2.png);}
div#attend a {background-position:0 0;}
div#leaving a {background-position:-338px 0;}
div#start a {background-position:0 0;}
div#end a {background-position:-320px 0;}
div#attend a:hover, div#attend a:active{background-position:0 -258px;}
div#leaving a:hover, div#leaving a:active{background-position:-338px -258px;}
div#start a:hover, div#start a:active{background-position:0 -90px;}
div#end a:hover, div#end a:active{background-position:-320px -90px;}

/* foot
--------------------------------------*/
div#foot {
	position:fixed;
	bottom:0;
	left:0;
	display:table;
	width:100%;
	height:120px;
	background-color:rgba(0,0,0,0.6);
}
div#foot div#date {
	display:table-cell;
	vertical-align:middle;
}
div#foot div#date div {
	display:inline-block;
	padding-left:75px;
	line-height:56px;
	color:#fff;
	font-size:30px;
	text-shadow:0 -1px 1px rgba(0,0,0,0.5);
	background-repeat:no-repeat;
	background-position: left center;
}
body#evening div#foot div#date div {background-image:url(/img/watch-evening.png);}
body#morning div#foot div#date div {background-image:url(/img/watch-morning.png);}
div#foot div span {
	font-size:40px;
	font-weight:bold;
}
/* chart
-----------------------------------------------------------------------------*/
div#chart {
	padding:20px;
}
div#chart div.box {
	margin:0 auto 10px;
	width:1320px;
	height:650px;
	padding:50px 10px 10px 10px;
	background-color:rgba(255,255,255,0.5);
	box-shadow:0 0 5px 2px rgba(0,0,0,0.3);
	border-radius:30px;
}
div#chart div.box div.tit {
	margin-bottom:20px;
	font-size:44px;
	font-weight:bold;
	color:#fff;
	text-shadow:0 0 5px rgba(0,0,0,1);
}
div.tit {
	overflow: hidden;
    text-align: center;
    width: 1300px;
    height: 52px;
}
p#scroll_text {
	display: block;
    white-space: nowrap;
    height: 52px;
    font-size:44px !important;
/*    padding-bottom: 5px;
     background-color: yellow !important;*/
}
div#chart div.box p {
	margin-bottom:20px;
	font-size:30px;
	font-weight:bold;
	line-height:1.5;
    text-align: center;
}
div#chart div.box span {
	margin-bottom:20px;
	font-size:30px;
	font-weight:bold;
	line-height:1.5;
    text-align: center;
}
div#chart div.box p strong {
	color:#f00;
	font-size:40px;
}
div#chart div.box p b {
	color:#f00;
}

/* 閉じるボタン */
div#closeBtn a {
	display:inline-block;
	width:208px;
	height:82px;
	background:url(/img/btnClose.png) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
div#closeBtn a:hover {
	background-position:-208px 0;
}
/* その他デバイス登録 */
div#btnDevice a {
	display:table-cell;
	vertical-align:middle;
	width:330px;
	height:82px;
	background:url(/img/btnDevice.png) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
div#btnDevice a:hover {
	background-position:-330px 0;
}