/* -------------------------------------------- */
/* body */
/* -------------------------------------------- */
body {
	font-family: sans-serif;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 75%;
	line-height: 1.5em;
	color: #000000;
}

ul,ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li {
	margin: 0;
	padding: 0;
}
dl {
	margin: 0;
	padding: 0;
}
dt,dd {
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7,
p{
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
.clearfix:after {
	 content: url(../images/clear.gif);
	 display: block;
	 clear: both;
	 height: 0;
 }
.clearfix {
 	display:inline-block;
 }
.clearfix {
	display: block;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}
table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	empty-cells: show;
}
th {
	margin: 0;
	padding: 0;
}
td {
	margin: 0;
	padding: 0;
}

/* -------------------------------------------- */
/* LINK */
/* -------------------------------------------- */

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	color: #eFeFeF;
}

p.close_btn a {
	display: block;
	height: 2.0em;
	margin: 0 0 0 auto;
	color: #ffffff;
	width: 5em;
	cursor: pointer;
}

p.close_btn a:hover {
	color: #000000;
}

.page_list a {
	padding: 2px 5px;

}

.page_list a.active ,
.page_list a:hover {
	color: #ffffff;
	background: #878787;

}




/* -------------------------------------------- */
/* index */
/* -------------------------------------------- */

.page {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}


.top_title {
	position: relative;
	height: 530px;
	line-height: 0;
}

.top_title p {
	line-height: 0;
}

.top_title p img {
	vertical-align: bottom;
}

.top_title p.top_img {
	position: absolute;
	top: 43px;
	left: 0;
}

.top_title p.newsingle {
	position: absolute;
	top: 165px;
	left: 580px;
}

.top_title p.newalbum {
	position: absolute;
	top: 43px;
	left: 537px;
}

.top_title span.photo {
	position: absolute;
	top: 400px;
	left: 537px;
}

.top_title p.newremixes {
	position: absolute;
	top: 309px;
	left: 580px;
}

.top_title p.remixes1 {
	position: absolute;
	top: 366px;
	left: 592px;
}

.top_title p.remixes2 {
	position: absolute;
	top: 392px;
	left: 592px;
}

.top_title p.remixes3 {
	position: absolute;
	top: 418px;
	left: 592px;
}

.top_title p.remixes4 {
	position: absolute;
	top: 444px;
	left: 592px;
}

.top_title p.remixes5 {
	position: absolute;
	top: 470px;
	left: 592px;
}

.top_title p.remixes6 {
	position: absolute;
	top: 366px;
	left: 592px;
}


p.gotop {
	clear: both;
	text-align: right;
	margin: 2.0em 0 0 0 ;
}

p.gotop a {
	width: 59px;
	height: 17px;
	line-height: 0;
	marign: 0 0 0 auto;
	cursor: pointer;
}

/* -------------------------------------------- */
/* FOLLOW NAVI */
/* -------------------------------------------- */

#menubar {
	position: absolute;
	top: 700px;
	right: 0;
	z-index:100;
	width: 100%;
	background: #000000;
	height: 31px;
	text-align: left;
}

#menubar ul {
	width: 100%;
}
#menubar ul#open_button {
	display: none;
}

#menubar li {
	float: left;
}

#menubar li a {
	cursor: pointer;
}


/*#follow_menu {
	position: absolute;
	width: 7%;
	right: 0;
	z-index: 100;
	text-align: left;
	background: black;
}

#button a {
	display: block;
	height:31px;
	line-height: 0;
}

#button li{
	float: left;
}

#button li.menu01 {
	width: 140px;
}

#button li.menu02 {
	width: 124px;
}

#button li.menu03 {
	width: 124px;
}

#button li.menu04 {
	width: 123px;
}

#button li.menu05 {
	width: 141px;
}

#button li.menu06 {
	width: 133px;
}

#button li.menu07 {
	width: 109px;
}
*/

#buttons {
}

/* -------------------------------------------- */
/* grobal navi */
/* -------------------------------------------- */

.grobal_menu {
	margin-bottom: 117px;
}

.grobal_menu li {
	float: left;
	width: 146px;
	height: 13px;
	line-height: 0;
	text-align: left;
}

.grobal_menu li a {
	cursor: pointer;
}

/* -------------------------------------------- */
/* TITLE */
/* -------------------------------------------- */

h2.subtitle {
	height: 25px;
	margin-bottom: 75px;
	text-align: left;
	line-height: 0;
}

