@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* 以下より */

html {
      overflow-y:scroll
}
body {
      font-family:'メイリオ','Hiragino Gothic Pro',sans-serif;
      background-color:#000000;
      width:1280px;
      margin-left:auto;
      margin-right:auto;
      text-align:center;
      zoom:1;
      -webkit-text-size-adjust: 100%;
}


/* ヘッダー　*/

ul {
    list-style-type:none;
}
nav li {
        display:inline;
        font-size:15px;
        border-right:solid 1px #708090;
        padding-left:25px;
        padding-right:25px;
}
nav li:first-child {
                    border-left:solid 1px #708090;
}
nav {
     margin-top:30px;
     margin-bottom:50px;
}

/* 内容 index＆biography＆contact */

section {
         margin-top:70px;
         margin-bottom:80px;
}
article {
         margin-top:60px;
}

/* 内容 works＆exhibitions */

div.we {
        margin-top:60px;
}
#we li {
        margin-bottom:45px;
}
#ex li {
        margin-bottom:30px;
}
ul.ex {
       margin-top:30px;
       margin-bottom:50px;
}

/* 内容 works＆exhibitions各頁 */
section.ex-part {
                 margin-top:70px;
                 margin-bottom70px;
}
#ex article {
             margin-top:30px;

}

/* アサイド works＆exhibitions各頁 */

aside li {
          display:inline;
          font-size:13.5px;
}
aside ul {
          margin-top:45px;
}

/* 内容 story＆video＆others */

div.work {
          margin-top:40px;
}
#work li {
          margin-bottom:30px;
}


/* テキスト */

.head, exhibition, aside ul {
                 font-family: 'Open Sans', sans-serif;
}

h1.head {
         font-size:40px;
}
article h1 {
            font-size:16px;
}

h2.head {
         font-size:32px;
         margin-top:20px;
}
h2.exhibition {
             font-size:16px;
             font-weight:500;
}
div h2.head {
             font-size:16px;
             font-weight:500;
}
#news p {
         font-size:14.5px;
         line-height:1.5;
         margin-top:12px;
         margin-bottom10px;
         letter-spacing:0.03em;
}
#biography h1 {
               font-size:22px;
               margin-bottom10px;
               font-weight:500;
               -webkit-text-size-adjust: 100%;
}
#biography h2 {
               font-size:14.5px;
               font-weight:500;
               margin-top:15px;
               -webkit-text-size-adjust: 100%;
}
#biography p {
              font-size:14.5px;
              line-height:1.5;
              margin-top:10px;
              margin-bottom:25px;
              letter-spacing:0.02em;
              -webkit-text-size-adjust: 100%;
}
h3 {
    font-size:19px;
    font-weight:500;
    letter-spacing:0.03em;
}

h4 {
    font-size:12.5px;
    font-weight:500;
    letter-spacing:0.03em;
}
#work h3 {
          font-size:12.5px;
          font-weight:500;
          letter-spacing:0.03em;
}
p {
   font-size:12.5px;
   line-height:1.5;
   margin-top:3.5px;
   margin-bottom:8.5px;
   letter-spacing:0.03em;
}
p.first {
        font-size:14px;
        line-height:1.5;
        margin-bottom:22px;
        letter-spacing:0.03em;
}
span.last {
           font-size:11px;
}
span.link {
           font-weight:600;
}
span.r {
     color:#990000;
}



/* テキスト narrative TOP&各頁*/

h1.head#narrative {
         font-size:40px;
         color:#757575;
}
h2.head#narrative {
         font-size:32px;
         margin-top:20px;
         color:#757575;
}
h3.head#narrative {
         font-size:32px;
         margin-top:20px;
         color:#757575;
}
small#narrative {
       font-size:10px;
       font-weight:400;
       color:#3d3d3d;
}
span#na{
         color:#757575;
}

/* フッター */

small {
       font-size:10px;
       font-weight:400;
       color:#808080;
}

/* 画像 */

header img {
            margin-top:20px;
}
footer img {
            margin-top:10px;
            margin-bottom:60px;
}
.AA {
     margin-bottom:35px;
}
figure img {
        margin-bottom:20px;
}
#we img {
         height:250px;
}
#work ul img {
           height:190px;
}
#work ul img.photo {
                    height:120px;
}
img.first {
        margin-top:70px;
        margin-bottom:100px;
        width:900px;
}

/* othersの各頁の画像 */

#work figure img.no1 {
                      height:350px;
                      padding-left:3px;
                      padding-right:3px;
                      margin-bottom:20px;
}
#work figure img.no2 {
                      height:200px;
                      padding-left:3px;
                      padding-right:3px;
                      margin-bottom:20px;
}

/* exhibitionsの各頁の画像 */

#ex figure {
            margin-bottom:15px;
}
#ex figure img.no1 {
                    height:350px;
                    margin-bottom:20px;
}
#ex figure img.no2 {
                    height:270px;
                    padding-left:3px;
                    padding-right:3px;
                    margin-bottom:20px;
}

/* exhibitionsの各頁の画像のラスト段 */

#ex figure img.no3 {
                    height:170px;
                    padding-left:3px;
                    padding-right:3px;
                    margin-bottom:60px;
}
#ex figure img {
                height:270px;
                padding-left:3px;
                padding-right:3px;
                margin-bottom:60px;
}

/* 必要か再確認の要素 */
.A {
    margin-bottom:20px;
}

/* リンク */

a {
   text-decoration:none;
   color:#000000;
}
a:hover {
         color:#708090;
}
a:active {
          color:#708090;
}
a:focus {
         color:#708090;
}
a img {
       border:none
}


/* スクロールトップ */

#page-top {
           position: fixed;
           bottom:20px;
           right:20px;
           font-family: 'Open Sans', sans-serif;
           font-size:16px;
}
#page-top a {
             text-decoration: none;
             color:#f5f5f5;
             width:80px;
	     height:80px;
	     border-radius:50%;
             display: block;
             line-height:80px;
	     background:#a9a9a9;
}
#page-top a:hover {
                   text-decoration: none;
                   background:#708090;
}