/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html {
  margin: 0 auto;
  background: #FFF;
}

/* base */

img{
	 border: 0;
	 vertical-align: bottom;
	}

ul,ol,dl,li {
	list-style: none;
	list-style-type: none;
}

a {
	color: #006699;
	text-decoration:underline;
	font-weight:bold;
}

a:hover {
	color: #999;
	text-decoration:none;
	font-weight:bold;
}

body {
	margin: 0;
	padding: 0px;
	color:#333333;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	line-height:1.3;
	background-color:#FFF;
}


/* content */

#content {
	max-width: 850px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background-color:#FFF;
}

#card_logo {
	border-bottom: solid 1px #D5CFC1;
	padding: 5px 10px;
	text-align: right;
	height: 30px;
	background-color:#FFF;
}

#card_logo img {
	width:auto;
	height:100%;
	margin:0;
	padding:0;
}

#main{
	width: 95%;
	height: auto;
	margin: 0 auto;

}

#main img{
	width: 100%;
	height: auto;
	display:block;
	margin: 0 auto;


}

#list_area1 {
	width:100%;
	margin:20px 0;
}


#list_area2 {
	width:95%;
	margin: 30px auto 0;
	padding: 5px 10px 10px;
	border-top:solid 2px #D2A36C;
	border-left:solid 2px #D2A36C;
	border-right:solid 2px #D2A36C;
	text-align:center;
}

#list_area3 {
	width:95%;
	margin: 0 auto 10px;
	padding: 15px 10px 10px;
	border:solid 2px #D2A36C;
	text-align:center;
}

.attention {
	font-size: .7rem;
	color:#666666;
	font-weight:normal;
}

.attention2 {
	font-size: 80%;
	color:#666666;
	font-weight:normal;
	text-align:left;
}

.pup_w {
	font-weight: bold;
	margin: 0 auto;
	margin: 5px 0;
	line-height: 1.5;
}

.pup_w a{
	color: #e60010;
	font-size: 80%;
}

.m10_1 {
	font-size : 95%;
	padding: 2px 10px 0;
	font-weight: bold;
	color:#FFF;
	background-color: #D2A36C;
	border:solid 1px;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
}

.m10_2 {
	font-size : 1.1rem;
	margin: 10px 0 5px;
}

.m10_3 {
	font-weight: bold;
	font-size : 1.2rem;
	line-height: 1.2;
	margin: 5px 0 0;
}
.m10_4 {
	font-size : 95%;
	padding: 2px 10px 0;
	font-weight: bold;
	color:#FFF;
	background-color: #E60012;
	border:solid 1px;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
}
.m10_4:before {
	margin-right: 5px;
	content: '\f024';
	font-family: 'FontAwesome';
	font-size: 180%;
	color: #febb05;
}
.m10_5 {
	display: inline-block;
	font-size: 65%;
	font-weight: bold;
	color: #E60012;
	border: solid 2px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	margin-right: 10px;
	text-align:center;
	line-height: 50px;
	vertical-align: middle;
}
.m10_6 {
	color: #e60010;
}

.text_red {
	color:#E60012;
}

.text_red2 {
	font-size : 60%;
	padding: 0 10px;
	font-weight: bold;
	background-color:#E60012;
	color:#ffffff;
	border:solid 1px;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
}

.contact{
	margin:0px auto;
	padding: 20px;
	width: 60%;
	border: #cccccc 1px solid;
	font-size : 90%;
	line-height : 140%;
}

.contact a{
	font-size : .9rem;
	line-height : 1.4;
	text-align : left;
	color:#006699;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.line_dot {
	margin: 5px 0;
}

.line {
	margin-top: 25px;
}

.copy {
	font-size: 9px;
	color: #666666;
	margin:0px;
	padding:10px 0;
	text-align: center;
	background-color: #FFF;
}

#footer {
	text-align: center;
	padding: 15px 0 0 0;
}

#footer img{
	width: auto;
	height: auto;
	display:block;
	margin: 0 auto;
}

.pagetop:after {
	content: '\f0aa';
	font-family: 'FontAwesome';
	font-size: 280%;
	color: #006699;
	position: fixed;
	bottom: 40px;
	right: 40px;
	cursor : pointer;
}


@media screen and (max-width: 480px) {
.contact{
	width: 80%;
}
}