@charset "utf-8";

/**********
ベース定義
***********/
article *{
	max-height: 100%;
}
body{
	-webkit-text-size-adjust: 100%;
	width:100%;
	background-color:#FFFFFF;
}

nav,header,article,aside,footer{
	overflow:hidden;
	display:block;
	background-color:#FFFFFF;
}

nav{
	background-color:#FFFFFF;
}

header,article,aside,footer{
}

article a{
	color:#000000;
	text-decoration: none;
}

footer{
	color:#FFFFFF;
	background-color:#000000;
}

	footer div{
		margin:10px 0 10px 10px;
	}

	footer td{
		padding:10px;
		white-space: nowrap;
	}
	
	footer p#corpName{
		font-size:xx-large;
	}
	footer p#corpComm{
		font-size:"medium";
	}
	footer p#corpCopy{
		font-size:"small";
	}
	footer a{
		color:#FFFFFF;
		text-decoration: none;
	}

/**********
コンテンツ定義
***********/

/* AXISロゴ */
#navLogo{
}

/* ナビゲーション */
#navUl li{
	min-height:37px;
}
#navUl p{
	height:100%;
	width:100%;
	background-repeat: no-repeat;
	background-position:center;
	background-size:contain;
	margin:auto;
	cursor: pointer;
}

#navUl p#nav1{
	background-image:url("../images/navi/navi1.png");
}
#navUl p#nav2{
	background-image:url("../images/navi/navi2.png");
}
#navUl p#nav3{
	background-image:url("../images/navi/navi3.png");
}
#navUl p#nav4{
	background-image:url("../images/navi/navi4.png");
}
#navUl p#nav5{
	background-image:url("../images/navi/navi5.png");
}
#navUl p#nav6{
	background-image:url("../images/navi/navi6.png");
}
#navUl p#nav1.actv{
	background-image:url("../images/navi/navi1a.png");
}
#navUl p#nav2.actv{
	background-image:url("../images/navi/navi2a.png");
}
#navUl p#nav3.actv{
	background-image:url("../images/navi/navi3a.png");
}
#navUl p#nav4.actv{
	background-image:url("../images/navi/navi4a.png");
}
#navUl p#nav5.actv{
	background-image:url("../images/navi/navi5a.png");
}
#navUl p#nav6.actv{
	background-image:url("../images/navi/navi6a.png");
}

#navIcon{
	background-repeat: no-repeat;
	background-image:url("../images/navi/icon.png");
	background-size:contain;
}

#toTopDiv{
	background-image:url("../images/navi/toTopBg.png");
	text-align:center;
	height:76px;
	margin-top:30px;
	margin-bottom:30px;
}
#toRecDiv{
	background-image:url("../images/navi/toRecBg.png");
	text-align:center;
	height:76px;
	margin-top:30px;
	margin-bottom:30px;
}

/* パン屑 */
article div p#pkuzu{
	font-size:large;
	text-align:left;
	color:#FF0000;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}
article div p#pkuzu a{
	color:#FF0000;
}
article div p#pkuzuB{
	font-size:large;
	text-align:left;
	color:#0000FF;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}
article div p#pkuzuB a{
	color:#0000FF;
}

#navSpacer{
	display:none;
	position:fixed;
	bottom:5vh;
	right:0px;
	background-image:url("../images/navi/gotop.png");
	background-size:cover;
}

/**********
イベント定義
***********/
.hact:hover{
	opacity:0.5;
}

a{
	cursor: pointer;
}
/**********
PC 向け
***********/
@media only screen and (min-width: 1261px){

	header, article, aside, footer{
		width:calc(100% - 250px);
		margin-left:250px;
		margin-bottom:1vh;
	}

	footer{
		margin-bottom:0px;
	}
	
	nav{
		top:0px;
		left:0px;
		height:100vh;
		position:fixed;
		width:250px;
		-webkit-backface-visibility: hidden;
	}
		nav div#navMenu{
			top:0px;
			width:250px;
			position:fixed;
		}
		
		#navUl li{
			width:100%;
			height:67px;
		}
		
		#navUl p{
			height:37px;
			width:177px;
		}
		
		nav #navLogo #p1{
			width:126px;
			height:74px;
			margin:50px auto;
			background-repeat: no-repeat;
			background-image:url("../images/navi/logo.png");
			background-size:contain;
		}
		nav #navIcon{
			display:none;
		}
		
	#contents{
		width:auto;
		height:auto;
	}
	
	footer div{
		float:left;
	}
	footer #fdiv1{
		margin-right:40px;
	}
	footer #fdiv1 img{
		width:25vw;
	}
	footer #fdiv2{
		margin-top:40px;
	}
	footer #fdiv3{
		clear:both;
	}

	#navSpacer{
		width:5vw;
		height:5vw;
	}

}

/**********
モバイル 向け
***********/
@media only screen and (max-width: 1260px){
	header{
		margin-top:　153px;
	}
	
/*-----修正-----*/
	body {
		position:relative;
	}
	nav {
		top:0px;
		position:fixed;
		z-index:9999;
		height:53px;
		width:100%;
		overflow:visible;
		-webkit-backface-visibility: hidden;
	}
/*-----修正-----*/
		nav h1{
			display:inline-block;
			width:auto;
		}
/*-----修正-----*/
		nav #navLogo #p1{
			width:126px;
			height:53px;
			margin:auto;
			background-repeat: no-repeat;
			background-image:url("../images/navi/logom.png");
			background-size:contain;
		}
/*-----修正-----*/
		nav #navIcon{
			display:inline-block;
			float:right;
			width: 53px;
			height: 53px;
		}
/*-----修正-----*/
		nav ul#navUl{
			display:none;
			position:absolute;
			z-index:9999;
			top:10vmin;
			right:0px;
			width:30vmin;
			height:100vh;
			min-width:177px;
			background-color:#EEEEEE;
			padding:0px 5px;
		}
/*-----修正-----*/
		nav ul#navUl li{
			width:100%;
			height: 53px;
			margin:5px 0px;
			background-color:#FFFFFF;
			-webkit-box-align: center;
			box-align: center;
		}
		nav ul#navUl p{
			margin:auto;
		}
	
	#contents{
		width:auto;
		height:auto;
	}
	footer td{
		display:block;
	}
	footer #dummyTr{
		display:none;
	}

	footer div{
		margin-left:10px;
	}
	footer #fdiv1{
		margin-top:10px;
	}
	footer #fdiv3{
		clear:both;
		margin-left:0px;
	}
	#navSpacer{
		width:10vw;
		height:10vw;
	}
}