/* 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{
	max-width: 100%;
	height: auto;
	display:block;
	margin: 0 auto 10px;
}

#list_area1 {
	margin:10px 0 20px;
}

#list_area2 {
	margin: 10px auto 10px;
	padding: 5px 10px 10px;
	border:solid 1px #eb6100;
	text-align:center;
}
#list_area3 {
	font-size: .9rem;
	line-height: 1.5;
	margin: 10px auto 10px;
	padding: 10px 20px;
	border:solid 1px #eb6100;
}
.attention {
	font-size: .7rem;
	color:#666666;
	font-weight:normal;
	text-align:left;
}
.pup_w_title {
	font-size : .95rem;
	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;
}
.pup_w_title:before {
	margin-right: 5px;
	content: '\f024';
	font-family: 'FontAwesome';
	font-size: 180%;
	color: #febb05;
}
.pup_w {
	font-weight: bold;
	margin: 5px 0;
	line-height: 1.5;
}
.pup_w a{
	color: #E60012;
	font-size: 80%;
}
.cam_title {
	font-size: .8rem;
	font-weight: bold;
	text-align:center;
	margin: 0 0 5px;
	color: #E60012;
	border-bottom: solid 1px #E60012;
}
.cam_tk{
	font-weight: bold;
	font-size: 1.2rem;
	margin: 10px;
	line-height: 1.8;
}
.txt_l1 {
	font-weight: bold;
	font-size: 1.2rem;
}
.text_red {
	color:#E60012;
}
.text_red2 {
	font-size: .9rem;
	padding: 0 10px;
	margin-right: 5px;
	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: 20px;
	right: 40px;
	cursor : pointer;
}


@media screen and (max-width: 480px) {
#list_area3 {
	padding: 10px;
}
.pup_w_title {
	font-size : .85rem;
}
.cam_tk{
	font-size: 1rem;
	margin: 8px;
	line-height: 1.5;
}
.contact{
	width: 80%;
}
}