@charset "utf-8";

#content #main table.koumoku {
	border-collapse: separate;
	margin-bottom: 4px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	background-color: #F5F5F5;
}

#content #main table.koumoku th {
	font-weight: bold;
	text-align: center;
	line-height: 26px;
	letter-spacing: 0.08em;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 0;
}

#content #main table.list {
	border-collapse: collapse;
	margin-bottom: 10px;
}

#content #main table.list td {
	padding: 8px 5px;
	border: 1px solid #E5E5E5;
	background-color: #FBFBFB;
}

#content #main table.list td.line {
	background-color: #FF7D1D;
}

#content #main table.list td[width="2"] {
	width: 2px;
	padding: 0;
}

#content #main table.list td.center {
	text-align: center;
}

#content #main table.list a {
	color:#0088d4;
	font-size:14px;
	font-weight:bold;
}

#content #main table.list a.btn {
	display: block;
	width: 113px;
	height: 19px;
	margin: auto;
	background: url(images/btn_02.gif) no-repeat;
}

#content #main table.list a.btn:hover {
	background: url(images/btn_02.gif) 0 -19px no-repeat;
}

.spot_num {
	font-size:14px;
	color:#448ACA;
	font-weight:bold;
}

.result_number {
	padding: 6px;
	border-bottom: 1px dotted #D2D2D2;
	font-size: 12px;
	margin-bottom: 10px;
}
.result_number.bottom {
	border-bottom: none;
	border-top: 1px dotted #D2D2D2;
}

.result_number span {
	color:#448ACA;
	font-size:18px;
	font-weight:bold;
}

/*--------------------------------------------------------------------------*/
.main {
	position:relative;
	width: 800px;
	height: 320px;
	background: url(images/main.png) no-repeat;
	margin-bottom: 5px;
}

.main select {
	position: absolute;
	left: 572px;
	top: 155px;
	padding: 1px;
	font-size: 12px;
	font-family: meiryo;
}

.main .select-box li {
	position:absolute;
	width: 250px;
	height: 36px;
}

.select-box li.check input {
	margin: 0 -14px 0 0;
	padding: 0;
	border: 0;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

.select-box li.check label {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
}

li.check1 {
	left:19px;
	bottom:95px;
}
li.check1 label {
	background: url(images/btn-1.png) no-repeat;
}

li.check2 {
	left:268px;
	bottom:95px;
}
li.check2 label {
	background: url(images/btn-2.png) no-repeat;
}

li.check3 {
	right:33px;
	bottom:95px;
}
li.check3 label {
	background: url(images/btn-3.png) no-repeat;
}

li.check4 {
	left:19px;
	bottom:57px;
}
li.check4 label {
	background: url(images/btn-4.png) no-repeat;
}

li.check5 {
	left:268px;
	bottom:57px;
}
li.check5 label {
	background: url(images/btn-5.png) no-repeat;
}

li.check6 {
	right:33px;
	bottom:57px;
}
li.check6 label {
	background: url(images/btn-6.png) no-repeat;
}

li.check7 {
	left:19px;
	bottom:19px;
}
li.check7 label {
	background: url(images/btn-7.png) no-repeat;
}

li.check8 {
	left:268px;
	bottom:19px;
}
li.check8 label {
	background: url(images/btn-8.png) no-repeat;
}

li.check9 {
	right:33px;
	bottom:19px;
}
li.check9 label {
	background: url(images/btn-9.png) no-repeat;
}


li.check label:hover {
	background-position: 0 -36px;
}
li.check label:active {
	background-position: 0 -72px;
}
li.check input:checked+label {
	background-position: 0 -108px;
}
li.check input:checked+label:hover {
	background-position: 0 -144px;
}
li.check input:checked+label:active {
	background-position: 0 -180px;
}

/*pager*/
div.pager {
	margin-bottom:10px;
}

div.pager ul {
	text-align: center;
	list-style:inside none;
	margin: 15px;
	padding:0;
}

div.pager li {
	display: inline;
	margin: 4px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
}

div.pager li.currentpage {
	color: #FFF;
	border: #448ACA 1px solid;
	border-radius:2px;
	padding: 2px 8px;
	background: #448ACA;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

div.pager li a {
	color: #0088d4;
	border: #D3D3D3 1px solid;
	border-radius:2px;
	padding: 2px 8px;
	text-decoration: none;

	background: #FCFCFC; /* Old browsers */
	background: -moz-linear-gradient(top,  #FCFCFC 0%, #F8F8F8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#F8F8F8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FCFCFC 0%,#F8F8F8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FCFCFC 0%,#F8F8F8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FCFCFC 0%,#F8F8F8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FCFCFC 0%,#F8F8F8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#F8F8F8',GradientType=0 ); /* IE6-9 */
}

div.pager li a:active {
	border: #959595 1px solid;
	background: #959595;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

div.pager li a:hover {
	background: #EEEEEE; /* Old browsers */
	background: -moz-linear-gradient(top,  #F8F8F8 0%, #EEEEEE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F8F8F8 0%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F8F8F8 0%,#EEEEEE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F8F8F8 0%,#EEEEEE 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #F8F8F8 0%,#EEEEEE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-9 */
}