.text h3.detail_title {
	margin: 0 7px;
	padding: 13px 13px 13px;
	background: url("../images/bg_info_title_border.gif") no-repeat bottom left;
	font-size: 100%;
	font-weight: normal;
	color: #ffffff;
	font-weight: bold;

}

h3.disco_title {
	font-size: 100%;
	padding: 1.5em 24px;
	border-bottom: 1px solid #7a7a7a;
}

/* -------------------------------------------- */
/* LIST */
/* -------------------------------------------- */

#info_list {
	background-color: #ffffff;
}

#info_list dl.info_list {
	padding: 10px 36px;
}

#info_list dl.info_list dt {
	width: 322px;
	background: url("../images/bg_list_border.gif") repeat-x left bottom;
	margin: 0 0 0.75em;
	padding: 0 0 3px;
}

dl.info_list dt span {
	padding-left: 17px;
	background: url("../images/img_list_mark.gif") no-repeat left center;
}
#info_list dl.info_list dd p.text {
	margin: 0 0 0.25em;
	font-weight: bold;
}
#info_list dl.info_list dd p.more {
	margin: 0 0 1.0em;
	font-size: 90%;
	text-align:right;
}
#info_list dl.info_list dd p.more a {
	cursor: pointer;
}
#info_list dl.info_list dd p.more a:hover {
	color: #eFeFeF;
}
.detail_area ul ,
.detail_area dl {
	margin: 0 0 2.0em;
}

.detail_area ul.last {
	padding: 0 0 3.0em;
}


.disco .disco_list dl dt {
	margin: 20px 0 0;
	padding: 0;
}

.disco .disco_list dl dd {
	width:181px;
	margin: 0.75em 0;
}

.disco .disco_list dl dd a {
	display: block;
	width:158px;
	padding: 5px 5px 5px 23px;
	line-height: 1.25em;
	cursor: pointer;
	background: url("../images/bg_disco_menu_off.gif") no-repeat 0px center ;
}

.disco .disco_list dl dd a:hover {
	color: #ffffff;
	background: url("../images/bg_disco_menu_on.gif") no-repeat 0px center ;
}

.disco .disco_image ul.img {
	padding: 40px 34px;
}

.disco .disco_image ul.img li {
	float: left;
	width: 120px;
	margin: 0 0 24px 23px;
}

.disco .disco_image ul.img li a {
	cursor: pointer;
}

.disco .disco_image ul.img li.left {
	margin-left: 0;
}

.disco .disco_image ul.img li.bottom {
	margin-bottom: 0;
}


.disco .disco_image ul.page_list li{
	float: right;
	margin-left: 0.75em;
}

.disco .disco_image ul.page_list li.back {
	margin-left: 0;
}

.disco .disco_detail ul.content {
	width:360px;
	margin-left:24px;
	padding: 1.0em 0 0.75em;
}

.disco .disco_detail ul.content.height_up {
	padding-bottom: 13.0em;
}

.disco .disco_detail ul.content li {
	line-height: 2.5em;
}

.disco .disco_detail .disco_right  ul {
	margin: 1.0em 0 0;
}

.disco .image_list table ul.song_list li{
	padding-left: 8px;
	background: url("../images/bg_songlist.gif") no-repeat left 0.6em;
}

/* -------------------------------------------- */
/* TABLE */
/* -------------------------------------------- */

.contact table {
	width: 100%;

}


.contact table th ,
.contact table td {
	padding: 20px;
}

.contact table th {
	vertical-align: top;
	padding-left: 20px;
	background: url("../images/img_list_mark.gif") no-repeat left 2.25em;
	color: 010101;
	font-weight: normal;
}

.contact table td input {
	height: 1.25em;
	vertical-align: middle;
}

.contact table td.name input {
	width: 205px;
}

.contact table td.address input {
	width: 367px;
}

.contact table td.tel input {
	width: 120px;
}

.contact table td.mail input {
	width: 205px;
}

.contact table td.age input {
	width: 65px;
}

.contact table td.comment textarea {
	width: 430px;
}

.contact table tr.button td {
	text-align: right;
}

.contact table tr.button td input {
	height: 17px;
	margin-left: 5px;
}

.disco .image_table table{
	margin: 0 34px;
}

.disco .image_table table th {
	padding: 2px 5px;
	font-weight: normal;
	border-left: 1px solid #ffffff;
	background: #f9f9f9;
}

.disco .image_table table td {
	vertical-align: top;
	background: url("../images/bg_schedule_list.gif") repeat-x left bottom;
}

