@charset "utf-8";
/*
****************************************
----------------------------------------
------- common
----------------------------------------
****************************************
*/

html {
	font-size: 50%;
}

#wrapper {
	position: relative;
	width: 88%;
	width: calc(100% - 140px);
	margin-left: 12%;
	margin-left: calc(140px);
}

.inner {
	padding: 0 15px;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
listdot
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/

.dot li:before {
	width: 4px;
	height: 4px;
}

/*
****************************************
----------------------------------------
-------header
----------------------------------------
****************************************
*/

header {
	position: fixed;
	width: 12%;
	width: calc(140px);
}

header h1 img {
	display: inline-block;
	width: 90px;
}

/*
****************************************
----------------------------------------
------- access
----------------------------------------
****************************************
*/

#access table {
	width: 450px;
}

#access th span {
	padding: 27px 5px;
}