@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  list-style: none;
  text-decoration: none;  
}

a {text-decoration: underline; color: #003366;}
a:hover {text-decoration: none; color: #000033;}
a:visited {text-decoration: none; color: #660099;}
a img{border: none; text-decoration: none; }

body{
  font-size: .80em;
  line-height: 1.6em;
  padding: 0;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #595959;
  background-color: #F0F0F0;
}

h1{
  font-size: 1.2em;
  margin-bottom: 20px;
}

h2{
  font-size: 1.2em;
  margin-bottom: 20px;
}

h3{
  font-size: 1em;
  margin-bottom: 10px;
}

p{
  margin-bottom: 10px;
}

table{
  width: 100%;
}

table td{
   vertical-align: top;
}

table td.label{
  font-weight: bold;
  width: 10%;
  white-space: nowrap;
  padding-right: 40px;
}
 

.banner h1{
  display: none;
}

.arrow_right{
padding-left: 12px;
background: url('../images/arrow_right.png') no-repeat left center;
line-height: 1.4em;
}

.arrow_top{
padding-left: 12px;
background: url('../images/arrow_top.png') no-repeat left center;
line-height: 1.4em;
}

/* CONTAINER */
#container{
  width: 100%;
  background: url('../images/header_bg.png') repeat-x 0 0;
}

/* HEADER */
#header{
  width: 940px;
  margin: auto;
  position: relative;
  height: 118px
}

#header #title a{
  background: url('../images/logo.png') no-repeat 0 0;
  display: block;
  width: 140px;
  height: 60px;
  position: absolute;
  top:10px;
  left: 0;
}

#header .info a{
  background: url('../images/header_info.png') no-repeat 0 0;
  display: block;
  width: 127px;
  height: 32px;
  position: absolute;
  top:0;
  right: 0;
}

#header #title span,
#header .info span,
#header #global_navi  span{
  display: none;
}

#header  #global_navi {
  width: 940px;
  height: 41px;
 overflow: hidden;
}

#header #global_navi ul{
  position: absolute;
  bottom: 0;
  left: 0;
}

#header #global_navi ul li{
  float: left;
}

#header #global_navi ul li.about{
  background: url('../images/menu_about.png') no-repeat 0 0;
  width: 156px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.about a{
  width: 156px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.about a:hover,
#header #global_navi ul li.about a.active{
  background: url('../images/menu_about_on.png') no-repeat 0 0;
}

#header #global_navi ul li.works{
  background: url('../images/menu_works.png') no-repeat 0 0;
  width: 157px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.works a{
  width: 157px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.works a:hover,
#header #global_navi ul li.works a.active{
  background: url('../images/menu_works_on.png') no-repeat 0 0;
}

#header #global_navi ul li.sample{
  background: url('../images/menu_sample.png') no-repeat 0 0;
  width: 157px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.sample a{
  width: 157px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.sample a:hover,
#header #global_navi ul li.sample a.active{
  background: url('../images/menu_sample_on.png') no-repeat 0 0;
}

#header #global_navi ul li.studio{
  background: url('../images/menu_studio.png') no-repeat 0 0;
  width: 157px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.studio a{
  width: 157px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.studio a:hover,
#header #global_navi ul li.studio a.active{
  background: url('../images/menu_studio_on.png') no-repeat 0 0;
}

#header #global_navi ul li.staff{
  background: url('../images/menu_staff.png') no-repeat 0 0;
  width: 157px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.staff a{
  width: 157px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.staff a:hover,
#header #global_navi ul li.staff a.active{
  background: url('../images/menu_staff_on.png') no-repeat 0 0;
}

#header #global_navi ul li.company{
  background: url('../images/menu_company.png') no-repeat 0 0;
  width: 156px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.company a{
  width: 156px;
  height: 41px;
  display: block;
}
#header #global_navi ul li.company a:hover,
#header #global_navi ul li.company a.active{
  background: url('../images/menu_company_on.png') no-repeat 0 0;
}

