@charset "utf-8";

/* --------------------------------
FILE NAME  ：styles.css
LAST UPDATE：2009.11.18
-------------------------------- */

/* --------------------------------
=init
-------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,li,ul,ol,dl,dt,dd {margin: 0; padding: 0; font-size: 100%;}
html {width: 100%;}
body {width: 100%; font-family: Helvetica,arial,sans-serif; font-size: 10px; /font-size:62.5%;}
hr {display: none;}
ul,ol,li {list-style: none;}
img, a img {border: none;}
object,embed {vertical-align: top;}
:hover, :active, :focus {-moz-outline: none; outline: none;}


/* --------------------------------
=layout
-------------------------------- */
/* clearfix */
.columns {
/zoom: 1;
}
.columns:after {
display: block;
clear: both;
width: 0;
height: 0;
visibility: hidden;
font-size: 0.1em;
line-height: 0;
content: "\20";
}
/* =structural */
.page {
width: 880px;
margin: 0 auto;
}

/* =document
-------------------------------- */
.document {
float: right;
width: 745px;
padding: 0 0 36px 0;
/display: inline;
}
.billboard {
position: relative;
}
.document .header {
position: relative;
}
.document-body {
width: 745px;
overflow: hidden;
}

/* =index
-------------------------------- */
.index {
float: left;
width: 105px;
/display: inline;
}
/* =logo */
.index .logo {
display: block;
}
.index .logo a {
display: block;
width: 105px;
height: 149px;
font-size: 0.1em;
line-height: 0;
text-decoration: none;
/*text-indent: -4000px;*/
}
.index .logo a {background: none !important;}

/* =nav */
.nav { display: none;}


/* --------------------------------
=components
-------------------------------- */
/* header */
.header {
padding: 58px 10px 16px;
background: url(/common/img/bg_header.png) repeat-x 0 100%;
}
.header .description {
margin: -8px 0 0 0;
}
.header .description p {
padding: 9px 0;
}
.document-body .header {
padding: 0;
background: none;
}
.document-body .header h1 {
padding: 10px 0 0 0;
}
.document-body .header .description {
/* mac Fx margin: -9px 0 0 0; */
margin: 0;
padding: 0 0 16px 0;
}
/* profile */
.document-body .header .profile {
padding: 17px 0 10px;
}
.document-body .header .profile .section {
float: right;
width: 490px;
padding: 0 10px 0 0;
}
.document-body .header .profile .section h2 {
margin: -4px 0 0 0;
padding: 0 0 2px 0;
}
.document-body .header .profile .section p {
padding: 0 0 18px;
}
.document-body .header .profile .figure {
float: left;
width: 210px;
padding: 16px 0 21px;
}
/* common */
.document-body .description p {
padding: 9px 0;
}
.document-body .description .more {
padding: 0 0 9px;
}
.document-body address strong {
display: block;
padding: 5px 0;
}
.document-body .back-to {
margin: -1px 0 0 0;
padding: 10px 0 0;
/margin: 0;
}

/* =article
-------------------------------- */
.article {
width: 750px;
margin: -1px 0 0 0;
padding: 9px 0 0 0;
/zoom: 1;
}
.article:after {
display: block;
visibility: hidden;
clear: both;
width: 0;
height: 0;

font-size: 0.1em;
line-height: 0;
content: ".";
}
.article .article {
width: 100%;
}
.index-figure {
width: 210px;
padding: 5px 0 0 0;
}
.index-figure a {
display: block;
}
.index-figure .legend {
display: block;
padding: 4px 0 28px;
}
.article .description {
margin: -5px 0 0 0;
padding: 0 0 17px 0;
}
.article .news {
padding: 2px 0 17px;
}
.article .secondary .first-child {
margin: 0 0 14px 0;
}
.article .news li {
display: block;
padding: 4px 0;
}
.article .video {
padding: 6px 0 31px;
}
/* =section [3columns] */
.article .section {
float: left;
width: 225px;
padding: 0 20px 0 0;
}
/* =wide-section [2columns] */
.article .wide-section {
float: left;
width: 355px;
padding: 0 20px 0 0;
}
/* =primary [2columns] */
.article .primary {
float: right;
width: 485px;
padding: 0 20px 0 0;
}
.article .secondary {
float: left;
width: 225px;
padding: 0 20px 0 0;
}

