@charset "UTF-8";
/* CSS Document */


/* common & top
----------------------------------------------------------------*/

/* body */

html {
background:url(../img/bg/body_bg.jpg) repeat-x center top #F9F5EA;
}

#container-inner {
width:968px;
margin:0 auto;
height:100%;
}

#main {
width:968px;
margin:0 auto;
height:100%;
}


/* header */

#header-outer {
height:114px;
}

#header-inner {
height:114px;
}

.logo {
width:239px;
float:left;
margin-left:11px;
line-height:1;
padding-top:23px;
}

.logo a {
width:239px;
height:64px;
display:block;
}

#menu {
width:304px;
height:98px;
float:right;
margin-right:2px;
}

#menu ul {
width:304px;
height:30px;
padding-top:65px;
float:right;
}

#menu li {
display:inline;
list-style-type:none;
}

#topbanner {
width:968px;
height:376px;
background:url(../img/bg/topbanner_bg.png) no-repeat;
}

#topbanner .head-img {
width:950px;
height:352px;
padding:12px 9px;
} 


/* banner */

#banner-container {
width:968px;
background-color:#F6F2E7;
border-top:thin #E1DCCF solid;
border-bottom:thin #E1DCCF solid;
}

#banner-container .banner-box {
width:322px;
padding:20px 0px;
text-align:center;
}
#banner-container .banner-box img {
border:5px #ECE8DC solid;
}

#banner-container .spacer {
width:54px;
float:left;
}


/* footer */

#footer-box {
width:968px;
height:270px;
}

#footer {
padding-top:33px;
font-size:9px;
font-weight:bold;
color:#8C8C8C;
background-color:#F9F5EA;
}

#footer a {
color:#8C8C8C;
font-weight:bold;
text-decoration:none;
}





/* Top lay-out
----------------------------------------------------------------*/

/* body */

#deco_bg {
margin:0 auto;
width:1048px;
background-image:url(../img/bg/body_bg_deco.gif);
background-repeat:no-repeat;
background-position:173px 425px;
}

#top-container {
padding-left:14px;
}

#top-left-container {
width:635px;
float:left;
}

#right-container {
width:312px;
float:left;
}

.artist-hd {
width:634px;
height:54px;
background-image:url(../img/h/artist.gif);
background-repeat:no-repeat;
background-position:0px 14px;
} 

.news-hd {
width:306px;
height:51px;
background-image:url(../img/h/news.gif);
background-repeat:no-repeat;
background-position:0px 14px;
} 

.blog-hd {
width:306px;
height:91px;
background-image:url(../img/h/blog.gif);
background-repeat:no-repeat;
background-position:0px 54px;
} 


/* left */
/* artist-box */

#artist-box {
width:206px;
height:213px;
float:left;
}

#artist-box .artist-photo {
width:190px;
height:140px;
padding:0px 5px 0px 0px;
background:url('/img/parts/artist_icon.gif') no-repeat 0px 129px;
}

#artist-box .artist-name {
padding-left:5px;
}

#artist-box .artist-name h3 a {
margin-bottom:7px;
font-size:14px;
color:#414141;
text-decoration:none;
font-weight:bold;
}


/* right */
/* right-container */

#right-container .list {
}

.list dt {
width:75px;
font-size:10px;
color:#8D866F;
float:left;
padding-left:4px;
}

.list dd {
width:228px;
font-size:10px;
color:#000000;
float:left;
}

.list dd a {
color:#020202;
font-size:10px;
}

#right-container .line {
height:12px;
width:100%;
background-image:url(../img/parts/line.gif);
background-repeat:repeat-x;
background-position:center;
}

#right-container .line-last {
height:51px;
width:100%;
background-image:url(../img/parts/line.gif);
background-repeat:repeat-x;
background-position:0px 6px;
}

#right-container .artist-name {
background:url(../img/parts/name_icon.gif) no-repeat;
background-position:4px 4px;
padding-left:12px;
margin-bottom:2px;
font-size:10px;
color:#625B46;
}

#right-container .artist-name a {
color:#625B46;
text-decoration:none;
}





/* Information lay-out
----------------------------------------------------------------*/

/* body */

#info-container {
padding:33px 0px 0px 2px;
height:100%;
}

#info-left-container {
padding-top:96px;
padding-right:13px;
padding-left:2px;
width:170px;
float:left;
}

