@charset "utf-8";

*{
margin:0;
padding:0;
}

body{
width:800px;
margin:0 auto;
color:#888;
font-family:Verdana, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:100%;
line-height:1.5em;
}

/*--link--*/

a{
color:#888;
text-decoration:none;
}

a:link{
color:#888;
}

a:visited{
color:#888;
}

a:hover{
color:#000;
}

/*--others--*/

h1,h2,h3,h4,h5,strong{
font-weight:normal;
}

a img{
border:0px;
}

li{
list-style:none;
}

.s6{
font-size:0.6em;
}

.s7{
font-size:0.7em;
}

.s8{
font-size:0.8em;
}

.s9{
font-size:0.9em;
}


.s12{
font-size:1.2em;
}

.b20{
padding:0 0 20px;
}

.b40{
padding:0 0 40px;
}

.t_boder{
border-top:solid 1px #ddd;
}

.under{
text-decoration:underline;
}

p{
margin:0;
padding:0;
}

/*--hack--*/

body#toppage div#main:after,
body#toppage dl.news_category:after,
ul.main:after,
dl#category:after,
div#painting_wrapper:after,
div#drawing_wrapper:after,
div#flash_wrapper:after,
div#work:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


body#toppage div#main{
zoom:1;
}

/*--navi--*/

h1{
float:left;
width:150px;
padding:5px 0 0;
font-size:1.4em;
line-height:1.1em;
text-transform:uppercase;
} 

ul#navi{
width:650px;
float:right;
}

ul#navi li{
float:left;
}

ul#navi li a{
display:block;
padding:5px 5px 0 20px; 
border-right:solid 1px #bbb;
text-align:right;
font-size:0.6em;
line-height:1.2em;
text-transform:uppercase;
color:#888;
}

ul#navi li a:hover{
color:#F63;
border-right:solid 1px #F63;
}

/*--footer--*/

address{
clear:both;
padding:100px 0 50px;
font-size:0.6em;
font-style:normal;
text-align:center;
text-transform:uppercase;
}

/*--works navi--*/

ul#works_navi{
clear:both;
width:360px;
margin:40px auto 70px;
}

ul#works_navi li{
float:left;
width:120px;
text-align:center;
line-height:1em;
}

ul#works_navi li a#index{
padding:0 10px;
line-height:1em;
}

ul#works_navi li a#prev{
display:block;
float:right;
width:12px;
height:12px;
text-indent:-9999px;
line-height:1em;
background:url("/img/work_triangle_l.gif") no-repeat;
}

ul#works_navi a#prev:hover{
background:url("/img/work_triangle_l_h.gif") no-repeat;
}

ul#works_navi li a#next{
display:block;
float:left;
width:12px;
height:12px;
text-indent:-9999px;
line-height:1em;
background:url("/img/work_triangle_r.gif") no-repeat;
}

ul#works_navi a#next:hover{
background:url("/img/work_triangle_r_h.gif") no-repeat;
}


/*hacks*/
div#index_silent:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#index_silent {
	zoom : 1;
}