@charset "UTF-8";

.cf::before,.cf::after {
	content: "";
	display: block;
	overflow: hidden;
}

.cf::after {
	clear: both;
}

.cf::before,.cf::after {
	content: "";
	display: block;
	overflow: hidden;
}

.yoreyore {
	float: left;
	position: relative;
}

.kyokuList {
	float: right;
	width: 260px;
}

div.example { /* 親ボックス */
	width: 721px;
	height: 1096px;
	background-color: #85b9e9;
	position: absolute;
	top: 640px;
	left: 150px;
}

div.boxAll { /* ボックス1 */
	float: left;
}

div.box1 { /* ボックス1 */
	position: absolute;
}

div.box1.title { /* ボックス1 */
	visibility: hidden;
}

div.box3 { /* ボックス2 */
	clear: left;
	clear: right;
}

.kyokuList {
	float: right;
	width: 200px;
	height: 596px;
	background: #eeeeee;
}

.kyokuList p {
/*	font-size: 12px;*/
	margin-top: 8px;
	text-align: justify;
}

.kyokuList ul {
	margin: 5px 0px 0;
}

.kyokuList li {
	background: #dddddd none repeat scroll 0 0;
	/*border-radius: 4px;*/
	color: #333;
	/*  float: right;*/
/*	font-size: 11px;*/
	line-height: 15px;
	margin: 3px 0 0 0.5%;
	min-width: 23%;
	padding: 2px 0.5%;
}

.kyokuList .kaijo li {
	background: #dddddd none repeat scroll 0 0;
	color: #000000;
}

.kyokuList li a {
	color: #000000;
	display: block;
	text-decoration: none;
}

.kyokuList li:hover {
	background: #de87cc none repeat scroll 0 0;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.kyokuList li.selected {
	background: #bb68a6 none repeat scroll 0 0;
	border-radius: 4px;
	color: #fff;
}