#center-container {
width:585px;
float:left;
}


/* left */
/* NEW ENTRY & ARCHIVE */

.new_entry-box,
.archive-box {
display:block;
}

.new_entry-box dl,
.archive-box dl {
display:block;
}

.new_entry-box dd a,
.archive-box dd a {
color:#020202;
font-size:10px;
}

.new_entry-box dt,
.archive-box dt {
color:#626262;
font-size:10px;
line-height:17px;
display:block;
}

#info-container #info-left-container .line {
height:14px;
width:100%;
background-image:url(../img/parts/line.gif);
background-repeat:repeat-x;
background-position:center;
}


/* center */
/* parts */

.bar-bottom {
width:585px;
height:7px;
background:url(../img/parts/main_bar_bottom_s.png) no-repeat;
}

.main-line {
height:46px;
background:url(../img/parts/main_line.gif) repeat-x 0px 20px;
}

.imgline {
padding:5px;
border:1px #EBEBEB solid;
margin-bottom:10px;
}


/* entry */

#entry-container {
width:539px;
background:url(../img/bg/info_bg.png) repeat-y;
padding:18px 23px 18px 23px;
}

#entry-container a {
color:#020202;
font-size:10px;
}

.entry .day {
color:#DA1321;
font-size:10px;
}

.entry h2 {
color:#FF9C00;
font-size:18px;
font-weight:bold;
padding:5px 0px 5px 0px;
display:block;
}

.entry .text {
color:#626262;
font-size:11px;
line-height:21px;
display:block;
}


/* right */

#info-artist-lineup {
padding-top:97px;
width:180px;
float:right;
}

#info-artist-lineup .lineup-hd {
height:29px;
background-image:url(../img/h/artist_lineup.gif);
background-repeat:no-repeat;
background-position:6px 0px;
}

#info-artist-lineup .lineup-thumb li {
width:86px;
height:131px;
display:block;
font-size:10px;
line-height:13px;
color:#414141;
padding-left:4px;
float:left;
}

#info-artist-lineup .lineup-thumb li .img {
padding:2px;
}

#info-artist-lineup .lineup-thumb li a {
color:#414141;
font-size:10px;
text-decoration:none;
}


/* h text */

.info-bar {
width:585px;
height:56px;
background:url(../img/h/bar_info.png) no-repeat;
}

.new_entry-hd {
height:28px;
background-image:url(../img/h/new_entry.gif);
background-repeat:no-repeat;
} 

.archive-hd {
height:28px;
background-image:url(../img/h/archive.gif);
background-repeat:no-repeat;
} 





/* Artist lay-out
----------------------------------------------------------------*/

/* body */

#artist-container {
padding:33px 2px 0px 2px;
}

#main-container {
width:775px;
float:right;
}

#profile-container {
width:729px;
background:url(../img/bg/artist_bg.png) repeat-y;
padding:21px 23px 21px 23px;
}


/* right */
/* main-container */

#main-container .artist-name {
color:#FF9C00;
font-size:25px;
padding-bottom:13px;
}

#main-container .text {
color:#626262;
font-size:11px;
line-height:23px;
display:block;
padding:0px 7px;
}

#main-container .left-box {
width:375px; float:left; display:block;
}


/* profile */

.profile ul {
width:338px;
float:right;
}

.profile ul li {
color:#2B2B2B;
font-size:11px;
padding:3px;
}

.profile ul .bg {
border-top:1px solid #EAEEF1;
background-color:#FBFBFB;
}

.profile ul .line {
border-top:1px solid #EAEEF1;
}

.profile ul .bg_last {
border-top:1px solid #EAEEF1;
border-bottom:1px solid #EAEEF1;
background-color:#FBFBFB;
}

.profile ul .line_last {
border-top:1px solid #EAEEF1;
border-bottom:1px solid #EAEEF1;
}


/* profile-container */

#profile-container dl {
display:block;
}

#profile-container dl dt {
float:left;
width:110px;
padding-left:7px;
}

#profile-container dl dd {
float:left;
width:600px;
padding-left:10px;
}

#profile-container dl dd p {
float:left;
padding-bottom:20px;
width:500px;
}

#profile-container dl dd img {
float:right;
padding-bottom:17px;
}

