/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal}p{margin:0;padding:0}a{text-decoration:none;color:#2ea7e0}a:hover{color:#036eb8}ul{margin:0;padding:0}li{list-style-type:none;list-style-image:none}input,textarea{-webkit-appearance:none}@font-face{font-family:'Misaki Gothic';src:url('/fonts/misaki_gothic-webfont.eot');src:url('/fonts/misaki_gothic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/misaki_gothic-webfont.woff') format('woff'),url('/fonts/misaki_gothic-webfont.ttf') format('truetype'),url('/fonts/misaki_gothic-webfont.svg#misakigothicregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Misaki Mincho';src:url('/fonts/misaki_mincho-webfont.eot');src:url('/fonts/misaki_mincho-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/misaki_mincho-webfont.woff') format('woff'),url('/fonts/misaki_mincho-webfont.ttf') format('truetype'),url('/fonts/misaki_mincho-webfont.svg#misakiminchoregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'PixelMPlus-10';src:url('/fonts/pixelmplus10-bold-webfont.eot');src:url('/fonts/pixelmplus10-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/pixelmplus10-bold-webfont.woff') format('woff'),url('/fonts/pixelmplus10-bold-webfont.ttf') format('truetype'),url('/fonts/pixelmplus10-bold-webfont.svg#pixelmplus10bold') format('svg');font-weight:bold;font-style:normal}@font-face{font-family:'PixelMPlus-10';src:url('/fonts/pixelmplus10-regular-webfont.eot');src:url('/fonts/pixelmplus10-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/pixelmplus10-regular-webfont.woff') format('woff'),url('/fonts/pixelmplus10-regular-webfont.ttf') format('truetype'),url('/fonts/pixelmplus10-regular-webfont.svg#pixelmplus10regular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'PixelMPlus-12';src:url('/fonts/pixelmplus12-bold-webfont.eot');src:url('/fonts/pixelmplus12-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/pixelmplus12-bold-webfont.woff') format('woff'),url('/fonts/pixelmplus12-bold-webfont.ttf') format('truetype'),url('/fonts/pixelmplus12-bold-webfont.svg#pixelmplus12bold') format('svg');font-weight:bold;font-style:normal}@font-face{font-family:'PixelMPlus-12';src:url('/fonts/pixelmplus12-regular-webfont.eot');src:url('/fonts/pixelmplus12-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/pixelmplus12-regular-webfont.woff') format('woff'),url('/fonts/pixelmplus12-regular-webfont.ttf') format('truetype'),url('/fonts/pixelmplus12-regular-webfont.svg#pixelmplus12regular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Roboto Thin';src:url('/fonts/roboto-thin-webfont.eot');src:url('/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-thin-webfont.woff') format('woff'),url('/fonts/roboto-thin-webfont.ttf') format('truetype'),url('/fonts/roboto-thin-webfont.svg#robotothin') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Roboto Thin';src:url('/fonts/roboto-thinitalic-webfont.eot');src:url('/fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-thinitalic-webfont.woff') format('woff'),url('/fonts/roboto-thinitalic-webfont.ttf') format('truetype'),url('/fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');font-weight:normal;font-style:italic}@font-face{font-family:'Roboto Light';src:url('/fonts/roboto-light-webfont.eot');src:url('/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-light-webfont.woff') format('woff'),url('/fonts/roboto-light-webfont.ttf') format('truetype'),url('/fonts/roboto-light-webfont.svg#robotolight') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Roboto Light';src:url('/fonts/roboto-lightitalic-webfont.eot');src:url('/fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-lightitalic-webfont.woff') format('woff'),url('/fonts/roboto-lightitalic-webfont.ttf') format('truetype'),url('/fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');font-weight:normal;font-style:italic}@font-face{font-family:'Roboto Medium';src:url('/fonts/roboto-medium-webfont.eot');src:url('/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-medium-webfont.woff') format('woff'),url('/fonts/roboto-medium-webfont.ttf') format('truetype'),url('/fonts/roboto-medium-webfont.svg#robotomedium') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Roboto Medium';src:url('/fonts/roboto-mediumitalic-webfont.eot');src:url('/fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-mediumitalic-webfont.woff') format('woff'),url('/fonts/roboto-mediumitalic-webfont.ttf') format('truetype'),url('/fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');font-weight:normal;font-style:italic}@font-face{font-family:'Roboto';src:url('/fonts/roboto-regular-webfont.eot');src:url('/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-regular-webfont.woff') format('woff'),url('/fonts/roboto-regular-webfont.ttf') format('truetype'),url('/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Roboto';src:url('/fonts/roboto-bold-webfont.eot');src:url('/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-bold-webfont.woff') format('woff'),url('/fonts/roboto-bold-webfont.ttf') format('truetype'),url('/fonts/roboto-bold-webfont.svg#robotobold') format('svg');font-weight:bold;font-style:normal}@font-face{font-family:'Roboto';src:url('/fonts/roboto-italic-webfont.eot');src:url('/fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-italic-webfont.woff') format('woff'),url('/fonts/roboto-italic-webfont.ttf') format('truetype'),url('/fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');font-weight:normal;font-style:italic}@font-face{font-family:'Roboto';src:url('/fonts/roboto-bolditalic-webfont.eot');src:url('/fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-bolditalic-webfont.woff') format('woff'),url('/fonts/roboto-bolditalic-webfont.ttf') format('truetype'),url('/fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');font-weight:bold;font-style:italic}@font-face{font-family:'Roboto Black';src:url('/fonts/roboto-black-webfont.eot');src:url('/fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-black-webfont.woff') format('woff'),url('/fonts/roboto-black-webfont.ttf') format('truetype'),url('/fonts/roboto-black-webfont.svg#robotoblack') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Roboto Black';src:url('/fonts/roboto-blackitalic-webfont.eot');src:url('/fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-blackitalic-webfont.woff') format('woff'),url('/fonts/roboto-blackitalic-webfont.ttf') format('truetype'),url('/fonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');font-weight:normal;font-style:italic}@font-face{font-family:'Roboto Condensed';src:url('/fonts/roboto-condensed-webfont.eot');src:url('/fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-condensed-webfont.woff') format('woff'),url('/fonts/roboto-condensed-webfont.ttf') format('truetype'),url('/fonts/roboto-condensed-webfont.svg#robotocondensed') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Roboto Condensed';src:url('/fonts/roboto-boldcondensed-webfont.eot');src:url('/fonts/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-boldcondensed-webfont.woff') format('woff'),url('/fonts/roboto-boldcondensed-webfont.ttf') format('truetype'),url('/fonts/roboto-boldcondensed-webfont.svg#robotobold_condensed') format('svg');font-weight:bold;font-style:normal}@font-face{font-family:'Roboto Condensed';src:url('/fonts/roboto-condenseditalic-webfont.eot');src:url('/fonts/roboto-condenseditalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-condenseditalic-webfont.woff') format('woff'),url('/fonts/roboto-condenseditalic-webfont.ttf') format('truetype'),url('/fonts/roboto-condenseditalic-webfont.svg#robotocondensed_italic') format('svg');font-weight:normal;font-style:italic}@font-face{font-family:'Roboto Condensed';src:url('/fonts/roboto-boldcondenseditalic-webfont.eot');src:url('/fonts/roboto-boldcondenseditalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto-boldcondenseditalic-webfont.woff') format('woff'),url('/fonts/roboto-boldcondenseditalic-webfont.ttf') format('truetype'),url('/fonts/roboto-boldcondenseditalic-webfont.svg#robotobold_condensed_italic') format('svg');font-weight:bold;font-style:italic}@font-face{font-family:'CSS SANS';src:url('/fonts/css-sans/CSS-SANS-Chrome-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-Chrome-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-Chrome-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-Chrome-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-Chrome-webfont.svg#css-sanschrome') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS Chrome';src:url('/fonts/css-sans/CSS-SANS-Chrome-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-Chrome-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-Chrome-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-Chrome-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-Chrome-webfont.svg#css-sanschrome') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS Safari';src:url('/fonts/css-sans/CSS-SANS-Safari-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-Safari-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-Safari-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-Safari-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-Safari-webfont.svg#css-sanssafari') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS Firefox10';src:url('/fonts/css-sans/CSS-SANS-Firefox10-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-Firefox10-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-Firefox10-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-Firefox10-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-Firefox10-webfont.svg#css-sansfirefox10') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS Firefox30';src:url('/fonts/css-sans/CSS-SANS-Firefox30-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-Firefox30-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-Firefox30-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-Firefox30-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-Firefox30-webfont.svg#css-sansfirefox30') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS IE6';src:url('/fonts/css-sans/CSS-SANS-IE6-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-IE6-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-IE6-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-IE6-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-IE6-webfont.svg#css-sansie6') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS IE7';src:url('/fonts/css-sans/CSS-SANS-IE7-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-IE7-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-IE7-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-IE7-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-IE7-webfont.svg#css-sansie7') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS IE8';src:url('/fonts/css-sans/CSS-SANS-IE8-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-IE8-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-IE8-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-IE8-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-IE8-webfont.svg#css-sansie8') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS IE9';src:url('/fonts/css-sans/CSS-SANS-IE9-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-IE9-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-IE9-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-IE9-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-IE9-webfont.svg#css-sansie9') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS IE10';src:url('/fonts/css-sans/CSS-SANS-IE10-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-IE10-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-IE10-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-IE10-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-IE10-webfont.svg#css-sansie10') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS Opera10';src:url('/fonts/css-sans/CSS-SANS-opera10-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-opera10-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-opera10-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-opera10-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-opera10-webfont.svg#css-sansopera10') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'CSS SANS Opera12';src:url('/fonts/css-sans/CSS-SANS-opera12-webfont.eot');src:url('/fonts/css-sans/CSS-SANS-opera12-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/css-sans/CSS-SANS-opera12-webfont.woff') format('woff'),url('/fonts/css-sans/CSS-SANS-opera12-webfont.ttf') format('truetype'),url('/fonts/css-sans/CSS-SANS-opera12-webfont.svg#css-sansopera12') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'STIX';src:url('/fonts/stix-regular-webfont.eot');src:url('/fonts/stix-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/stix-regular-webfont.woff') format('woff'),url('/fonts/stix-regular-webfont.ttf') format('truetype'),url('/fonts/stix-regular-webfont.svg#stixregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'STIX';src:url('/fonts/stix-bold-webfont.eot');src:url('/fonts/stix-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/stix-bold-webfont.woff') format('woff'),url('/fonts/stix-bold-webfont.ttf') format('truetype'),url('/fonts/stix-bold-webfont.svg#stixbold') format('svg');font-weight:bold;font-style:normal}@font-face{font-family:'STIX';src:url('/fonts/stix-italic-webfont.eot');src:url('/fonts/stix-italic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/stix-italic-webfont.woff') format('woff'),url('/fonts/stix-italic-webfont.ttf') format('truetype'),url('/fonts/stix-italic-webfont.svg#stixitalic') format('svg');font-weight:normal;font-style:italic}@font-face{font-family:'STIX';src:url('/fonts/stix-bolditalic-webfont.eot');src:url('/fonts/stix-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/stix-bolditalic-webfont.woff') format('woff'),url('/fonts/stix-bolditalic-webfont.ttf') format('truetype'),url('/fonts/stix-bolditalic-webfont.svg#stixbold_italic') format('svg');font-weight:bold;font-style:italic}@font-face{font-family:'STIX Math';src:url('/fonts/stixmath-regular-webfont.eot');src:url('/fonts/stixmath-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/stixmath-regular-webfont.woff') format('woff'),url('/fonts/stixmath-regular-webfont.ttf') format('truetype'),url('/fonts/stixmath-regular-webfont.svg#stix_mathregular') format('svg');font-weight:normal;font-style:normal}a{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none}body{font-family:"PixelMPlus-10","Helvetica Neue",'Hiragino Kaku Gothic ProN',Meiryo,fantasy,Verdana,Roboto,"Droid Sans","游ゴシック",YuGothic,sans-serif;font-size:12px;line-height:1.25;letter-spacing:.025em;word-break:break-word;color:#231815;background-color:#fff}::selection{background:#bce3f5}::-moz-selection{background:#bce3f5}#header{position:fixed;float:left;height:100%;width:240px;padding:44px 0 0 44px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#header #logo{color:#231815;float:left;letter-spacing:.1em}#header #logo h1{font-size:15px}#header #logo h3{font-size:11px}#header #logo:hover{text-decoration:none}#header #menu{clear:left;margin:88px 0 0 0}#header #menu li{text-transform:uppercase;clear:left;display:block;margin:22px 0 0 0}#header #menu li.current a:before{opacity:1;filter:alpha(opacity=100)}#header #menu a{font-size:13px;color:#231815}#header #menu a:before{margin:0 5% 0 0;content:'▶';opacity:0;filter:alpha(opacity=0);-webkit-transition:ease-in-out all 100ms;-moz-transition:ease-in-out all 100ms;-ms-transition:ease-in-out all 100ms;-o-transition:ease-in-out all 100ms;transition:ease-in-out all 100ms}#header #menu a:hover:before{content:'▶';opacity:1;filter:alpha(opacity=100)}#main{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;min-width:480px;margin:0 22px 0 240px;padding:44px 0 0 0}#footer{position:fixed;bottom:22px;left:44px}#footer ul{margin:0 0 11px 0}#footer li{display:block;margin:11px 0}#footer #copy{font-size:9px;letter-spacing:0;display:block}#px{position:fixed;top:0;left:0;overflow:hidden;width:100%;height:100%;z-index:-2;background-color:#fff}#DOMWindowOverlay{position:fixed;top:0;left:0;height:100%;width:100%;z-index:99;background:rgba(255,255,255,0.75);display:none}#DOMWindowOverlay #DOMWindow>div{position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;border:solid 3px #00ffb6;background-color:#fff;max-width:240px;margin:33px auto}#DOMWindowOverlay #DOMWindow>div.error{border-color:#e83928 !important}#DOMWindowOverlay #DOMWindow>div.error>p{letter-spacing:.2em;padding:11px 22px;text-align:center}#DOMWindowOverlay #DOMWindow #DOMWindowClose{cursor:pointer;margin:0;padding:0;width:22px;height:22px;line-height:22px;border:0;font-weight:bold;background-color:#dcdddd;text-align:center;letter-spacing:0;position:absolute;right:-14px;top:-14px}#DOMWindowOverlay #DOMWindow #DOMWindowClose:hover{background-color:#9fa0a0}#DOMWindowOverlay #DOMWindow #DOMWindowClose span{position:relative}#DOMJack{position:fixed;top:0;left:0;height:100%;width:100%;z-index:20;display:none;text-align:center}#DOMJack span{line-height:1;margin:33px auto;display:inline-block;*display:inline;*zoom:1;text-align:center;padding:11px 22px;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;border:solid 3px #00ffb6}#works h3{margin:0 0 0 .2%;font-size:14px}#works .Works{*zoom:1}#works .Works:before,#works .Works:after{display:table;content:""}#works .Works:after{clear:both}#works .Work{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;float:left;margin:0 1% 2.5% 0;color:#231815}#works .Work:hover{color:#00ffb6}#works .Work:hover .Container{border:solid 1px #00ffb6}#works .Work .Container{position:relative;width:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:solid 1px transparent}#works .Work .Container .ribbon{position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:110px;height:20px;line-height:20px;top:-19.142px;right:-51.36px;color:#fff;font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:.1em;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}#works .Work .Container .ribbon.award{background-color:#c5b273}#works .Work .Container .ribbon.shortlist{background-color:#d2cfc0}#works .Work .Container .ribbon.popular{background-color:#00e6a4}#works .Work img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;width:100%;display:block}#works .Work img#opj47{top:-20px;bottom:auto}#works .Work img.dlp{top:0;bottom:auto}#works .Work h2{text-transform:uppercase;font-size:12px;letter-spacing:.1em;line-height:18px;margin:7px 0 2px 0}#works .Work h2.ja{font-size:10px}#works .Work span{font-size:10px;display:block;margin:0 0 1% 0}#works .Work span.ja{font-size:10px;display:inline}#works .Work span.copy{text-align:right;font-size:8px}#works .Work p{font-size:10px}#work{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;overflow:hidden}#work #nav{position:absolute;z-index:11;float:left;height:100%;width:360px;padding:88px 44px 0 44px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;color:#fff}#work #nav h2{font-size:14px;text-transform:uppercase;letter-spacing:.1em;float:left}#work #nav .year{float:right}#work #nav .type{clear:both;display:block;padding:11px 0 0 0}#work #nav .exp{margin:22px 0 0 0}#work #nav .exp.ja{font-size:11px}#work #nav .credit{margin:22px 0 0 0}#work #nav .credit h5{font-size:12.5px}#work #nav .credit li{display:block;margin:0;font-size:11px;letter-spacing:0}#work #nav .link{margin:44px 0 0 0}#work #nav .link a{display:inline-block;*display:inline;*zoom:1;padding:5.5px 11px;color:#fff;border:solid 1px #fff;background-color:rgba(0,0,0,0.5)}#work #nav .link a:hover{border-color:#00ffb6;background-color:rgba(0,0,0,0.75);color:#00ffb6}#work #nav.long .exp{font-size:10px;margin:11px 0 0 0}#work #nav.long .credit{margin:11px 0 0 0}#work #nav.long .credit h5{font-size:10.5px}#work #nav.long .credit li{font-size:10px}#work #nav.long .link{margin:22px 0 0 0}#work #nav.long #placeholder{margin:22px 0 0 0}#work #placeholder{*zoom:1;margin:44px 0 0 0}#work #placeholder:before,#work #placeholder:after{display:table;content:""}#work #placeholder:after{clear:both}#work #placeholder .copy{clear:both;display:block;font-size:8px;text-align:right}#work #placeholder li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:solid 1px transparent;float:left;display:block;width:32%;height:88px;overflow:hidden;margin:0 1% 0 0;position:relative}#work #placeholder li:hover{border:solid 1px #00ffb6;cursor:pointer}#work #placeholder li.current{border:solid 1px #00ffb6}#work #placeholder li img{display:block;max-width:200%;max-height:200%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#work #placeholder .col4 li{width:24%;height:60px}#work #placeholder .col5 li{width:19%;height:48px}#work #placeholder .col10 li{width:9%;height:24px}#work #content{margin:0 44px 0 360px;height:100%}#work #front,#work #frontifr{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:11;display:block;max-width:100%;max-height:100%}#work #frontifr{min-height:400px;width:100%;height:80%}#work #stage{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}#work #bg{position:absolute;top:0;left:0;display:block;min-width:100%;min-height:100%;max-width:500%;max-height:500%;bottom:0;margin:auto;filter:blur(15px);-webkit-filter:blur(15px);-moz-filter:blur(15px);-o-filter:blur(15px);-ms-filter:blur(15px);filter:url(app/#blur);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15')}#work #back{position:absolute;top:33px;left:33px;z-index:12}#work #back a{color:#fff;display:inline-block}#work #back a:hover{color:#00ffb6}#work #overlay{width:100%;height:100%;background:rgba(0,0,0,0.68);position:absolute;top:0;left:0}#work svg{height:0;width:0;position:absolute}#profile .basic{*zoom:1}#profile .basic:before,#profile .basic:after{display:table;content:""}#profile .basic:after{clear:both}#profile .basic img{float:left;width:88px;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:solid 1px #dcdddd;margin:0 22px 0 0}#profile .basic h2{font-size:14px;margin:0 0 6px 0}#profile .basic h2 span.ja{font-size:13px}#profile .basic h4{font-size:12px}#profile .detail{*zoom:1;margin:44px 0 0 0}#profile .detail:before,#profile .detail:after{display:table;content:""}#profile .detail:after{clear:both}#profile .detail h3{font-size:13px;border-left:solid 5.5px #9fa0a0;padding:0 0 0 8px;text-transform:uppercase;letter-spacing:0;margin:0 0 22px 0}#profile .detail h4{margin:0 0 5.5px 0}#profile .detail h5{font-size:12px;letter-spacing:0}#profile .detail #bio{float:left;width:50%;min-width:240px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:0 44px 0 0}#profile .detail #bio ul{margin:0 0 44px 0}#profile .detail #bio ul.cat{margin:0 0 22px 0}#profile .detail #bio ul.cat.btm{margin:0 0 44px 0}#profile .detail #bio ul.cat li{margin:0 0 2px 0}#profile .detail #bio ul.cat li:before{content:"-";padding:0 8px 0 0}#profile .detail #bio ul.cat li a:hover{color:#036eb8;text-decoration:underline}#profile .detail #bio li{display:block;margin:0 0 11px 0}#profile .detail #bio li span{display:block}#profile .detail #bio li i.position{color:#9fa0a0}#profile .detail #bio li.ref{padding:0 0 11px 16.5px}#profile .detail #bio li.ref:before{content:'' !important;padding:0 !important}#profile .detail #bio li a{color:#3e3a39}#profile .detail #bio li a:hover{color:#036eb8}#profile .detail #bio li a.ja{font-size:11px}#profile .detail #skill{float:left;width:50%;min-width:240px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:0 44px 0 0}#profile .detail .SkillHolder{*zoom:1;padding:0 0 22px 0}#profile .detail .SkillHolder:before,#profile .detail .SkillHolder:after{display:table;content:""}#profile .detail .SkillHolder:after{clear:both}#profile .detail .Skill{float:left;width:46%;margin:0 4% 33px 0}#profile .detail .Skill .Bar{width:100%;height:11px;position:relative}#profile .detail .Skill .Bar .Comp{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#00ffb6;background-image:-moz-linear-gradient(left,#33ffc5,#00ffb6);background-image:-ms-linear-gradient(left,#33ffc5,#00ffb6);background-image:-webkit-gradient(linear,0 0,100% 0,from(#33ffc5),to(#00ffb6));background-image:-webkit-linear-gradient(left,#33ffc5,#00ffb6);background-image:-o-linear-gradient(left,#33ffc5,#00ffb6);background-image:linear-gradient(left,#33ffc5,#00ffb6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffc5',endColorstr='#00ffb6',GradientType=1)}#profile .detail .Skill .Bar .Progress{position:absolute;top:0;right:0;height:100%;background-color:#f7f8f8}#profile .social{*zoom:1;margin:16px 0 0 108px}#profile .social:before,#profile .social:after{display:table;content:""}#profile .social:after{clear:both}#profile .social li{display:inline;float:left;margin:0 16px 0 0}#profile .social li a{display:block}#profile .social li a i{display:inline-block;*display:inline;*zoom:1;background-image:url(/assets/icon_sprite.png?20150318);background-repeat:no-repeat;width:36px;height:36px;display:block;width:21px;height:21px;-webkit-background-size:216px 72px;-moz-background-size:216px 72px;-o-background-size:216px 72px;background-size:216px 72px}#profile .social li a i.fb{background-position:-9px -9px}#profile .social li a i.tw{background-position:-45px -9px}#profile .social li a i.git{background-position:-81px -9px}#profile .social li a i.pin{background-position:-117px -9px}#profile .social li a i.tumblr{background-position:-153px -9px}#profile .social li a i.in{background-position:-189px -9px}#profile .social li a span{display:none}#profile .social li a:hover{opacity:.75;filter:alpha(opacity=75)}#contact h4{font-size:12px}#contact h4 span.ja{font-size:10.5px}#contact label{display:block;margin:22px 0 0 0}#contact .input-text,#contact textarea{width:90%;max-width:600px;padding:5.5px;letter-spacing:.05em;border:solid 1px #dcdddd;-webkit-transition:border linear 100ms,box-shadow linear .2s;-moz-transition:border linear 100ms,box-shadow linear .2s;-ms-transition:border linear 100ms,box-shadow linear .2s;-o-transition:border linear 100ms,box-shadow linear .2s;transition:border linear 100ms,box-shadow linear .2s;outline:0;outline:thin dotted \9}#contact .input-text:focus,#contact textarea:focus{border-color:#2ea7e0;-webkit-box-shadow:inset 0 1px 1px #dcdddd,0 0 4px #2ea7e0;-moz-box-shadow:inset 0 1px 1px #dcdddd,0 0 4px #2ea7e0;-ms-box-shadow:inset 0 1px 1px #dcdddd,0 0 4px #2ea7e0;-o-box-shadow:inset 0 1px 1px #dcdddd,0 0 4px #2ea7e0;box-shadow:inset 0 1px 1px #dcdddd,0 0 4px #2ea7e0}#contact .input-text.error,#contact textarea.error{border-color:#e83928 !important;-webkit-box-shadow:inset 0 1px 1px #dcdddd,0 0 4px #e83928 !important;-moz-box-shadow:inset 0 1px 1px #dcdddd,0 0 4px #e83928 !important;-ms-box-shadow:inset 0 1px 1px #dcdddd,0 0 4px #e83928 !important;-o-box-shadow:inset 0 1px 1px #dcdddd,0 0 4px #e83928 !important;box-shadow:inset 0 1px 1px #dcdddd,0 0 4px #e83928 !important}#contact textarea{height:88px;resize:none}#contact .submit{display:block;margin:22px 0 0 0;padding:5.5px 22px;border:0;background-color:#2ea7e0;color:#fff;letter-spacing:.1em;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;outline:0;outline:thin dotted \9}#contact .submit:hover{background-color:#036eb8}#contact .submit.activated{opacity:.75;filter:alpha(opacity=75);background-color:#2ea7e0 !important}.lightbox.contact>p{letter-spacing:.2em;padding:11px 22px;text-align:center}.License span{display:block;padding:0 0 22px 0}.License p{padding:0 0 22px 0}.License h4{color:#727171;line-height:3}.License h5{font-size:11px;color:#727171;line-height:3}.License li{display:block}.Error{margin:0 auto;text-align:center}.Error h2{font-size:132px}.Error span{display:block;font-size:10px}#nightmode{color:#fff}#nightmode #header #logo{color:#fff}#nightmode #menu a{color:#fff}#nightmode #works .Work{color:#fff}#nightmode #works .Work:hover{color:#00ffb6}#nightmode #bio a{color:#fff !important}#nightmode #contact .input-text,#nightmode #contact textarea{color:#231815}#nightmode #px{background-color:#000}#nightmode #DOMWindowOverlay #DOMWindow>div{background-color:#000}#nightmode #DOMJack span{background-color:#000}#blog-header{position:fixed;z-index:100;text-align:center;height:44px;width:100%;background-color:#fff;font-family:'Roboto Light',"Helvetica Neue",'Hiragino Kaku Gothic ProN',Meiryo,fantasy,Verdana,Roboto,"Droid Sans","游ゴシック",YuGothic,sans-serif;text-transform:uppercase;letter-spacing:.1em;border-bottom:solid 1px #dcdddd}#blog-header #logo{color:#231815;line-height:44px}#blog-header #logo:hover{color:#00ffb6}#blog-header #logo h1{font-size:13px}#blog-main{width:100%;max-width:961px;margin:0 auto}#blog-footer{display:none;font-family:'Roboto Light',"Helvetica Neue",'Hiragino Kaku Gothic ProN',Meiryo,fantasy,Verdana,Roboto,"Droid Sans","游ゴシック",YuGothic,sans-serif;text-align:center;padding:0 0 22px 0;font-size:10px;width:100%}#blog{font-family:'Roboto Light',"Helvetica Neue",'Hiragino Kaku Gothic ProN',Meiryo,fantasy,Verdana,Roboto,"Droid Sans","游ゴシック",YuGothic,sans-serif;letter-spacing:.1em;line-height:1.75;padding:88px 0 22px 0;font-size:12px}#blog #content{*zoom:1;padding:0 22px}#blog #content:before,#blog #content:after{display:table;content:""}#blog #content:after{clear:both}#blog #content #leftcol{float:left;width:100%;max-width:632px}#blog #content #rightcol{float:right;width:240px;position:relative}#blog #content #rightcol .basic{position:fixed;margin:0 0 11px 0}#blog #content #rightcol #VP{width:90%;margin:44px auto;font-family:'Roboto Medium',"Helvetica Neue",'Hiragino Kaku Gothic ProN',Meiryo,fantasy,Verdana,Roboto,"Droid Sans","游ゴシック",YuGothic,sans-serif;text-align:center;display:block;background-color:#00ffb6;color:#fff;padding:2.75px 0;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}#blog #content #rightcol #VP:hover{background-color:#00e6a4}#blog #content #rightcol img{float:left;width:30px;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:solid 1px #dcdddd}#blog #content #rightcol h2{font-size:13px;margin:0 0 5.5px 44px}#blog #content #rightcol h2 span.ja{font-size:12px}#blog #content #rightcol h4{font-size:11px;margin:0 0 0 44px}#blog #content #rightcol .social{*zoom:1;margin:16px 0 0 44px}#blog #content #rightcol .social:before,#blog #content #rightcol .social:after{display:table;content:""}#blog #content #rightcol .social:after{clear:both}#blog #content #rightcol .social li{display:inline;float:left;margin:0 16px 0 0}#blog #content #rightcol .social li a{display:block}#blog #content #rightcol .social li a i{display:inline-block;*display:inline;*zoom:1;background-image:url(/assets/icon_sprite.png?20150318);background-repeat:no-repeat;width:36px;height:36px;display:block;width:21px;height:21px;-webkit-background-size:216px 72px;-moz-background-size:216px 72px;-o-background-size:216px 72px;background-size:216px 72px}#blog #content #rightcol .social li a i.fb{background-position:-9px -9px}#blog #content #rightcol .social li a i.tw{background-position:-45px -9px}#blog #content #rightcol .social li a i.git{background-position:-81px -9px}#blog #content #rightcol .social li a i.pin{background-position:-117px -9px}#blog #content #rightcol .social li a i.tumblr{background-position:-153px -9px}#blog #content #rightcol .social li a i.in{background-position:-189px -9px}#blog #content #rightcol .social li a span{display:none}#blog #content #rightcol .social li a:hover{opacity:.75;filter:alpha(opacity=75)}#blog #content .post{margin:0 0 33px 0;padding:0 0 22px 0;border-bottom:solid 1px #dcdddd}#blog #content .title{margin:0 0 2.75px 0}#blog #content .title a{font-size:13px;line-height:1.25;color:#231815}#blog #content .title a:hover{color:#00ffb6}#blog #content .post-date{font-size:11px}#blog #content .socialbuttons{*zoom:1}#blog #content .socialbuttons:before,#blog #content .socialbuttons:after{display:table;content:""}#blog #content .socialbuttons:after{clear:both}#blog #content .socialbuttons ul{float:right}#blog #content .socialbuttons ul li{display:inline-block;*display:inline;*zoom:1;margin:0 5.5px 0 0}#blog #content .socialbuttons ul li:last-child{margin:0}#blog #content .body{padding:22px 0 11px 0}#blog #content .body div{padding:11px 0 0 0}#blog #content .body img{display:block;margin:22px 0}#blog #content .body p{padding:5.5px 0}#blog #content .body ul{display:block;padding:11px 0}#blog #content .read_more_container{font-size:12px;margin:11px 0 0 0;padding:0 !important}#blog #content .footer{font-size:11px;text-align:right}#blog #content .tags{margin:11px 0;font-size:10px}#blog #content .tags .tag-commas{display:none}#blog #content .tags a{display:inline-block;*display:inline;*zoom:1;margin:2px 0 0 1px;padding:1px 11px;color:#fff;background-color:#dcdddd;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}#blog #content .tags a:hover{background-color:#9fa0a0}#blog #content .notecontainer.postnotes ol.notes{margin:0;padding:0}#blog #content .notecontainer.postnotes ol.notes li{font-size:10px;display:block;margin:11px 0 0 0}#blog #content .notecontainer.postnotes ol.notes li img{position:relative;top:6px;display:inline-block;*display:inline;*zoom:1}#blog #content .notecontainer.postnotes ol.notes li span{line-height:16px;padding:0 0 0 5.5px}.gist{margin:0 0 22px 0 !important;padding:0 !important;letter-spcaing:0 !important}.gist div{margin:0 !important;padding:0 !important}.gist .line{font-size:11px !important;line-height:18px !important}.gist .line-number{text-align:center;width:28px !important;font-size:8px !important;line-height:18px !important;vertical-align:bottom}.gist .line-numbers{padding:0 !important}.gist .gist-meta{display:none}@media(min-width:2401px){#works .Work{width:9%}#works .Work:nth-child(10n+1){clear:both}#works .Container{height:152px}}@media(min-width:2161px) and (max-width:2400px){#works .Work{width:10.1%}#works .Work:nth-child(9n+1){clear:both}#works .Container{height:152px}}@media(min-width:1921px) and (max-width:2160px){#works .Work{width:11.5%}#works .Work:nth-child(8n+1){clear:both}#works .Container{height:148px}}@media(min-width:1681px) and (max-width:1920px){#works .Work{width:13.2%}#works .Work:nth-child(7n+1){clear:both}#works .Container{height:148px}}@media(min-width:1441px) and (max-width:1680px){#works .Work{width:15.6%}#works .Work:nth-child(6n+1){clear:both}#works .Container{height:148px}}@media(min-width:1201px) and (max-width:1440px){#works .Work{width:19%}#works .Work:nth-child(5n+1){clear:both}#works .Container{height:144px}}@media(min-width:961px) and (max-width:1200px){#works .Work{width:24%}#works .Work:nth-child(4n+1){clear:both}#works .Container{height:130px}}@media(min-width:721px) and (max-width:960px){#works .Work{width:32%}#works .Work:nth-child(3n+1){clear:both}#works .Container{height:120px}#blog #content #leftcol{float:none;margin:0 auto;max-width:100%}#blog #content #rightcol{display:none}}@media(max-width:720px){body{width:100%;height:auto}#verbose{display:block;position:fixed;top:0;left:0;height:90px;width:100%;background:#fff;z-index:-1}#nightmode #verbose{background-color:#000}#header{position:relative;float:none;height:auto;width:100%;padding:11px 0;z-index:9;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}#header #logo{text-align:center;float:none;display:block;max-width:320px;height:33px;margin:0 auto}#header #logo h1{font-size:13px}#header #logo h3{font-size:10px}#header #menu{clear:left;margin:0;height:33px;*zoom:1;border:solid 1px #f7f8f8;border-width:1px 0}#header #menu:before,#header #menu:after{display:table;content:""}#header #menu:after{clear:both}#header #menu li{clear:none;float:left;display:inline-block;*display:inline;*zoom:1;width:33%;margin:0;padding:11px 0}#header #menu li.current a{color:#00ffb6}#header #menu a{display:block;text-align:center}#header #menu a:before{display:none}#main{min-width:100%;max-width:100%;margin:0;padding:22px 0}#footer{clear:both;position:static;text-align:center;margin:22px 0 22px 0}#footer .socialbuttons{display:none}#works{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#works .Work{width:47%;margin:0 2% 2.5% 2%}#works .Work:nth-child(2n+1){clear:both}#works .Work:nth-child(2n){margin-left:0 !important}#works .Container{height:148px}#work{height:auto;min-height:100%}#work #nav{position:relative;float:none;width:100%;height:auto;padding:77px 22px 22px 22px}#work #content{position:relative;margin:0;width:90%;height:auto;margin:22px auto 44px auto;overflow:hidden}#work #front{position:relative}#work #frontifr{position:relative;min-height:280px;height:auto}#work #back{top:22px;left:16.5px}#profile .basic{margin:0 0 0 2%}#profile .detail{margin:22px 0 0 2%}#contact h4{text-align:center}#contact h4 span{display:block}#contact h4 span.ja{display:inline}#contact label{width:90%;max-width:600px;margin:22px auto 0 auto}#contact .input-text,#contact textarea{display:block;margin:auto}#contact .submit{width:90%;max-width:300px;margin:33px auto 0 auto}#blog{padding:66px 0 22px 0}#blog #content #leftcol{float:none;margin:0 auto;max-width:100%;overflow:hidden}#blog #content #leftcol img{max-width:100% !important}#blog #content #rightcol{display:none}}@media(max-width:567px){#profile .basic{margin:0 2%}#profile .basic img{width:66px}#profile .basic h2{font-size:13px}#profile .basic h2 span.ja{font-size:12px}#profile .detail{margin:22px 2%}#profile .detail #bio{float:none;width:100%;min-width:100%;padding:0}#profile .detail #skill{float:none;width:100%;min-width:100%;padding:0;margin:44px 0 0 0}#profile .detail .Skill{width:48%;margin:0 4% 22px 0}#profile .detail .Skill:nth-child(2n){margin-right:0}#profile .social{margin:16px 0 0 84px}#blog .socialbuttons{display:none}}