/*===========================================================================
▼base design
===========================================================================*/
* {
 margin: 0;
 padding: 0;
 line-height: 1.5;
}
body {
 font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
 font-size: 75%;
 color: #fff;
 background-color: #5e3b15;
 text-align: center;
 /*	background:url(../img/back01.gif) repeat;*/
}
form {
 display: inline;
}
img {
 border: 0;
 vertical-align: top;
}
ul, ol {
 list-style-type: none;
}
.cboth {
 clear: both;
 height: 0;
}
html {
 overflow-y: scroll;
}
/* IE ▼ */
* html .cboth {
 height: .1em;
 overflow: hidden;
 margin-top: -.1em;
}
hr {
 visibility: hidden;
 border: 0;
}
/*link*/
a {
 text-decoration: none;
}
a:link {
 color: #fff;
}
a:visited {
 color: #fff;
}
a:hover {
 color: #ffa500;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {
 display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block
}
/* End hide from IE-mac */
.cboth {
 float: none;
 clear: both;
}
#wrapper {
 width: 815px;
 text-align: left;
 margin: 0 auto;
 padding: 0;
}
#header {
 margin-top: 40px;
 width: 815px;
 height: 150px;
}
#header p {
 margin: 10px 10px 0 0;
 text-align: right;
 font-size: 1.2em;
}
#header p a:visited {
 color: #fff;
}
#header p img {
 margin-right: 5px;
 margin-top: 3px;
}
#contents {
 margin: 0 auto;
 width: 815px;
}
#cont_up {
 background: url(../img/category_tit02.gif) no-repeat;
 width: 815px;
 height: 49px;
}
#cont_up #menu {
 float: right;
 margin-left: 5px;
}
#cont_up #menu .btn01 {
 margin-right: 2px;
}
#cont_up #menu ul li {
 float: left;
 margin-right: 2px;
}
#cont_up #menu ul li:last-child {
 float: left;
 margin-right: 0px;
}
#cont_up #menu ul li.menu01 a {
 width: 136px;
 height: 30px;
 background: url("../img/menu01.png") no-repeat;
 display: block;
 text-indent: -9999px;
}
#cont_up #menu ul li.menu02 a {
 width: 136px;
 height: 30px;
 background: url("../img/menu02.png") no-repeat;
 display: block;
 text-indent: -9999px;
}
#cont_up #menu ul li.menu03 a {
 width: 136px;
 height: 30px;
 background: url("../img/menu03.png") no-repeat;
 display: block;
 text-indent: -9999px;
}
#cont_up #menu ul li.menu04 a {
 width: 136px;
 height: 30px;
 background: url("../img/menu04.png") no-repeat;
 display: block;
 text-indent: -9999px;
}
#cont_up #menu ul li.menu01 a:hover, #cont_up #menu ul li.menu02 a:hover, #cont_up #menu ul li.menu03 a:hover, #cont_up #menu ul li.menu04 a:hover {
 background-position: 0 -30px;
}
#contents02 {
 background: url(../img/back03.gif) repeat-y;
 width: 815px;
}
/*contents left*/
#cont_l {
 width: 258px;
 float: left;
}
#cont_l #category {
 padding-bottom: 20px;
}
#cont_l #category .tit01 {
 margin-top: 10px;
}
#cont_l #category ul {
 width: 234px;
 margin: 10px 0 0 10px;
 list-style-type: disc;
}
#cont_l #category li {
 width: 205px;
 margin-left: 20px;
 line-height: 1.7em;
}
#cont_l #category p {
 width: 205px;
 margin-left: 30px;
 margin-top: 10px;
 line-height: 1.7em;
 margin-bottom: -5px;
}
/*contents right*/
#cont_r {
 width: 550px;
 float: right;
 margin-top: -10px;
}
#cont_r #main {
 padding-bottom: 30px;
}
#cont_r #main_low {
 width: 484px;
 margin: 0 auto;
}
/*information*/
.top_info {
 border: solid 1px #ccc;
 margin-bottom: 15px;
 height: 500px;
 width: 484px;
}
#cont_r #top_bn {
 width: 484px;
 margin: 10px auto 0;
}
#cont_r #top_bn .bn01 {
 margin-right: 17px;
}
#footer {
 margin-top: 10px;
 text-align: right;
}
/*============================================================================
▼common
============================================================================*/
/*
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
*/
/* Hides from IE-mac \*/
/*
* html .clearfix {height: 1%;}
.clearfix {display: block;}
*/
/* End hide from IE-mac */
.img_r {
 float: right;
}
.img_l {
 float: left;
}
.img_r:after {
 content: "";
 display: block;
 clear: both;
}
.termsArea {
 width: 235px;
 margin: 10px auto;
}
.termsArea a {
 display: block;
 text-align: center;
 padding: 10px 15px;
 background-color: #fff;
 border: 1px solid #fff;
 font-size: 20px;
 font-weight: bold;
 color: #3d240a;
}
.termsArea a:hover {
 background-color: #3d240a;
 color: #fff;
}
.termsArea small {
 display: block;
 text-align: center;
 font-size: 14px;
 margin-top: 5px;
}
.expArea ul {
 border-bottom: 1px solid #fff;
 padding-bottom: 10px;
 font-weight: bold;
}
.exp-btn a {
 display: block;
 text-align: center;
 padding: 8px 0;
 width: 235px;
 margin: 10px auto;
 background-color: #fff;
 border: 1px solid #fff;
 color: #3d240a;
}
.exp-btn a:hover {
 background-color: #3d240a;
 color: #fff;
 border: 1px solid #3d240a;
}
.youtube-link a {
 background-color: #ed6d20;
 border: 1px solid #ed6d20;
 color: #fff;
 text-align: center;
 display: block;
 padding: 6px 15px;
 font-size: 20px;
 font-weight: bold;
}
.youtube-link a::after {
 content: "\f167";
 font-family: "Font Awesome 5 Brands";
 font-weight: 900;
 display: inline-block;
 color: #fff;
 margin-left: 0.2em;
 font-size: 19px;
}
.youtube-link a:hover {
 background-color: #fff;
 color: #ed6d20;
}
.youtube-link a:hover::after {
 color: #ed6d20;
}
.youtube-rep, .youtube-link {
 width: 235px;
 margin: 5px auto;
}
.youtube-rep a {
 background-color: #fff;
 border: 1px solid #fff;
 color: #3d240a;
 text-align: center;
 display: block;
 padding: 5px;
}
.youtube-rep a::after {
 content: "(YouTube)";
 font-size: 10px;
}
.youtube-rep a:hover {
 background-color: #3d240a;
 color: #fff;
}