.disco .image_table table tr.last td ,
.disco .image_table table td.empty {
	background: none;
}

.disco .image_table table th.article {
	text-align: center;
}

.disco .image_table table tr.article td {
	padding: 5px 0;
}




/* -------------------------------------------- */
/* INFOMATION */
/* -------------------------------------------- */

.info {
	clear:both;
	position: relative;
	z-index: 90;
	margin-bottom: 5.0em;
	background: url("../images/img_info.jpg") no-repeat left 100px;
}

.info .image_area {
	width: 604px;
}

.info .text_area {
	position: relative;
	width: 394px;
/*	top: 171px;
	left: 604px;
*/
	margin: 0 0 0 605px;
}

#schedule_detail ,
#info_detail {
	position: absolute;
	left: 612px;
	top: 100px;
	display: none;
	width: 414px;
}

.detail_area {
	position: relative;
	color: #ffffff;
}

#info_detail .detail_back {
	background: #000000;
}

#info_detail .text {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.text p.close_btn {
	position: relative;
	padding-top: 10px;
	margin-right:7px;
}

.text .detail_text {
	padding: 28px 20px 20px;
}

.text .detail_text p {
	width: 374px;
}

.text .detail_text p.image {
	width: 200px;
	float: right;
}


.text .detail_text p img {
	float: right;
	margin-left: 10px;
}

.text .detail_text a {
	color: #ffffff;
	text-decoration: underline;
}

p.close_btn {
	font-size: 90%;
	text-align: right;
	vertical-align: bottom;
}



p.close_btn img {
	vertical-align: middle;
	margin-left: 4px;
}

.detail_area .image {
	float: right;
}

.detail_area .image  img {
	margin-bottom: 20px;
}


/* -------------------------------------------- */
/* SCHEDULE */
/* -------------------------------------------- */

.schedule {
	clear: both;
	position: relative;
	z-index: 80;
	margin-bottom: 5.0em;
}

.schedule .text_area {
	float: left;
	width: 610px;
	margin: 0;
	padding: 0;
}

.schedule .text_area .schedule_list{
	width: 560px;
	padding: 1.75em 0 1.0em;
	background: url("../images/bg_schedule_list.gif") repeat-x left bottom;
}

.schedule .text_area .schedule_list p.date{
	float: left;
	width: 95px;
	background: url("../images/img_list_mark.gif") no-repeat left center;
}

.schedule .text_area .schedule_list p.date span {
	margin-left: 20px;
}

.schedule .text_area .schedule_list .content{
	float: left;
	width: 465px;
	background: url("../images/img_schedule_list_mark.gif") no-repeat left 0.5em;
}

.schedule .text_area .schedule_list .content p.text {
	margin-bottom: 0.75em;
	margin-left: 20px;
	font-weight: bold;
}

.schedule .text_area .schedule_list .content p.text span.more {
	font-size: 80%;
	margin-left: 15px;
	font-weight: normal;
}

.schedule .text_area .schedule_list .content p.text span.more a {
	padding: 3px 5px;
	background: #e0e0e0;
	cursor: pointer;
}

.schedule .text_area .schedule_list .content p.text span.more a;hover {
	color: #ffffff;
}

.schedule .text_area p.gotop {
	width: 560px;
}

.schedule .image_area {
	float: left;
	width: 414px;
}

.schedule .image_area p.img {
	margin-top: -44px;
	margin-left: 27px;
}

#schedule_detail .detail_back {
	background: #000000;
	padding-top: 23px;
}

#schedule_detail .text {
	position: absolute;
	top: 0;
	left:0;
}

/* -------------------------------------------- */
/* DIARY */
/* -------------------------------------------- */


.diary {
	z-index: 70;
	margin-bottom: 5.0em;
}


.diary .image_area {
	position: relative;
	float: left;
	width: 534px;
}

.diary .text_area {
	float: left;
	font-size: 90%;
	width: 490px;
	margin: 0;
	padding: 0;
}

.diary .image_area ul {
	position: absolute;
	left: 0;
	top: 0;
}

.diary .image_area ul li {
	cursor: pointer;
}

.diary .image_area ul li.watusi {
	margin-bottom: 14px;
}

.diary .image_area p.img {
	padding-top: 18px;
	padding-bottom: 3.0em;
}

.diary .text_area h3.title {
	height: 18px;
	line-height: 0;
	padding-bottom: 31px;
	background: url("../images/bg_diary_head.gif") no-repeat  bottom left;
}

