/********************
1. Common Setting
2. Basic layout
3. Header Setting
4. Main Box Setting
5. Rightbar Setting
6. Footer Setting

99.link box setting
********************/

/********************
1. Common Setting
********************/
html{
	background: #fff;
}

body{
	width: 100%;
	color: #000;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.float_l{ display: inline; float: left; }
.float_r{ display: inline; float: right; }
.clr{ clear: both; }

.align_l{ text-align: left; }
.align_r{ text-align: right; }
.align_c{ text-align: center; }

.hdn{ visibility: hidden; }
.none{ display: none; }

.accent1{ color: #900; }
.accent2{ color: #004; }
.accent3{ color: #21663b; font-size: 153.9%; font-family: Arial; }

.clr1{ color:#482f17; }
.clr2{ color:#6b6a46; }
.clr3{ color:#745122; }

.alt{ display: none; }


/********************
2. Basic layout
********************/


/********************
3. Header Setting
********************/
header{
	width: 960px;
	height: 80px;
	margin:0 auto;
}

header h1{
	width: 220px;
	height: 42px;
	padding: 17px 0 0 0;
}

header h1 a{
	display:block;
	width: 100%;
	height: 100%;
}
#gnav{
	width: 960px;
	margin:0 auto;
}
#gnav ul{
	width: 180px;
	display:flex;
	flex-direction:column;
	gap:15px;
}
#gnav li{
	width: 180px;
	height:20px;
}
#gnav li a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	background:url('../images/common/navi.png') no-repeat;
}
#nav01 a{
	background-position:   0      0    !important;
}
#nav01 a:hover{
	background-position:-180px    0px  !important;
}
#nav02 a{
	background-position:   0px  -20px  !important;
}
#nav02 a:hover{
	background-position:-180px  -20px  !important;
}
#nav03 a{
	background-position:   0px  -40px  !important;
}
#nav03 a:hover{
	background-position:-180px  -40px  !important;
}
#nav04 a{
	background-position:   0px  -60px  !important;
}
#nav04 a:hover{
	background-position:-180px  -60px  !important;
}
#nav05 a{
	background-position:   0px  -80px  !important;
}
#nav05 a:hover{
	background-position:-180px  -80px  !important;
}
#nav06 a{
	background-position:   0px -100px  !important;
}
#nav06 a:hover{
	background-position:-180px -100px  !important;
}
#nav07 a{
	background-position:   0px -120px  !important;
}
#nav07 a:hover{
	background-position:-180px -120px  !important;
}

/********************
4. Main Box Setting
********************/
#bottom_banner{
	width:960px;
	margin:0 auto;
	list-style:none;
}
#bottom_banner li{
	width:300px;
	margin:0 10px;
	float:left;
}
/********************
5.Sidebar Setting
********************/

/********************
6. Footer Setting
********************/
footer{
	background:#b5e769;
}
footer article{
	width:960px;
	margin:0 auto;
	padding:20px 0 20px 0;
}
footer nav{
	list-style:none;
	float:left;
	width:200px;
}
footer li{
	margin:0 0 5px 0;
}
footer ul a{
	color:#000;
	text-decoration:none;
}
footer ul a:hover{
	text-decoration:underline;
}
.gotop{
	width:960px;
	margin:0 auto;
	padding:20px 0;
	text-align:right;
}
#copyright{
	clear: both;
	text-align: right;
	font-size: 85%;
	padding:10px 0 0 0;
	color:#fff;
}

/********************
99.link box setting
********************/
a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.module-ga-cookie-accept-bar{
position:fixed;
left:0;
bottom:0;
background:rgba(0,0,0,0.7);
width:100%;
color:#fff;
display:flex;
justify-content:center;
padding:10px 0;
}
.module-ga-cookie-accept-btn{
background:#53884f;
border-radius:5px;
border:0;
color:#fff;
padding:5px;
display:inline-block;
margin:10px 5px 0;
cursor: pointer;
}