@charset "UTF-8";
/* CSS Document */
/* Reset */
* {
	zoom: 1;
}
html, body, h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form {
margin: 0; padding: 0; border: none; font-style: normal; font-weight: normal; font-size: 100%; text-align: left; list-style-type: none;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr { display: none; }
table{  border-collapse:collapse; border-spacing:0;  }


body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/* hover */

.alpha:hover {
    filter: alpha( opacity=70 );  /* IE */
    opacity:0.7;                 /* Firefox,Opera,Safari */
    -moz-opacity:0.7;           /* Firefox 0.9より前 */
}

/* Common */
html, body { height: 100%; }
body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	background-image: url(../img/common/bg.png);
	background-repeat: repeat;
	background-position: center top;
}
.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 */
.clearfix + * { clear: both; }

.left{ float:left;}
.right{ float:right;}

.scrollFixIt{ display:none;}
/* space */
.mb10{
margin-bottom:10px;}
.mb30{
margin-bottom:30px;}

/* base */
.wrap {
	margin: 0px auto;
	width: 840px;
}

#utility{
	margin: 30px auto 0;
	width: 840px;
	}
#utility li{
	float:right;
	padding-left:6px;
	padding-bottom:6px;
}

#contentsArea{
	margin: 0 auto 10px;
	width: 826px;
	border: 7px solid #0F6736;
	background-color: #FFF;
}
#head {
	margin: 0px auto;
	border-bottom: 7px solid #0F6736;
}
#head li{
	float:left;
	height: 131px;
	width: 172px;
}
#head li a{
	height: 131px;
	width: 172px;
	display:block;
	text-indent:-9999px;
}
#head li.logo,#head li.logo a{
	width: 138px;
}
#head li.logo a{
	background-image: url(../img/common/head.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#head li.gNav01 a{
	background-image: url(../img/common/head.png);
	background-repeat: no-repeat;
	background-position: -138px 0px;
}
#head li.gNav02 a{
	background-image: url(../img/common/head.png);
	background-repeat: no-repeat;
	background-position: -310px 0px;
}
#head li.gNav03 a{
	background-image: url(../img/common/head.png);
	background-repeat: no-repeat;
	background-position: -482px 0px;
}
#head li.gNav04 a{
	background-image: url(../img/common/head.png);
	background-repeat: no-repeat;
	background-position: -654px 0px;
}
#head li.gNav01 a:hover,#head li.gNav01 a.hit{
	background-position: -138px -131px;
}
#head li.gNav02 a:hover,#head li.gNav02 a.hit{
	background-position: -310px -131px;
}
#head li.gNav03 a:hover,#head li.gNav03 a.hit{
	background-position: -482px -131px;
}
#head li.gNav04 a:hover,#head li.gNav04 a.hit{
	background-position: -654px -131px;
}

#mainImg{
	border-bottom: 7px solid #0F6736;
}

.thumb_topics {
	border-bottom: 7px solid #0F6736;
}

.snsArea{
	border-bottom: 7px solid #0F6736;
	background-color: #006835;
	text-align: right;
	padding-right: 20px;
}

.snsArea .sns {
	float: right;
}

.thumb{
	border-bottom: 7px solid #0F6736;
}
.thumb li{
	float:left;
	border-right: 7px solid #0F6736;
}
.thumb li.last{
	float:right;
	border-right-style: none;
}

#head h1 {
	float: left;
}
#head #gNav {
	}
#head #gNav li {
	float: left;
	}

/* foot */
#foot{
	background-color: #554014;
	background-image: url(../img/common/logo_f.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	height: 18px;
	width: 611px;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 210px;
	margin:0 auto;
}
#foot #fNav{
	float:left;
	font-size:11px;
	color:#fff;
}
#foot #fNav a{
	color:#fff;
	text-decoration:none;
}
#foot #fNav a:hover{
	text-decoration:underline;
}
address {
	float:right;
}


/* cont */
#cont{
	background-image: url(../img/common/bg_cont.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 826px;
	position:relative;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #046835;
}


#mainCont{
	float: left;
	width: 648px;
}
#side{
	float: right;
	width: 171px;
}

#mainCont h1{
	border-bottom: 7px solid #0F6736;
}
#mainCont .section{
	padding: 35px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #046835;
}
#mainCont .section h2{
	margin-bottom: 1em;
	width:500px;
	height:30px;
	text-indent:-9999px;
	background-image: url(../img/h2.gif);
	background-repeat: no-repeat;
}
#mainCont h2#concept01{	background-position: 0px 0px;}
#mainCont h2#concept02{	background-position: 0px -30px;}
#mainCont h2#store01{	background-position: 0px -60px;}
#mainCont h2#store02{	background-position: 0px -90px;}
#mainCont h2#store03{	background-position: 0px -120px;}
#mainCont h2#fm01{	background-position: 0px -150px;}
#mainCont h2#fm02{	background-position: 0px -180px;}
#mainCont h2#cp01{	background-position: 0px -210px;}
#mainCont h2#cp02{	background-position: 0px -240px;}
#mainCont h2#cp03{	background-position: 0px -270px;}

