@charset "UTF-8"; @import url(//yuta.heteml.jp/normalize.min.css); @import url(http://aosora.info/common/font/MyFontsWebfontsKit.css); @import url(js/fancyBox/source/jquery.fancybox.css); body{margin:0;/* text-shadow:0 0 1px rgba(0,0,0,.1); */-webkit-text-stroke:.2px #000}
#page,#page_container>footer,#page_container>header,#site_bar_content{width:1000px;margin:0 auto}
#body_content_left{float:left;width:600px}
#body_content_right{float:right;width:400px}
#body_content_left .inner{padding-right:10px}
#body_content_right .inner{padding-left:10px}
#body_content.no_body_content_left #body_content_right,#body_content.no_body_content_right #body_content_left{width:100%;padding-left:0;padding-right:0}
.menu li{padding:0;list-style:none}
.menu li.last{margin-right:0}
.menu li.selected>a{font-weight:700}
.inquiries form label{width:150px;float:left}
.inquiries form input{width:200px}
.inquiries form .actions{margin-left:150px}
.inquiries form .actions input{width:auto}
.inquiries .field{margin:12px 0}
.inquiries form{padding-top:12px}
.page_not_live{border:1px solid #A00027;color:#A00027;background:#FFB1B1;padding:3px 9px;font-weight:700;width:auto}
body{height:100%}
#page_container>footer,#page_container>header,#site_bar_content{width:78%;margin:0 auto;text-shadow: 0 0 1px #FFF;}
#page_container{position:absolute;width:78%;margin-left:11%;height:100%}
#page_container_fixed{position:absolute;width:980px;height:100%;text-align:left;left:50%;margin-left:-490px}
#content1{position:fixed;width:78%;margin:0 auto;z-index:3;height:221px}
#content1_fixed{position:fixed;width:980px;margin:0 auto;z-index:3}
#gallery_title{margin:-9px 0 0 113px}
img.moreinfo{margin-bottom:-2px}
#addinfo{text-align:center;margin:16px 210px 0;padding:16px 20px;display:none;background-color:#fff}
#content2{width:100%;max-width:1200px;min-height:100%;margin:0 auto;z-index:2}
#content2_fixed{position:absolute;width:980px;min-height:100%;margin:0 auto;z-index:2}
footer{position:fixed;bottom:25px;height:auto;width:100%;z-index:3;margin:0 auto;/* text-shadow: 0 0px 1px #FFF; */}
footer,header,nav,section{text-align:center}
header {width: 730px;position: fixed;z-index:999;top:10px;left: 50%;margin: 0 0 0 -365px;/* text-shadow: 0 0px 1px #FFF; */}
header img{width:152px;margin-left: -6px;}
h1#logo{margin:0;padding: 0;line-height: 35px;}
h6{display:none}
p{margin-top:0}
footer ul{margin:0;padding:0;text-align:center;}
footer li{float:none;margin:0;display:inline; padding: 0 10px;}
.menu li{display: inline;float: none;margin:0 4px;font-weight: normal;line-height: 26px;font-size: 12px;letter-spacing: .08em;}
.menu ul.level2{margin:0}
.menu ul.level2 li{display:block}
.menu ul.level3{margin:5px 0 0}
.menu ul.withspace{margin:20px 0 0}
.artist_link_nav{display:none;}
.akinori_ito .artist_link_nav.akinori_ito,
.takao_sakai .artist_link_nav.takao_sakai,
.satoshi_kuronuma .artist_link_nav.satoshi_kuronuma,
.makoto_nakagawa .artist_link_nav.makoto_nakagawa,
.naoko_shiina .artist_link_nav.naoko_shiina,
.toshimasa_ohara .artist_link_nav.toshimasa_ohara,
.yusuke_raika .artist_link_nav.yusuke_raika,
.youjin_lee .artist_link_nav.youjin_lee
{display:block;margin: 12px 0;}
.artist_link_nav {font-size: 24px;}
.artist_link li{display: inline;float: none;margin: 0;padding: 0 4px;font-size: 11px;font-family: Helvetica, Arial;letter-spacing: 1px;}
.artist_link li.first{padding-left:0}
.artist_link ul{}
#selection{margin: 325px auto 20px;padding: 0 0 20px 0;}
.top #selection,
.contact #selection,
.about #selection{margin: 270px auto 20px;}
#artist_overview ul,#selection ul{padding:0;margin: auto;display: inline-block;}
#artist_overview li,#selection li{display:inline-block;list-style:none;margin: 0 14px 40px 14px;vertical-align:top;position:relative;/* float: left; */}
#artist_overview li a,#selection li a{display:block;}
#fancybox-outer{background-color:transparent}
#fancybox-left,#fancybox-right{width:18%;height:80%;bottom:20%}
.lazy{display:none}
.subtitle{margin-top:3px}
article,aside,footer,header,hgroup,nav,section{display:block}
div.fieldWithErrors{display:inline}
#errorExplanation{border-top:3px solid #F27F7F;background:#FFBEBE;padding:10px}
#errorExplanation,#errorExplanation *, .fieldWithErrors,.fieldWithErrors *{color:#9C2626}
a img{border:0 none}
.artist{letter-spacing:.2em;word-spacing:.2em}
.artist img{ max-height:320px;}
.artist_name{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.entry .artist_name{display: none;}
body{font-family: BaskervilleMTStd-SemiBd; font-size: 100%; color: #303030; letter-spacing: .07em;}
h1{color:#303030;font-size:2.5em;font-weight:400}
h2{color: #303030; font-size:18px; font-weight:bold; margin: 0; padding: 9px 0 4px; text-align: center;line-height: 22px;letter-spacing: 2px;}
h3{color:#303030;font-size:1.2em;font-weight:400}
h1 a{text-decoration:underline}
h1 a:hover{color:#303030}
a,a:visited{color:#303030;text-decoration:none}
a:hover{text-decoration:underline}
#gallery_title a,#gallery_title a:visited{color:#555}
.menu ul{font-weight:normal; padding: 0;margin: 0;font-size: 12px;}
.menu li.selected a{font-weight:400;text-decoration:underline}
.menu ul.level3{font-family:Helvetica,Arial,sans-serif;font-size:.5em;text-transform:uppercase;letter-spacing:.2em;word-spacing:.2em}
.menu ul.level3 li a{color:#555}
.menu ul.level3 li a:hover,.menu ul.level3 li.selected a{color:#000;text-decoration:none}
.menu ul.level3 li a.mono{font-family:courier,monospace;font-weight:400;font-size:1.3em;line-height:1.5em;color:#555;letter-spacing:0;word-spacing:0;text-transform:none}
.menu ul.level3 li a.mono:hover{color:#000}
.subtitle{font-family:Helvetica,Arial,sans-serif;font-size:.4em;text-transform:uppercase;letter-spacing:.2em;word-spacing:.2em;color:#000}
footer ul{font-family:Helvetica,Arial,sans-serif;font-size: 11px;text-transform:uppercase;}
footer ul li a,footer ul li a:hover,footer ul li a:visited,footer ul li li.selected a{color:#303030}
.text-align-left{text-align:left}
.text-align-center{text-align:center}
.text-align-right{text-align:right}
.text-align-justify{text-align:justify}
.image-align-left{float:left;margin-right:6px;margin-bottom:6px}
.image-align-right{float:right;margin-left:6px;margin-bottom:6px}
.font-size-small{font-size:.75em}
.font-size-normal{font-size:1em}
.font-size-large{font-size:1.25em}
h3{padding:20px 0}
.clist{text-align:left}
.clist dt{font-weight:700;margin-bottom:20px;letter-spacing:.1em}
.clist dd{margin:0;line-height:30px}
.ptext{margin:0;line-height:30px;margin-bottom:30px;text-align:left}
.close .btn{float:right;padding:0 3px;margin:0;color:red;border:1px solid red;font-size:13px;line-height:1}
.imgTitle{margin:5px 0 15px;font-size: 8px;font-weight:700}
.nodisp{display:none}
.fancybox-title-float-wrap{margin-bottom:-50px}
.entry{ max-width: 700px;}
#selection h2{font-weight: normal;font-size: 12px;margin: 0 0 30px 0;padding: 0;}
.entry .entrybody{text-align: left; font-size: 12px; line-height: 160%;text-align: justify;text-justify: initial;}
.entry .entrybody h3{font-size: 14px; margin:0;font-family: BaskervilleMTStd-SemiBd;}
.entry .entrybody, .entry .entrybody p {font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}
form { width: 420px; margin: auto; }
form label{ display: block; text-align: left; font-size: 10px; width: 25%; float: left; clear: both; margin: 50px 0 0 0; padding: 3px 0; line-height: 20px; }
form label.line{ border-bottom: 1px #575757 solid;}
form .inputline{ border: 0; border-bottom: 1px #575757 solid; width: 75%; float: right; margin: 50px 0 0 0; padding: 3px 0; line-height: 20px; }
form textarea{ display: block;clear: both;width: 100%; height: 140px; border: 0; border-bottom: 1px #575757 solid; }
form .submit{border: 1px #575757 solid;padding: 7px 40px 6px 65px;text-align: center;margin: 50px auto;line-height: 40px;letter-spacing: 25px;display: block;width: auto;background: #fff;}
form .submit:hover{opacity:.5;filter:alpha(opacity=50);-moz-opacity:0.5;-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}.entry #selection li {/* float: left; */}.entry #content2 {max-width: 930px;}

/* = Selected Text
----------------------------------------------- */
::selection {
	background:#c3c3c3; /* Safari */
}

::-moz-selection {
	background:#c3c3c3; /* Firefox */
}


/* Asakura ADD */

#SandH{width: 250px; margin: 0 auto;}
#Stylist{/* float: left; */}
#Hair{/* float: right; */}
#News{font-size: 28px; margin: 0 0 50px;-webkit-text-stroke:0px}
time{font-size: 14px;}
#NewsBox{margin: 350px auto 20px;padding: 0 0 20px 0;text-align: left;width: 800px;}
#NewsBox h3{font-size: 14px;padding: 0;margin: 0;font-family:BaskervilleMTStd-SemiBd, "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}
.NewsContent{font-size: 12px;font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}
.news header {/* width: 520px; *//* margin: 0px 0 0 -260px; */}
.news article{margin: 0 0 50px;}
.news article img{max-width: 800px; height:auto;}
.pagenate {text-align: center;font-size: 14px;margin: 0 0 60px;-webkit-text-stroke:0px}
.current_page{color:#717171;}

@media screen and (max-width:640px){ 
header {width:100%;position: inherit;z-index:auto;top:auto;left:auto;margin:0;}
.menu li{display: block;}
.menu a{padding: 5px 0;display:block;}
.menu span{display:none;}
footer{position:inherit;bottom:auto;padding: 20px 0;}
#selection{margin:auto !important; padding:30px 0;}
#artist_overview li,#selection li{display:inline-block;list-style:none;margin:0;position:inherit;}
#page_container{position:inherit;margin:auto;height:auto;width: auto;}
#content1{position:inherit;width:auto;margin:0 auto;}
.entry .entrybody{padding:0 15px;}

/* Asakura ADD */
.news header {width:100%;}
.news article img{width: 100%;}
#NewsBox{width: 92%;margin: 200px 4% 20px 4%}
}