@charset "utf-8";

@media screen and (min-width:480px) { 
	/*　画面サイズが480px以下の場合、ここのスタイルを読み込む　*/
#contents{
	width:700px;
	margin:20% auto 10%;
	color:#00b4de;
	font-size:90%;
	line-height:120%;
	text-align:left;
}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768px～1024pxの間は、ここのスタイルを読み込む　*/
#contents{
	width:700px;
	margin:20% auto 10%;
	color:#00b4de;
	font-size:90%;
	line-height:120%;
	text-align:left;
}
}

@media screen and (min-width:1024px) {
	/*　画面サイズが1024px以上の場合、ここのスタイルを読み込む　*/
#contents{
	width:700px;
	margin:120px auto 80px;
	color:#00b4de;
	font-size:90%;
	line-height:120%;
	text-align:left;
}
}

table{
	width:700px;
	border-collapse:collapse;
}
td{
	border:1px solid #f2f1e9;
	padding:5px;
	font-size:90%;
	color:#00b4de;
}
td.l_Cel{
	width:170px;
}
h3{
	font-size:30px;
	margin-bottom:40px;
}
span{
	font-size:80%;
}
.hankaku{
	color:#F00;
}
.red{
	color:#F00;
}
#Caution{
	color:#F00;
}
#contents a{
	text-decoration:none;
	color:#00b4de;
}
#contents a:hover{
	color:#e62288;
}