#mainCont .section h1{
	margin-bottom: 1em;
	width:500px;
	height:30px;
	text-indent:-9999px;
	background-image: url(../img/h1.gif);
	background-repeat: no-repeat;
	border-bottom-style: none;
}
#mainCont h1#sitemap{	background-position: 0px 0px;}
#mainCont h1#form{	background-position: 0px -30px;}
#mainCont h1#recruit{	background-position: 0px -60px;}
#mainCont h1#privacy{	background-position: 0px -90px;}


#mainCont .section h3{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 1em;
}

.column1 #cont{
	background-image: none;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #046835;
}
.column1 #mainCont{
	float: none;
	width: 700px;
	margin-left:auto;
	margin-right:auto;
}
.column1 #mainCont .section{
	border-bottom-style: none;
}

.sitemap a{
	text-decoration:none;
	color: #564110;
}
.sitemap {
	margin-left:30px;
}
.sitemap li{
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 15px;
}

.sitemap li ul{
}
.sitemap li ul li{
	background-image: none;
	padding-bottom: 0px;
	font-size: 13px;
}


.privacyBox{
	overflow: auto;
	height: 400px;
	padding:8px;
	border: 1px solid #CCC;
}

.privacyBox dt{
	font-size: 14px;
	background-image: url(../img/bg_privacy.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.privacyBox dd{
	margin-bottom: 10px;
}

#side dl{
	margin-bottom:15px;
}
#side dt{
	background-image: url(../img/side/nav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 97px;
	width: 171px;
}
#side dd a{
	background-image: url(../img/side/nav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 171px;
}

#side .concept00{	background-position: 0px 0px;}
#side .concept01 a{	background-position: 0px -97px;}
#side .concept01 a:hover{	background-position: -171px -97px;}
#side .concept02 a{	background-position: 0px -147px;}
#side .concept02 a:hover{	background-position: -171px -147px;}

#side .store00{	background-position: -342px 0px;}
#side .store01 a{	background-position: -342px -97px;}
#side .store01 a:hover{	background-position: -513px -97px;}
#side .store02 a{	background-position: -342px -147px;}
#side .store02 a:hover{	background-position: -513px -147px;}
#side .store03 a{	background-position: -342px -197px;}
#side .store03 a:hover{	background-position: -513px -197px;}

#side .fm00{	background-position: -684px 0px;}
#side .fm01 a{	background-position: -684px -97px;height: 69px;}
#side .fm01 a:hover{	background-position: -855px -97px;}
#side .fm02 a{	background-position: -684px -166px;}
#side .fm02 a:hover{	background-position: -855px -166px;}

#side .cp00{	background-position: -1026px 0px;}
#side .cp01 a{	background-position: -1026px -97px;}
#side .cp01 a:hover{	background-position: -1197px -97px;}
#side .cp02 a{	background-position: -1026px -147px;}
#side .cp02 a:hover{	background-position: -1197px -147px;}
#side .cp03 a {
	background-position: -1026px -198px;
}

#side .cp03 a:hover {
	background-position: -1197px -198px;
}

#side .bnr{
	padding-left:7px;
	padding-bottom:10px;
}

#side .side-img {
	width: 157px;
}

#pageTop {
	right:0;
	bottom:0;
	position:absolute;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #046835;

}




table.store {
	width:100%;
    margin: 0 auto 20px auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
	font-size:90%;
}

table.recruit{
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}

table.store th {
	min-width:80px;
	text-align:center;
	color: #0F6736;
	padding: 8px;
	font-weight: bold;
	background-color: #e2fbef;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #9FA0A0;
	border-bottom-color: #9FA0A0;
	line-height:130%;
}
table.store td {
    padding: 8px;
    border-right: 1px solid #9FA0A0;
    border-bottom: 1px solid #9FA0A0;
	line-height:130%;
}
li#index p{
	background-color: rgb(195,15,13);
	line-height: 30px;
	padding: 20px;
	padding-bottom: 0px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 20px;
}
li#index img {
	margin-right: 15px;
	width: 826px;
}
li#covid_index {
	text-align: center;
}

li.topic_index{
	margin: 15px;
}

li#covid_index img {
	display: inline-block;
	height: 667px;
	/*width: 752px;*/
	margin-bottom: 20px;
}

.toggle-link {
	display: block;
	text-align: right;
	margin-top: 10px;
	color: blue;
	/* リンクの色 */
	cursor: pointer;
}

.hidden {
	display: none;
}
