@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

/* Layout */
html,body {
margin:0;padding:0;
}
body {
text-align:center;
color:#000;
background-color:#FFF;
padding: 0;
margin: 0;
}

/* Element */
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3";
}

a:link {
	color:#03C;
	text-decoration:none;
}
a:visited {
color:#36C;
	text-decoration:none;
}
a:hover,a:active {
	color:#C33;
}

br {
letter-spacing: 0;
}

div#container {
text-align:left;
background-color:#FFF;
width:100%;
margin:0 auto;
}

div#wrapper {

}

div#box-logo {
}

div#container h1,
div#container h1 a {
display:block;
padding: 0;
text-indent:-9999px;
height: 120px;	
background-repeat: no-repeat;
background-image: url(../images/common/h1_logo.gif);
background-position: 40px 0px;
margin-top:0px;
}

div#container h1 a:hover {
	background-position: 40px -120px;
}

div#box-information,
div#box-artwork,
div#box-biography,
div#box-contact {
border-top: 1px solid #CCC;
padding: 0;
background-repeat: no-repeat;
background-position: right top;
}

div#box-information{background-image: url(../images/common/bg_information.jpg);}
div#box-artwork{background-image: url(../images/common/bg_artwork.jpg);}
div#box-biography{background-image: url(../images/common/bg_biography.jpg);}
div#box-contact{background-image: url(../images/common/bg_contact.jpg);}



div#box-information h2 a,
div#box-artwork h2 a,
div#box-biography h2 a,
div#box-contact h2 a,
div#box-information h2 div.on,
div#box-artwork h2 div.on,
div#box-biography h2 div.on,
div#box-contact h2 div.on {
padding: 0;
text-indent:-9999px;
height: 65px;	
background-repeat: no-repeat;
background-position: 40px 0;
}

h2 {
height: 65px;	
}

h2 a,
h2 div.on {
display:block;
}

div#box-information h2 a, div#box-information h2 div.on {background-image: url(../images/common/h2_information.gif);}
div#box-artwork h2 a, div#box-artwork h2 div.on {background-image: url(../images/common/h2_artwork.gif);}
div#box-biography h2 a, div#box-biography h2 div.on {background-image: url(../images/common/h2_biography.gif);}
div#box-contact h2 a, div#box-contact h2 div.on {background-image: url(../images/common/h2_contact.gif);}

div#box-information h2 a:hover,
div#box-artwork h2 a:hover,
div#box-biography h2 a:hover,
div#box-contact h2 a:hover {
	background-position: 40px -65px;
}


div#information-contents,
div#artwork-contents,
div#biography-contents,
div#contact-contents {
padding: 10px 0 20px 68px;
}

#taggler-default,
#taggler-default h2,
#taggler-default h2 .accordion {
margin: 0;
padding:0;
line-height:0.1em;
height:1px;
}

/* Information */
div#information-contents h3, div#artwork-contents h3 {
padding: 10px 0 10px 0;
color: #03C;
font-size: 85%;
line-height:1em;
letter-spacing:0.1em;
}

div#information-contents h3 span.date {
margin: 0 0 0 20px;
color: #000;
font-size: 92%;
line-height:1em;
letter-spacing:0em;
}

div#information-contents p {
border-bottom: 1px dashed #CCC;
padding: 0 0 10px 0;
font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3";
font-size: 85%;
line-height:1.4em;
}

div#artwork-contents p.bottomlink,
div#information-contents p.bottomlink {
border-bottom: none;
padding: 25px 0 15px;
}

/* Artwork */
div#artwork-contents h3 {
padding: 0 0 6px 0;
font-size: 92%;
width:150px;
overflow:hidden;
height:16px;
line-height:2em;
}

div#artwork-contents {
font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3";
font-size: 85%;
line-height:1.4em;
}

div#artwork-contents div.category {
float:left;
margin: 0 30px 15px 0;
}

div#artwork-contents div.category a img {
border: 2px solid #FFF;
display:block;
padding: 0;
margin:0 0 3px;
height: 60px;
overflow:hidden;
}

div#artwork-contents div.category a:hover img {
border: 2px solid #C33;
}

div#artwork-contents div.category span.txt {
font-size: 85%;
display:block;
width:150px;
height:11px;
overflow:hidden;
padding:1px 0 0 0;
}

