@charset "utf-8";

@import "base.css";
@import "frame.css";

#detailContent div.snsObj:after,
#detailContent div.pagenaviObj:after,
#detailContent div.bodyObj:after,
.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#detailContent div.snsObj,
#detailContent div.pagenaviObj,
#detailContent div.bodyObj,
.row {
	zoom: 1;
}

/* CONTAINER */
#container {
}

/* CONTENTS */
#detailContent {
	position: relative;
	margin-left: 190px;
	padding: 10px 0 0 0;
}
	#detailContent div.frm-top {
		position: relative;
		background: url(/files/img/frm_detail_t.png) no-repeat left top;
		height: 2px;
		width: 774px;
	}
	#detailContent div.frm-bottom {
		position: relative;
		background: url(/files/img/frm_detail_b.png) no-repeat left top;
		height: 4px;
		width: 774px;
	}
	#detailContent div.frm-body {
		background: url(/files/img/frm_detail_bg.png) repeat-y left top;
		position: relative;
		width: 774px;
		margin: 0 -1px 0 -1px;
		text-align: left;
	}
		#detailContent div.bodyObj {
			background: url(/files/img/icn_entry.png) no-repeat 3px top;
			position: relative;
			padding: 31px 39px 0 39px;
			margin-bottom: 54px;
		}
			#detailContent div.bodyObj p.date {
				margin-bottom: 10px;
				font-family: Helvetica,Arial,'Lucida Grande',sans-serif;
				font-size: 14px;
				/*\*/
				*font-size: 116%;
				/**/
				font-weight: bold;
			}
				#detailContent div.bodyObj p.date span.week {
					font-size: 10px;
					/*\*/
					*font-size: 71%;
					/**/
					color: #665145;
					font-weight: normal;
				}
			#detailContent div.bodyObj p.category {
				position: absolute;
				top: 35px;
				right: 39px;
				font-size: 10px;
				/*\*/
				*font-size: 80%;
				/**/
				color: #665145;
			}
			#detailContent div.bodyObj h1 {
				margin-bottom: 32px;
				margin-right: 220px;
				font-size: 16px;
				/*\*/
				*font-size: 133%;
				/**/
				font-weight: bold;
				line-height: 1.3;
				color: #665145;
			}

			#detailContent div.sns {
				position: absolute;
				top: 62px;
				right: 39px;
			}
				#detailContent div.sns div.icn {
					float: left;
					height: 22px;
					width: auto;
					overflow: hidden;
				}
				#detailContent div.sns div.twitter {
					width: 80px;
					margin-right: 0;
				}
				#detailContent div.sns div.google {
					width: 32px;
					margin-right: 12px;
				}
				#detailContent div.sns div.facebook {
					width: 70px;
					/*\*/
					*width: 76px;
					/**/
					margin-right: 0;
				}

			#detailContent div.bodyObj p.image {
				/*height: 392px;
				overflow: hidden;*/
				margin-bottom: 34px;
				text-align: center;
			}
				#detailContent div.bodyObj p.image img {
					margin: 0 auto;
				}
			#detailContent div.bodyObj div.video {
				height: 392px;
				overflow: hidden;
				margin-bottom: 34px;
				text-align: center;
			}
			#detailContent div.bodyObj div.body {
				line-height: 1.8;
				color: #222;
			}

		#detailContent div.pagenaviObj {
			padding: 0 36px;
			margin-bottom: 28px;
		}
		#detailContent div.pagenaviObj ul {
			width: 696px;
			line-height: 1.1;
		}
			#detailContent div.pagenaviObj ul li.prev {
				float: left;
				width: auto;
			}
				#detailContent div.pagenaviObj ul li.prev a {
					float: left;
					width: auto;
					background: url(/files/img/arw_prev.png) no-repeat left 48%;
					padding-left: 8px;
				}
			#detailContent div.pagenaviObj ul li.next {
				float: right;
				width: auto;
			}
				#detailContent div.pagenaviObj ul li.next a {
					float: left;
					width: auto;
					background: url(/files/img/arw_next.png) no-repeat right 48%;
					padding-right: 8px;
				}

		#detailContent div.snsObj {
			padding: 0 36px 0 36px;
			margin-bottom: 24px;
		}
			#detailContent div.snsObj div.pack {
				border-top: solid 1px #665145;
				padding-top: 24px;
			}
			#detailContent div.snsObj div.icn {
				float: left;
				height: 22px;
				width: auto;
				overflow: hidden;
			}
			#detailContent div.snsObj div.facebook {
				width: 102px;
			}
			#detailContent div.snsObj p.hed {
				float: left;
				width: auto;
			}

		#detailContent div.listObj {
			padding: 0 36px 0 36px;
			margin-bottom: 18px;
		}
			#detailContent div.listObj h3 {
				border-top: solid 3px #665145;
				padding-top: 18px;
				margin-bottom: 5px;
				width: 696px;
				display: block;
				line-height: 1.3;
			}
			#detailContent div.listObj ul {
			}
				#detailContent div.listObj ul li {
					margin-bottom: 5px;
					line-height: 1.3;
				}

		#detailContent div.commentObj {
			padding: 0 36px 24px 36px;
		}