@charset "SHIFT-JIS";

/*-------------------------
 * breadcrumbs
--------------------------*/
.breadcrumbs {
	line-height: 1.2;
	margin-bottom: 15px;
}

/*-------------------------
 * breadcrumbs
--------------------------*/
.breadcrumbs {
	line-height: 1.2;
	margin-bottom: 15px;
}

/*-------------------------
 * btn-new
--------------------------*/
.btn-new {
	background-color: #feffc2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin-bottom: 15px;
	padding: 5px 0;
}

/*-------------------------
 * kuchi-lead
--------------------------*/
.kuchi-lead {
	margin-bottom: 15px;
}
	.kuchi-lead .title {
		background-color: #64a900;
		color: #ffffff;
		font-weight: bold;
		line-height: 1.2;
		padding: 5px;
	}
	.kuchi-lead h2 {
		color: #64a900;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.2;
		margin: 8px 0;
	}

/*-------------------------
 * banner
--------------------------*/
.banner {
	margin-bottom: 15px;
}

/*-------------------------
 * float-btn
--------------------------*/
.float-index {
	position: fixed;
	bottom: 0px;
	right: 75px;
}
.float-pagetop {
	position: fixed;
	bottom: 0px;
	right: 10px;
}
	.float-index img,
	.float-pagetop img {
		width: 60px;
		height: 55px;
	}

