@charset "UTF-8";


/* -------------------------

	./special/detail

-------------------------*/


/* --------------------
	content
--------------------*/
div#contentWrap {
	width: 748px;
	float: right;
}
div#contentWrap h2 {
	margin: 0 auto 11px;
}
div#contentWrap h3 {
	margin: 0 auto 22px;
}
div#contentWrap h3.profileTit {
	margin: 0 auto 11px;
}
div#contentWrap p.productLogo {
	margin: 0 auto 23px;
}
div#contentWrap h4 {
	margin: 0 auto 15px;
	padding-bottom:2px;
	border-bottom:2px solid #DDE1DA;
	font-size:100%;
	font-weight:bold;
}
div#contentWrap h4.episode {
	margin: 40px auto 15px;
}
div#contentWrap h4.profileName {
	margin: 3px auto 13px;
}
div#contentWrap h4 span {
	padding:2px 0 2px 10px;
	border-left:6px solid #65B52E;
	display:block;
}

/* movieBox */

div#contentWrap div#movieBox {
	margin:0 auto 25px;
	padding:0 30px;
}
div#contentWrap div#movieBox div.left {
	width:320px;
	float:left;
}
div#contentWrap div#movieBox div.right {
	width:320px;
	float: right;
}
div#contentWrap div#movieBox2 {
	margin:0 auto 25px;
}
div#contentWrap div#movieBox2 div.left {
	width:320px;
	float:left;
}
div#contentWrap div#movieBox2 div.right {
	width:390px;
	float: right;
}
div#contentWrap div.movieTit {
	background: url(../images/bg_cmTit_h.gif) no-repeat 0 0;
	padding-top:3px;
	margin-bottom:12px;
}
div#contentWrap div.movieTit div.inner {
	background: url(../images/bg_cmTit_f.gif) no-repeat 0 bottom;
	padding-bottom:3px;
}
div#contentWrap div.movieTit p {
	background: #ECF5E6;
	border-left:1px solid #9DD973;
	border-right:1px solid #9DD973;
	text-align:center;
	font-size:100%;
	line-height:1.2;
	font-weight:bold;
	margin: 0 auto;
	padding:1px 0;
}

/* bodyBox */

div#contentWrap div.bodyBox {
	margin:0 auto 10px;
}
div#contentWrap div.bodyBox div.txtBox {
	width:548px;
	float:left;
}
div#contentWrap div.bodyBox div.imgBox {
	width:180px;
	float: right;
	margin:0 auto 30px;
}
div#contentWrap div.bodyBox2 {
	margin:0 auto;
}
div#contentWrap div.bodyBox2 div.txtBox {
	width:478px;
	float: right;
}
div#contentWrap div.bodyBox2 div.imgBox {
	width:230px;
	float: left;
	margin:0 auto 30px;
}
div#contentWrap div.txtBox h5 {
	margin:0 auto 7px;
	font-size:93%;
	line-height:1.4;
	font-weight:bold;
}
div#contentWrap div.txtBox p {
	margin:0 auto 30px;
	font-size:85%;
	line-height:1.6;
}
div#contentWrap div.txtBox p {
	margin:0 auto 30px;
	font-size:85%;
	line-height:1.6;
}
div#contentWrap div.imgBox img {
	margin-bottom:5px;
}
div#contentWrap div.imgBox img.separate {
	margin-bottom:30px;
}

/* profileBox */

div#contentWrap div.profileBox {
	margin:0 auto 10px;
}
div#contentWrap div.profileBox div.txtBox {
	width:540px;
	float: right;
}
div#contentWrap div.profileBox div.imgBox {
	width:165px;
	float: left;
}
div#contentWrap div.profileBox div.txtBox h5 {
	margin:0 auto 7px;
	font-size:75%;
	line-height:1.4;
	font-weight:bold;
}
div#contentWrap div.profileBox div.txtBox dl {
	font-size:75%;
	line-height:1.4;
	width:280px;
	float:left;
	display:block;
}
div#contentWrap div.profileBox div.txtBox dl.right {
	font-size:75%;
	line-height:1.4;
	width:240px;
	float: right;
	display:block;
}
div#contentWrap div.profileBox div.txtBox dt {
	padding-bottom:3px;
}
div#contentWrap div.profileBox div.txtBox dd {
	padding-bottom:3px;
}
div#contentWrap div.profileBox div.txtBox dd.last {
	padding-bottom:20px;
}
div#contentWrap div.profileBox div.txtBox dd span.year {
	float:left;
	width:60px;
	display:block;
}
div#contentWrap div.profileBox div.txtBox dd span.title {
	float: right;
	width:220px;
	display:block;
}
div#contentWrap div.profileBox div.txtBox dl.right dd span.title {
	width:180px;
}
div#contentWrap div.profileBox div.columnBox {
	background: url(../images/bg_profileBox_h.gif) no-repeat 0 0;
	padding-top:3px;
	margin-bottom:0;
}
div#contentWrap div.profileBox div.columnBox div.inner {
	background: url(../images/bg_profileBox_f.gif) no-repeat 0 bottom;
	padding-bottom:3px;
}
div#contentWrap div.profileBox div.columnBox p {
	background: #EAF8F8;
	border-left:1px solid #8ACDD9;
	border-right:1px solid #8ACDD9;
	font-size:75%;
	line-height:1.6;
	padding:12px 19px;
	margin:0 auto;
}

