/* ===========================
main_box
============================*/
#container {
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
}

/* ===========================
header
============================*/
#header {
	padding: 10px 0;
	border-bottom: 5px #EEEEEE solid;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #519903),
		color-stop(1, #3D5900)
	);
	background-image: -o-linear-gradient(bottom, #519903 0%, #3D5900 100%);
	background-image: -moz-linear-gradient(bottom, #519903 0%, #3D5900 100%);
	background-image: -webkit-linear-gradient(bottom, #519903 0%, #3D5900 100%);
	background-image: -ms-linear-gradient(bottom, #519903 0%, #3D5900 100%);
	background-image: linear-gradient(to bottom, #519903 0%, #3D5900 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#519903', endColorstr='#3D5900', GradientType=0)";  
}


.logo {
	font-size: 154%;
	font-weight: bold;
	text-align:left;
	color: #FFF;
}

.logo span {
	float: right;
	font-size: 68%;
	font-weight: normal;
}


/* ===========================
footer
============================*/
#footer { 
	border-top: 2px #CCCCCC solid;
	padding: 30px 0;
	color: #999999;
	background: #EEEEEE;
}

/* ===========================
parts
============================*/
h1 {
	border-bottom: 2px #7ea701 solid;
	padding-bottom: 3px;
	font-size: 130%;
	color: #2e5002;
	margin: 20px 0;
}

h1 span { float: right; font-size: 76%; }

.button { text-align: center; width: 80%; }

.button a {
	display: block;
	padding: 35px 0;
	color: #4b422b;
	font-size: 136%;
	text-decoration: none;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	border: 1px #999999 solid;
	font-weight: bold;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #faf8f2),
		color-stop(1, #e4ddcb)
	);
	background-image: -o-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: -moz-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: -webkit-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: -ms-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: linear-gradient(to bottom, #faf8f2 0%, #e4ddcb 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0DBC7', endColorstr='#A89F79', GradientType=0)"; 
}

.button a:hover {
	color: #FFFFFF;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #D60303),
		color-stop(1, #BA0202)
	);
	background-image: -o-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -moz-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -webkit-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -ms-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: linear-gradient(to bottom, #D60303 0%, #BA0202 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D60303', endColorstr='#BA0202', GradientType=0)";  
}

.button02 {
	width: 80%;
	text-align: center;
	font-size: 136%;	
}


.button02 a {
	display: block;
	padding: 35px 10px;
	color: #682001;
	text-decoration: none;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	font-weight: bold;
	border: 1px #793f01 solid;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FAD500),
		color-stop(1, #FC9700)
	);
	background-image: -o-linear-gradient(bottom, #FAD500 0%, #FC9700 100%);
	background-image: -moz-linear-gradient(bottom, #FAD500 0%, #FC9700 100%);
	background-image: -webkit-linear-gradient(bottom, #FAD500 0%, #FC9700 100%);
	background-image: -ms-linear-gradient(bottom, #FAD500 0%, #FC9700 100%);
	background-image: linear-gradient(to bottom, #FAD500 0%, #FC9700 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAD500', endColorstr='#FC9700', GradientType=0)";  
}

.button02 a:hover {
	color: #FFFFFF;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #D60303),
		color-stop(1, #BA0202)
	);
	background-image: -o-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -moz-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -webkit-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -ms-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: linear-gradient(to bottom, #D60303 0%, #BA0202 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D60303', endColorstr='#BA0202', GradientType=0)";  
}

.atten {
	margin-top: 30px;
	border: 2px #d40207 solid;
	padding: 15px;
}


.atten h2 {
	font-size: 150%;
	color:#F00;
	font-weight: bold;
}


.atten p {
	font-size: 106%;
}


.main_pr {
	margin-top: 30px;
	width: 100%;
}

.main_pr img {
	width: 100%;
	max-width: 1000px;
}

/* 追加 */
.atten--black {
	margin-top: 30px;
	border: 2px black solid;
	/* padding: 15px; */
}
.atten--red {
	margin-top: 30px;
	border: 2px #C00000 solid;
	/* padding: 15px; */
}
.title{
	font-size: 200%;
	color:black;
	font-weight: bold;
	text-align: center;
}
.atten--black h2 {
}
.f70per{
	font-size: 70%;
}
.f120per{
	font-size: 120%;
}
.f130per{
	font-size: 130%;
}
.f135per{
	font-size: 135%;
}
.f140per{
	font-size: 140%;
}
.c-red{
	color: red;
}
.c-red2{
	color: #C00000;
}
.c-white{
	color: white;
}
.c-blue{
	color: 	#0070C0;
}
.bg_black{
	background: black;
}
.bg_red{
	background:#C00000;
}
.bg_grey{
	background: #F2F2F2;
}
.text-align-center{
	text-align: center;
}
.m_top5{margin-top: 5px;}
.m_top10{margin-top: 10px;}
.m_top15{margin-top: 15px;}
.m_top20{margin-top: 20px;}

.m_bottom10{margin-bottom: 10px;}

.p_top10{padding-top: 10px;}
.p_bottom10{padding-bottom: 10px;}

.border-top-dashed{
	border-top: 1px dashed black;
}
.border-bottom-double{
	border-bottom: 5px double #c00000;
}

.logo-img{
	width: 100%;
	max-width: 100px;
	height: auto;
	display: inline-block;
	vertical-align: bottom;
}

.btn {
  display: inline-block;
	width: 80%;
  /* padding: 15px 30px; */
  /* font-size: 18px; */
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
.btn a{
	display: block;
	padding: 35px 0;
	color: white;
	font-size: 136%;
	text-decoration: none;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	border: 1px #999999 solid;
	font-weight: bold;
}
.btn a:hover {
	color: black;
	background-color: white;
}
.btn--orange {
  background-color: #ff8000; /* オレンジ色 */
  background-image: linear-gradient(to bottom, #ff8000, #ff5500);
}

.btn--green {
  background-color: #28a745; /* 緑色 */
  background-image: linear-gradient(to bottom, #28a745, #218838);
}