/*-------------------------
 * table-box
--------------------------*/
.table-box {
	margin-bottom: 15px;
}
	.table-box .title {
		color: #414141;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.2;
		position: relative;
		margin-bottom: 5px;
		padding-left: 1em;
	}
	.table-box .caption {
		clear: both;
		padding-top: 10px;
	}
		.table-box .caption dt {
			float: left;
		}
		.table-box .caption dd {
			padding-left: 1em;
		}
	.table-box .title:after {
		content: "��";
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.table-box .head {
		float: left;
		width: 30%;
	}
	.table-box .body {
		float: left;
		position: relative;
		overflow: hidden;
		width: 70%;
	}
	.table-box table {
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
	}
	.table-box th {
		background-color: #707070;
		border: 1px solid #414141;
		color: #ffffff;
		text-align: center;
		word-wrap: break-word;
		padding: 5px;
		height: auto;
	}
	.table-box td {
		border: 1px solid #414141;
		word-wrap: break-word;
		padding: 5px;
		height: auto;
	}
	.table-box .head tr td {
		font-weight: bold;
	}
	.table-box .head tr:nth-of-type(odd) td {
		background-color: #e4e4e4;
	}
	.table-box .head tr:nth-of-type(even) td {
		background-color: #eeeeee;
	}
	.table-box .head tr td.spot,
	.table-box .head tr td.spot a {
		background-color: #f3f3cf;
		color: #ff0000;
	}
	.table-box .head .sort {
		background-image: url(../images/sort_up.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 500px 19px;
		padding-bottom: 25px;
	}
	.table-box .head .sort.down {
		background-image: url(../images/sort_down.png);
	}
	.table-box .head td img {
		margin: 0 5px 5px 0;
		width: 38px;
		height: 31px;
	}
	.table-box .body td img {
		width: 38px;
		height: 31px;
	}
	.table-box .body tr th,
	.table-box .body tr td {
		text-align: center;
		white-space: nowrap;
		height: auto;
	}
	.table-box .body tbody tr:nth-of-type(odd) td {
		background-color: #e4e4e4;
	}
	.table-box .body tbody tr:nth-of-type(even) td {
		background-color: #eeeeee;
	}
	.table-box .body a,
	.table-box .body font {
		color: #ff0000 !important;
	}
	.table-box .body tbody tr td.spot,
	.table-box .body tbody tr td.spot a {
		background-color: #f3f3cf;
		color: #ff0000 !important;
	}
	.table-box .body dl {
		text-align: left;
	}
	.table-box .body dt {
		float: left;
	}
		.table-box .body dt img {
			width: 58px;
			height: 40px;
		}
	.table-box .body dd {
		padding-left: 70px;
	}
	.table-box .body thead td {
		background-color: #707070;
		color: #ffffff;
	}
	.table-box .body td table,
	.table-box .body td table tr th,
	.table-box .body td table tr td {
		background-color: transparent;
		border: 0px;
		padding: 0;
		height: auto;
	}
	.table-box .body .sort {
		background-image: url(../images/sort2_up.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 19px 19px;
		padding-bottom: 25px;
	}
	.table-box .body .sort.down {
		background-image: url(../images/sort2_down.png);
	}
	.table-box .body .tap {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 20px;
		left: 50%;
		margin-left: -75px;
	}

/*-------------------------
 * toggle-list
--------------------------*/
.toggle-list {
	line-height: 1.2;
	margin-bottom: 15px;
}
	.toggle-list h2 {
		background: #414141 url(../images/icon_title_open.png) right center no-repeat;
		background-size: 30px 26px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-bottom: 1px solid #ffffff;
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		padding: 12px 35px 12px 8px;
	}
	.toggle-list h2.opened {
		background: #414141 url(../images/icon_title_close.png) right center no-repeat;
		background-size: 30px 26px;
		border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
	}
	.toggle-list dl {
		display: none;
	}
	.toggle-list dt {
		background: #d1d1d1;
		border-bottom: 1px solid #ffffff;
		position: relative;
		padding-left: 8px;
	}
		.toggle-list dt a {
			display: block;
			position: relative;
		}
		.toggle-list dt a:after,
		.toggle-list dt span:after {
			content: ">>";
			position: absolute;
			top: 8px;
			left: 0px;
		}
	.toggle-list dt.toggle {
		padding-right: 27px;
	}
		.toggle-list dt a,
		.toggle-list dt span {
			display: block;
			position: relative;
			font-weight: bold;
			padding: 8px 8px 8px 2em;
		}
		.toggle-list dt.toggle .tClick {
			background: url(../images/icon_sub_open.png) right center no-repeat;
			background-size: 25px 21px;
			position: absolute;
			top: 50%;
			right: 0px;
			margin-top: -10px;
			width: 25px;
			height: 21px;
		}
		.toggle-list dt.toggle .tClick.opened {
			background: url(../images/icon_sub_close.png) right center no-repeat;
			background-size: 25px 21px;
		}
	.toggle-list dd {
		display: none;
	}
		.toggle-list dd li {
			background: #eeeeee;
			border-bottom: 1px solid #ffffff;
			padding-left: 8px;
		}
		.toggle-list dd a {
			display: block;
			position: relative;
			font-weight: bold;
			padding: 8px 8px 8px 3em;
		}
		.toggle-list dd a:after {
			content: ">";
			position: absolute;
			top: 8px;
			left: 2em;
		}

/*-------------------------
 * link-toggle
--------------------------*/
.link-toggle {
	line-height: 1.2;
	margin-bottom: 15px;
}
	.link-toggle h2 {
		background: #414141 url(../images/icon_title_open.png) right center no-repeat;
		background-size: 30px 26px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-bottom: 1px solid #ffffff;
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		padding: 12px 35px 12px 8px;
	}
	.link-toggle h2.opened {
		background: #414141 url(../images/icon_title_close.png) right center no-repeat;
		background-size: 30px 26px;
		border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
	}
	.link-toggle ul {
		display: none;
	}
		.link-toggle li {
			background: #eeeeee;
			border-bottom: 1px solid #ffffff;
		}
		.link-toggle a {
			display: block;
			position: relative;
			font-weight: bold;
			text-align: center;
			padding: 8px;
		}
		.link-toggle.list li {
			padding: 0 0 0 8px;
		}
		.link-toggle.list li a {
			position: relative;
			padding-left: 1em;
		}
	.link-toggle .more a {
		text-align: right;
	}

/*-------------------------
 * vote-wm
--------------------------*/
.vote-wm {
	margin-bottom: 15px;
}
	.vote-wm h2 {
		background-color: #414141;
		border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		border-bottom: 1px solid #ffffff;
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.2;
		padding: 12px 35px 12px 8px;
	}
	.vote-wm .inner {
		background-color: #eeeeee;
		font-weight: bold;
		text-align: center;
		padding: 10px 2px;
	}
	.vote-wm dd {
		font-size: 0;
		line-height: 0;
		padding: 5px 0;
	}
		.vote-wm dd img {
			height: 50px;
		}

/*-------------------------
 * site-link
--------------------------*/
.site-link {
	position: relative;
	margin-bottom: 15px;
}
	.site-link .title {
		background: url(../images/site_bg.png) repeat-x;
		background-size: 5px 50px;
		position: relative;
		top: 0px;
		left: -10px;
		padding: 0 10px;
		width: 100%;
	}
		.site-link .title h2 {
			background: url(../images/site_title.png) center top no-repeat;
			background-size: 320px 50px;
			color: #ffffff;
			font-size: 18px;
			font-weight: bold;
			line-height: 25px;
			text-align: center;
			padding: 10px 0 15px 0;
		}
	.site-link .inner {
		background-color: #f7f7f7;
		background: -moz-linear-gradient(bottom, #e0e0e0 0%, #f7f7f7 7px);
		background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,#e0e0e0), color-stop(7px,#f7f7f7));
		background: -webkit-linear-gradient(bottom,  #e0e0e0 0%,#f7f7f7 7px);
		background: linear-gradient(to top,  #e0e0e0 0%,#f7f7f7 7px);
		position: relative;
		top: 0px;
		left: -10px;
		padding: 5px 10px 0 10px;
		width: 100%;
	}
		.site-link .inner p {
			margin-bottom: 15px;
		}
		.site-link .inner ul {
			margin: 0 auto;
			width: 300px;
		}
		.site-link .inner li {
			float: left;
			font-weight: bold;
			line-height: 1.2;
			margin-right: 16px;
			padding-bottom: 15px;
			width: 142px;
		}
		.site-link .inner li:nth-of-type(even) {
			margin-right: 0;
		}
		.site-link .inner li img {
			padding-top: 5px;
			width: 142px;
			height: auto;
		}

/*-------------------------
 * popularity
--------------------------*/
.popularity {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 3px;
	margin-bottom: 15px;
}
.popularity.brown {
	background-color: #7a7562;
}
.popularity.gray {
	background-color: #626e7a;
}
.popularity.purple {
	background-color: #7a6279;
}
	.popularity .caption {
		margin-top: 5px;
	}
	.popularity h2 {
		background: url(../images/crown.png) 8px center no-repeat;
		background-size: 51px 44px;
		display: table-cell;
		color: #ffffff;
		font-size: 25px;
		font-weight: bold;
		line-height: 1.2;
		vertical-align: middle;
		padding: 10px 5px 10px 60px;
		height: 44px;
	}
		.popularity h2 span {
			display: block;
			color: #ffffff;
			font-size: 12px;
			line-height: 16px;
		}
	.popularity .inner {
		background-color: #ffffff;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		padding: 0 8px 8px 8px;
	}
	.popularity .btn-detail {
		font-size: 0;
		line-height: 0;
		text-align: center;
		padding-top: 10px;
	}
	.popularity .photo {
		font-size: 0;
		line-height: 0;
		margin-top: 10px;
	}
		.popularity .photo p {
			border: 1px solid #000000;
		}
		.popularity .photo img {
			width: 100%;
			height: auto;
		}
	.popularity .lead {
		background-color: #7a7562;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		color: #ffffff;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
		margin-top: 10px;
		padding: 5px;
	}
		.popularity .lead dt {
			font-size: 13px;
		}
		.popularity .lead dd {
			font-size: 23px;
		}
	.popularity .kinri {
		margin-top: 10px;
	}
		.popularity .kinri h3 {
			font-size: 15px;
			font-weight: bold;
			line-height: 1.2;
			margin-bottom: 5px;
		}
		.popularity .kinri .box {
			background-color: #f1f1ef;
			border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			padding: 10px;
		}
		.popularity .kinri .border {
			background-color: #ffffff;
			border: 3px solid #e1e1c7;
			border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			margin-top: 10px;
			padding: 10px;
		}
		.popularity .kinri .border.fill {
			background-color: #e1e1c7;
		}
		.popularity .kinri div:first-of-type.border {
			margin-top: 0px;
		}
			.popularity .kinri .box .border {
				margin-top: 5px;
			}
			.popularity .kinri .border dl {
				font-size: 0px;
				font-weight: bold;
				text-align: center;
			}
			.popularity .kinri .border dt {
				font-size: 13px;
				text-align: center;
				padding-bottom: 5px;
			}
			.popularity .kinri .border dd {
				font-size: 23px;
				display: inline-block;
				line-height: 40px;
				vertical-align: middle;
			}
				.popularity .kinri .border dd img {
					width: auto;
					height: 40px;
				}
				.popularity .kinri .border dd .min-kinri {
					background-color: #ffffff;
					border: 2px solid #ff0000;
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					display: inline-block;
					color: #ff0000;
					font-size: 13px;
					line-height: 19px;
					margin: 0 5px;
					padding: 0 5px;
				}
				.popularity .kinri .border dd font {
					color: #ff0000 !important;
				}
	.popularity .advice {
		background-color: #eeeeee;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		padding: 10px;
		margin-top: 10px;
	}
		.popularity .advice h4 {
			font-size: 15px;
			font-weight: bold;
			line-height: 1.2;
			margin-bottom: 5px;
		}
		.popularity .advice img {
			width: 100%;
			height: auto;
		}

/*-------------------------
 * review
--------------------------*/
.review {
	margin-top: 10px;
}
	.review .btn-more,
	.review .btn-close {
		background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%);
		border: 1px solid #b6b6b6;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		display: none;
		margin: 10px auto 0 auto;
		width: 200px;
	}
		.review .btn-more span,
		.review .btn-close span {
			border: 1px solid #ffffff;
			border-radius: 20px;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			color: #6c6c6c;
			display: block;
			font-size: 16px;
			font-weight: bold;
			line-height: 36px;
			padding: 0 45px 0 20px;
		}
		.review .btn-more span {background: url(../images/kuchi_more.png) right center no-repeat;background-size: 38px 26px;}
		.review .btn-close span {background: url(../images/kuchi_close.png) right center no-repeat;background-size: 38px 26px;}
	.review h4 {
		background-color: #414141;
		border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		color: #ffffff;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.2;
		padding: 10px;
	}
	.review .box {
		background-color: #eeeeee;
		border-radius: 0 0 8px 8px;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;
		padding: 10px 10px 10px 10px;
	}
	.review dl {
		margin-top: -10px;
	}
	.review dt {
		padding-top: 10px;
	}
	.review dd {
		border-bottom: 1px dotted #cccccc;
		padding-bottom: 10px;
	}
	.review .more {
		text-align: right;
		margin: 10px 0;
	}
	.review .vote {
		font-size: 0;
		line-height: 0;
		text-align: center;
	}
	.review .vote img {
		height: 50px;
	}
	.review .kuchi_tx {
		border-bottom: 1px dotted #cccccc;
		padding: 0 0 10px 0;
		margin-bottom: 10px;
	}
	.review .kuchi_dotline {
		display: none;
	}