@charset "UTF-8";

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

/* Layout */
html,body {
margin:0;padding:0
}
body {
color:#4D4D4D;
}

div#container {
margin:0 auto;
width:960px;
}

div#headernav {
height:25px;
padding-left:820px;
}

div#header {
text-indent:-9999px;
height:40px;
margin: 0 0 8px;
background-repeat:no-repeat;
background-position: center center;
}

div#wrapper {
border-top:1px solid #666;
border-bottom:1px solid #666;
}

body#home div#wrapper {
border-color: #CCC;
}

div#content {
background-repeat:repeat-y;
}


div#nav {
padding:30px 0 0 0;
text-align:center;
width: 600px;
margin:0 auto;
}

div#footer {
clear:both;
margin:30px 0;
text-align:center;
font-size:85%;
color:#999;
}

/* Element */

a:link {
	color:#999;
	text-decoration:none;
}
a:visited {
	color:#CCC;
	text-decoration:none;
}
a:hover,a:active {
	color:#666;
	text-decoration:underline;
}

hr {
clear:both;
height:1px;
overflow:hidden;
border:none;
color:#FFF;
border-top:1px solid #D9D9D9;
}

/* Header */
body#news div#header {background-image:url(../images/common/title_news.gif);}
body#concept div#header {background-image:url(../images/common/title_concept.gif);}
body#works div#header {background-image:url(../images/common/title_works.gif);}
body#about div#header {background-image:url(../images/common/title_about.gif);}
body#contact div#header {background-image:url(../images/common/title_contact.gif);}

div#headernav a,
div#headernav span{
width:70px;
height:25px;
display:block;
float:left;
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
}

div#headernav a:hover,
div#headernav span{
background-position: 0 -50px;
}

div#headernav.jp a,
div#headernav.en span{
background-image:url(../images/common/nav_en.gif);
}

div#headernav.en a,
div#headernav.jp span{
background-image:url(../images/common/nav_jp.gif);
}


/* Nav */
div#nav a {
height:35px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
float:left;
outline:none;
}
div#nav a:hover,
body#home div#nav a#nav_home,
body#news div#nav a#nav_news,
body#concept div#nav a#nav_concept,
body#works div#nav a#nav_works,
body#about div#nav a#nav_about,
body#contact div#nav a#nav_contact {
background-position: 0 -100px;
}
div#nav a#nav_home {background-image:url(../images/common/nav_home.gif); width: 244px;}
div#nav a#nav_news {background-image:url(../images/common/nav_news.gif); width: 61px;}
div#nav a#nav_concept {background-image:url(../images/common/nav_concept.gif); width: 83px;}
div#nav a#nav_works {background-image:url(../images/common/nav_works.gif); width: 68px;}
div#nav a#nav_about {background-image:url(../images/common/nav_about.gif); width: 67px;}
div#nav a#nav_contact {background-image:url(../images/common/nav_contact.gif); width: 67px;}

/* Error */
div#content p#errorbox {
padding:100px;
text-align:center;
}
div#content p#errorbox em {
font-size:300%;
display:block;
margin:10px;
}
body#home div#content {
height: 400px;
}
/* Home */
body#home div#container {
padding-top:73px;
}
body#home div#content {
height: 400px;
}

/* News */
body#news div#content strong {
margin-top:0;
margin-bottom:0;
padding-top:1px;
float:left;
}
body#news div#content small {
float:left;
margin:2px 0 0 20px;
}
*html body#news div#content small {
letter-spacing:0.1em;
}
body#news div#content br {
clear:both;
}
body#news div#content div.col3 p {
clear:both;
margin-top:30px;
}
body#news div#content div.col3 {
border-top: 1px solid #E6E6E6;
}

/* Concept */
body#concept div#content div.col3 p {
margin-top:30px;
}

/* Contact */

body#contact div#content .formstyle {
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
border: 1px solid #999;
width:280px;
padding:1px;
}

body#contact div#content .formbtn {
margin: 30px 0 0 0;
width:280px;
text-align:center;
}

