﻿/*
====================================
　全般
====================================
*/
body
{
	font-family: Roboto, "Droid Sans", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-weight: bold;
	line-height: 1;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;

	-webkit-text-size-adjust: 100%;

	pointer-events: none;   /* 全項目操作不可指定、リンクはPG内でautoに再指定 */
}

/* IE10以下だとリンク画像に枠線が表示される現象の対策 */
a img
{
	border-style: none;
}

/* IE7以下だとウィンドウ右側にスクロールバーが必ず表示される現象の対策 */
html, body
{
	overflow: auto;
}

/* 各タグの位置を確認するためのテストコード */
/*
span {border:red solid 1px;}
img {border:red solid 1px;}
*/

/*
====================================
　画像トリミング用 
====================================
*/

/* 全般 */
.trim
{
	overflow: hidden;
	width: 100%;
	margin: 0px;
	position: relative;
}
.trim img
{
	width: 100%;
	height: 680px;
	position: absolute;
}

/* メイン部(ヘッダから個別番号の2行目まで) */
.main
{
	height: 396px;
}
.main img
{
	top: 0px;
}

/* サブ部(遅薬表示の時の下部の先出来個別番号部分) */
.sub
{
	height: 283px;
}
.sub img
{
	top: -396px;
}

/* 繰り返し部 */
.repeat
{
	height: 54px;
}
.repeat img
{
	top: -517px;
}

/*
====================================
　表示テキスト用 
====================================
*/

/* 全般 */
span
{
	position: absolute;
}

/* 更新時刻 */
#updateTimeCaption, #updateTime
{
	left: 5px;
	width: 130px;
	text-align: center;
}

#updateTimeCaption
{
	top: 6px;
	font-size: 19.2px;
}

#updateTime
{
	top: 31px;
	font-size: 14.4px;
}

/* 再読み込み */
#reloadImg, #reload
{
	top: 4px;
	right: 5px;
	width: 85px;
}

#reloadImg
{
	height: 19.2px;
	position: absolute;
	z-index: 10;
	pointer-events: auto;
}

#reload
{
	text-align: center;
	font-size: 19.2px;
	z-index: 5;
}

/* 注意書き */
#noticeAsta, #notice1, #notice2, #notice3
{
	font-size: 10px;
	font-weight: normal;
	z-index: 5;
}

#notice1, #notice2, #notice3
{
	right: 5px;
	width: 165px;
	text-align: left;
}

#noticeAsta
{
	right: 170px;
	width: 15px;
	text-align: right;
}

#noticeAsta, #notice1
{
	top: 25px;
}

#notice2
{
	top: 35px;
}

#notice3
{
	top: 45px;
}

/* タイトル */
#title
{
	top: 62px;
	left: 2%;
	width: 98%;
	text-align: left;
	font-size: 20.8px;
}

/* 代表番号 */
#repNo
{
	top: 98px;
	left: 3.2%;
	width: 92.8%;
	text-align: center;
	font-size: 104px;
}

/* メッセージ */
#msg1, #msg2, #msg3
{
	left: 0%;
	width: 100%;
	text-align: center;
	font-size: 17.6px;
}

#msg1
{
	top: 212px;
}

#msg2
{
	top: 254px;
}

/* 個別番号(遅薬番号) */
.individualNo
{
	width: 28%;
	text-align: center;
	font-size: 35.2px;
}
