@charset "utf-8";

div#painting_wrapper{
width:800px;
margin:0 auto;
padding:70px 0 0;
}

div#painting_wrapper div#work{
height:600px;
}

div#painting_wrapper div#work img{
float:left;
}

div#painting_wrapper div#work div#text{
float:left;
width:180px;
padding:0 0 0 20px;
line-height:1.6em;
font-size:0.6em;
letter-spacing:0.1em;
}

div#painting_wrapper div#work div#text_wide{
float:left;
width:800px;
padding:0 0 10px;
line-height:1.6em;
font-size:0.6em;
}

p.pb20{
margin:0;
padding:0 0 20px;
}

p.pb40{
margin:0;
padding:0 0 40px;
}

p.pb60{
margin:0;
padding:0 0 60px;
}

p.pb80{
margin:0;
padding:0 0 80px;
}

p.pb100{
margin:0;
padding:0 0 100px;
}

div#painting_wrapper div#work div#text p{
margin:0;
}

div#painting_wrapper div#work div#text_wide p{
margin:0;
}

div#painting_wrapper div#work h1{
clear:both;
width:800px;
font-size:1em;
font-weight:bold;
text-align:left;
text-transform:none;
}

div#painting_wrapper div#work h1 span.sub {
display:block;
margin:10px 0;
padding:10px;
background:#f3f3f3;
font-size:0.6em;
font-weight:normal;
line-height:1.5em;
}


div#painting_wrapper div#work p.size{
clear:both;
margin:0;
text-align:left;
}


/*-- awkward --*/

ul.awkward{
float:left;
width:800px;
}

ul.awkward li {
display:inline;
text-align:center;
}

ul.awkward li a{
display:block;
float:left;
padding:0 7px 7px 0;
background:#fff;
border-bottom:8px solid #fff;
border-right:8px solid #fff;
}

ul.awkward li a:hover{
background:#bbb;
}

ul.awkward li a img{
width:50px;
}

/*
ul.awkward{
float:left;
width:470px;
margin:0 0 20px;
}

ul.awkward li a{
display:block;
float:left;
width:90px;
border-bottom:3px solid #fff;
border-right:3px solid #fff;
}

ul.awkward li a:hover{
border-bottom:3px solid #888;
border-right:3px solid #888;
}
*/

body#awkward {
	width:auto;
	margin:0;
}

body#awkward dl#work_category {
	width:800px;
	margin:80px auto 0;
}

/*-- silent color --*/
div.silent{
position:relative;
width:800px;
height:400px;
}

ul.silent{
float:left;
width:800px;
}

ul.silent li.s01{
position:absolute;
top:30px;
left:50px;
}

ul.silent li.s02{
position:absolute;
left:200px;
}

ul.silent li.s03{
position:absolute;
top:150px;
left:0px;
}

ul.silent li.s04{
position:absolute;
top:50px;
right:220px;
}

ul.silent li.s05{
position:absolute;
top:150px;
right:400px;
}

ul.silent li.s06{
position:absolute;
top:170px;
left:200px;
}

ul.silent li.s07{
position:absolute;
top:0px;
right:20px;
}

ul.silent li.s08{
position:absolute;
top:150px;
right:50px;
}

ul.silent li.s09{
position:absolute;
top:300px;
right:270px;
}

body#silent {
width:auto;
margin:0;
}

body#silent dl#work_category {
width:800px;
margin:80px auto 0;
}

body#silent div#painting_wrapper div#work {
height:800px;
}

body#silent div#painting_wrapper div#work div#text_wide {
float:none;
}


/*-- pure color --*/

div.pure{
position:relative;
width:800px;
height:400px;
}

ul.pure{
float:left;
width:800px;
}

#pure ul.pure li.s01{
position:absolute;
top:150px;
left:150px;
}

#pure ul.pure li.s02{
position:absolute;
top:100px;
left:300px;
}

#pure ul.pure li.s03{
position:absolute;
top:150px;
left:550px;
}

#pure ul.pure_h {
position:absolute;
top:150px;
left:0px;
}

#pure ul.pure_h li{
	float: left;
	padding: 0 4px 0 0;
}