@charset "utf-8";
/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/* CSS 版面設定 */
body{
	font-size:12px;
	line-height:20px;
	background-color:#f3f3f3;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif;
}
#WRAP{  height:480px; background-color:#f3f3f3;
	width:860px;  height: auto; margin:0 auto;margin-bottom:30px; padding-top:20px;
}

#MAIN{
	 width:820px; margin:0 auto;	
}

#CONTENT{
	width:820px;
	min-height: 700px;
	background-color:#ffffff;
	padding-bottom: 20px;
	position:relative;	 
	margin:0 auto;
}
#CONTENT_Down{ 
	width:780px;
	background-color:#ffffff;
	margin:0 auto;
	padding:30px 20px 50px 20px;
}

h2{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold;color:#b50103; padding:15px 0; line-height:1.2; 
	}
	
h3{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#ffffff; margin:5px 0; line-height:1.2; background-color:#333333; padding:20px 10px;}

h6{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000000; line-height:1.2; padding:0px; margin-top: 10px;}

.link{ color:#cccccc; text-decoration:none}
a.link:hover{ color::#333333; text-decoration: underline;}

a{ color:#ec680f; text-decoration:underline;}
a:hover{ color:#333333; text-decoration:none;}

ul{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; padding:0; margin:0;line-height:2; margin-top:10px;color:#333333;}

ol{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; padding:0; margin:0;line-height:2; color:#333333;}

li{  margin-left:20px;  font-weight: normal; font-size:14px; line-height:1.6;color:#333333; font-family:Verdana, Geneva, sans-serif;
	}

#FOOTER{  text-align:center; margin:0 auto; padding:30px 0; color:#666666;}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*For IE 6&7 only*/
}


.box-img{
	width: 30%;
	display: inline-block;
	float: left;
	text-align: center;
}

.box-img img{

	margin-top: 20px;
}

.box-content{
	
	width: 69%;
	display: inline-block;

}

.btn-img{
	margin: 20px 0px;
}




.content-trigger{
	padding-bottom: 10px;
}
.btn-checkbox {
  display: none;
}

.btn-target {
  border: 1px solid #999999;
  display: none;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
  padding-bottom: 20px;
}

.btn-wrap{
 display: block;
 list-style-type: none;	
}

.btn-checkbox:checked ~ .btn-wrap .btn-target {
  display: block;
  font-size: inherit;
  max-height: 999em;
}




.btn-trigger {
  margin: 10px 0px 10px 0px;
  cursor: pointer;
  display: inline-block;
  padding: 12px 40px;
  background-color: #d7000f;
  color: #fff;
  font-size: 22px;

  border: 1px solid #d5000f;

}
.btn-r-content{
	padding-top: 10px;
}
.btn-r-s{

	padding: 8px 20px;

}

.clearfix {
  overflow: auto;
}