@charset "utf-8";

/* CSS Import Style
---------------------------------------------------- */
@import "01format.css";
@import "02layout.css";
@import "03common.css";

/* Special Box Style
---------------------------------------------------- */
#special #main {
	float: right;
	width: 695px;
}
#special #sideBar {
	float: left;
	width: 247px;
}
#special #main.wide {
	width: 975px;
}

/* Special Top Style
---------------------------------------------------- */
#special #specialTop {
	border-top: 1px dotted #b9b9b9;
	width: 975px;
}
#special #specialTop .topBox {
	border-bottom: 1px dotted #b9b9b9;
	padding: 16px 0;
	width: 955px;
}
#special #specialTop .topBox p.pic {
	float: left;
	padding-left: 20px;
	width: 167px;
}
#special #specialTop .topBox .detail {
	float: right;
	width: 768px;
}
#special #specialTop .topBox .detail h3 {
	font-size: 24px;
	font-weight: bold;
}
#special #specialTop .topBox .detail h3.type2 {
	font-size: 18px;
}
#special #specialTop .topBox .detail p {
	margin: 8px 24px 8px 0;
	line-height: 1.5;
}

/* Congrats! Style
---------------------------------------------------- */
#special .congratsBox {
	margin-top: 20px;
	width: 975px;
}
#special .congratsBox .col1,
#special .congratsBox .col2,
#special .congratsBox .col3 {
	width: 310px;
}
#special .congratsBox .col1,
#special .congratsBox .col2 {
	margin-right: 22px;
	float: left;
}
#special .congratsBox .col3 {
	float: right;
}
#special .artistBoxFrm {
	margin-bottom: 22px;
	background: url(/hcl/images/special/congrats/bg_artist_box.gif) no-repeat left top;
	width: 310px;
}
#special .artistBoxFrm .name {
	padding: 6px 0 0 17px;
	font-size: 14px;
	font-weight: bold;
}
#special .artistBoxFrm .nameMini {
	padding: 2px 0 0 17px;
	font-size: 10px;
	font-weight: bold;
}
#special .artistBox {
	background: url(/hcl/images/special/congrats/bg_artist_box_btm.gif) no-repeat left bottom;
	padding: 23px 15px 30px 19px;
	width: 276px;
}
#special .artistBox .imgBox .picL {
	float: left;
	width: 166px;
}
#special .artistBox .imgBox .picR {
	float: right;
	width: 100px;
}
#special .artistBox .imgBox p.zoom {
	margin-top: 8px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}
#special .artistBox .imgBox p.zoom a {
	background: url(/images/icon_zoom.gif) no-repeat left bottom;
	padding: 3px 0  0 18px;
}
#special .artistBox .imgBox .picL img {
	width: 167px;
}
#special .artistBox p.commentTxt {
	margin-top: 10px;
	background: url(/hcl/images/special/congrats/bg_comment_txt.gif) no-repeat left top;
	padding: 0 34px 13px 31px;
}
#special .artistBox p.qa {
	border-top: 1px dotted #b9b9b9;
	padding: 10px 0;
	font-size: 10px;
}
#special .artistBox p.qa strong {
	margin-bottom: 5px;
	display: block;
}
#special .artistBox .present {
	margin-top: 10px;
	border-top: 1px dotted #b9b9b9;
	padding-top: 7px;
	width: 276px;
}

#special .artistBox .present p.pName strong {
	margin-right: 5px;
}
#special .artistBox .present p.pName img {
	margin-right: 6px;
}
#special .artistBox .present .pMain {
	margin-top: 10px;
	width: 276px;
}
#special .artistBox .present .pMain p.pic {
	float: left;
	width: 85px;
}
#special .artistBox .present .pMain p.pic img {
	border: 1px solid #838383;
	margin-top: 5px;
}
#special .artistBox .present .pMain .pDetail {
	float: right;
	width: 166px;
	font-size: 10px;
	line-height: 1.8;
}
#special .artistBox .present .pMain .pDetail p.apply {
	margin-top: 13px;
}
#special .artistBox .present .pMain .pDetail p.apply a {
	background: url(/images/icon_arrow1.gif) no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
}
#special .small {
	font-size: 10px;
}

/* official */
#special #official.congratsBox .artistBoxFrm {
	margin-bottom: 22px;
	background: url(/hcl/images/special/congrats/bg_artist_box2.gif) no-repeat left top;
	width: 311px;
}
#special #official.congratsBox .col1,
#special #official.congratsBox .col2,
#special #official.congratsBox .col3 {
	width: 311px;
}
#special #official.congratsBox .col1,
#special #official.congratsBox .col2 {
	margin-right: 21px;
	float: left;
}
#special #official.congratsBox .artistBox {
	background: url(/hcl/images/special/congrats/bg_artist_box2_btm.gif) no-repeat left bottom;
	padding: 23px 16px 30px 19px;
	width: 276px;
}
#special #official.congratsBox .artistBox p.commentTxt {
	background: url(/hcl/images/special/congrats/bg_comment_txt2.gif) no-repeat left top;
}
#special p.congratsOfficialTxt {
	border-top: 1px dotted #b9b9b9;
	padding-top: 30px;
}

