@charset "utf-8";
/* 共通ID・class--------------------------------------------------------------- */
.fr_1000 {
	max-width:1024px;
	margin:0 auto;
}

noscript p {
  width: 100%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  background: #fff;
  color:#F00;
  margin-top: 10px;
  margin-bottom: 10px;
}

#pagetop {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:9999;
}

#pagetop img {
	width:50px;
}

.title__01 {
	background:url(/lib/img/common/bg__title_lr.png) repeat-x 0 27px;
	background-size:5px 6px;
	text-align:center;
	padding-bottom:20px;
}

.title__01 span {
	background:url(/lib/img/common/bg__title_top.png) #FFF no-repeat center 0;
	background-size:13px 10px;
	font-size:24px;
	display:inline-block;
	padding:19px 20px 0 20px;
}

.mac__scrollbar::-webkit-scrollbar {
        width:5px;
        background:#eee;
}
        .mac__scrollbar::-webkit-scrollbar:horizontal {
                height:5px;
        }
.mac__scrollbar::-webkit-scrollbar-button {
        width:5px;
        height:5px;
        background:#666;
}
.mac__scrollbar::-webkit-scrollbar-piece {
        background:#eee;
}
        .mac__scrollbar::-webkit-scrollbar-piece:start {
                background:#eee;
        }
.mac__scrollbar::-webkit-scrollbar-thumb {
        background:#333;
}
.mac__scrollbar::-webkit-scrollbar-corner {
        background:#333;
}


/* 共通ID・class----------------------END-------------------------------------- */




/* Header Navi---------------------------------------------------------------- */
header {
	max-width:1024px;
	margin:0 auto;
	padding:15px 0 20px 0;
}

#home header .fr_1000 {
	opacity:0;
}

header #btn__lang {
	text-align:right;
	padding-bottom:10px;
}

header #btn__lang a {
	display:inline-block;
	padding-left:10px;
	width:26px;
}

header #btn__lang a img {
	width:100%;
}

header .tbl {
	display:table;
	width:100%;
}

header h1 {
	display:table-cell;
	width:193px;
	vertical-align:middle;
}

header h1 a {
	display:block;
	background:url(/lib/img/common/logo.png) no-repeat center center;
	background-size:193px 21px;
	height:21px;
}

header h1 a span {
	display:none;
}

header nav {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
}

header a {
	text-decoration:none;
	color:#000;
}

header a:hover {
	text-decoration:none;
}

nav > ul > li {
	float:left;
	border-left:1px solid #B4B4B4;
	width:20%;
	line-height:1.2em;
	position:relative;
}

nav > ul > li:first-child {
	border-left:none;
}

nav ul li a {
	color:#000;
	line-height:1.2em;
}

nav ul li a:hover {
	text-decoration:none;
}

#btn__sp_nemu {
	display:none;
}

nav > ul > li ul {
	position:absolute;
	top:16px;
	left:0px;
	z-index:100;
	width:100%;
	background-color:rgba(235, 243, 251, 0.9);
	padding:10px 0;
	display:none;
}

nav > ul > li ul li a {
	display:block;
	padding:7px 10px;
}

nav > ul > li#nav__01 > a,
nav > ul > li#nav__02 > a,
nav > ul > li#nav__03 > a {
	cursor:default;
}




	


/* Header Navi------------------------END-------------------------------------- */




/* Footer---------------------------------------------------------------------- */
#foot_link {
	background-color:#EBF3FB;
	padding:25px 0 5px 0;
	margin-top:60px;
}

#foot_link ul {
	letter-spacing:-0.5em;
}

#foot_link ul li {
	display:inline-block;
	width:25%;
	/*width:20%;*/
	letter-spacing:normal;
	padding:0 10px 15px 10px;
	vertical-align:top;
	text-align:center;
}

#foot_link ul li a {
	display:inline-block;
	color:#000;
	background:url(/lib/img/common/bg__blank.png) no-repeat 0 3px;
	background-size:18px 15px;
	padding:0 0 0 25px;
}

#foot_link ul li a:hover {
	text-decoration:none;
}



/*　20201124追加 */
#foot_bnr {
	background-color: #FFF;
	padding: 25px 0;
	text-align: center;
	vertical-align: middle;
}

#foot_bnr ul li {
	display: inline-block;
	/*max-width: 400px;*/
	max-width: 280px;
	width: 40%;
	margin: 0 6% 0 0;
}

#foot_bnr ul li:last-child {
	margin: 0;
}

#foot_bnr ul li a img {
	width: 100%;
	height: auto;
}
/*　//20201124追加 */




footer {
	background-color:#EDEDED;
	padding:40px 0 45px 0;
	color:#FFF;
	text-align:center;
}

footer ul li {
	width:20%;
	float:left;
	line-height:1.2em;
	border-left:1px solid #000;
}

footer ul li:first-child {
	border-left:none;
}

footer ul li a {
	color:#000;
}

footer ul li a:hover {
	text-decoration:none;
}

footer #logo {
	width:364px;
	margin:0 auto;
	/*padding:35px 0 0 0;*/
	padding:0;
}

footer #logo a {
	background:url(/lib/img/common/logo__foot.png) no-repeat 0 0;
	background-size:100% auto;
	display:block;
	height:74px;
}

footer #logo a span {
	display:none;
}

#copy {
	background-color:#009EE5;
	text-align:center;
	color:#FFF;
	line-height:34px;
}



/* Footer-----------------------------END-------------------------------------- */