@charset "utf-8";
@import "/files/css/common/base.css";
@import "/files/css/common/frame.css";

.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.row {
	zoom: 1;
}

/* BODY BOX */
#bodyBox {
}
#bodyBox div.container {
}
#bodyBox div.contents {
	padding-top: 11px;
}


/* CONTENTS */
#bodyBox div.tokuchoObj {
	position: relative;
	background: url(/files/images/detail/tkc_frm.gif) no-repeat left bottom;
	margin-bottom: 21px;
	height: 146px;
}
	#bodyBox div.tokuchoObj a {
		position: relative;
		display: block;
		padding-bottom: 22px;
		cursor: pointer;
	}
	#bodyBox div.tokuchoObj a * {
		cursor: pointer;
	}
	
	#bodyBox div.tokuchoObj strong.heading {
		position: relative;
		background: url(/files/images/detail/tkc_hed.gif) no-repeat left top;
		height: 88px;
		/*\*//*/
		padding-bottom: 88px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	#bodyBox div.tokuchoObj a span.link {
		position: absolute;
		left: 528px;
		top: 8px;
		background: url(/files/images/detail/tkc_btn.gif) no-repeat;
		background-position: 0 0;
		width: 290px;
		height: 48px;
		/*\*//*/
		padding-bottom: 48px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	#bodyBox div.tokuchoObj a:hover span.link {
		background-position: 0 -48px;
	}
	#bodyBox div.tokuchoObj a:active span.link {
		background-position: 0 -96px;
	}

	#bodyBox div.tokuchoObj span.list {
		position: relative;
		background: url(/files/images/detail/tkc_bg.gif) repeat-y 21px top;
		padding-left: 21px;
		display: block;
	}
		#bodyBox div.tokuchoObj span.list strong {
			height: 36px;
			/*\*//*/
			padding-bottom: 36px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
		#bodyBox div.tokuchoObj span.list strong.p1,
		#bodyBox div.tokuchoObj span.list strong.p2,
		#bodyBox div.tokuchoObj span.list strong.p3 {
			float: left;
			width: 193px;
			margin-right: 31px;
		}
		#bodyBox div.tokuchoObj span.list strong.p4 {
			float: left;
			width: 193px;
		}
			#bodyBox div.tokuchoObj span.list strong.p1 {
				background: url(/files/images/detail/tkc_t1.gif) no-repeat left top;
			}
			#bodyBox div.tokuchoObj span.list strong.p2 {
				background: url(/files/images/detail/tkc_t2.gif) no-repeat left top;
			}
			#bodyBox div.tokuchoObj span.list strong.p3 {
				background: url(/files/images/detail/tkc_t3.gif) no-repeat left top;
			}
			#bodyBox div.tokuchoObj span.list strong.p4 {
				background: url(/files/images/detail/tkc_t4.gif) no-repeat left top;
			}

#bodyBox div.headObj {
	background: url(/files/images/common/dot.gif) repeat-x left bottom;
	padding-bottom: 12px;
	margin-bottom: 24px;
}
	#bodyBox div.headObj h1.ttl {
		margin-bottom: 13px;
	}
	#bodyBox div.headObj dl {
		position: relative;
		display: block;
	}
		#bodyBox div.headObj dl dt {
			display: block;
		}
			#bodyBox div.headObj dl dt strong {
				position: absolute;
				left: 0;
				top: 0;
				/*float: left;*/
				background: url(/files/images/list/search_icn_t.gif) no-repeat left top;
				width: 32px;
				height: 5px;
				/*\*//*/
				padding-bottom: 5px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}
		#bodyBox div.headObj dl dd {
			display: block;
			background: url(/files/images/list/search_icn_b.gif) no-repeat left bottom;
		}
			#bodyBox div.headObj dl dd ul {
				/*float: right;
				width: 858px;*/
				background: url(/files/images/list/search_icn.gif) no-repeat left 48%;
				padding-left: 49px;
				display: block;
			}
				#bodyBox div.headObj dl dd ul li {
					float: left;
					height: 22px;
					line-height: 22px;
					width: 92px;
					color: #666;
				}
				#bodyBox div.headObj dl dd ul li.left {
					width: 115px;
				}
				#bodyBox div.headObj dl dd ul li span {
					padding: 0 3px;
					height: 21px;
					display: inline-block;
				}
				#bodyBox div.headObj dl dd ul li a {
					padding: 0 3px;
					height: 21px;
					display: inline-block;
				}
				#bodyBox div.headObj dl dd ul li.act a {
					font-weight: bold;
					color: #663333;
					background-color: #ffdddd;
				}
				#bodyBox div.headObj dl dd ul li.act a:hover {
					text-decoration: underline;
				}

#bodyBox div.pagenavi {
	margin-bottom: 25px;
}
#bodyBox div.pagenavi-top {
	margin-bottom: 20px;
}
	#bodyBox div.pagenavi h2 {
		position: relative;
		margin-top: -5px;
		margin-bottom: -5px;
		float: left;
		width: auto;
		font-size: 24px;
		/*\*/
		*font-size: 200%;
		/**/
		line-height: 1.1;
		color: #ff6666;
		font-weight: bold;
		display: block;
	}
		#bodyBox div.pagenavi h2 span {
			font-size: 16px;
			/*\*/
			*font-size: 67%;
			/**/
			color: #663333;
		}
	#bodyBox div.pagenavi ul {
		float: right;
		width: auto;
		padding-right: 8px;
	}
		#bodyBox div.pagenavi ul li {
			float: left;
			width: auto;
		}
		#bodyBox div.pagenavi ul li.l1 {
			margin-right: 24px;
			color: #663333;
		}
		#bodyBox div.pagenavi ul li.l2 {
			margin-right: 17px;
		}
			#bodyBox div.pagenavi ul li.l2 a{
				width: auto;
				background: url(/files/images/common/arw_prev.gif) no-repeat left 48%;
				padding-left: 16px;
			}
			#bodyBox div.pagenavi ul li.l3 a{
				width: auto;
				background: url(/files/images/common/arw_next.gif) no-repeat right 48%;
				padding-right: 16px;
			}