.diary .text_area .text{
	background: url("../images/bg_diary_body.gif") no-repeat left bottom;
	padding: 31px 33px;
}

.diary .text_area .backnumber {
	font-size: 100%;
	text-align: right;
}

.diary .text_area .backnumber a {
}

#blog_area p.gotop {
	margin: 2.0em 0 0;
	padding: 0;
}

#blog_lori{
	display: none;
}

/* -------------------------------------------- */
/* BIOGRAPHY */
/* -------------------------------------------- */

.bio {
	z-index: 60;
	margin-bottom: 5.0em;
}

.bio .text_area {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	color: #000000;
	background: url("../images/bg_bio.gif") repeat-y top left;
}

.bio .text_area .language {
	width: 64px;
	position: absolute;
	top: 0;
	left: 0;
}

.bio .text_area .language li {
	height: 12px;
	margin-bottom: 12px;
}

.bio .text_area .language li a {
	display: block;
	height: 12px;
	line-height: 0;
	cursor: pointer;
}

.bio .text_area .bio_area.english ,
.bio .text_area .bio_area.korean {
	display: none;
}
.bio .text_area .language .english ,
.bio .text_area .language .korean {
	display: block;
}


/*
.bio .text_area .bio_area {
	padding: 66px 0  0;
	background: url("../images/bg_bio_head.jpg") no-repeat left top;
}
.bio .text_area .bottom {
	padding-left: 310px;
	padding-bottom: 100px;
	background: url("../images/bg_bio_foot.jpg") no-repeat left bottom;
}
.bio .text_area .top {
	margin-left: 250px;
}
.bio .text_area .top p {
	width: 385px;
}
.bio .text_area .bottom p {
	width: 385px;
}
*/



.bio .text_area .bio_area {
	padding: 66px 0  0;
	background: url("../images/bg_bio_head_off.jpg") no-repeat left top;
}
.bio .text_area .bottom {
	padding-bottom: 50px;
	background: url("../images/bg_bio_foot_off.jpg") no-repeat left bottom;
}
.bio .text_area p {
	padding: 0 0 1.75em;
}
.bio .text_area p.center {
	margin-left: 250px;
	width: 450px;
}


.bio p.gotop {
	clear: both;
	margin-top: 1.0em;
	width: 757px;
}

/* -------------------------------------------- */
/* DISCOGRAPHY */
/* -------------------------------------------- */

.disco {
	position: relative;
	z-index: 50;
	margin-bottom: 5.0em;
}

.disco .disco_list {
	float: left;
	width: 181px;
}

.disco .disco_image {
	float: left;
	width: 476px;
	margin-left: 22px;
}

.disco .disco_image.table {
	width: 590px;
}

.disco .disco_image.table .image_list {
	padding: 40px 0;
}

.disco .disco_image .image_list{
	border: 1px solid #878586;
}

.disco .disco_image .pagelist_area {
	text-align: right;
	padding-bottom: 1.0em;
	padding-top: 1.0em;
}

.disco .disco_image .pagelist_area ul {
	margin: 0 20px 0 auto ;
}

.disco .disco_detail {
	display: none;
	clear: both;
	position: relative;
	width: 620px;
	min-height: 300px ;
	padding: 1.0em 0 ;
	background: #000000;
	color: #ffffff;
}

.disco .disco_detail p.close_btn {
	position: absolute;
	bottom: 10px;
	right: 20px;
}

.disco .disco_right {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 197px;
}

.disco .detail_container {
	position: absolute;
	top: 143px;
	left: 358px;
}

.disco .image_table table td ul {
	margin: 15px 10px;
}

.disco .image_table table td.img img {
	margin-top: 15px;
	margin-bottom: 15px;
}

.disco .image_table table tr.last td ul {
	margin: 15px 10px 0;
}

.disco .image_table table tr.last td.img img {
	margin-top: 15px;
	margin-bottom: 0px;
}

/* -------------------------------------------- */
/* CONTACT US */
/* -------------------------------------------- */

.contact {
	position: relative;
	z-index: 40;
	width: 910px;
	height: 677px;
/*	background: url("../images/bg_contact.jpg") no-repeat left 117px;*/
}

.contact .form_area {
	position: absolute;
	top: 100px;
	left: 0px;

/*	top: 315px;
	left: 370px;*/
	width: 597px;
	padding-bottom: 10.0em;
}

.contact .form_area .form_table {
	padding: 14px 28px;
	background: #ffffff;
	
}