@charset "utf-8";

/* ****************************************************
Dance_genre_details
***************************************************** */

/* ****************************************************
1. Topics
2. brand 
99. Extra
***************************************************** */

/* 1. Topics
=========================================*/

/* three-column */
#dance_genre_details #main-contents .section .three-topics-photo {
	width:663px;
	margin-bottom:2px;
	padding-bottom:6px;
	background:url(/j/common/images/com_bg048.gif) no-repeat 0 100%;
}

#dance_genre_details #main-contents .section .three-topics-photo .detail-three-column {
	background:url(/j/common/images/com_bg047.gif) no-repeat 0 0;
}
#dance_genre_details #main-contents .section .two-topics-photo {
	width:663px;
	margin-bottom:2px;
	padding-bottom:6px;
	background:url(/j/common/images/com_bg060.gif) no-repeat 0 100%;
}

#dance_genre_details #main-contents .section .two-topics-photo .detail-two-column {
	background:url(/j/common/images/com_bg059.gif) no-repeat 0 0;
}

#dance_genre_details #main-contents .section .three-topics-photo .detail-three-column .frame,
#dance_genre_details #main-contents .section .two-topics-photo .detail-two-column .frame {
	float:left;
	width:219px;
	margin-right:3px;
}

#dance_genre_details #main-contents .section .three-topics-photo .detail-three-column .frame.last, 
#dance_genre_details #main-contents .section .two-topics-photo .detail-two-column .frame.last{
	margin:0;
	padding:0;
}

#dance_genre_details #main-contents .section .three-topics-photo .detail-three-column .frame .photo-box,
#dance_genre_details #main-contents .section .two-topics-photo .detail-two-column .frame .photo-box {
	float:left;
	width:50px;
	padding:16px 12px 8px;
}

#dance_genre_details #main-contents .section .three-topics-photo .detail-three-column .frame .txt-box,
#dance_genre_details #main-contents .section .two-topics-photo .detail-two-column .frame .txt-box {
	float:left;
	width:135px;
	padding:11px 10px 0 0;
}

/* four-column */
#dance_genre_details #main-contents .section .four-topics-photo {
	width:663px;
	margin-bottom:2px;
	padding-bottom:6px;
	background:url(/j/common/images/com_bg040.gif) no-repeat 0 100%;
}

#dance_genre_details #main-contents .section .four-topics-photo .detail-four-column {
	background:url(/j/common/images/com_bg039.gif) no-repeat 0 0;
}

#dance_genre_details #main-contents .section .four-topics-photo .detail-four-column .frame {
	float:left;
	width:162px;
	margin-right:5px;	
}

#dance_genre_details #main-contents .section .four-topics-photo .detail-four-column .frame.last {
	margin:0;
	padding:0;
}

#dance_genre_details #main-contents .section .four-topics-photo .detail-four-column .frame .photo-box {
	float:left;
	width:50px;
	padding:16px 12px 8px;
}

#dance_genre_details #main-contents .section .four-topics-photo .detail-four-column .frame .txt-box {
	float:left;
	width:78px;
	padding:11px 10px 0 0;
}

/* 2. brand 
=========================================*/

#dance_genre_details #main-contents .section .brand-block .two-column {
		margin-bottom:15px;
}

#dance_genre_details #main-contents .section .brand-block .two-column .two-left {
		float:left;
		width:300px;
		padding-right:11px;
}

#dance_genre_details #main-contents .section .brand-block .two-column .two-right {
		float:left;
		width:330px;
}

#dance_genre_details #main-contents .section .brand-block .two-column .logo {
		margin:30px 0;
		text-align:center;
}

/* 99. Extra
=========================================*/
/* Clearfix */
#dance_genre_details #main-contents .section .two-topics-photo .detail-two-column:after,
#dance_genre_details #main-contents .section .three-topics-photo .detail-three-column:after,
#dance_genre_details #main-contents .section .four-topics-photo .detail-four-column:after,
#dance_genre_details #main-contents .section .brand-block .two-column:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#dance_genre_details #main-contents .section .two-topics-photo .detail-two-column,
#dance_genre_details #main-contents .section .three-topics-photo .detail-three-column,
#dance_genre_details #main-contents .section .four-topics-photo .detail-four-column,
#dance_genre_details #main-contents .section .brand-block .two-column{
	display:inline-block;
	min-height:1px;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html #dance_genre_details #main-contents .section .two-topics-photo .detail-two-column,
* html #dance_genre_details #main-contents .section .three-topics-photo .detail-three-column,
* html #dance_genre_details #main-contents .section .four-topics-photo .detail-four-column,
* html #dance_genre_details #main-contents .section .brand-block .two-column {
	height:1px;
}

#dance_genre_details #main-contents .section .two-topics-photo .detail-two-column,
#dance_genre_details #main-contents .section .three-topics-photo .detail-three-column,
#dance_genre_details #main-contents .section .four-topics-photo .detail-four-column,
#dance_genre_details #main-contents .section .brand-block .two-column {
	display:block;
}
/* End hide from IE-mac */