.banner_footer{
background: url('../images/banner_bottom_bg.png') repeat-x 0 0;
  height: 30px;
  width: 100%;
  }
  
#content{
  width: 940px;
  margin: auto;
}

#main {
  width: 710px;
  float: left;
}

#main .page_top{
  clear: both;
  font-size:  .85em;
  text-align: right;
  margin-top: 40px;
}

#main .page_top a {text-decoration: none; color: #000;}
#main .page_top a:hover {text-decoration: underline; color: #000;}

#sidebar {
	float: right;
	width: 205px;
	overflow: hidden;
}

#footer {
  clear: both;
  background: #000;
  color: #FFF;
  border-top: 2px solid #999;
  overflow: hidden;
  text-align: center;
  font-size: .85em
}

#footer .inner{
  border-top: 1px solid #FFF;
  padding: 10px 0;
}

#footer .footer_navi {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom: 1px dotted #999;
}

#footer .footer_navi li{
  display: inline;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #999;
}

#footer .footer_navi li.sitemap{
  border: none;
}

#footer .footer_navi li a{text-decoration: none; color: #999;}
#footer .footer_navi li a strong{font-weight: normal; text-decoration: none; color: #FFF;}
#footer .footer_navi li a:hover{text-decoration: none; color: #FFF;}

#footer  .copyright{
}



/* Home */

#home .banner{
  height: 330px;
  background: #000 url('../../images/banner_main.jpg') no-repeat center center;
  text-align: center;
}

#home .banner h1{
  display: none;
}

#home .introduction{
  overflow: hidden;
  background: url('../../images/label_introduction.jpg') no-repeat 0 0;
  width: 710px;
  padding-top: 70px;
  margin-bottom: 40px;
}

#home .introduction h2{
  display: none;
}

#home .introduction .lead{
  background-color: #FFF;
  width: 678px;
  padding: 15px;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

#home .introduction .menu{
  background: url('../../images/intro_footer.png') no-repeat 0 0;
  width: 710px;
  height: 43px;
  position: relative;
}

#home .introduction .menu li{
  position: absolute;
  display: block;
  width: 220px;
  height: 31px;
}

#home .introduction .menu li a{
  display: block;
  width: 220px;
  height: 31px;
}

#home .introduction .menu li span{
   display: none;
}

#home .introduction .menu li.about{
  left: 10px;
  bottom: 11px;
}
#home .introduction .menu li.about a:hover{
  background: url('../../images/intro_about_on.png') no-repeat 0 0;
}

#home .introduction .menu li.staff{
  left: 245px;
  bottom: 11px;
}
#home .introduction .menu li.staff a:hover{
  background: url('../../images/intro_staff_on.png') no-repeat 0 0;
}

#home .introduction .menu li.sample{
  left: 480px;
  bottom: 11px;
}

#home .introduction .menu li.sample a:hover{
  background: url('../../images/intro_sample_on.png') no-repeat 0 0;
}

#home .works h2{
  background: url('../../images/label_works.png') no-repeat 0 0;
  width: 85px;
  height: 17px;
  margin-bottom: 15px;
}
#home .works h2 span{
   display: none;
}

#home .works .article{
  clear: both;
  width: 710px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #FFF;
  margin-bottom: 30px;
}

#home .works .article .inner{
  width: 710px;
  overflow: hidden;
  border-bottom: 1px solid #BDBDBD;
}


#home .works .article .jaket{
  float: left;
  width: 110px;
  margin: 0;
}

#home .works .article .jaket img{
  border: 3px solid #999;
  margin-bottom: 3px;
}

#home .works .article .date{
  float: left;
  width: 81px;
  word-break: break-all;
  font-size:  .85em;
  padding-top: 12px;
  background: url('../images/label_mini_date.png') no-repeat 0 0;
}

#home .works .article .summary{
  float: right;
  width: 505px;
  font-size:  .85em;
  padding-top: 12px;
  background: url('../images/label_mini_summary.png') no-repeat 0 0;
}

