/* CSS Document */

* {
margin:0;
padding:0;
border:none;
}

body {
background:#000;
text-align:center;
}

#container {
position:absolute;
left:50%;
top:50%;
width:605px;
margin:-281px 0 0 -302px;
text-align:left;
}

img.block {
display:block;
}
img.index {
margin:180px 0 0 20px;
}
img.menu {
display:block;
margin:0 0 0 20px;
}
img.copyright {
display:inline;
float:right;
margin:0 20px 0 0;
}

#home,#profile,#news,#design,#exhibition,
#works,#w-design,#w-movie,#w-movie-m,#w-book,#w-photo,
#shop,#bbs,#contact,#link {
width:565px;
height:423px;
margin:0 0 0 20px;
}
#exhibition,#w-design,#w-movie,#w-movie-m,#w-photo {
background:url(/common/img/base2.jpg) no-repeat;
}
#w-design {
overflow:hidden;
}
#w-book {
height:423px;
background:url(/works/book/img/bg.jpg) no-repeat;
}
#photographs,#meditation,#human {
width:605px;
height:423px;
background:url(/common/img/base.jpg) no-repeat;
}
#home {
background:url(/img/home.jpg) no-repeat;
}
#home h1 {
text-indent:-9999px;
}
#profile {
background:url(/profile/img/profile_bg.jpg) no-repeat;
}
#profile .text {
padding:74px 0 0 134px;
}
#profile .text h1 {
font-size:12px;
font-weight:normal;
color:#fff;
}
#profile .text p {
font-size:10px;
color:#fff;
line-height:160%;
}
#profile .text p.author {
padding:14px 0 0 220px;
}

#news {
background:url(/news/img/news_bg.jpg) no-repeat;
}
#news h1 {
text-indent:-9999px;
}
#design {
}
#works {
}
#shop {
background:url(/shop/img/shop_bg.jpg) no-repeat;
}
#shop h1 {
text-indent:-9999px;
}
#link {
background:url(/link/img/bg_link.jpg) no-repeat left top;
}
#link h1 {
overflow:hidden;
width:605px;
height:8px;
text-indent:-9999px;
}

/* photographs */


#photographs h1 {
overflow:hidden;
width:605px;
height:20px;
text-indent:-9999px;
}
#photographs a {
outline-width:0;
}
#photographs img.human {
margin:130px 0 0 14px;
}
#photographs img.hand {
margin:165px 0 0 16px;
}
#photographs img.exhi {
margin:150px 0 0 22px;
}
#photographs img.medi {
margin:110px 0 0 18px;
}
#photographs #text {
clear:both;
margin:41px 0 0 0;
text-align:center;
}
#photographs #text #mediText,
#photographs #text #exhiText,
#photographs #text #handText,
#photographs #text #humanText {
display:block;
margin:0 auto 0 auto;
}
#photographs #text #mediText {
width:74px;
height:23px;
}
#photographs #text #exhiText {
width:40px;
height:24px;
}
#photographs #text #handText {
width:88px;
height:23px;
}
#photographs #text #humanText {
width:164px;
height:24px;
}


/* human */

#human h1 {
float:left;
width:20px;
text-indent:-9999px;
overflow:hidden;
}
#hb00 {
float:left;
width:80px;
height:31px;
}
#hb01 {
clear:both;
width:207px;
height:24px;
margin:0 0 0 20px;
}
#hb02 {
clear:both;
width:488px;
margin:0 0 0 101px;
}
#hb02 img.hi01 {
display:block;
float:left;
}
#hb03 {
float:left;
width:81px;
height:81px;
}
#hb04 {
clear:both;
width:565px;
margin:0 0 0 20px;
}
#hb05 {
float:left;
width:80px;
height:159px;
}
#hb05 div.linkBox {
width:80px;
height:119px;
margin:40px 0 0 0;
}
#hb05 #hb05box {
display:none;
padding:13px 0 0 9px;
}
#hb05 #hb05box a {
overflow:hidden;
display:block;
width:48px;
height:22px;
margin:0 0 3px 0;
text-indent:-9999px;
outline-width:0;
}
#hb05 #hb05box a.v01 {
background:url(/photo/human/img/live_vol01_off.gif) no-repeat;
}
#hb05 #hb05box a.v01:hover {
background:url(/photo/human/img/live_vol01_on.gif) no-repeat;
}
#hb05 #hb05box a.v02 {
background:url(/photo/human/img/live_vol02_off.gif) no-repeat;
}
#hb05 #hb05box a.v02:hover {
background:url(/photo/human/img/live_vol02_on.gif) no-repeat;
}
#hb05 #hb05box a.v03 {
background:url(/photo/human/img/live_vol03_off.gif) no-repeat;
}
#hb05 #hb05box a.v03:hover {
background:url(/photo/human/img/live_vol03_on.gif) no-repeat;
}
#hb05 #hb05box a.v04 {
background:url(/photo/human/img/live_vol04_off.gif) no-repeat;
}
#hb05 #hb05box a.v04:hover {
background:url(/photo/human/img/live_vol04_on.gif) no-repeat;
}
#hb06 {
float:left;
width:485px;
}
#hb07 {
clear:both;
width:243px;
}
#hb07 img.hi02 {
display:block;
float:left;
}
#hb07 img.hi03 {
display:block;
float:left;
}
#hb08 {
float:left;
width:82px;
height:78px;
}
#hb09 {
clear:both;
width:485px;
}
#hb09 img.hi04 {
display:block;
float:left;
}
#hb09 img.hi05 {
display:block;
float:left;
}
#hb10 {
float:left;
width:81px;
height:81px;
}
#hb11 {
clear:both;
width:482px;
margin:0 0 0 21px;
}
#hb11 img.hi06 {
display:block;
float:left;
}
#hb11 img.hi07 {
display:block;
float:right;
}


