@charset 'utf-8';
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
i,em {
    font-style: italic;
}
body {
    background: url(../images/format/bg.png);
    color: #888;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 14px;
}
a {
    color: #666;
    text-decoration: none;
    font-weight: normal;
}
a:hover {
    text-decoration: underline;
}
#wrapper {
    margin: 0 auto;
    width: 1000px;
}
#header {
    overflow: hidden;
    padding:20px 25px 40px;
}
#globalNav {
    float:left;
    overflow: hidden;
}
#sns {
    float: right;
    overflow: hidden;
}
#globalNav .item {
    float:left;
}
#globalNav .item a {
    background: url(../images/format/globalNav.png) no-repeat;
    display: block;
    height: 0;
    overflow: hidden;
}
#globalNav .logo a {
    width:64px;
    margin-right: 25px;
    padding-top: 64px;
}
#globalNav .home a,
#globalNav .info a,
#globalNav .projects a,
#globalNav .exhibitions a,
#globalNav .note a,
#globalNav .contact a
{
    margin-right: 40px;
    margin-top: 9px;
    padding-top: 37px;
}
#globalNav .home a {
    width: 58px;
    background-position: -90px 0;
}
#globalNav .info a {
    width: 48px;
    background-position: -193px 0;
}
#globalNav .projects a {
    width: 99px;
    background-position: -420px 0;
}
#globalNav .exhibitions a {
    width: 122px;
    background-position: -565px 0;
}
#globalNav .note a {
    width: 53px;
    background-position: -725px 0;
}
#globalNav .contact a {
    width: 89px;
    background-position: -290px 0;
}
#globalNav .home a:hover                {background-position: -90px  -44px;}
#globalNav .home.selected a:hover       {background-position: -90px  0;}
#globalNav .info a:hover,
.info #globalNav .info a                {background-position: -193px -44px;}
#globalNav .projects a:hover,
.projects #globalNav .projects a        {background-position: -420px -44px;}
#globalNav .exhibitions a:hover,
.exhibitions #globalNav .exhibitions a  {background-position: -565px -44px;}
#globalNav .note a:hover,
.note #globalNav .note a                {background-position: -725px -44px;}
#globalNav .contact a:hover,
.contact #globalNav .contact a          {background-position: -290px -44px;}

#sns .item {
    float: left;
}
#sns .item a {
    background: url(../images/format/globalNav.png) no-repeat;
    display: block;
    height: 0;
    margin-left: 15px;
    margin-top: 12px;
    padding-top: 32px;
    width:32px;
}
#sns .fb a       {background-position: -871px 0;}
#sns .tw a       {background-position: -918px 0;}
#sns .in a       {background-position: -965px 0;}
#sns .fb a:hover {background-position: -871px -34px;}
#sns .tw a:hover {background-position: -918px -34px;}
#sns .in a:hover {background-position: -965px -34px;}

.pagination {
    clear:both;
    padding:20px 0;
    position:relative;
    font-size:15px;
    line-height:20px;
    overflow: hidden;
}

.pagination span,
.pagination a {
    display:block;
    float:left;
    margin: 2px 8px 2px 0;
    padding:6px 12px 5px;
    text-decoration:none;
    width:auto;
    color:#fff;
    background: #888;
}

.pagination a:hover{
    color:#fff;
    background: #3279BB;
}

.pagination .current{
    padding:6px 12px 5px;
    background: #3279BB;
    color:#fff;
}
#footer {
    border-top: 1px solid #ebebeb;
    font-size: 12px;
    margin: 70px auto 0;
    padding: 20px 0 60px;
    text-align: center;
    width: 320px;
}