@charset "shift-jis";

/* ****************************************************

layout.css

1: layout common setting
2: header
3: footer
4: main
5: sideNav
99: extra

***************************************************** */

/*1: layout common setting
=========================================*/
/* container */

body{
 font-family:MS PGothic, sans-serif;
 color:#000000;
 font-size:85%;
 line-height:1.6;
 background:#fafafa;
}

#contentsArea {
	width:100%;
}

#contentsArea #contentsInner {
	width:950px;
	margin:0 auto;
}


/*2: header
=========================================*/

#headerArea{
	border-bottom:#97c730 2px solid;
	background:#FFF;
}


#headerArea #header{
	width:100%;    max-width: 1120px;
	margin:0 auto;
	height:45px;
    display: flex;
    justify-content: space-between;
}
.headnav ul {
    display: flex;
    margin-left: auto;
    line-height: 45px;
    font-size: 13px;
}
.headnav li+li {
    margin-left: 15px;
}
.headnav a {
    position: relative;
    padding-left:12px;
    transition: .3s all ease;
}
.headnav a:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-top:1px solid #333;
    border-right:1px solid #333;
    position:absolute;
    left: 0;
    transform: rotate(45deg);
    top: 5px;
    transition: .3s all ease;
}
.headnav a:hover {
    color: #29b7ec;
    text-decoration: none;
}
.headnav a:hover:before {
    border-color: #29b7ec;
}
#header:after {
    display: none!important;
}


#headerArea #logo01{
	margin-top:5px;
	margin-left:0px;
}

#headerArea #logo02{
	text-align:right;
	margin-right:24px;
	margin-top:12px;
	font-size:0;
}
#headerArea #headerLeft{
	width:310px;
}
#headerArea .headRight .headBtnArea{
	padding-right:15px;
	padding-top:32px;
}

#headerArea .headRight .headBtnArea li{
	float:right;
	padding-right:5px;
}

#headerArea #top_one{
	padding-bottom:9px;
}

#headerArea #top_two{
	padding-bottom:6px;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding-top:7px;
}

#headerArea #top_two #topnav{
	float:right;
	width:262px;
	margin-right:20px;
}

#headerArea #top_two #topnav ul{
	margin-top:4px;
}

#headerArea #top_two #topnav ul li{
	float:left;
	margin-right:15px;
	font-size:0;
}

#headerArea #top_two #topnav ul li.second{
	margin-right:18px;
}

#headerArea #top_two #topnav ul li:last-child{
	margin-right:0px;
}

#headerArea #top_two .spWrap{
	float:right;
	width:218px;
}

#gnaviArea{
	width:100%;
	height:51px;
	background:url(../images/com_bg01.gif) repeat-x top;
}

#gnaviArea #gnaviAreaInner{
	width:100%;    max-width: 1120px;
	margin:0 auto;
	position:relative;
	z-index:8000;
}

#gnaviArea #gnaviAreaInner > ul {
  display: flex;
  justify-content: space-between;
}
#gnaviArea #gnaviAreaInner > ul > li{
	height:51px;
	position:relative;
	font-size:0;
}

#gnaviArea #gnaviAreaInner > ul > li > ul{
		font-size:14px;
}

#gnaviArea #gnaviAreaInner > ul > li  ul.sllideDown {
	position:absolute;
	top:51px;
	left:50%;
    transform: translateX(-50%);
	width:221px;
	z-index:8001;
}

#gnaviArea #gnaviAreaInner > ul > li  ul.sllideDown > li{
	border:#dadada 1px solid;
	border-top:none;
	background:#FFF;
	padding:9px;
}

#gnaviArea #gnaviAreaInner > ul > li  ul.sllideDown > li:hover{
	background:#FFF url(../images/com_bg03.gif) repeat-x top;
}

#gnaviArea #gnaviAreaInner > ul > li  ul.sllideDown > li a{
	display:block;
	background:url(../images/com_ic05.gif) no-repeat left 6px;
	padding-left:11px;
}

#gnaviArea .sllideDown{
	display:none;
}

#topicArea ul li{
	float:left;
}

.siteSearch .tbox{
	border:#cccccc 1px solid;
	height:21px;
	width:145px;
	vertical-align:0.50em;
	padding-left:25px;
}

.siteSearch .tbox{
	vertical-align:0.82em\9;
}

.siteSearch .tbox{
	vertical-align:0.82em\9;
}

:root .siteSearch .tbox {
  vertical-align:0.50em\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.siteSearch .tbox  { vertical-align:0.5em; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.siteSearch .tbox{
	vertical-align:0.82em;
	margin-left:0px;
}
}

.siteSearch input.tbox {
	background:#FFF url(../images/com_ic10.gif) no-repeat 6px 5px;
}

.siteSearch .hb3{
	margin-left:-1px;
	font-size:8px;
	width:46px;
}

.siteSearch .hb3 input{
	font-size:0;
	width:46px;
}

.siteSearch .hb2{
	display:inline-block;
	width:168px;
}

.siteSearch #form{
	height:24px;
}