#profile-container dl dt,
#profile-container dl dd {
color:#626262;
font-size:11px;
line-height:23px;
display:block;
}

#profile-container a {
color:#020202;
font-size:10px;
}


/* parts */

.profile .imgline {
margin-bottom:0px!important;
}

.main-bar-bottom {
width:775px;
height:14px;
background:url(../img/parts/main_bar_bottom.png) no-repeat;
}

.artist-bar-btn {
height:22px;
width:753px;
display:block;
text-align:right;
padding-right:22px;
padding-top:34px;
float:right;
}


/* left */
/* artist-lineup */

#artist-artist-lineup {
padding-top:97px;
width:185px;
float:left;
}

#artist-artist-lineup .lineup-hd {
height:29px;
background-image:url(../img/h/artist_lineup_brown.gif);
background-repeat:no-repeat;
background-position:2px 0px;
}

#artist-artist-lineup .lineup-thumb li {
width:84px;
height:131px;
display:block;
font-size:10px;
line-height:13px;
color:#414141;
padding-right:6px;
float:left;
}

#artist-artist-lineup .lineup-thumb li .img {
padding:2px;
}

.lineup-thumb li .artist-name-link {
padding-left:5px;
padding-top:5px;
color:#414141;
font-size:10px;
text-decoration:none;
display:block;
}


/* parts */

.deco {
width:174px;
height:181px;
background:url(../img/parts/artist_page_deco.jpg) no-repeat bottom;
}

.artist-main-line {
background:transparent url(../img/parts/main_line.gif) repeat-x scroll top;
height:36px;
}


/* h text*/

.artist-bar {
width:775px;
height:56px;
background:url(../img/h/bar_artist.png) no-repeat;
}

.artist-bar h2 {
float:left;
}

.works-bar, .photos-bar {
width:729px; height:51px; display:block;}

.history-bar, .career-bar, .media-bar, .jairo-bar, .profile-bar,
.links-bar, .news-bar, .memo-bar, .schedule-bar, .career-hgkg-bar
{width:729px; height:71px; display:block;}

.works-bar {background:url(../img/h/works.gif) no-repeat;}
.history-bar {background:url(../img/h/history.gif) no-repeat 0px 20px;}
.career-bar {background:url(../img/h/career.gif) no-repeat 0px 20px;}
.media-bar {background:url(../img/h/media.gif) no-repeat 0px 20px;}
.jairo-bar {background:url(../img/h/jairo.gif) no-repeat 0px 20px;}
.profile-bar {background:url(../img/h/profile.gif) no-repeat 0px 20px;}
.links-bar {background:url(../img/h/links.gif) no-repeat 0px 20px;}
.news-bar {background:url(../img/h/news-bar.gif) no-repeat 0px 20px;}
.memo-bar {background:url(../img/h/memo-bar.gif) no-repeat 0px 20px;}
.schedule-bar {background:url(../img/h/schedule.gif) no-repeat 0px 20px;}
.photos-bar {background:url(../img/h/photos.gif) no-repeat;}
.career-hgkg-bar {background:url(../img/h/career_hgkg.gif) no-repeat 0px 20px;}





/* h hidden
----------------------------------------------------------------*/

.logo h1, .lineup-hd h2,
.artist-bar h2,
.history-bar h3,
.career-bar h3,
.career-hgkg-bar h3,
.media-bar h3,
.jairo-bar h3,
.profile-bar h3,
.works-bar h3,
.photos-bar h3,
.links-bar h3,
.news-bar h3,
.memo-bar h3,
.schedule-bar h3,
.info-bar h2,
.new_entry-hd h2,
.archive-hd h2,
.artist-hd h2,
.news-hd h2,
.blog-hd h2 {
font-size:x-small;
text-indent:-1000px;
visibility:hidden;
}

.indentdate {
width: 90px;
display: block;
text-align: right;
float:left;
}
.indentmonth {
width: 30px;
display:block;
text-align: right;
float: left;
}
.indentday {
width: 30px;
display:block;
text-align: right;
float: left;
}
.indentrelease {
width: 30px;
display:block;
text-align: right;
float: left;
}
.indentdescription {
width: 500px;
display: block;
text-align: left;
float: left;
padding-left: 10px;
}


/* その他
----------------------------------------------------------------*/

.clear {
clear:both;
}