body {
	background: #fff;
}

* {
	box-sizing: border-box;
}

#loginname {
	padding-right:10px;
}

#sitename {
	font-size: 14px;
	position: static;
	display: block;
	text-align: center;
	height: auto;
	width: auto;
}

#logout {
	position: absolute;
	top: 6px;
	right: 10px;
	height: auto;
	width: auto;
	margin: auto;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 100%;
}

/*ヘッダー（ロゴが入っているHP上部ブロック）
---------------------------------------------------------------------------*/
#header {
	width: 100%;
	height: auto;
	padding: 10px 0 3px;
}

#header #logo {
	position: static;
}

@media (max-width: 450px) {
	#header #logo {
		width: 55%;
		height: auto;
	}
}


/*メニュー
---------------------------------------------------------------------------*/
#menu{
	padding-bottom: 5px;
}
#nav{
    width:100%;
    border-radius: 0;
}
#nav li {
    margin: 0;
}

#nav > li {
  width: 25%;
}

#nav > li > a {
	border: #7788aa solid;
	border-width: 0 1px 1px 0;
}

#nav > li:nth-child(4) > a {
	border-right-width: 0;
}

#nav > li:nth-last-child(1) > a,
#nav > li:nth-last-child(2) > a,
#nav > li:nth-last-child(3) > a {
	border-bottom-width: 0;
}

#nav a {
    padding: 5px 0;
    border-radius: 0px;
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    border-top: 0px solid #f8f8f8;
 		box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
}
#nav ul li a:hover {
    border-radius: 0;
}

/* drop down */
#nav ul {
		z-index: 10;
    border: 0px solid #7788aa;
    border-radius: 0;
    width: 155px;
    transition: none;
}

#nav li:nth-child(4n+4) ul {
	right: 0;
}

/*コンテンツ（メインコンテンツを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: 100%;
	border-width: 0;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 100%;
	padding: 0px 0px 50px;
}


div.table-wrapper {
	width: 99%;
	margin: auto;
	overflow: scroll;
	-webkit-overflow-scrolling : touch;
}

.ta_search th,
.ta2 th{
	white-space: nowrap;
}

.ta2 td {
	padding: 5px 3px;
	white-space: nowrap;
}

@media (max-width: 375px) {
	.w-400 {
		width: 95%;
		margin: 0 auto 5px;
		max-width: 400px;
	}
}