@CHARSET "UTF-8";

html {
	overflow-y:scroll;
}

* {	margin: 0; padding: 0; }

body {
	/*font-family: Verdana, Helvetica, sans-serif;*/
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	letter-spacing: 2px;
}

input {
	vertical-align:middle;
}

span {
	vertical-align:middle;
}

label {
	vertical-align:middle;
}

select {
	vertical-align:middle;
}


/* ヘッダ＋コンテンツ＋フッターのグループ */
#container {
	width: 920px; /* ページの横幅 */
	margin: auto; /* 中央に表示 */

/*	border:1px solid #aaaaaa;*/
}

/* ヘッダエリア */
#header {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* コンテンツエリア */
#contents {
	width: 900px;
	margin: auto;
	margin-bottom: 5px;
}

/* タイトルエリア */
#title {
	/*width: 900px;*/
	/*margin: auto;*/
	margin-bottom: 5px;
	padding-left: 5px;
	font-size: 1.2em;
	background-color: #F0F8FF;
	
	border-top:2px solid #000000;
}

/* 結果表示エリア */
#result {
	/*width: 900px;*/
	/*margin: auto;*/
	margin-bottom: 10px;
	padding-left: 5px;
	font-size: 1.0em;

	border:1px solid #aaaaaa;
}

/* フッターエリア */
#footer {
	width: 900px;
	font-size:12px;
	margin: auto;
	margin-bottom:30px;
}


/*********************************/
div.clear {
	clear: both;
}

div.right {
	float: right;
}


/*********************************/
/*
 * 文字列を点滅する
 * 使用例）<span class="blinking">点滅</span>
 */
.blinking {
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
.blinking_1s {
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}