/* =mailing-list
-------------------------------- */
.mailing-list {
margin: 0;
padding: 0;
}
.document-body .description .mailing-list .textbox {
float: left;
width: 162px;
padding: 0;
}
.mailing-list .textbox input {
width: 156px;
/* mac Fx padding: 3px 2px; */
padding: 2px;
border: 1px solid #585858;
}
.document-body .description .mailing-list .button {
float: left;
width: 55px;
padding: 0 0 0 2px;
/padding: 1px 0 0 2px;
}
.mailing-list .subscribe {
display: block;
width: 55px;
height: 22px;
overflow: hidden;
background: url(/common/img/btn_subscribe.png) no-repeat 0 0;
}
.mailing-list .subscribe input {
width: 55px;
height: 22px;
overflow: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/filter: alpha(opacity=0);
}
.document-body .description .mailing-list .small {
clear: both;
padding: 5px 0 0 0;
}

/* =thumbs-list
-------------------------------- */
.thumbs-list {
padding: 0 0 15px 0;
}
.thumbs-list .columns {
display: block;
padding: 15px 0 0;
}
.thumbs-list .thumbnail {
float: left;
width: 154px;
}
.thumbs-list .context {
overflow: hidden;
}
.thumbs-list .context h2 {
margin: -7px 0 0 0;

}
.thumbs-list .context p {
padding: 0.58em 0 0 0;
}

/* =catalogue
-------------------------------- */
.catalogue {
padding: 10px 0 0;
}
.catalogue .label {
float: left;
margin: 0 6px 0 0;
/* mac Fx padding: 4px 0 3px; */
padding: 2px 0;
}
.catalogue .filter {
float: left;
}
.catalogue .filter li {
float: left;
margin: 0 6px 0 0;
}
.catalogue .filter a {
display: block;
/* mac Fx padding: 4px 0 3px; */
padding: 2px 0;
}
.catalogue .filter .current {
padding-left: 8px;
background: url(/common/img/bg_tab_cur.png) no-repeat 0 0;
}
.catalogue .filter .current a {
padding-right: 8px;
background: url(/common/img/bg_tab_cur.png) no-repeat 100% 0;
}
.catalogue .container {
clear: both;
width: 745px;
padding: 8px 0 0 0;
}

/* =songs
-------------------------------- */
.section-header {
width: 210px;
}
.section-header h2 {
float: left;
}
.section-header .more {
float: right;
margin: 6px 0 0 0;
padding: 0 0 0 8px;
background: url(/common/img/bg_tab_cur.png) no-repeat 0 0;
}
.section-header .more a {
display: block;
/* mac Fx padding: 4px 8px 3px 0; */
padding: 2px 8px 2px 0;

background: url(/common/img/bg_tab_cur.png) no-repeat 100% 0;
}

/* =studios
-------------------------------- */
/* =specific */
.specific {
width: 750px;
}
.document-body .header .specific h1,
.specific ul,
.specific dl {
float: left;
width: 225px;
padding: 0 20px 0 0;
}
.specific li {
display: block;
}
.header .specific .description {
clear: both;
padding: 0;
position: relative;
top: -14px;
}
.document-body .specific .description p {
padding: 6px 0 9px;
}

/* =entertainment
-------------------------------- */
.ent .specific ul {
width: 485px;
}
.ent .header .specific .description {
padding: 18px 0 0 0;
top: 0;
}
.ent .specific .description h2 { line-height: 1.6;}



/* =about
-------------------------------- */
/* contact */
.access-map {
position: relative;
/zoom: 1;
}
.access-map .button {
position: absolute;
bottom: 10px;
right: 10px;
}
.access {
padding: 15px 0 65px;
}
.access .primary {
float: right;
width: 420px;
/display: inline;
}
.access .summary {
padding: 12px 0 0 0;
}
.access .summary address {
float: left;
width: 200px;
padding: 0 10px 0 0;
}
.access .summary .reference {
overflow: hidden;
}
.access .description p {
padding: 1.0em 0;
}
.access .secondary {
float: left;
width: 280px;
/display: inline;
}
.access .secondary h3 {
padding: 1.5em 0 0 0;
}
.access .general {
padding: 12px 0 0 0;
}
/* clients */
.clients .clients-list {
padding: 12px 0;
}


