body {
font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Meiryo", sans-serif;
}
	
/*attention*/
#attention{
	background-image: url(img/bg_blue.jpg);
	background-size:275px 275px;
	margin:0;
	padding:10px 0;
	}
#attention h1{
	margin:0 10%;
	}
#attention h2{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	margin: 30px 0 20px;
	color: #990a0a;
	}
#attention h1 img{
	width:100%;
	}
.attention_inr{
	width:88%;
	border-radius:10px;
	border:5px solid #000080;
	background:#FFF;
	margin:10px auto;
	padding:0 3% 3% 3%;  
	}
.attention_inr h3,.attention_inr h4{
	color:#000080;
	font-weight:bold;
	font-size:16px;
	margin-top:20px;
	border-bottom:1px dotted #000080;
	padding-bottom:5px;
	}
.attention_inr dl{
	width:100%;
	overflow:hidden;
	margin-top:5px;
	}
.attention_inr p{
	font-size:14px;
	}

.attention_inr dt{
	width:5%;
	float:left;
	font-size:14px;
	}
.attention_inr dd{
	background:#FFF;
	width:95%;
	float:left;
	margin-left:0;
	font-size:14px;
	}
#attention  .attention{
	width:94%;
	padding:0 0 0 0;
	margin:20px 3% 0 3% ;
	overflow:hidden;
	font-size:16px;
	line-height:1.4;
	}
#attention  .attention img{
	width:13%;
	float:left;
	margin-right:1%;}
#attention  .attention span{
	padding-top:5px;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	display:block;
	}
#attention .btn{
	margin-top:20px;}
#attention .btn a{
	display:block;
	text-align:center;
	color:#FFF;
	background:#000080;
	border-radius:6px;
	padding:15px 0;
	font-size:18px;
	text-decoration:none;
	
	}

.text_c {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #ffffff;
}
.text_c a {
    color: #ffffff;
}

/*「有名人そっくりさん」「見た目年齢ギャップある方」用*/
#attention h2 span.ttl01{
	background: linear-gradient(transparent 60%, #f7f7cf 60%);
}
#attention h2 span.ttl02{
	background: linear-gradient(transparent 60%, #f7f7cf 60%);
}

#attention .ttl-txt {
	background-color: #f7f7cf;
	border-radius: 4px;
	padding: 3%;
}
/*#attention .ttl-txt.ttl02 {
	background-color: #f7ece7;
	border-radius: 4px;
	padding: 3%;
}*/
