#item_area {
	padding-bottom:20px;
}

#item_maker {
	margin-bottom:60px;
}

#item_maker > h2 {
	font-size:1.2em;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px solid #ccc;
	color:#003475;
}

#item_maker > h2+p {
	margin-bottom:20px;
}

#item_maker_list h2, #item_category_list h2 {
	border-left:8px solid #003475;
	padding-left:12px;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:16px;
	line-height:1.6em;
	color:#003475;
}

#item_maker_list h2 img, #item_category_list h2 img {
	height:36px;
	padding-right:8px;
}

#item_maker_list ul, #item_category_list ul {
	margin-top:12px;
	padding-top:12px;
	list-style-type:none;
}

#item_maker_list ul > li, #item_category_list ul > li {
	padding-bottom:2px;
}

ul#item_categories li {
	list-style-type:none;
	padding:2px 0;
}

ul#item_categories ul {
	display:none;
	padding-left:1em;
}

#item_maker_list li {
	display:block;
	padding:2px;
}

ul#item_categories li a, #item_maker_list li a {
	padding:2px;
	display:block;
	width:100%;
}

ul#item_categories li a+a, #item_maker_list li a+a {
	width:calc( 100% - 15px );
	display:inline-block;
}

ul#item_categories li a.item_category_arrow, ul#item_categories li a.item_category_arrow2 {
	font-size:0.9em;
	display:inline-block;
	width:15px;
}

ul#item_categories li a:hover, #item_maker_list li a:hover, ul#item_categories li a:active, #item_maker_list li a:active {
	background-color:#D3E6FF;
}

ul#item_categories li a.item_category_arrow:hover, #item_maker_list li a.item_category_arrow:hover,
ul#item_categories li a.item_category_arrow2:hover, #item_maker_list li a.item_category_arrow2:hover {
	background-color:#fff;
}

#item_search_text {
	padding:20px;
	border:1px solid #aaa;
	border-radius:12px;
	position:relative;
}

#item_search_text h2 {
	font-size:1.1em;
	font-weight:bold;
	padding-right:160px;
}

#item_search_text h2 p {
	font-weight:normal;
	display:inline;
}

#item_sort_link {
	position:absolute;
	right:20px;
	top:15px;
	padding:5px 16px;
	background-color:#ddd;
	border-radius:4px;
	font-size:15px;
}

#item_sort_link_box {
	position:absolute;
	display:none;
	z-index:900;
	padding:8px;
	background-color:#fff;
	border:1px solid #ccc;
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.24);
	min-height:60px;
	max-height: max( 90%, 500px );
	overflow:scroll;
}

#item_sort_link_box a {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	text-overflow:ellipsis;
}

#item_table {
	margin:20px 0;
	width:100%;
	max-width:100%;
	position:relative;
	overflow-x:scroll;
}

#item_table table {
	min-width:100%;
	border-collapse:separate;
	border-spacing:0;
	border-bottom:1px solid #777;
	position:relative;
}

#item_table table thead th {
	padding:2px 4px;
	text-align:center;
	background-color:#014098;
	color:#fff;
	font-weight:normal;
	vertical-align:middle;
	border:1px solid #014098;
	line-height:1.2em;
	position:sticky;
	top:0;
	z-index:100;
}

#item_table table thead th:nth-of-type(1) { min-width:40px; }
#item_table table thead th:nth-of-type(3) { min-width:110px; }
#item_table table thead th:nth-of-type(4) { min-width:36px; font-size:14px; }
#item_table table thead th:nth-of-type(6) { min-width:100px; }
#item_table table thead th:nth-of-type(7) { min-width:60px; }
#item_table table thead th:nth-of-type(8) { min-width:80px; }
#item_table table thead th:nth-of-type(9),#item_table table thead th:nth-of-type(10),#item_table table thead th:nth-of-type(11) { min-width:110px;max-width:110px;width:110px; }
#item_table table thead th:nth-of-type(12) { min-width:80px; }

input[type="text"].readonly_field {
	color:#888;
	background-color:#f9f9f9;
	border-color:#eee;
	text-align:right;
}

input[type="text"].readonly_field.minus {
	color:#f00;
}

#item_table table thead th span {
	color:#fff;
	font-size:12px;
	line-height:1.5em;
	display:block;
}
#item_table table tbody tr td {
	padding:2px 5px;
	vertical-align:middle;
	border-left:1px solid #777;
	line-height:1.2em;
	white-space:nowrap;
	z-index:1;
}

#item_table table tbody tr td:nth-of-type(4) {
	text-align:center;
}

#item_table table tbody tr td:nth-of-type(5) {
	white-space:normal;
}

#item_table table tbody td:nth-of-type(9),#item_table table tbody td:nth-of-type(10) { padding:4px 6px; }

#item_table table thead tr th:last-of-type, #item_table table tbody tr td:last-of-type {
	border-right:1px solid #777;	
}

#item_table table tbody td input[type="text"] {
	line-height:1em;
	padding:6px;
}

#item_table table tbody td:nth-of-type(12) img {
	width:24px;
}

#item_table table tbody tr:hover td {
	background-color:#eee;
}

#item_pager {
	position:relative;
	width:100%;
	text-align:center;
}

#item_pager p, #item_pager p {
	display:inline-block;
	background-color:#003475;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:34px;
	height:34px;
	width:34px;
	border-radius:50%;
	margin:0 8px;
}

#item_pager a:link, #item_pager a:visited {
	display:inline-block;
	background-color:#7598C4;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:34px;
	height:34px;
	width:34px;
	border-radius:50%;
	margin:0 8px;
}

#item_pager a:active, #item_pager a:hover {
	background-color:#003475;
	color:#fff;
}

#item_all a:link, #item_all a:visited {
	position:absolute;
	background-color:#003475;
	color:#fff;
	right:0;
	top:0;
	line-height:34px;
	height:34px;
	width:250px;
	font-size:14px;
	border-radius:17px;
}

#item_all a:active, #item_all a:hover {
	background-color:#7598C4;
}

a.item_favorite:link i, a.item_favorite:visited i {
	color:#d6d6d6;
}

a.item_favorite:hover i, a.item_favorite:active i {
	color:#EE5FA7;
}

a.item_favorite2:link i, a.item_favorite2:visited i {
	color:#EE5FA7;
}

a.item_favorite2:hover i, a.item_favorite2:active i {
	color:#EE368E;
}

@media screen and (max-width:700px) {
	#item_area {
		margin-top:60px;
	}

	#item_search_text h2 {
		padding-right:0;
	}
	#item_sort_link	{
		margin-top:8px;
		position:relative;
		right:auto;
		top:auto;
		width:190px;
		font-size:13px;
		text-align:center;
		margin-left:calc( 100% - 190px );
	}
	#item_table table thead th, #item_table table tbody td {
		font-size:13px;
	}
	#item_table table tbody tr:not(:last-of-type) td {
		border-bottom:solid 1px #eee;
	}
	#item_table table thead th:nth-of-type( 5 ) {
		min-width:300px;
	}
	#item_all a:link, #item_all a:visited {
		margin-top:8px;
		position:relative;
	}
	#item_area.item_margin_no {
		margin-top:0;
	}
	#item_table table thead th:nth-of-type(9),#item_table table thead th:nth-of-type(10),#item_table table thead th:nth-of-type(11) { min-width:100px;max-width:100px;width:100px; }
}