#bodyBox div.listObj {
	margin-bottom: 20px;
}
	#bodyBox div.listObj div.pack {
		position: relative;
		background: url(/files/images/list/frm2.gif) no-repeat left bottom;
		margin-bottom: 20px;
		padding-bottom: 18px;
	}
			#bodyBox div.listObj div.pack strong.heading {
				position: relative;
				background: url(/files/images/list/frm1.gif) no-repeat left top;
				padding: 25px 230px 0 21px;
				margin-bottom: 8px;
				font-size: 18px;
				/*\*/
				*font-size: 146%;
				/**/
				line-height: 1.1;
				display: block;
			}
				#bodyBox div.listObj div.pack strong.heading span.sub {
					font-size: 14px;
					/*\*/
					*font-size: 77%;
					/**/
				}
				#bodyBox div.listObj div.pack strong.heading span.icn {
					padding-left: 10px;
					width: auto;
					display: inline-block;
				}
					#bodyBox div.listObj div.pack strong.heading span.icn img {
						vertical-align: middle;
						display: inline;
					}
			#bodyBox div.listObj div.pack p.cap {
				margin-bottom: 9px;
				padding: 0 21px;
				color: #663333;
				font-size: 10px;
				/*\*/
				*font-size: 75%;
				/**/
			}
				#bodyBox div.listObj div.pack p.cap span {
					color: #ccbbaa;
				}
			#bodyBox div.listObj div.pack ul.button {
				position: relative;
				width: 907px;
				display: block;
			}
				#bodyBox div.listObj div.pack ul.button li {
					position: absolute;
					top: -56px;
					left: 676px;
					width: 210px;
				}
					#bodyBox div.listObj div.pack ul.button li a {
						background: url(/files/images/list/btn_detail.gif) no-repeat;
						background-position: 0 0;
						width: 210px;
						height: 46px;
						/*\*//*/
						padding-bottom: 46px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#bodyBox div.listObj div.pack ul.button li a:hover {
						background-position: 0 -46px;
					}
					#bodyBox div.listObj div.pack ul.button li a:active {
						background-position: 0 -92px;
					}
			#bodyBox div.listObj div.pack div.keyword {
				background: url(/files/images/list/keyword_frm2.gif) no-repeat 21px bottom;
				padding: 0 21px;
				margin-bottom: 15px;
			}
				#bodyBox div.listObj div.pack div.keyword div.box {
					position: relative;
					background: url(/files/images/list/keyword_frm1.gif) no-repeat left top;
					padding: 15px 0 10px 0;
				}
					#bodyBox div.listObj div.pack div.keyword p {
						background: url(/files/images/list/keyword_t.gif) no-repeat 10px 48%;
						padding: 0 14px 0 105px;
						color: #999;
					}
					#bodyBox div.listObj div.pack div.keyword p strong {
						display: none;
					}
					#bodyBox div.listObj div.pack div.keyword p span {
						color: #663333;
					}





			#bodyBox div.listObj div.pack ul.data {
				background: url(/files/images/list/list_bg.gif) repeat-y 21px top;
				padding: 0 21px;
			}
				#bodyBox div.listObj div.pack ul.data li {
					float: left;
					width: 145px;
					margin-right: 35px;
					color: #663333;
				}
				#bodyBox div.listObj div.pack ul.data li.right {
					margin-right: 0;
				}
					#bodyBox div.listObj div.pack ul.data li img {
						margin-bottom: 8px;
						display: block;
					}
					#bodyBox div.listObj div.pack ul.data li span.body {
						height: 54px;
						line-height: 18px;
						overflow: hidden;
						display: block;
					}
					#bodyBox div.listObj div.pack ul.data li span.note {
						font-size: 10px;
						/*\*/
						*font-size: 75%;
						/**/
						line-height: 12px;
					}

#bodyBox div.otherlistObj {
	background: url(/files/images/list/area_frm2.gif) no-repeat left bottom;
	margin-bottom: 24px;
}
	#bodyBox div.otherlistObj h3 {
		background: url(/files/images/list/area_frm1.gif) no-repeat left top;
		padding: 11px 21px 8px 28px;
		font-size: 14px;
		/*\*/
		*font-size: 116%;
		/**/
		color: #663333;
		display: block;
	}
	#bodyBox div.otherlistObj p.area {
		padding: 0 21px 18px 21px;
		color: #BBB;
		line-height: 1.3;
	}
	
#bodyBox div.footleadObj {
	background: url(/files/images/list/other_t.gif) no-repeat left top;
	height: 90px;
}
	#bodyBox div.footleadObj p {
		padding: 39px 21px 0 89px;
	}
		#bodyBox div.footleadObj p strong {
			display: none;
		}

	#bodyBox div.footleadObj ul {
		position: relative;
		display: block;
	}
		#bodyBox div.footleadObj ul li {
			position: absolute;
			top: 14px;
			left: 589px;
			width: 304vpx;
		}
			#bodyBox div.footleadObj ul li a {
				background: url(/files/images/list/btn_other.gif) no-repeat;
				background-position: 0 0;
				width: 304px;
				height: 62px;
				/*\*//*/
				padding-bottom: 62px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}
			#bodyBox div.footleadObj ul li a:hover {
				background-position: 0 -62px;
			}
			#bodyBox div.footleadObj ul li a:active {
				background-position: 0 -124px;
			}