#home .works  .detail_link{
  position: absolute;
  font-size:  .85em;
  bottom: -5px;
  right: 0;
}

#home .works  .detail_link a {text-decoration: none; color: #000;}
#home .works  .detail_link a:hover {text-decoration: underline; color: #000;}

#home .works  .other_works{
  overflow: hidden;
  width: 710px;
  margin-top: -20px;
  margin-bottom: 10px;
}
#home .works  .other_works p{
  float: right;
}

#home .works  .other_works p a{
  background: url('../../images/other_works.png') no-repeat 0 0;
  display: block;
  width: 166px;
  height: 21px;
}
#home .works  .other_works p a span{
  display: none;
}
#home .works  .other_works p a:hover{
  background: url('../../images/other_works_on.png') no-repeat 0 0;
}

#home .news{
  clear: both;
  border-bottom: 1px solid #FFF;
}

#home .news h2{
  background: url('../../images/label_news.png') no-repeat 0 0;
  width: 172px;
  height: 17px;
  margin-bottom: 15px;
}
#home .news h2 span{
   display: none;
}

#home .news ul{
    font-size:  .85em;
  border-bottom: 1px solid #BDBDBD;
}

#home .news ul li{
  overflow: hidden;
  width: 710px;
  padding: 3px 0;
  border-bottom: 1px dotted #CCC;
}

#home .news ul li.last_article{
  border: none;
}

#home .news ul li span{
  float: left;
  width:88px;
  word-break: break-all;
}

#home .news ul li p{
   margin-left: 98px;
}

#home h3.pickup{
  background: url('../../images/label_pickup.png') no-repeat 0 0;
  width: 205px;
  height: 21px;
}

#home h3.pickup span{
  display: none;
}

#home #sidebar .link_banner img{
  margin-bottom: 10px;
}


/* About */

#about .banner{
  height: 130px;
  background: #000 url('../../about/images/banner_main.jpg') no-repeat center center;
  text-align: center;
}

#about #main{
  width: 940px;
  float: none;
}

#about #main .about{
  margin: 0 20px 30px 20px;
  background:  url('../../about/images/about.png') no-repeat center center;
  width: 900px;
  height: 506px;
}

#about #main .about h2,
#about #main .about p{
  display: none;
}

#about #main .concept table{
  margin-bottom: 30px
}

#about #main table p.photo{
  margin: 0;
  padding: 0;
  width: 150px;
  border: 1px solid #BFBFBF;
}

#about #main .concept table img{
  border: 6px solid #FFF;
}

#about #main .concept table td.lead{
  width: 775px;
}

#about #main .concept table td.lead h3{
   background: #FFF;
   font-weight: bold;
   padding-left: 2px;
}

#about #main .concept table td.article_footer{
  border-bottom: 1px solid #FFF;
  vertical-align: bottom;
}

#about #main .concept table td.article_footer span{
  display: block; 
  border-bottom: 1px solid #BDBDBD;
  font-size: 1px;
  line-height: 1%;
}

/* Works */
#works .banner{
  height: 130px;
  background: #000 url('../../works/images/banner_main.jpg') no-repeat center center;
  text-align: center;
}

#works #main{
  width: 940px;
  float: none;
}

#works #main table{
  margin-bottom: 30px
}

#works #main table img{
  border: 6px solid #FFF;
}

#works #main table p.photo{
  margin: 0;
  padding: 0;
  width: 150px;
  border: 1px solid #BFBFBF;
}

#works #main table td.lead{
  width: 775px;
}

#works #main table td.lead h3{
   background: #FFF;
   font-weight: bold;
   padding-left: 2px;
}

#works #main table td.lead div.sample{
  border-top: 1px dotted #595959;
  padding-top: 10px;
}

#works #main table td.article_footer{
  border-bottom: 1px solid #FFF;
  vertical-align: bottom;
}

