@charset "utf-8";



/* ****************************************************

dance_genre.css

***************************************************** */

#dance_genre #main-contents .section strong  {

	display:block;

	padding-bottom:5px;

}



/* ---------------- topics ------------------- */

#dance_genre #main-contents .section .topics-block {

	width:654px;

	padding:4px 5px 7px 4px;

	background:url(/j/common/images/com_bg010.gif) no-repeat bottom;

}



/* topics-photo three-column */

#dance_genre #main-contents .section .topics-block .topics-photo {

	background:url(/j/common/images/com_bg004.gif) no-repeat bottom;

	margin-bottom:2px;

	padding-bottom:6px;

}



#dance_genre #main-contents .section .topics-block .topics-photo .three-column {

	margin:0;

	background:url(/j/common/images/com_bg003.gif) no-repeat top;

}



#dance_genre #main-contents .section .topics-block .topics-photo .three-column .frame {

	width:216px;

	padding-right:3px;	

}	



#dance_genre #main-contents .section .topics-block .topics-photo .three-column .frame.last {

	margin:0;

	padding:0;

}



#dance_genre #main-contents .section .topics-block .topics-photo .three-column .frame .photo-box {

	float:left;

	width:50px;

	padding:16px 12px 8px;

}



#dance_genre #main-contents .section .topics-block .topics-photo .three-column .frame .txt-box {

	float:left;

	width:129px;

	padding:11px 10px 0 0;

}



#dance_genre #main-contents .section .topics-block .topics-photo .three-column .frame .txt-box span.date {

	white-space:nowrap;

}



/* topics-photo two-column */

#dance_genre #main-contents .section .topics-block .topics-photo02 {

	background:url(/j/common/images/com_bg058.gif) no-repeat 0 100%;

	margin-bottom:2px;

	padding-bottom:6px;

}



#dance_genre #main-contents .section .topics-block .topics-photo02 .two-column {

	margin:0;

	background:url(/j/common/images/com_bg057.gif) no-repeat 0 0;

}



#dance_genre #main-contents .section .topics-block .topics-photo02 .two-column .frame {

	float:left;

	width:216px;

	padding-right:3px;	

}	



#dance_genre #main-contents .section .topics-block .topics-photo02 .two-column .frame.last {

	margin:0;

	padding:0;

}



#dance_genre #main-contents .section .topics-block .topics-photo02 .two-column .frame .photo-box {

	float:left;

	width:50px;

	padding:16px 12px 8px;

}



#dance_genre #main-contents .section .topics-block .topics-photo02 .two-column .frame .txt-box {

	float:left;

	width:129px;

	padding:11px 10px 0 0;

}



#dance_genre #main-contents .section .topics-block .topics-photo02 .two-column .frame .txt-box span.date {

	white-space:nowrap;

}



#dance_genre #main-contents .section .topics-block .topics-txt {

	padding:9px 8px 0px;

	background:url(/j/common/images/com_bg005.gif) no-repeat top;

}

#dance_genre #main-contents .section .topics-block .topics-txt span.date {

	white-space:nowrap;

}



#dance_genre #main-contents .section .topics-block .topics-txt-bottom {

	margin-bottom:2px;

	background:url(/j/common/images/com_bg006.gif) no-repeat bottom;

}

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



/* ---------------- advice ------------------- */

#dance_genre #main-contents .section .advice-block .three-column .frame .photo-box {

	float:left;

	width:97px;

	padding-right:5px;

}



#dance_genre #main-contents .section .advice-block .three-column .frame .txt-box {

	float:left;

	width:111px;

	padding-top:3px;

}



#dance_genre #main-contents .section .advice-block .three-column .frame .txt-box .explain  {

	width:99px;

	padding-bottom:5px;

}

/* -------------2010.6.1---------------- */

/*
#dance_genre #main-contents .section .advice-block .three-column .frame .txt-box .btn {

	float:right;

}
*/


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



/* ---------------- brand ------------------- */



#dance_genre #main-contents .section .brand-block .brand-box {

	width:658px;

	margin:8px 3px 0pt 2px;

}



#dance_genre #main-contents .section .brand-block .brand-box .inner {

	float:left;

	width:97px;

	margin-right:15px;

	text-align:center;

	background:url(/j/common/images/com_bg007.gif) no-repeat top;

	cursor:pointer;

}



#dance_genre #main-contents .section .brand-block .brand-box .inner.last {

	margin:0;

	padding:0;

}



#dance_genre #main-contents .section .brand-block .brand-box .inner .brand-img {

	width:97px;

	height:48px;

	padding-top:22px;

}



#dance_genre #main-contents .section .brand-block .brand-box .brand-name {/*-- for jquery.flatheights.js --*/

	padding:0;

	background:url(/j/common/images/com_bg009.gif) no-repeat bottom; 

}



* html #dance_genre #main-contents .section .brand-block .brand-box .brand-name {/*-- for jquery.flatheights.js --*/

	height:1%;

}



