@charset "utf-8";



/* ==============================================
header
============================================== */

header{
	position:relative;
}
header p.logo{
	width:139px;
	position:absolute;
	top:16px;
	left:20px;
}



header ul{
	margin: 0 0 0 180px;
}
header ul li{
	float:left;
	margin:0 0 0 50px;
	padding:21px 0 10px 0;
	border-top:solid 3px #FFF;
}
header ul li.here{
	border-top:solid 3px #000;
}
header ul li span{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	display:none;
}
header ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html header ul { display:inline-block; }
*:first-child+html header ul { display:inline-block; }



header p{
	position:absolute;
	top:22px;
	right:22px;
}

header p span{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	display:none;
}

/*-- E-IR Parts --*/
@media screen and (max-width: 999px) {
	header ul li{
		margin:0 0 0 0px;
	}
}
/*-- /E-IR Parts --*/

/* header-sp */
@media screen and (max-width: 769px) {

	header{
		min-width: inherit;
	}
	header p.logo{
		position:absolute;
		top:10px;
		left:10px;
	}
	header p.logo img{
		width:100px;
		height:auto;
	}


	header ul{
		margin:0;
		padding: 30px 0 0 0;
	}
	header ul li{
		margin:0;
		padding:14px 0 5px 0;
		border-top:none;
		border-bottom:solid 3px #FFF;
		text-align:center;
		width:33.33%;
		font-size:0;
	}
	header ul li img{
		width:auto;
		height:34px;
	}
	header ul li.here{
		border-top:none;
		border-bottom:solid 3px #000;
	}
	header ul li a{
		display:block;
	}


	header p{
		position:absolute;
		top:8px;
		right:8px;
	}
	header p img{
		width:130px;
		height:auto;
	}

}

.english1 {
	position: absolute;
	top: 5px;
	right: 160px;
	display: inline-block;
	width: 80px;
	font-size: 12px;
}
.english1 img {
	display: inline-block;
	vertical-align: baseline;

}
.english1:hover {
	text-decoration: none;
	color: #bbb;
}
.arrow_1 {
	width: 8px;
	height: 10px;
}

@media screen and (max-width: 769px) {
	.english1 {
		position: absolute;
		top: 35px;
		right: -25px;
		display: inline-block;
		width: 80px;
	}
	header ul {
		padding-top:60px;
	}

}

@media screen and (min-width: 641px) and (max-device-width: 810px) {
	header ul li {
		margin-left: 20px;
	}
}
/* ==============================================
nav
============================================== */

nav{
	background:#f7f7f7;
	margin:0 10px;
	border-bottom:1px solid #e5e5e5;
}
nav ul{
	/*width:399px;*/
	margin:0 auto;
}
nav ul li{
	/*width:33%;*/
	width:25%;
	float:left;
	border-bottom:1px solid #e5e5e5;
	margin:0 0 -1px 0;
	text-align:center;
}
nav ul li.here{
	border-bottom:1px solid #000000;
	background:#efefef;
}
nav ul li:hover{
	background:#e5e5e5;
}
nav ul li a{
	display:block;
	padding:18px 0 16px 0;
}
nav ul li a:hover{
	text-decoration:none;
}
nav ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html nav ul { display:inline-block; }
*:first-child+html nav ul { display:inline-block; }



nav.bottom{
	margin:100px 0;
}



/* nav-sp */
@media screen and (max-width: 769px) {

	nav{
		margin:0;
		min-width: inherit;
	}
	nav ul{
		width:100%;
	}
	nav ul li{
		width:33.333%;
	}
	nav ul li.here{
		border-bottom:1px solid #e5e5e5;
		background:#efefef;
	}
	nav ul li:hover{
		background:none;
	}
	nav ul li a{
		display:block;
		padding:8px 0 7px 0;
	}

}



/* ==============================================
article
============================================== */

article:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html article { display:inline-block; }
*:first-child+html article { display:inline-block; }



/* ==============================================
footer
============================================== */

footer{
	width:100%;
	background:#fafafa;
}
footer p{
	float:left;
	font-size:10px;
	margin:50px 0 0 50px;
	width:23%;
}



footer ul{
	float:left;
	margin:30px 0 0 0;
}
footer ul li{
	font-size:11px;
	line-height:24px;
}
footer ul li.title{
	margin:20px 0 0 0;
}
footer ul li.title span{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	display:none;
}
footer ul{
	flex:auto;
}


footer ul li.title.liop {
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
}

.tdeco-none:hover {
	text-decoration: none;
}

/*footer p.page-top{*/
footer .page-top{
	float:none;
	clear:both;
	text-align:right;
	width:100%;
	margin:0;
}
footer .logo{
	text-align: center;
}

/*-- E-IR Parts --*/
@media screen and (max-width: 1280px) {
	footer ul#menu-03{
		width:37%;
	}
}
/*-- /E-IR Parts --*/

/* footer-sp */
@media screen and (max-width: 769px) {

	footer{
		position:relative;
		padding:0 0 70px 0;
		min-width: inherit;
	}
	footer p.logo{
		position:absolute;
		bottom:8px;
		left:10px;
		float:none;
		font-size:10px;
		margin:0;
		width:70%;
	}
	footer p img{
		width:100px;
		height:auto;
	}



	footer ul{
		float:none;
		margin:0;
	}
	footer ul li{
		display:none;
	}
	footer ul li a{
		display:block;
		padding:11px 10px 10px 10px;
	}
	footer ul li.title{
		margin:0;
		padding:0;
		border-bottom:1px solid #e5e5e5;
		display: inherit;
		background:url(../images/ft_arw_sp.png) right center no-repeat;
		background-size:32px 14px;
	}
	footer ul li.title img{
		display:none;
	}
	footer ul li.title span{
		font-size:12px;
		line-height:24px;
		text-indent:0;
		display:inherit;
	}
	footer ul#menu-01{
		width:100%;
	}
	footer ul#menu-02,
	footer ul#menu-04,
	footer ul#menu-05
	{
		width:100%;
	}
	footer ul#menu-03{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding:0 0 10px 0;
	}
	footer ul#menu-03 li{
		display: inherit;
		line-height:20px;
	}
	footer ul#menu-03 li.title{
		margin:0 0 10px 0;
	}
	footer ul#menu-03 li.title a{
		display:block;
		padding:11px 10px 10px 10px;
		margin:0;
		background:none;
	}
	footer ul#menu-03 li a{
		padding:0 10px 0 10px;
		display: inline;
		background:url(../images/icn_arw_black.png) 0 5px no-repeat;
		background-size:4px auto;
		margin:0 0 0 10px;
	}

	footer ul li.title.liop {
		margin-top: 0;
		font-weight: normal;
	}

	/*footer p.page-top{*/
	footer .page-top{
		position:absolute;
		bottom:0;
		right:0;
		padding:5px;
		background:#f7f7f7;
		float:right;
		text-align:right;
		width:60px;
	}
	/*footer p.page-top img{*/
	footer .page-top img{
		width:60px;
		height:60px;
		display:inherit;
	}

}