/* =blog
-------------------------------- */
.blog-contents {
float: left;
width: 465px;
}
.blog-contents .header {
padding: 58px 0 56px;
}
.blog-individual .blog-contents .header {
padding-bottom: 50px;
}
.blog-index .blog-contents .latest {
padding: 5px 0 0 0;
}
.article-header {
padding: 1px 0 0 0;
}
.blog-contents .vi {
position: relative;
}
.blog-contents .vi span {
display: block;
width: 100%;
padding: 3px 10px;
position: absolute;
bottom: 0;
left: 0;
background: #000000;
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
/filter: alpha(opacity=40);
}
.blog-contents .vi a span {
display: none;
}
.blog-contents .vi a:hover span,
.blog-contents .vi a:active span {
display: block;
}
.article-header h2 {
margin: 15px 0 0 0;
}
.article-body {
padding: 0 0 30px 0;
}
.article-body p {
padding: 1.2em 0 0;
}
.article-body .vi {
padding: 1px 0 0;
}
.related-post h2 {
padding: 8px 0 4px;
}
.related-post li {
display: block;
}
.blog-sidebar {
float: right;
width: 245px;
overflow: hidden;
/display: inline;
}
.blog-description {
padding: 15px 0;
}
.blog-description p {
line-height: 1.6;
}
.blog-sidebar .wedget {
padding: 15px 0 12px;
}
.blog-sidebar .list li {
display: block;
padding: 0.8em 0 0;
}
.blog-sidebar .archive-list li {
display: -moz-inline-box;
display: inline-block;
padding: 0.8em 0.8em 0 0;
line-height: 1.1;
/display: inline;
/zoom: 1;
}
.blog-sidebar .archive-list a {
display: block;
}
.blog-sidebar .thumbnails {
width: 246px;
padding: 3px 0;
}
.blog-sidebar .thumbnails li {
float: left;
width: 115px;
padding: 8px 8px 0 0;
}
.blog-sidebar .thumbnails a,
.blog-sidebar .thumbnails img {
display: block;
}
.blog-sidebar .cm .player {
padding: 12px 0 2px;
}

/* --------------------------------
=scroll
-------------------------------- */
/* figure */
.figure a {
float: left;
width: 115px;
position: relative;
/display: inline;
}
.figure img {
display: block;
zoom: 1;
}
#pane .figure {
/zoom: 1;
}
#pane .figure:after {
display: block;
clear: both;
width: 0;
height: 0;
visibility: hidden;
font-size: 0.1em;
line-height: 0;
content: ".";
}
#pane .figure span {
display: block;
width: 103px;
padding: 6px;
position: absolute;
bottom: 0;
left: 0;

background: #000000;
opacity: 0.4;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)";
/filter: alpha(opacity=0.4); */
}
#pane .figure a.release_item:hover{border:1px solid #FFDE02;margin-top:1px;margin-bottom:1px;}
#pane .figure a.work_item:hover {border:1px solid #77D920;margin-top:1px;margin-bottom:1px;}


#pane .figure a.release_item:hover span {}
#pane .figure a.work_item:hover span {}

#pane .figure a.release_item {border:1px solid #000;margin-top:1px;margin-bottom:1px;}
#pane .figure a.work_item {border:1px solid #000;margin-top:1px;margin-bottom:1px;}

#pane .figure a.release_current {border:1px solid #FFDE02;margin-top:1px;}
#pane .figure a.work_current {border:1px solid #77D920;margin-top:1px;}

#pane .figure a.release_current span {}
#pane .figure a.work_current span {}


#wide-pane .figure a {
display: -moz-inline-box;
display: inline-block;
width: 155px;
margin: 0;
vertical-align: top;
/display: inline;
/zoom: 1;
}
#wide-pane .figure br {
display: none;
}
#wide-pane .figure span {
display: block;
width: 140px;
padding: 8px 0 18px;
}
/* team */
.teams .members {
float: left;
width: 310px;
padding: 0 0 15px 0;
}
.teams .members a {
float: left;
width: 140px;
margin: 0;
padding: 15px 15px 0 0;
position: relative;
vertical-align: top;
/display: inline;
/zoom: 1;
}
#wide-pane .members span {
display: block;
width: 140px;
padding: 6px;
position: absolute;
bottom: 0;
left: 0;
background: #000000;
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)";
/filter: alpha(opacity=0.4);
}