/* Interview Style
---------------------------------------------------- */
#special .interviewBox {
	margin: 0 12px 0 10px;
	border-bottom: 4px solid #e6e6e6;
	padding: 35px 0 50px;
	width: 953px;
}
#special .interviewBox .boxL,
#special .interviewBox .boxC,
#special .interviewBox .boxR {
	float: left;
	width: 200px;
}
#special .interviewBox .boxL {
	border-right: 1px solid #c6c6c6;
	padding-right: 25px;
}
#special .interviewBox .boxC {
	border-right: 1px solid #c6c6c6;
	padding: 0 25px;
}
#special .interviewBox .boxR {
	padding-left: 25px;
}
#special .interviewBox p.pic {
	background: url(/hcl/images/special/interview/bg_interview_box.gif) no-repeat left top;
	padding-top: 7px;
}
#special .interviewBox p.pic img {
	width: 200px;
}
#special .interviewBox p.name {
	margin-top: 15px;
	font-size: 16px;
	font-weight: bold;
}
#special .interviewBox p.profileTxt {
	margin-top: 2px;
	font-size: 10px;
}
#special .interviewBox p.date {
	margin-top: 12px;
	font-size: 10px;
}
#special .interviewBox p.intTxt {
	margin-top: 2px;
	color: #cf3348;
	font-weight: bold;
}
#special .interviewBox p.more {
	margin: 5px 0 0 0;
	font-size: 12px;
	font-weight: normal;
}
#special .interviewBox p.more a {
	background: url(/images/icon_arrow1.gif) no-repeat left center;
	padding: 0 0 0 17px;
}

/* detail */
#special #interviewMain {
	position: relative;
	width: 695px;
}
#special #interviewMain p.date {
	position: absolute;
	top : 10px;
	right: 0;
}
#special #interviewMain h3 {
	font-size: 30px;
}
#special #interviewMain h3 img {	
	padding-bottom: 5px;
}
/* IE6 */
* html #special #interviewMain h3 img {
	padding-bottom: 7px;
}
/* IE7 */
*:first-child+html #special #interviewMain h3 img {
	padding-bottom: 7px;
}
#special #interviewMain p.leadTxt {
	margin: 25px 0 30px;
	color: #cf3348;
	font-size: 14px;
	font-weight: bold;
}

#special #interviewMain .inner {
	width: 695px;
}
#special #interviewMain p {
	line-height: 1.5;
}
#special #interviewMain p.question {
	margin-bottom: 20px;
	color: #879c60;
	font-weight: bold;
}
#special #interviewMain p.question img.icon {
	margin-right: 12px;
	vertical-align: top;
}
#special #interviewMain .picR {
	margin-left: 15px;
	float: right;
	width: 340px;
}
#special #interviewMain .picL {
	margin-right: 15px;
	float: left;
	width: 340px;
}
#special #interviewMain .picR img,
#special #interviewMain .picL img {
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	width: 339px;
}
#special #interviewMain .picR p.caption,
#special #interviewMain .picL p.caption {
	margin-top: 5px;
	width: 340px;
	color: #9c595f;
	font-size: 10px;
}
#special p.pageBack {
	clear: both;
	padding-top: 20px;
}

/* detail sidebar */
#special #sideBar #interviewSide .box {
	margin-bottom: 16px;
	border: 1px solid #e3d6d7;
	padding: 4px;
	width: 237px;
}
#special #sideBar #interviewSide .box p.ttl {
	background: url(/hcl/images/special/interview/bg_title_sidebar.gif) no-repeat left top;
}
#special #sideBar #interviewSide .box p.ttl strong {
	display: block;
	padding: 1px 0 5px 20px;
	padding-left: 20px;
	color: #cf3348;
	font-size: 14px;
}
#special #sideBar #interviewSide .box .inner {
	background-color: #efefef;
	padding: 15px 20px 20px 17px;
	width: 200px;
}
#special #sideBar #interviewSide .box .inner img {
	width: 200px;
}
#special #sideBar #interviewSide .box .inner p.sttl {
	margin: 10px 0 4px;
	font-size: 14px;
	font-weight: bold;
}
#special #sideBar #interviewSide .box .inner ul.listMenu {
	margin-top: 10px;
}