.gnavBg01{
	display:block;
	width:300px;
	height:51px;
	background:url(../images/com_gnav01.gif) 50% 0 no-repeat;
}

.gnavBg01.linkon{
	background:url(../images/com_gnav01.gif) 50% 0 no-repeat;
}

.gnavBg01 span{
	display:none;
}

.pc .gnavBg01:hover{
	background:url(../images/com_gnav01on.gif) 50% 0 no-repeat;
}

.sp .gnavBg01:hover{
	background:url(../images/com_gnav01.gif) 50% 0 no-repeat;
}

.gnavBg02{
	display:block;
	width:221px;
	height:51px;
	background:url(../images/com_gnav02.gif) no-repeat;
	cursor:pointer;
}

.gnavBg02.linkon{
	background:url(../images/com_gnav02.gif) no-repeat;
}

.gnavBg02 span{
	display:none;
}

.pc .gnavBg02:hover{
	background:url(../images/com_gnav02on.gif) no-repeat;
}

.sp .gnavBg02:hover{
	background:url(../images/com_gnav02.gif) no-repeat;
}

.gnavBg03{
	display:block;
	width:300px;
	height:51px;
	background:url(../images/com_gnav03.gif) 50% 0 no-repeat;
	cursor:pointer;
}

.gnavBg03.linkon{
	background:url(../images/com_gnav03.gif) 50% 0 no-repeat;
}

.gnavBg03 span{
	display:none;
}

.pc .gnavBg03:hover{
	background:url(../images/com_gnav03on.gif) 50% 0 no-repeat;
}

.sp .gnavBg03:hover{
	background:url(../images/com_gnav03.gif) 50% 0 no-repeat;
}


.gnavBg04{
	display:block;
	width:300px;
	height:51px;
	background:url(../images/com_gnav04.gif) 50% 0 no-repeat;
}

.gnavBg04.linkon{
	background:url(../images/com_gnav04.gif) 50% 0 no-repeat;
}

.gnavBg04 span{
	display:none;
}

.pc .gnavBg04:hover{
	background:url(../images/com_gnav04on.gif) 50% 0 no-repeat;
}

.sp .gnavBg04:hover{
	background:url(../images/com_gnav04.gif) no-repeat;
}

#topnavWrap{
	width:100%;
	background:#f2f2f2;
}



/*3: footer
=========================================*/

#footerArea{
	border-top:#97c72f 1px solid;
	background:#ffffff;
}

#footer{
	background:url(../images/com_bg02.gif) no-repeat center bottom;
	border-bottom:#23b8ed 1px solid;
}

#footerInner{
	width:950px;
	margin:0 auto;
	padding-top:42px;
	padding-bottom:66px;
}

#footerInner .footercel{
	float:left;
}

#footerInner .footercel#footercel01{
	width:445px;
	margin-right:40px;
}

#footerInner .footercel#footercel02{
	width:185px;
	margin-right:51px;
}

#footerInner .footercel#footercel03{
	width:220px;
	margin-right:0px;
}

.footnav01{
	padding-left:2px;
}

.footnav01 > li{
	display:block;
	background:url(../images/com_ic03.gif) no-repeat left 7px;
	padding-left:12px;
	margin-bottom:6px;
	font-size:85%;
}

.footnav02{
	display:block;
	background:url(../images/com_ic02.gif) no-repeat left 7px;
	padding-left:12px;
	margin-bottom:8px;
	font-weight:bold;
}

.footnav03{
	display:block;
	background:url(../images/com_ic02.gif) no-repeat left 12px;
	padding-left:12px;
	margin-top:15px;
	font-weight:bold;
	font-size:143%;
}

.footnav03 .footnav03Small{
	font-size:80%;
}

.footBlock01{
	width:150px;
	display:table-cell;
}

.footcol{
	margin-bottom:16px;
}

.footTi{
	font-size:143%;
	font-weight:bold;
	color:#333333;
	border-bottom:#dadada 1px solid;
	padding-bottom:7px;
	padding-top:6px;
	margin-bottom:14px;
}

.footTi a{
	display:inline-block;
	background:url(../images/com_ic02.gif) no-repeat left 12px;
	padding-left:12px;
}

#localAreaInner{
	width:100%;
    max-width: 1120px;
	margin:0 auto;
	padding-bottom:53px;
}

#localAreaInner #localnav{
	float:left;
	width:550px;
}

#localAreaInner #copy{
	float:right;
	text-align:right;
	font-size:85%;
	padding-top:20px;
}

#localnav ul{
	padding-top:17px;
}

#localnav ul li{
	float:left;
	margin-right:24px;
	padding-left:11px;
	background:url(../images/com_ic04.gif) no-repeat left 7px;
}


.pagetop{
	position:fixed;
	right:50px;
	bottom:48px;
	z-index:8000;
}


/* ==================================
clear fix
================================== */
#header:after,
#headerArea #top_two:after,
#headerArea #top_two #topnav ul:after,
#footerInner:after,
#localAreaInner:after,
#localnav ul:after {
	content: "";
	display: block;
	clear: both;
}