/* exhibition */

#exhibition h1 {
float:left;
width:5px;
text-indent:-9999px;
overflow:hidden;
}
#exhibition #sidebar {
overflow:auto;
float:left;
width:130px;
height:403px;
padding:20px 0 0 0;
}
#exhibition #sidebar img.top {
margin:0 0 60px 15px;
}
#exhibition #sidebar img {
display:block;
margin:0 0 60px 15px;
}
#exhibition #sidebar img.bottom {
margin:0 0 20px 15px;
}
#exhibition .titleText {
float:right;
width:430px;
}
#exhibition .titleText img {
margin:0 0 0 136px;
}
#exhibition #photoArea {
overflow:hidden;
float:right;
width:412px;
text-align:center;
}


/* meditation */

#meditation h1 {
float:left;
width:20px;
text-indent:-9999px;
overflow:hidden;
}
#mb00 {
float:left;
width:244px;
height:55px;
}
#mb01 {
clear:both;
width:585px;
margin:0 0 0 20px;
}
#mb02 {
float:left;
width:485px;
}
#mb02 img.mi01 {
display:block;
}
#mb03 {
float:left;
width:243px;
height:80px;
}
#mb02 img.mi02 {
display:block;
float:left;
}
#mb04 {
float:left;
width:100px;
height:161px;
}
#mb05 {
overflow:hidden;
clear:both;
width:565px;
margin:0 0 0 20px;
}
#mb06 {
float:left;
width:81px;
height:82px;
}
img.mi03 {
display:block;
float:left;
}
#mb07 {
overflow:hidden;
clear:both;
width:585px;
margin:0 0 0 20px;
}
#mb08 {
float:left;
width:81px;
height:81px;
}
img.mi04 {
display:block;
float:left;
}
#mb09 {
float:left;
width:180px;
height:81px;
}

/* w-photo */

#w-photo h1 {
float:left;
width:10px;
text-indent:-9999px;
overflow:hidden;
}
#w-photo #sidebar {
overflow:auto;
float:left;
width:180px;
height:423px;
}
#w-photo #sidebar img {
display:block;
margin:0 0 24px 20px;
}
#w-photo #photoArea {
overflow:hidden;
float:right;
width:375px;
text-align:center;
}
#w-photo #photoArea #photo {
display:block;
width:325px;
height:423px;
margin:0 0 0 40px;
background:url(/works/photo/img/01.jpg) no-repeat;
color:#fff;
}

/* w-design */

#w-design h1 {
float:left;
width:73px;
text-indent:-9999px;
overflow:hidden;
}
#w-design #interior {
float:left;
width:135px;
height:324px;
margin:99px 0 0 0;
}
#w-design #graphic {
float:left;
width:144px;
height:423px;
}
#w-design #others {
display:inline;
float:left;
width:101px;
height:423px;
margin:0 0 0 41px;
}
#w-design #interior a,
#w-design #graphic a,
#w-design #others a {
outline-width:0;
}


/* w-book */

#w-book h1 {
height:61px;
text-indent:-9999px;
overflow:hidden;
}
#w-book img.etisoppo {
display:block;
margin:0 0 0 337px;
}
#w-book .photos {
clear:both;
width:565px;
height:60px;
margin:276px 0 0 0;
padding:0;
}
#w-book .photos img {
display:block;
float:left;
margin:0 8px 0 0;
}
#w-book .photos img.center {
margin:0 36px 0 0;
}


/* w-movie */

#w-movie h1 {
float:left;
width:30px;
text-indent:-9999px;
overflow:hidden;
}
#w-movie .linkLeft,
#w-movie .linkRight {
float:left;
}
#w-movie #cd {
float:left;
width:305px;
height:423px;
}

/* movie */

#movie {
width:720px;
margin:30px auto 0 auto;
padding:0 0 10px 0;
text-align:center;
}
#movie .quick {
display:block;
margin:18px auto 0 auto;
}
#movie .quickText {
display:block;
margin:9px auto 0 auto;
}

/* movie */

#link ul {
position:relative;
}
#link ul li {
position:absolute;
}
#link ul li.musician {
left:9px;
top:60px;
}
#link ul li.friend {
left:9px;
top:271px;
}
#link ul li.artist {
left:203px;
top:0;
}
#link ul li.therapist {
left:203px;
top:208px;
}
#link ul li.shop {
left:415px;
top:119px;
}