/* productBox */

div#contentWrap div.productBox {
	margin:0 auto;
	border:1px solid #9DD973;
	float:left;
	width:546px;
}
div#contentWrap div.productBox h4 {
	margin:0 auto;
	padding:4px 16px;
	height:15px;
	background:#F5F3F3;
	border-bottom:1px solid #9DD973;
}
div#contentWrap div.productBox div.inner {
	padding:9px 19px 11px;
	min-height:102px;
	_height:102px;
}
div#contentWrap div.productBox div.photo {
	width:90px;
	margin:0 auto;
	padding:1px 0 0 0;
	float:left;
}
div#contentWrap div.productBox div.photo img {
	border: 1px solid #DFE5EB;
}
div#contentWrap div.productBox div.photo a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap div.productBox div.txt {
	width:406px;
	margin:0 auto;
	float: right;
}
div#contentWrap div.productBox div.txt div.productName {
	width:300px;
	margin:2px auto 0;
	float:left;
	font-size:100%;
	line-height:1.2;
	padding-bottom:6px;
}
div#contentWrap div.productBox div.txt div.productName a:link {color: #005799; text-decoration: underline;}
div#contentWrap div.productBox div.txt div.productName a:visited {color: #005799; text-decoration: underline;}
div#contentWrap div.productBox div.txt div.productName a:hover {color: #005799; text-decoration: none;}
div#contentWrap div.productBox div.txt div.productName a:active {color: #005799; text-decoration: none;}
div#contentWrap div.productBox div.txt div.productName img {
	margin-left:10px;
}
div#contentWrap div.productBox div.txt div.kind {
	width:92px;
	float: right;
	margin: 0 auto;
}
div#contentWrap div.productBox div.txt div.kind a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap div.productBox div.txt p {
	margin:0 auto 5px;
	font-size:85%;
	line-height:1.6;
}
div#contentWrap div.productBox div.txt p.btn {
	margin:0 auto;
	text-align:right;
}

/* brandBox */

div#contentWrap div.brandBox {
	margin:0 auto;
	border:1px solid #9DD973;
	float: right;
	width:178px;
}
div#contentWrap div.brandBox h4 {
	margin:0 auto;
	padding:4px 16px;
	height:15px;
	background:#F5F3F3;
	border-bottom:1px solid #9DD973;
}
div#contentWrap div.brandBox div.inner {
	padding:15px 14px 11px;
	text-align:center;
	min-height:96px;
	_height:96px;
}
div#contentWrap div.brandBox div.bnr {
	padding-bottom:21px;
}
div#contentWrap div.brandBox p {
	margin:0 auto;
}
div#contentWrap div.brandBox div.bnr a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}


/* --------------------
	BubblePopup
--------------------*/
div.bunrui1,div.bunrui2,div.s-bunrui2,div.bunrui3,div.quasidrug,div.s-quasidrug {
	cursor:pointer;
}
div.bubbleBox {
	margin:0 auto;
	padding:16px 18px;
	width:214px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	position: relative;
	z-index:100;
}
div.bubbleBox h5 {
	font-weight:bold;
	font-size:85%;
	padding-bottom:5px;
}
div.bubbleBox div.body {
	font-size:77%;
	line-height:1.4;
	margin:0 auto;
}
/*
div.bubbleBox div.link {
	font-size:85%;
	line-height:1.1;
	text-align:right;
	padding:0;
}
div.bubbleBox div.link a {
	background: url(../../../common/images/icn_arrow.gif) no-repeat 0 center;
	padding-left:15px;
	margin:0 auto;
}
div.bubbleBox div.link a:link {color: #005799; text-decoration: underline;}
div.bubbleBox div.link a:visited {color: #005799; text-decoration: underline;}
div.bubbleBox div.link a:hover {color: #005799; text-decoration: none;}
div.bubbleBox div.link a:active {color: #005799; text-decoration: none;}
*/


/* --------------------
	sidebar
--------------------*/
div#sidebar {
	width: 180px;
	float: left;
	margin:0 auto 30px;
}
div#sidebar dl {
	width: 180px;
	padding: 0;
	border-bottom: 2px solid #F2F2F2;
	margin: 0 0 13px;
}
div#sidebar dt {
	width: 180px;
	font-size: 0;
}
div#sidebar dl dd {
	width: 178px;
	border-left: 1px solid #9DD973;
	border-right: 1px solid #9DD973;
	border-bottom: 1px dotted #9DD973;
	line-height: 1.4;
	font-size: 85%;
	margin: 0 auto;
}
div#sidebar dl dd.last {
	border-bottom: 1px solid #9DD973;
}
div#sidebar dl dd.current {
	width: 143px;
	padding: 9px 20px 9px 15px;
	display: block;
}
div#sidebar dl dd a {
	width: 143px;
	padding: 9px 20px 9px 15px;
	background: url(../../common/images/icn_arrow.gif) no-repeat 163px center;
	display: block;
}
div#sidebar dl dd a:hover {
	background: url(../../common/images/icn_arrowOver.gif) no-repeat 163px center #F3FFEB;
}
div#sidebar dl dd img {
	margin-left:5px;
}