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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
a:active{outline:none;}
body{line-height:1;color:black;background:white;}
ol,ul,li{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}


body{font:12px/1.6 'helvetica neue',helvetica,arial,clean,sans-serif;font-style:normal;color:#000;cursor:auto;text-shadow:1px 1px 0 rgba(255,255,255,.8);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%;}
hr{color:#000;margin:0;}
h1{font-size:280%;font-weight:700;}
h1 a{color:#000;}
h2{font-size:108%;font-weight:400;text-transform:uppercase;}
h3{font-size:104%;font-weight:400;margin:1em 0 .5em;}
p{font-size:100%;font-weight:400;}
a{color:#9e9e9e;text-decoration:none;}
.menu a:hover,.contents a:hover{opacity:0.7;filter:alpha(opacity=70);-webkit-transition:0.3s;transition:0.3s;}

.scrollup{width:40px;height:40px;opacity:0.5;position:fixed;bottom:2%;right:2%;display:none;text-indent:-9999px;background:url('top.png') no-repeat;}

.container{width:100%;}

header{margin-top:20px;width:100%;height:5em}
header h1{margin-left:20px;}
header img {width:114px;}

.menu{width:100%;position:absolute;top:80px;}
.menu li{margin:0 1% 20px 20px;font-size:108%;float:left;}
.menu label, .menu input{display:none;}
.menu .active a{color:#585858;}

.contents{margin:0}
.main{margin:4% auto;width:94%;max-width: 1366px;display:block;overflow:hidden;clear:both;}
.image {margin:0  20px;display:block;clear:both;}
.text {padding-top:16px; margin:20px 2%;display:block;clear:both;}

.abcd{margin-bottom:80px;width:100%;display:block;overflow:hidden;clear:both;}

.ab {margin:0 0 0 2%; width:48%;float:left;display:inline-block;overflow:hidden;}
.cd {margin:0 2% 0 2%; width:46%;float:left;display:inline-block;overflow:hidden;}
.cd p {margin:.3em 0;}
.ab img{width:100%;max-width:600px;}

.a {margin:0 auto;width:25%;float:left;display:inline-block;}
.aimg {height:194px;display:inline-block; text-align: center}
.aimg img {height:180px; display:inline-block; }
.atext {margin:.2em auto;height:170px;display:block;}
.atext li{margin-left:16%;}

.more {margin:1.2em 0;}
.link{margin:3em 0 0 2%;}

.social {margin-top:30px;}
.plain h2{margin-left:20px;margin-bottom:.9em;}
.plain p{margin-left:20px;margin-bottom:.2em;}
.plain a{color:black;}
.lists h3,.lists li{margin:0 0 8px 20px;}

.index p{position:fixed;bottom:10px;left:0;}

.image-bg{width:100%;display:block;margin:2% auto 0;}
.paypal img {width:60%;}

.legal .main{margin:1% 0;}
.legal p{margin:0 2%;font-size:xx-small;}
.works p{margin:3px 8px;font-size:x-small;color:#bbbbbb;}
.info-title{margin:10px auto 0;width:100%;font-size:90%;text-align:center;}
.info{margin:12px auto 16px;width:100%;text-align:center;}
.date{margin-top:.4em;font-size:x-small;}

.rest {margin-top:.8em;}
.archives {margin:20px auto; text-align: center;}
.archives p{padding-top:8px;}
.center{display: block;margin-left: auto;margin-right: auto;}

.dumb a {transition: .3s;}
.dumb a:hover {transform: rotate(2deg);}
.addthis_inline_share_toolbox{margin-top:5%;margin-left:20px;}

footer p{margin:2% 0 1% 20px;color:#9e9e9e;}
footer a{color:#9e9e9e;}	
.bottom, .fixed{position:fixed;bottom:6px;left:0;z-index:1000;}

.slidehead, .shutRight, .slideLeft {display:none;}

@media only screen and (max-width:768px){
header{margin-top:15px;}
.menu{position:static;}
.contents{margin:0 font-size:90%;}
.ab,.cd {margin:0 2% 0 2%; width:46%;float:left;display:inline-block;overflow:hidden;}
.cd h2{font-weight: 800;}
.cd {font-size:80%;}
.a {margin:0 1%;width:31%;float:left;display:inline-block;}
.atext  {font-size:80%;}
.text{width:92%;}
.text h3 {margin-top:1em;}
.bottom{position:static;}
.social {margin:0;}

footer p{font-size: 80%;}
#toggle {display: block;width:26px;height: 30px;margin: 0 auto;position: absolute;top:30px;right:20px;}
#toggle span:after,
#toggle span:before {content: "";position: absolute; left: 0; top: 9px;}
#toggle span:after{top: 18px;}
#toggle span {position: relative;display: block;}
#toggle span,
#toggle span:after,
#toggle span:before {width: 100%;height: 2px;background-color: #9e9e9e;backface-visibility: hidden;border-radius: 2px;}

}

@media only screen and (max-width:480px){

.atext, .cd, .text  {font-size:100%;}
.plain h2 {font-size:132%;margin-bottom: 10px;}

h3{font-weight:700;}
.menu li{font-size:132%;}

.main{margin:0 auto 3%; width:100%;}
.abcd {width:100%;}
.text {margin:0 20px;}

.ab, .cd {margin:5%; width:90%;}
.ab img{width:100%; margin:0 auto;}

.a {margin:4% 0;width:100%;display:inline-block;overflow:visible;}
.aimg {margin:0;width:55%;float:left;display:block;}
.aimg img{margin-left:20px;float:left;}
.atext  {margin:0;width:45%;float:left;display:block;}
.atext ul{margin-top:70%;font-size:90%;}

.image-bg{margin-top:14px;}
.link{margin:3em 0 0 20px;}
.exhibitions {margin-top:10px;}

}