div#artwork-contents div.category a span.txt {
color: #FFF;
}

div#artwork-contents div.category  a:hover span.txt {
color:#666;
}

/* Artwork Exhibition */
div#artwork-contents div.exhibition {
float:left;
width: 200px;
border-right: 50px solid #FFF;
}

div#artwork-contents h3.exhibition {
margin:0 0 20px;
width:90%;
overflow:visible;
height:20px;
line-height:2em;
padding: 0;
letter-spacing:0.1em;
font-size:100%;
}

div#artwork-contents div.exhibition img{
margin: 10px 0 0;
}

div#artwork-contents div.exhibition p{
line-height:1.6em;
margin: 0 0 10px 0;
}

div#artwork-contents div.thumbnail {
width:70%;
float:left;
}

div#artwork-contents div.thumbnail a{
margin: 10px 12px 12px 10px;
display:block;
float:left;
}

div#artwork-contents div.thumbnail a img{
border: 4px solid #F3F3F3;
}

div#artwork-contents div.thumbnail a:hover img{
border: 4px solid #FF3;
}

div#artwork-contents div.thumbnail p.thumb-cap{
line-height:1.6em;
margin: 13px 10px 10px;
}


div#artwork-contents div.thumbnail .smallimg img{
width: 30px;
height:30px;
}

div#artwork-contents div.thumbnail .smallimg a{
margin: 10px 5px 10px 10px;
display:block;
float:left;
}

/* Biography */
div#biography-contents {
}
/* Clear FIx */
div#biography-contents div.biography-year:after,
div#information-contents p:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#biography-contents div.biography-year,
div#information-contents p{
display:inline-block;
min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html div#biography-contents div.biography-year,
* html div#information-contents p
{height: 1%;}
div#biography-contents div.biography-year,
div#information-contents p
{display: block;}
/* End hide from IE-mac */
/* /Clear FIx */

div#biography-contents div.biography-year {
border-bottom: 1px dashed #CCC;
padding: 5px 0;
}

div#biography-contents h3 {
float:left;
width: 80px;
color: #03C;
font-size: 85%;
line-height:1em;
margin: 5px 0;
}

div#biography-contents ul {
float:left;
display:block;
padding: 0;
}

div#biography-contents ul li {
list-style-position:inside;
list-style-type:circle;
padding: 0;
margin: 5px 0;
font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3";
font-size: 85%;
line-height:1em;
letter-spacing:0.1em;
}


/* Contact */

#contact-contents dl {
float:left;
padding: 0 40px 0 0;
}

#contact-contents dt {
padding: 0 0 3px 0;
font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3";
color: #03C;
font-size: 85%;
line-height:1em;
letter-spacing:0.1em;
}

#contact-contents dd {
padding: 0 0 7px 0;
font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3";
font-size: 85%;
line-height: 1.5em;
}

#contact-contents dd em {
font-weight:bold;
color: #03C;
}

#contact-contents dd.preview {
font-size:100%;
line-height: 1.6em;
}

#contact-contents dd.preview em {
color: #03C;
}

#contact-contents dd.preview hr {
border: none;
border-bottom:1px dashed #CCC;
}

#contact-contents dd input {
width: 15em;
}

#contact-contents dd textarea {
width: 40em;
height: 10em;
}

#contact-contents dd .formbox {
background-color: #FFF;
border: 1px solid #999;
}

#contact-contents dd .formbox:focus {
background-color: #F3F3F3;
border: 1px solid #03C;
}

#contact-contents p {
font-size: 85%;
font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3";
}

#contact-contents p.massage {
font-size: 100%;
padding: 0 0 20px;
color: #03C;
}

#contact-contents p.massage em {
font-weight:normal;
color: #C33;
}

#contact-contents p.copy,p.copy {
font-size: 77%;
text-align:left;
}

#contact-contents p.copy,#contact-contents p.copy a,p.copy,p.copy a {
color: #999;
}
#contact-contents p.copy a:hover,p.copy a:hover {
text-decoration:underline;
}


/* Footer */
div#footer {
clear:both;
border-top: 1px solid #CCC;
padding: 40px 0 40px 40px;
font-size: 77%;
letter-spacing:0.1em;
line-height:1.8em;
}