body#contact div#content p span.inputresults {
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
}
body#contact div#content p span.attention {
color:#C33;
}
/* Works */

body#works div#content div.col1 {
border-bottom:none;
}

body#works div#content div.col3 p {
clear:both;
margin-top:30px;
}
body#works div#content div.col3 {
border-top: 1px solid #E6E6E6;
}

body#works div#content div#relief p,
body#works div#content div#sculpture p,
body#works div#content div#exhibitions p,
body#works div#content div#projects p,
body#works div#content div#publications p{
font-size:92%;
}

body#works div#content div#relief p,
body#works div#content div#sculpture p{
margin-right:0;
}

body#works div#content div#relief a,
body#works div#content div#sculpture a{
display:block;
float:left;
margin: 0;
line-height:0em;
border: 1px solid #FFF;
}
body#works div#content div#relief a:hover,
body#works div#content div#sculpture a:hover{
border: 1px solid #CCC;
}

div#content div.colworks-list a{
display:block;
padding:20px;
}

body#works div#content div.col1 strong {
float:left;
width:150px;
margin:0;
font-size:123.1%;
line-height:1em;
}


div#content div.colworks {
margin:1px;
padding:30px 0;
}

div#content div.colworks a {
display:block;
float:left;
font-size:92%;
width: 280px;
margin:0 19px 20px;
text-decoration:none;
padding:0;
outline:none;
}
*html div#content div.colworks a {
display:inline;
}
div#content div.colworks a span.thumbtext {
padding:10px 0 0;
margin:0;
display:block;
float:left;
line-height:1.6em;
}
div#content div.colworks a img {
float:left;
margin-right:10px;
width:100px;
height:100px;
border:1px solid #FFF;
}
div#content div.colworks a:hover img {
border:1px solid #999;
}
div#content div.colworks a:hover {
color:#4D4D4D;
}


/* Page */

div#content div.col1,
div#content div.col2 {
padding:20px;
border-bottom: 1px solid #D9D9D9;
}
body#news div#content div.col1{
border:none;
}
div#content div.col1 p{
line-height:1.4em;
}
div#content div.col2 p {
line-height:1.4em;
margin-bottom:20px;
}
div#content div.col2 {
width: 440px;
margin:0;
float:left;
border-bottom:none;
}
div#content div.col3 {
width: 320px;
float:left;
}
div#content div.col3.col32 {
width: 640px;
float:left;
}

div#content div.col3 p,
div#content div.col3 dl,
div#content div.col3 table {
margin:0 20px 30px;
line-height:1.4em;
}

div#content strong {
font-size:108%;
display:block;
clear:both;
margin:30px 0 15px;
padding-left: 18px;
letter-spacing:0.05em;
background-image:url(../images/common/point_strong.gif);
background-repeat:no-repeat;
background-position:3px 2px;
line-height:1em;
}
*html div#content strong {
background-position:3px 1px;
}

div#content div.col3 table {
border-bottom: 1px solid #E6E6E6;
}

div#content div.col3 table td,
div#content div.col3 table th{
padding-bottom:4px;
line-height:1.2em;
}

body#about div#content div.col3 table td,
body#about div#content div.col3 table th{
font-size: 92%;
vertical-align:top;
}
body#about div#content div.col3 table td{
width: 230px;
padding-top:5px;
border-top: 1px solid #E6E6E6;
font-size:92%;
}

body#about div#content div.col3 table th {
width: 70px;
border-top: 1px solid #E6E6E6;
padding:5px 0 0 5px;
}



div#content div.col3 dl dt hr,
div#content div.col3 table td hr {
border-color: #E6E6E6;
}

div#content p.switchlink strong {
float:left;
margin:0 30px 0 0 ;
font-size:123.1%;
line-height:1em;
}
div#content p.switchlink a,
div#content p.switchlink span.on {
line-height:1em;
font-size:100%;
display:block;
margin:2px 15px 0 0;
text-align:center;
float:left;
}
div#content p.switchlink span.on {
border-color: #CCC;
}