/* Tvk Style
---------------------------------------------------- */
#special #tvkVisual {
	background: url(/hcl/images/special/tvk/bg_menu.jpg) no-repeat left bottom;
	padding-bottom: 15px;
	width: 975px;
}
#special #tvkVisual ul {
	margin: 0 20px;
	padding-top: 7px;
	width: 935px;
}
#special #tvkVisual ul li {
	float: left;
	margin-right: 9px;
	width: 227px;
}
#special #tvkVisual ul li.last {
	margin-right: 0;
}
#special p.sttlTvk {
	margin: 30px 11px 15px;
}
#special p.txtTvk {
	margin: 0 11px;
	line-height: 1.5;
}
#special #tvkMain {
	border-top: 1px dotted #b9b9b9;
	border-bottom: 1px dotted #b9b9b9;
	background-color: #f6f6f6;
	margin: 30px 11px 0;
	padding: 10px 9px 15px;
	width: 935px;
}
#special #tvkMain p {
	line-height: 1.5;
}
#special #tvkMain .inner {
	width: 935px;
}
#special #tvkMain p.question1st,
#special #tvkMain p.question {
	margin-bottom: 20px;
	color: #bd1802;
}
#special #tvkMain p.question1st strong,
#special #tvkMain p.question strong {
	background: url(/hcl/images/special/tvk/icon_title_tvk.gif) no-repeat left top;
	padding-left: 25px;
}
#special #tvkMain p.question {
	margin-top: 20px;
}
#special #tvkMain p.question1st img.icon,
#special #tvkMain p.question img.icon {
	margin-right: 12px;
	vertical-align: top;
}
#special #tvkMain .picR {
	margin-left: 20px;
	float: right;
}
#special #tvkMain .picL {
	margin-right: 20px;
	float: left;
}
#special .profileBox .picL {
	margin-right: 20px;
	float: left;
}
#special #tvkMain .picR p.caption,
#special #tvkMain .picL p.caption,
#special .profileBox .picL p.caption {
	margin-top: 5px;
	color: #9c595f;
	font-size: 10px;
}
#special #tvkMain p.itemTxt1 {
	color: #bd1802;
	font-weight: bold;
}
#special #tvkMain p.itemTxt2 {
	margin: 10px 0 15px;
}

/* tvk history */
#special #tvkMain.history p {
	margin-top: 18px;
	margin-left: 15px;
}
#special #tvkMain.history p.txt1st {
	margin-top: 0;
}

/* tvk interview */
#special .profileBox {
	margin: 30px 10px 15px 11px;
	background-color: #e9e2d0;
	width: 954px;
}
#special .profileBox .inner {
	padding: 10px 27px;
	width: 900px;
}
#special .profileBox .inner p.ttl {
	margin: 10px 0 15px;
}
#special .profileBox .inner p.txt {
	line-height: 1.5;
}
#special .profileBox .inner p.ttl strong {
	background-color: #fff;
	padding: 4px 8px;
}

/* tvk link */
#special #tvkLinks {
	margin-top: 55px;
	border: 1px solid #dfdfdf;
	padding: 11px 14px 20px;
	width: 924px;
}
#special #tvkLinks .inner {
	padding-top: 10px;
	width: 924px;
}
#special #tvkLinks .inner .boxL {
	border-right: 1px dotted #b9b9b9;
	float: left;
	width: 483px;
}
#special #tvkLinks .inner .boxR {
	float: right;
	width: 420px;
}
#special #tvkLinks p.ttl {
	font-size: 14px;
}
#special #tvkLinks .inner p.bnr {
	margin-top: 12px;
}
#special #tvkLinks .inner p.link a {
	margin-left: 12px;
	background: url(/images/icon_arrow1.gif) no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
}

/* Awards Style
---------------------------------------------------- */
#special .awardsBox {
	margin-top: 20px;
	width: 975px;
}
#special .awardsBox .col1,
#special .awardsBox .col2,
#special .awardsBox .col3 {
	width: 311px;
}
#special .awardsBox .col1,
#special .awardsBox .col2 {
	margin-right: 21px;
	float: left;
}
#special .awardsBox .col3 {
	float: right;
}
#special .awardsBox .artistBoxFrm {
	margin-bottom: 22px;
	background: url(/hcl/images/special/awards2009/bg_top.gif) no-repeat left top;
	width: 311px;
}

#special .awardsBox .artistBox {
	background: url(/hcl/images/special/awards2009/bg_bottom.gif) no-repeat left bottom;
	margin: 0;
	padding: 0 0 20px; 0;
	width: 311px;
}
#special .awardsBox p.name {
	margin: 0;
	padding: 0;
}
#special .awardsBox .pic {
	margin-left: 32px;
	padding-top:21px;
	padding-left:11px;
	background: url(/hcl/images/special/awards2009/bg_pic.gif) no-repeat left top;
}
#special .awardsBox .pic .zoom {
	margin-top: 6px;
	font-size: 10px;
	font-weight: bold;
}
#special .awardsBox .pic .zoom a {
	background: url(/images/icon_zoom_red.gif) no-repeat left bottom;
	padding: 3px 0  0 18px;
	color: #da0d10;
}
#special .awardsBox p.commentTxt {
	margin: 14px 16px 0;
	padding: 0;
	background-image: none;
}
#special .awardsBox p.commentTxt strong {
	color: #906a00;
	display: block;
}