/* scrollbar */
.scroll-pane {
float: left;
width: 745px;
padding: 0 0 30px 0;
background: #000000;
_overflow: hidden;
}
.jScrollWrap {
width: 100%;
height: 30px;
position: absolute;
bottom: 0;
left: 0;
background: url(/common/img/bg_scroll.png) no-repeat 0 100%;
}
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}
.jScrollPaneTrack {
width: 100%;
position: absolute;
left: 0;
bottom: 9px;
cursor: pointer;
}
.jScrollIntervalTrack { 
position: absolute;
}
.jScrollPaneDrag {
position: absolute;
overflow: hidden;
background: url(/common/img/bg_handle.png) no-repeat 0 100%;
cursor: pointer;
}
.jScrollPaneDragLeft {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragRight {
position: absolute;
bottom: 0;
right: 0;
overflow: hidden;
}
a.jScrollArrowLeft {
display: block;
width: 16px;
height: 28px;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
text-indent: -2000px !important;
z-index: 1;
}
a.jScrollArrowRight {
display: block;
width: 16px;
height: 28px;
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
text-indent: -2000px !important;
z-index: 1;
}

/* --------------------------------
=no flash or JS
#movie {
padding: 33px 0 12px;

font-weight: normal;
font-size: 2.0em;
line-height: 1.5;
}
-------------------------------- */

/* --------------------------------
=color & text style
-------------------------------- */
/* =init
-------------------------------- */
body              { background-}
a:link, a:visited { text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
address {font-style: normal;}
sup {font-size: smaller; vertical-align: text-top;}
sub {font-size: smaller; vertical-align: baseline;}

/* =border
-------------------------------- */
.thumbs-list {border-top: 1px solid #808080;border-bottom: 4px solid #ffffff;}
/* =thick */
.billboard, .header {border-bottom: 5px solid #828282;}
	.songs .billboard, .songs .header     {border-bottom-color: #ffde02;}
	.studios .billboard, .studios .header {border-bottom-color: #77d920;}
	.ent .billboard, .ent .header         {border-bottom-color: #00b9e5;}
	.create .billboard, .create .header   {border-bottom-color: #7d00f0;}
	.about .billboard, .about .header    {border-bottom-color: #ffffff;}
/* =thin */
.article, .back-to {border-top: 1px solid #686868;}
	.songs .article,   .songs .back-to   {border-top-color: #ffde02;}
	.studios .article, .studios .back-to {border-top-color: #77d920;}
	.ent .article,     .ent .back-to     {border-top-color: #00b9e5;}
	.create .article,  .create .back-to  {border-top-color: #7d00f0;}
	.about .article,  .about .back-to    {border-top-color: #ffffff;}
	.documet-body .header .article {border-top: none;}
.article .secondary .first-child {border-bottom: 1px solid #828282;}
	.songs .article .secondary .first-child   {border-bottom-color: #ffde02;}
	.studios .article .secondary .first-child {border-bottom-color: #77d920;}
	.ent .article .secondary .first-child     {border-bottom-color: #00b9e5;}
	.create .article .secondary .first-child  {border-bottom-color: #7d00f0;}
	.about .article .secondary .first-child   {border-bottom-color: #ffffff;}

/* =dotted */
.dot {background: url(/common/img/line_dot.png) repeat-x 0 0;}
	.songs .dot   {background-image: url(/common/img/line_dot_songs.png);}
	.studios .dot {background-image: url(/common/img/line_dot_studios.png);}
	.ent .dot     {background-image: url(/common/img/line_dot_ent.png);}
	.create .dot  {background-image: url(/common/img/line_dot_create.png);}

/* =access */
.access {border-bottom: 5px solid #ffffff;}
/* =blog */
.blog-contents .header {border-bottom: none; background: none;}
.blog-individual .blog-contents .header {border-bottom: 5px solid #ffffff;}
.article-header {border-top: 5px solid #ffffff;}
.related-post {border-top: 1px solid #808080;}
.blog-description {border-bottom: 4px solid #808080;}
.blog-sidebar .wedget {border-top: 1px solid #808080;}
/* thick */
.thick {border-width: 5px;}
/* thin */
.thin {border-width: 1px;}
/* none */
.merge {border: none;}

/* =document
-------------------------------- */
/* common style */
/* small */
.article .description .small {font-size: 10px;}
.mailing-list .small a:link, .mailing-list .small a:visited {text-decoration: underline;}
/* back-to */
.back-to {font-size: 1.8em; line-height: 1.875;}

/* more */
.article .more strong {font-weight: normal;}

/* address */
.article address strong {font-weight: normal; font-size: 1.6em; line-height: 1.875;}

/* clients */
.clients .categories a {display: block; padding: 5px 0; border-bottom: 1px solid; font-size: 1.6em; line-height: 1.875; text-decoration: none;}
.clients .categories .songs     {border-bottom-color: #ffde02;}
.clients .categories .studios   {border-bottom-color: #77d920;}
.clients .categories .ent       {border-bottom-color: #00b9e5;}
.clients .categories .create    {border-bottom-color: #7d00f0;}

.clients .clients-list {}
.clients .clients-list a { font-size: 1.6em; line-height: 1.875; text-decoration: none;}
.clients .clients-list .target {}
.clients .clients-list p a,.clients .clients-list p span {margin-right:1px;}
/* contact */

.teams .members h2 { font-weight: normal;}

/* header */
.header h1 { font-weight: normal; font-size: 2.0em; line-height: 1.5;}
.header .description p {font-size: 1.2em; line-height: 1.5;}
.specific .article h1 { line-height: 1.1;}
	.specific .article h1 strong { font-weight: normal;}
	.specific .description h2 { line-height: 1.6;}
	.specific li, .specific dt, .specific dd {font-size: 1.2em; line-height: 1.33;}
/* article */
.article h1 { font-weight: normal; font-size: 2.0em; line-height: 1.5;}
.article h2 {font-weight: normal; font-size: 1.6em; line-height: 1.875;}
.index-figure .legend {font-size: 1.2em; line-height: 1.1;}
.article .description p {font-size: 1.2em; line-height: 1.5;}
.article .description li {font-size: 1.2em; line-height: 1.5;}
.article .news li {font-size: 1.2em; line-height: 1.33;}
/* thumb-list */
.thumbs-list .context h2 {font-weight: normal; font-size: 1.6em; line-height: 1.875;}
.thumbs-list .context p {font-size: 1.2em; line-height: 1.33;}
/* catalogue */
.catalogue .figure a:hover, .catalogue .figure a:active {text-decoration: none;}
.catalogue .figure .legend {line-height: 1.2;}
.catalogue .figure .time {}
.songs .catalogue .filter .current a {}
.catalogue .label {font-weight: normal;}
	.studios .catalogue .label {}
	.ent .catalogue .label {}
/* songs */
.header .profile .section h2 { font-weight: normal; font-size: 1.6em; line-height: 1.875;}
.header .profile .section p {font-size: 1.2em; line-height: 1.5;}
/* contact */
.access h2 {font-weight: normal; font-size: 1.6em; line-height: 1.875;}
.access .summary address {font-size: 1.2em; line-height: 1.5;}
.access .summary .reference {font-size: 1.2em; line-height: 1.5;}
.access .description p {font-size: 1.2em; line-height: 1.5;}
.access .secondary h3 {font-weight: normal;}
.access .secondary h3, .access .secondary p {font-size: 1.2em; line-height: 1.5;}
/* blog */
.blog-contents .vi span { font-size: 1.2em; line-height: 1.5;}
.article-header h2 {font-weight: normal; font-size: 1.6em; line-height: 1.5;}
.article-body p {font-size: 1.2em; line-height: 1.5;}
.article-body .vi {font-size: smaller;}
.related-post  {display:none;}
.blog-description p {line-height: 1.6;}
.blog-sidebar .wedget {display:none;}

/* =index
-------------------------------- */
/* =logo */
.index .logo a {background: url(/common/img/logo.png) no-repeat 0 0;}
	.songs .index .logo a   {background-image: url(/common/img/logo_songs.png);}
	.studios .index .logo a,
	.about .index .logo a   {background-image: url(/common/img/logo_studios.png);}
	.ent .index .logo a     {background-image: url(/common/img/logo_ent.png);}
	.create .index .logo a  {background-image: url(/common/img/logo_create.png);}


.screen_map {display:none;}