/*
#gc_list li {
	clear: both;
	min-height: 20px;
	padding: 5px;
	margin: 5px;
	border-radius: 10px;
	background: #ccc;
}

#gc_list .gc_name {
	float: left;
	font-size: 20px;
}

#gc_list .gc_update {
}
*/
html, body {
	width: 100%;
}
#page {
	width: 100%;
}
#containerIndex {
	width: 100%;
}

#wrapper {
	width: 100%;
	padding: 0;
}



/* ア行 カ行.....ワ行 全体を囲む */
#list_block {
	min-height: 500px;
	margin-bottom: 50px;
}
#list_wrapper {
	width: 95%;
	margin: 0px auto;
}
#gyo_block {
	width: 100%;
	height: 50px;
}

/* ア行 カ行.....ワ行 それぞれ */
#gyo_list li {
	float: left;
	text-align: center;
	width: 10%;
	margin: 0px;
	padding: 0px;
	color: #535353;
	background: #666;
	font-size: 18px;
	border: 1px solid #999;
	box-sizing: border-box;
	margin-right: -1px;
}
#gyo_list li a {
	background: #aaa;
	color: #fff;
	text-decoration: none;
	display: block;
}
#gyo_list li a.list_select {
	background: #fff;
	color: #FF4700;
	font-weight: bold;
}


#gc_list {
	width: 100%;
}
#gc_list li {
	position: relative;
	width: 95%;
	min-height: 15px;
	padding: 5px;
	margin: 7px 0px;
	border-radius: 10px;
	border-top: #eee 2px ridge;
	border-left: #eee 2px ridge;
	border-right: #666 2px ridge;
	border-bottom: #666 2px ridge;
	/*box-shadow: 3px -3px 0px #707070;*/
}
#gc_list li:hover:not(.wa_head) {
	background: #ADD7EE;
	font-weight: bold;
}
#gc_list a {
	text-decoration: none;
	color: #000;
}


#gc_list .wa_head {
	font-size: 13px;
	width: 15px;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
	line-height: 15px;
	background: #F5F5F5;
	color: #464646;
}
#gc_list .gc_name {
	position: absolute;
	font-size: 15px;
	top: 0;
	left: 10px;
}
#gc_list .gc_update {
	position: absolute;
	right: 10px;
	bottom: 0;
}

#up_list {
	width: 100%;
}
#up_list li {
	position: relative;
	width: 95%;
	min-height: 15px;
	padding: 5px;
	margin: 7px 0px;
	border-radius: 10px;
	border-top: #eee 2px ridge;
	border-left: #eee 2px ridge;
	border-right: #666 2px ridge;
	border-bottom: #666 2px ridge;
	/*box-shadow: 3px -3px 0px #707070;*/
}
#up_list li:hover:not(.wa_head) {
	background: #FDAFE1;
}
#up_list li a {
	text-decoration: none;
	color: #000;
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 15px;
	display: block;
}

.morebtn {
	background: #DADADA;
	color: #F00;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
}

.morebtn:hover {
	cursor: pointer;
}

@media screen and (min-width: 569px) {
	#gyo_block {
		width: 100%;
		height: 50px;
	}
	#list_block {
		width: 600px;
	}
	#gc_list .wa_head {
		height: 15px;
	}
}

@media screen and (max-width: 568px) {
	#gyo_block {
		width: 100%;
		height: 80px;
	}
	#list_block {
		width: 100%;
	}
	#gc_list li {
		height: 35px;
	}
	#gc_list .wa_head {
		height: 15px;
	}
}