#works #main table td.article_footer span{
  display: block; 
  border-bottom: 1px solid #BDBDBD;
  font-size: 1px;
  line-height: 1%;
}

#works #main .others{
  padding-top: 20px;
}

#works #main .others .archive h3{
   background: #FFF;
   font-weight: bold;
   padding-left: 2px;
}

#works #main .others .archive div.sample{
  border: none;
  padding: 0 0 10px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #BDBDBD;
}

#works #main div.sample a{
  margin-right: 20px;
}

#works #main .others .archive{
  border-bottom: 1px solid #FFF;
  margin-bottom: 20px;
}

/* Sample data */
#sample .banner{
  height: 130px;
  background: #000 url('../../sample/images/banner_main.jpg') no-repeat center center;
  text-align: center;
}

#sample #main{
  width: 940px;
}

#sample .lead{
  border-bottom: 1px solid #FFF;
  margin-bottom: 10px;
}

#sample .lead .inner{
  width: 940px;
  border-bottom: 1px solid #BDBDBD;
}

#sample ul.description{
  font-size: .9em;
  margin-bottom: 30px;
}

#sample  .plugin{
  background: #FFF;
  margin-bottom: 30px;
  padding: 10px;
  position: relative;
}

#sample  .plugin p{
  margin: 0;
}

#sample .plugin img{
  position: absolute;
  right: 20px;
  top: 10px;
}

#sample .howtoplay {

}

#sample .howtoplay ul {
   margin-bottom: 30px;
}

#sample .howtoplay ul li{
  list-style-type: disc;
  margin-left: 20px;
}


#sample #category table{
  background: #fff;
  margin-bottom: 30px;
}

#sample #category th{
  background: #DCDCDC;
  padding: 10px;
  border-bottom: 1px solid #CCC;
}

#sample #category td.label{
  border-bottom: 1px solid #CCC;
  padding-right: 0;
  color: #FFF;
  
  background: #454545 url('../../sample/images/category_decoration.png') no-repeat left center;
}

#sample #category td.active{
  background: #FFF url('../../sample/images/category_decoration_on.png') no-repeat left center;
  color: #454545;
}

#sample #category td.label span{
  display: block;
  padding: 10px 15px;
font-weight: bold;
  cursor: pointer;
}

#sample #category table td.object_column td{
  border-bottom: 1px solid #CCC;
  padding: 10px;
}

#orchestra_object,
#battle_object,
#field_map_object,
#drama-ki_object,
#drama-do_object,
#drama-ai_object,
#drama-raku_object,
#others_object{
  display: none;
}

#sample td.object_column{
  vertical-align: top;
  padding-left: 10px;
}

#sample td.object_column table{
  margin-bottom: 0;
}

#sample #category table th.title{
   width: 170px;
}


#sample #category table .title{
   width: 160px;
}

#sample #category table .time,
#sample #category table .size,
#sample #category table .format{
  width: 60px;
  text-align: center;
}

#sample #category table .detail{
 width: 370px;
}

#sample .player{
  width: 400px;
  height: 300px;
  background: #6B6B6B;
}

/* Studio */
#studio .banner{
  height: 130px;
  background: #000 url('../../studio/images/banner_main.jpg') no-repeat center center;
  text-align: center;
}

#studio #main{
  width: 940px;
  float: none;
}

#studio #main table{
  margin-bottom: 30px
}

#studio #main table img{
  border: 6px solid #FFF;
}

#studio #main table td.lead{
  width: 775px;
}

#studio #main table.studio_detail td.lead,
#studio #main table.controle_room_detail td.lead{
  width: 725px;
}

#studio #main table td.lead h3{
   background: #FFF;
   font-weight: bold;
   padding-left: 2px;
}

#studio #main table p.photo{
  margin: 0;
  padding: 0;
  width: 150px;
  border: 1px solid #BFBFBF;
}

#studio #main table.studio_detail p.photo,
#studio #main table.controle_room_detail p.photo{
  width: 200px;
}