#dance_genre #main-contents .section .brand-block .brand-box .inner-bottom {

	width:89px;

	padding:5px 3px 9px;

}

#dance_genre #main-contents .section .brand-block .brand-box .inner-bottom p {

	vertical-align:baseline;

}



#dance_genre #main-contents .section .brand-block .brand-box .inner-bottom p.name-long {

	word-wrap:break-word;

}



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



/* ---------------- catalogue ------------------- */



#dance_genre #main-contents .section .catalogue-block .three-column {

	margin:23px 3px 0 3px;

}



#dance_genre #main-contents .section .catalogue-block .three-column .frame .frame-in {

	margin-bottom:10px;

}



#dance_genre #main-contents .section .catalogue-block .three-column .frame .photo-box {

	float:left;

	width:67px;

	padding-right:4px;

}



#dance_genre #main-contents .section .catalogue-block .three-column .frame .txt-box {

	float:left;

	width:141px;

	padding-top:3px;

}



#dance_genre #main-contents .section .catalogue-block .three-column .frame .txt-box .btn {

	float:right;

}



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



/* ---------------- news ------------------- */



#dance_genre #main-contents .section .news-block .two-column {

	background:url(/j/common/images/com_bg011.gif) no-repeat bottom;

}



#dance_genre #main-contents .section .news-block .two-column .two-left {

	float:left;

	width:326px;

	padding-right:11px;

}



#dance_genre #main-contents .section .news-block .two-column .two-right {

	float:left;

	width:326px;

}



#dance_genre #main-contents .section .news-block .news-box {

	padding:0 5px 10px 5px;

}



#dance_genre ul.info-list {

	padding-top:0;

}



#dance_genre ul.info-list li.first {

	margin-top:0;

}





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



/* ---------------- news-block02 ------------------- */



#dance_genre #main-contents .section .news-block02 .inner {

	background:url(/j/common/images/com_bg056.gif) no-repeat 0 100%;

	width:663px;

}



#dance_genre #main-contents .section .news-block02 .news-box {

	padding:0 5px 10px 5px;

}



#dance_genre #main-contents .section .news-block02 .title-03 {

	background:url(/j/common/images/com_bg055.gif) no-repeat 0 0;

}



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



/* Clearfix */

#dance_genre #main-contents .section:after,

#dance_genre #main-contents .two-column:after,

#dance_genre #main-contents .three-column:after,

#dance_genre #main-contents .section .topics-block .topics-photo:after,

#dance_genre #main-contents .section .topics-block .topics-photo02:after,

#dance_genre #main-contents .section .topics-block .topics-txt:after,

#dance_genre #main-contents .section .advice-block .three-column .frame:after,

#dance_genre #main-contents .section .catalogue-block .three-column .frame .frame-in:after,

#dance_genre #main-contents .section .brand-block:after,

#dance_genre #main-contents .section .brand-block .brand-box:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

#dance_genre #main-contents .section,

#dance_genre #main-contents .two-column,

#dance_genre #main-contents .three-column,

#dance_genre #main-contents .section .topics-block .topics-photo,

#dance_genre #main-contents .section .topics-block .topics-photo02,

#dance_genre #main-contents .section .advice-block .three-column .frame,

#dance_genre #main-contents .section .catalogue-block .three-column .frame .frame-in,

#dance_genre #main-contents .section .brand-block,

#dance_genre #main-contents .section .brand-block .brand-box {

	display:inline-block;

	min-height:1px;  /* for IE 7*/

}

/* Hides from IE-mac \*/

* html #dance_genre #main-contents .section,

* html #dance_genre #main-contents .two-column,

* html #dance_genre #main-contents .three-column,

* html #dance_genre #main-contents .section .topics-block .topics-photo,

* html #dance_genre #main-contents .section .topics-block .topics-photo02,

* html #dance_genre #main-contents .section .topics-block .topics-txt,

* html #dance_genre #main-contents .section .topics-block .topics-txt-bottom,

* html #dance_genre #main-contents .section .advice-block .three-column .frame,

* html #dance_genre #main-contents .section .brand-block,

* html #dance_genre #main-contents .section .brand-block .brand-box,

* html #dance_genre #main-contents .section .news-block .news-box dt {

	height:1px;

}

#dance_genre #main-contents .section,

#dance_genre #main-contents .two-column,

#dance_genre #main-contents .three-column,

#dance_genre #main-contents .section .topics-block .topics-photo,

#dance_genre #main-contents .section .topics-block .topics-photo02,

#dance_genre #main-contents .section .topics-block .topics-txt,

#dance_genre #main-contents .section .topics-block .topics-txt-bottom,

#dance_genre #main-contents .section .advice-block .three-column .frame,

#dance_genre #main-contents .section .brand-block,

#dance_genre #main-contents .section .brand-block .brand-box,

#dance_genre #main-contents .section .news-block .news-box dt {

	display:block;

}

/* End hide from IE-mac */