@charset "utf-8";


body{
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
	color : #454545;
	font-size : 90%;
	line-height : 1.8;
	background : url( '../image/bg-body.png' ) repeat 0 0;
}

a:link,
a:visited{
	color : #4040ff;
	text-decoration : underline;
}

a:hover,
a:active{
	color : #4040ff;
	text-decoration : none;
}

header {
	align-content: center;
	text-align: center;
	padding-top: 2rem;
}

header h1 {
	font-size: 2rem;
}

.cr {
	text-align: center;
	padding-bottom: 1rem;
}


.title {
	width: 80%;
	padding: 10px 30px;
	background-color: #333;
	color: #fff;
	margin-left: 25px;
	margin-top: 15px;
}

.text-color-annotation {
	color: darkred;
	font-size: smaller;
	font-weight: 500;
	background:#eee;
	padding: 2px 10px;
	margin-top: 5px;
	width: 65%;
}


/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width : 640px ){

body{
	font-size : 100%;
}
	
.title {
	width: 90%;
	padding: 10px 15px;
	background-color: #333;
	color: #fff;
	margin-left: 25px;
	margin-top: 15px;
}

}
/* 640pixel end */