#studio #main td.equipment_photo p.photo{
  margin-bottom: 20px;

}

#studio #main table.equipment td{
  padding: 2px 30px 2px 0 ;
}

#studio #main table.equipment td.equipment_footer{
  padding: 0;
  font-size: 1px;
  line-height: 1%;
  border-bottom: 1px dotted #595959;
}

#studio #main table td.article_footer{
  border-bottom: 1px solid #FFF;
  vertical-align: bottom;
}

#studio #main table td.article_footer span{
  display: block; 
  border-bottom: 1px solid #BDBDBD;
  font-size: 1px;
  line-height: 1%;
}



/* Staff */
#staff .banner{
  height: 130px;
  background: #000 url('../../staff/images/banner_main.jpg') no-repeat center center;
  text-align: center;
}

#staff #main{
  width: 940px;
  float: none;
}

#staff #main table{
  margin-bottom: 30px
}

#staff #main table img{
  border: 6px solid #FFF;
}

#staff #main table p.photo{
  margin: 0;
  padding: 0;
  width: 170px;
  border: 1px solid #BFBFBF;
}

#staff #main table td.lead{
  position: relative;
  width: 755px;
}

#staff #main table .detail_link{
  text-align: right;
  font-size:  .85em;
  margin-bottom: -5px;
}

#staff #main table .detail_link a {text-decoration: none; color: #000;}
#staff #main table .detail_link a:hover {text-decoration: underline; color: #000;}

#staff #main table h2{
  font-size: 1em;
  margin-bottom: 10px;
  padding: 0 0 0 28px;
font-weight: bold;
  background:  url('../../staff/images/label_name.png') no-repeat left bottom;
}

#staff #main table h3{
  font-size: 1em;
  margin-bottom: 10px;
  padding: 0 0 0 28px;
  font-weight: bold;
  background:  url('../../staff/images/label_skill.png') no-repeat left bottom;
}



#staff #main table td.article_footer{
  border-bottom: 1px solid #FFF;
  vertical-align: bottom;
}

#staff #main table td.article_footer span{
  display: block; 
  border-bottom: 1px solid #BDBDBD;
  font-size: 1px;
  line-height: 1%;
}

/* Company */

#company .banner{
  height: 130px;
  background: #000 url('../../company/images/banner_main.jpg') no-repeat center center;
  text-align: center;
}

#company .message{
  overflow: hidden;
  width: 710px;
}

#company .message .lead{
  float: left;
  width: 420px;
}

#company .message .photo{
  float: right;
}

#company #sidebar .sub_menu_header{
  background: #AEAEAE;
  height: 7px;
  border-bottom: 1px solid #828282;
  magrin-bottom: 1px;
}

#company #sidebar .sub_menu{
  width: 205px;
  margin-bottom: 20px;
}

#company #sidebar .sub_menu li{
   display: block;
   border-bottom: 1px dotted #595959;
   padding: 1px 0;
   font-size: .85em;
}

#company #sidebar .sub_menu a{
  display: block;
  color: #000;
  width: 197px;
  height: 23px;
  padding: 8px 4px 0 0;
  background: #FFF;
  magrin: 1px 0;
  border-left: 4px solid #828282;
  text-decoration: none;
}

#company #sidebar .sub_menu a:hover{
  border-left: 4px solid #828282;
  background: none;
  color: #000;
}

#company #sidebar .sub_menu a.active{
  border: none;
  background: none;
  border-right: 4px solid #000;
  padding: 9px 0 0 4px;
}

#company .company_profile{
   border-bottom: 1px solid #FFF;  
}

#company .recruit p.lead{
   margin-bottom: 30px;
}

#company .recruit .detail{
   border-bottom: 1px solid #FFF;  
   margin-bottom: 10px;
}

#company .company_profile table,
#company .recruit table{
   border-bottom: 1px solid #BDBDBD;
}

#company .company_profile table td,
#company .recruit table td{
  padding: 10px 0;
}

