@charset "utf-8";

/* CLEARFIX */
#contents, .entry-content, .section, .block, .localNav, #sNav, .clearfix, .projectsInProgress li {zoom: 1;}
#contents:after, .entry-content:after, .section:after, .block:after, .localNav:after, #sNav:after, .clearfix:after, .projectsInProgress li:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

body {color: #676b70; font: 12px/1.4 "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;}

body {background-color: #f8f9f9;}
#headWrap {background-color: #ffffff;}

#main {margin-top: 0; width: 660px;}
#sNav {margin-top: 0; margin-right: 50px; width: 170px;}
.entry-content {width: 550px; line-height: 2.0;}

a:link, a:visited {color: #676b70;}
a:hover {color: #7f0019;}

img.img_blank { vertical-align: middle; margin: 0 2px 1px;}
* html img.img_blank { vertical-align: top; margin: 0 2px 10px;}

img.img_pdf { vertical-align: middle; margin: 0 3px 2px 0;}

/* #sNav */
#sNav h2 a {background-image: none;}
#sNav h2#Logo a{width: 170px;height: 30px;}
#sNav h2#Logo {
width: 170px;
height: 26px;
margin: 48px 0 0 0;
text-indent: -9999px;
background: url(/img/lab/ateliermuji/img/atelier_logo.gif) no-repeat left center;
}
#sNav ul.Link {list-style-type: none; line-height: 1.6; padding: 20px 0 0 0; margin-bottom: 140px;}
#sNav ul.Link li {font-size: 14px;}
#sNav ul.Link li a {text-decoration: none;}
#sNav ul.Link li a:hover {text-decoration: underline;}
#sNav ul.Link #press {padding-top: 2.5em;}

#sNav p {margin: 0; padding: 0;}
#sNav p.concept {font-size: 11px; line-height: 1.8; letter-spacing: 2px; margin-bottom: 30px;}
#sNav p.map {padding-left: 1px;}
#sNav p.map a:link img,
#sNav p.map a:visited img { border: 1px solid #CCCCCC;}
#sNav p.map a:hover img,
#sNav p.map a:active img { border: 1px solid #7F0019;}

.entry-content {font-size: 14px;}
.entry-content h2.title {font-size: 18px; font-weight: bold; margin-bottom: 15px;}

/* .aLink */
.aLink, .aLink a {display: block; overflow: hidden; background-image: url(/img/lab/ateliermuji/img/atelier_link.png); background-repeat: no-repeat; font-size: 1px;line-height: 1px; text-indent: -9999px;}

#aExhi {width: 130px;}
#aForm {width: 240px;}
#aForm_b {width: 255px;}
#aPress {width: 255px;}
#aDetail {width: 129px;}
#aWorkshop {width: 259px;}
#aTalkEvent {width: 259px;}
#aEvent {width: 234px;}
#aOpenMUJITokyo {width: 250px; height: 40px;}
#aExhi a {height: 40px; background-position: 0 0;}
#aForm a {height: 40px; background-position: 0 -100px;}
#aForm_b a {height: 40px;background-position: 0 -200px;}
#aPress a {height: 40px;background-position: 0 -300px;}
#aDetail a {height: 40px;background-position: 0 -400px;}
#aWorkshop a {height: 40px;background-position: 0 -500px;}
#aTalkEvent a {height: 40px;background-position: 0 -600px;}
#aEvent a {height: 40px;background-position: 0 -700px;}
#aOpenMUJITokyo a {height: 40px;background-position: 0 -800px;}
#aExhi a:hover {background-position: 0 -40px;}
#aForm a:hover{background-position: 0 -140px;}
#aForm_b a:hover{background-position: 0 -240px;}
#aPress a:hover{background-position: 0 -340px;}
#aDetail a:hover{background-position: 0 -440px;}
#aWorkshop a:hover{background-position: 0 -540px;}
#aTalkEvent a:hover{background-position: 0 -640px;}
#aEvent a:hover{background-position: 0 -740px;}
#aOpenMUJITokyo a:hover{background-position: 0 -840px;}

/* Top
 ================================================== */
h1.mainimg {margin-bottom: 20px;}
h2.maintitle {margin-bottom: 20px; font-weight: bold; font-size: 16px;}

.entry-content ul.schedule {list-style-type: none; margin-bottom: 40px;}
.entry-content p span.theme {display: block; font-weight: bold;}

h3.title_news {font-weight: bold; margin-top: 40px;}

div.news {background-color: #f1f1f1; padding: 10px; margin-bottom: 40px;}
ul.news {margin: 0 -5px 0 0;}
ul.news  li {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
margin: 0 5px 10px 0; vertical-align: top; letter-spacing: normal; line-height: 1.8;}

ul.news li.date {width: 90px; color: #999999; font-weight: bold; font-size: 12px;}
ul.news li.news {width: 415px; font-size: 12px;}

ul.news li a:link, a:visited {color: #676b70; text-decoration: underline;}
ul.news li a:hover {color: #7f0019; text-decoration: underline;}

h3.next {font-size: 14px; font-weight: bold; margin: 30px 0 0 0; padding-top: 20px; border-top: 1px solid #dddddd;}
span.title_next {display: block; font-weight: bold;}

/* 111202
 -------------------------------------------------- */
ul.event {margin: 0 -10px 20px 0;}
ul.event li {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
margin: 0 10px 0 0; vertical-align: top; letter-spacing: normal;}

ul.event li.title_img {width: 160px; font-weight: bold;}
ul.event li.lead {width: 370px; font-size: 12px;}
ul.event li span.slead {display: block; font-size: 14px; font-weight: bold; margin-bottom: 0.5em;}

h4.event {font-weight: bold;}

p.note {font-size: 12px;}
span.period {display: block; margin-left: 4em;}

table.live {width: 550px;}
table.live th, table.live td {margin: 0;}
table.live {border-collapse: collapse; border-spacing: 0; margin-bottom: 10px;　width: 550px; font-size: 12px;}
table.live th {text-align: center; background: #eeeeee; border-color: #dddddd; border-style: solid; border-width: 1px 1px 1px 1px; font-weight: normal; padding: 5px;}
table.live td {text-align: center; border-color: #dddddd; border-style: solid; border-width: 1px 1px 1px 1px; padding: 5px 15px;}

/* 111222
 -------------------------------------------------- */
div.movie {margin-bottom: 10px;}

/* Access
 ================================================== */
.entry-content h3.map {margin-bottom: 30px;}
.entry-content ul.access li {font-size: 12px;}
.entry-content ul.access li.title {font-weight: bold;}
.entry-content ul.access li.txt {margin-bottom: 10px;}

/* Exhibition
 ================================================== */
div.exhi_archive {cursor:pointer; margin-bottom: 20px; padding:10px; border:4px solid #e6e6e6;}
ul.exhibition {margin: 0 -10px 0 0; line-height: 1.6;}
ul.exhibition li {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
margin: 0 10px 0 0; vertical-align: top; letter-spacing: normal;}

ul.exhibition li.img {width: 160px;}
ul.exhibition li.detail {width: 450px;}

ul.exhibition li.detail span.title {font-weight: bold; display: block;}
ul.exhibition li.detail span.date {font-size: 12px; display: block; margin-bottom: 0.5em;}
ul.exhibition li.detail span.lead {font-size: 12px;}

ul.exhibition li a:link, a:visited {color: #676b70; text-decoration: none;}
ul.exhibition li a:hover {color: #7f0019; text-decoration: underline;}

/* for Press
 ================================================== */
.entry-content p.press {margin-top: -6px; font-size: 12px;}