#company .company_profile table td.border,
#company .recruit table td.border{
  padding:0;
  border-bottom: 1px dotted #595959;
  font-size: 1px;
  line-height: 1%;
}

#company .recruit  h3{
   background: #FFF;
   font-weight: bold;
  padding-left: 2px;
}

#company  p.contact{
  overflow: hidden;
  width: 710px;
}
#company  p.contact  a{
  float: right;
  display: block;
  width: 250px;
  height: 31px;
  background: url('../../company/images/contact_btn.png') no-repeat center center;
}

#company  p.contact  a:hover{
  background: url('../../company/images/contact_btn_on.png') no-repeat center center;
}

#company  p.contact  a span{
  display: none;
}


/* Contact */
#contact #main{
  width: 940px;
}

#contact .banner{
  height: 130px;
  background: #000 url('../../contact/images/banner_main.jpg') no-repeat center center;
  text-align: center;
}

#contact  form{
  margin-bottom: 30px;
}

#contact  .must,
#contact  td.label span{
  color: #FF0000;
}

#contact  form input.text{
  height: 20px;
  border: 1px solid #ccc;
  padding: 0;
}

#contact table{
  background: #FFF;
}

#contact table td{
  padding: 10px;
}

#contact table td label{
  margin-right: 30px;
}

#contact input.submit{
	margin: 0 10px 0 0;
	padding: 0;
	width: 60px;
	height: 31px;
  background: url('../../contact/images/send.png') no-repeat center center;
	border: none;
	cursor: pointer;
}

#contact input.reset{
	margin: 0;
	padding: 0;
	width: 80px;
	height: 31px;
  background: url('../../contact/images/reset.png') no-repeat center center;
	border: none;
	cursor: pointer;
}

#contact .btn{
  text-align: center;
  margin-top: 10px;
}


#contact table td.object_footer{
  padding: 0;
  border-bottom: 1px dotted #595959;
  font-size: 1px;
  line-height: 1%;
}

#contact .terms{
  border-top: 1px solid #BDBDBD;
}

#contact .terms .inner{
  width: 940px;
  border-top: 1px solid #FFF;
  padding-top: 10px;
}

/* Docs */
#docs #main{
  width: 940px;
}

#docs .banner{
  height: 130px;
  background: #000 url('../../docs/images/banner_policy.jpg') no-repeat center center;
  text-align: center;
}



/* Sitemap */
#sitemap ul  li.top{
  float: left;
  magrin-right:  20px;
}

#sitemap table td.top{
  width: 10%;
  white-space: nowrap;
  padding-right: 20px;
}

#sitemap ul ul{
  margin-left: 20px;
}



#sitemap .banner{
  height: 130px;
  background: #000 url('../../images/banner_sitemap.jpg') no-repeat center center;
  text-align: center;
}

#sitemap #main a{color: #595959; line-height: 1.8em;}
#sitemap #main a:hover{text-decoration: underline; color: #595959;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	background: #6B6B6B;
}

#TB_window .header{
  width: 360px;
  height: 100px;
  margin: auto;
  background: #F0F0F0;
  padding: 10px;
}

#TB_window  h2{
  font-size: 1em;
  padding: 0 0 0 28px;
  font-weight: bold;
    background:  url('../images/label_music_title.png') no-repeat left bottom;
}

#TB_window  h3{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 5px;
}

#TB_window  embed{
  margin-left: 30px;
}


#TB_window  .description{
  width: 360px;
  height: 100px;
  padding: 10px;
  margin: 0  auto 10px auto;

  background: #FFF;
}

#TB_window  .close span{
  display: none;
}

#TB_window  .close a{
  display: block;
  margin: auto;
  width: 80px;
  height: 21px;
    background:  url('../images/close_btn.png') no-repeat left bottom;
}

#TB_window  .close a:hover{
  display: block;
  margin: auto;
  width: 80px;
  height: 21px;
    background:  url('../images/close_btn_on.png') no-repeat left bottom;
}


* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}