@charset "utf-8";

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


body {color:#333; font: 12px/1.4 "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;}
.entry-content {line-height: 1.6;}
.entry-content p { padding-bottom: 20px;}

#siteName a { width: 192px; background-position: -295px 0;}
#siteName a:hover { background-position: -295px -18px; }

#gnLab a { background-position: -95px -58px; }

#main {margin-top: 0;}
#breadcrumbs {padding-top: 0;}

#sideNav .theme h2,
#sideNav .theme li a,
#sideNav .post h2 a,
#sideNav .projectsInProgress h2 a,
#sideNav .misc h2,
#sideNav .misc li a {text-indent: -9999px; overflow: hidden; background-image: url(//www.muji.net/
lab/sprite_sidenav.png); background-repeat: no-repeat;}

#sideNav {margin-top: 0; margin-right: 25px; width: 155px;}
#sideNav .theme {border: 1px solid #DCDAD2; padding: 5px; margin-bottom: 30px;}
#sideNav .theme h2 {height: 12px; background-position: 0 0; margin: 5px 0 10px;}
#sideNav .theme li a {display: block; height: 45px; padding: 15px 5px; border: 1px solid #ddd7c7; margin-top: 5px; background-color: #f5eedd;}
#sideNav .theme li a:hover {border: 1px solid #7f0019;}
#sideNav .theme .basic a {background-position: 0px -25px;}
#sideNav .theme .form a {background-position: 0 -110px;}
#sideNav .theme .csr a {background-position: 0 -195px;}
#sideNav .theme .enjoy a {background-position: 0 -280px;}
#sideNav .theme .create a {background-position: 0 -365px;}
#sideNav .theme .basic a:hover {background-position: -160px -25px;}
#sideNav .theme .form a:hover {background-position: -160px -110px;}
#sideNav .theme .csr a:hover {background-position: -160px -195px;}
#sideNav .theme .enjoy a:hover {background-position: -160px -280px;}
#sideNav .theme .create a:hover {background-position: -160px -365px;}

#sideNav .post {border: 1px solid #dcdcdc; padding: 10px; margin-bottom: 30px; background: #f3f3f3;}
#sideNav .post h2 a {display: block; height: 33px; background-position: 0px -463px;}
#sideNav .post h2 a:hover { background-position: -160px -463px;}
#sideNav .post p {font-size: 11px; padding: 5px 0 0 7px;}

#sideNav .projectsInProgress {margin-bottom: 30px;}
#sideNav .projectsInProgress h2 {border-bottom: 1px solid #666; margin-bottom: 10px;}
#sideNav .projectsInProgress h2 a {display: block; height: 12px; background-position: 0 -540px; padding-bottom: 5px;}
#sideNav .projectsInProgress h2 a:hover { background-position: -160px -540px;}
.projectsInProgress li {padding-top: 10px; margin-top: 10px; border-top: 1px solid #f3f3f3;}
.projectsInProgress li:first-child {border: 0; margin-top: 0; padding-top: 0;}
.projectsInProgress img {float: left; margin-right: 10px;}
.projectsInProgress span {overflow: hidden; display: block; text-decoration: underline; *cursor: pointer;}

#sideNav .misc h2 {height: 12px; background-position: 0 -605px; padding-bottom: 5px; border-bottom: 1px solid #666; margin-bottom: 10px;}
#sideNav .misc li {margin-bottom: 10px;}
#sideNav .misc li a {display: block; height: 14px; padding: 3px 0;}
#sideNav .misc .about a {background-position: 0 -640px;}
#sideNav .misc .information a {background-position: 0 -670px;}
#sideNav .misc .reconsider a {background-position: 0 -700px;}
#sideNav .misc .report a {background-position: 0 -730px;}
#sideNav .misc .columnlist a {background-position: 0 -760px;}
#sideNav .misc .surveylist a {background-position: 0 -790px;}
#sideNav .misc .booklet a {background-position: 0 -820px;}
#sideNav .misc .mujiarchive a {background-position: 0 -850px;}

#sideNav .misc .about a:hover {background-position: -160px -640px;}
#sideNav .misc .information a:hover {background-position: -160px -670px;}
#sideNav .misc .reconsider a:hover {background-position: -160px -700px;}
#sideNav .misc .report a:hover {background-position: -160px -730px;}
#sideNav .misc .columnlist a:hover {background-position: -160px -760px;}
#sideNav .misc .surveylist a:hover {background-position: -160px -790px;}
#sideNav .misc .booklet a:hover {background-position: -160px -820px;}
#sideNav .misc .mujiarchive a:hover {background-position: -160px -850px;}

.share {margin-top: 15px;}
.share li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 10px;}

.asset-meta { margin-top: 20px;}
.asset-meta .byline { float:left; margin-bottom: 10px; }
.asset-content .asset-header .share { float:right; margin:0 0 10px; }

.aside h2 {font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #666; margin-bottom: 10px;}
.aside .section {margin-bottom: 30px;}
.aside .section li {margin-top: 10px; padding-top: 10px; border-top: 1px solid #f3f3f3;}
.aside .section li:first-child {margin-top: 0; padding-top: 0; border: 0;}
.aside .section .tag {margin-top: 5px;}
.aside .section .tag li {display: inline-block; margin-top: 0; padding-top: 0; border: 0; font-size: 11px;}
.aside .date {font-size: 11px;}


.comments {background: #f9f9f9; border: 1px solid #e6e6e6; padding: 10px; margin: 5px 0 20px;}
.comments .count {font-weight: bold;}
.comments .count .num {font-size: 14px;}
.comments li {margin-top: 10px; padding-top: 10px; border-top: 1px solid #e6e6e6;}
.comments .image {float: left; margin-right:10px;}
.comments .block {overflow: hidden;}
.comments .name {font-size: 12px; font-weight: bold; line-height: 1; margin-bottom: 3px;}
.comments .date {font-size: 11px; color: #999;}
.comments .comment {font-size: 12px; padding-bottom: 0;}


.asset-body h2 {font-size: 16px; margin: 30px 0 20px; font-weight: bold;}
.asset-body h2:first-child {margin: 10px 0 20px;}
.asset-body p {font-size: 13px; margin-bottom: 10px;}

.cattitle {margin: 20px 0;}

.hentry .image a:link img,
.hentry .image a:visited img,
.itemList li a:link img,
.itemList li a:visited img { border: 1px solid #fff;}
.hentry .image a:hover img,
.hentry .image a:active img,
.itemList li a:hover img,
.itemList li a:active img { border: 1px solid #7F0019;}

.published { color: #999;}

.date .published, .updated {font-size: 11px;}

.tag li a,
.projectName a {background: #e3e3e3; color: #666; margin-right: 5px; padding: 2px 5px;
 -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none; font-size: 11px;}

.tag li a:visited,
.projectName a:visited {_color: #999;}

.tag li a:hover,
.projectName a:hover {color: #7f0019; background: #ddd;}
.projectName {margin-top: 3px;}


.itemList {margin-top: 20px;}
.itemList ul {letter-spacing: -.40em;}
.itemList li {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
width: 155px; padding: 10px; margin-top: 10px; vertical-align: top; letter-spacing: normal; text-align: center;
border-top: 1px solid #e6e6e6;}
.itemList a {text-decoration: none;}
.itemList a span {text-align: left; display: block;}

.itemList a img {margin: 5px 0;}


/* 1107 */
#headWrap {border-bottom: 1px solid #E6E6E6;}
* html #headWrap{text-align: center;}

#head:after{content: ".";display:block;clear:both;height:0;visibility:hidden;}
* html #head{height:1%;}
#head{width: 880px;margin: 0 auto;zoom:1;}
* html #head{text-align: left;}
#head #sName{float: left;}
#head #gNav{float: right;}
#head li{float: left;padding-left: 15px;}
#head #sName a,
/* #head #gNav a{display: block;overflow: hidden; height: 32px; background-image: url(/img/lab/img/head.png);background-repeat: no-repeat;font-size: 1px;line-height: 1px;text-indent: -9999px;} */
#head #gNav a{display: block;overflow: hidden; height: 32px; background-image: url(/img/lab/img/head.png);background-repeat: no-repeat;font-size: 1px;line-height: 1px;text-indent: -9999px;}
/*path変更*/

#head #sName a{width: 192px;background-position: 0 0;}
#head #sName a:hover{ background-position: 0 -26px;}

#head #nHome a{width: 30px; background-position: 0 -51px;}
#head #nStore a{width: 56px; background-position: -45px -51px;}
#head #nShop a{width: 42px; background-position: -116px -51px;}
/*#head #nLab a{width: 88px; background-position: -173px -51px;}*/
#head #nLab a{width: 88px; background-position: -173px -76px;}
#head #nMymuji a{width: 38px; background-position: -430px -51px;}
#head #nContact a{width: 61px; background-position: -354px -51px;}
#head #nGS a{width: 63px; background-position: -276px -51px;}
#head #nHome a:hover{background-position: 0 -76px;}
#head #nStore a:hover{background-position: -45px -76px;}
#head #nShop a:hover{background-position: -116px -76px;}
/*#head #nLab a:hover{background-position: -173px -76px;}*/
#head #nMymuji a:hover{background-position: -430px -76px;}
#head #nContact a:hover{background-position: -354px -76px;}
#head #nGS a:hover{background-position: -276px -76px;}

.content{padding-top: 40px;}
#sNav{float: left;width: 155px;}
#main{float: right;}

#sNav h2 {margin-top: 9px;padding-bottom: 0;}
#sNav h2#nRequest {margin-top: 25px;}
#sNav .scttop h2{margin-top: 0;}
#sNav ul{margin-top: 15px;}
#sNav ul.iLink{margin-top: 0;padding: 0;}

#sNav li{margin-top: 5px;font-size: 11px;}
#sNav p{padding-top: 15px;font-size: 10px;line-height: 1.3;}

#sNav ul,#sNav p{padding-left:10px;}

#sNav .sct{padding: 10px 0 18px 0;border-top: 1px solid #E6E6E6;}
#sNav .scttop{padding: 0 0 20px 0;border: none;}
#sNav p.iLink{padding-top: 20px;padding-left: 0;}
#sNav .iLink li{margin-top: 10px;font-size: 1px;line-height:1px;}

#sNav h2{
background-image: url(https://www.muji.com/jp/img/lab/img/sprite_snav_04.png);background-repeat: no-repeat;font-size: 1px;line-height: 1px;text-indent: -9999px;
}
#sNav h2 a, #sNav .iLink a, #sNav .monthly li{
/*path変更*/
display: block;overflow: hidden;background-image: url(https://www.muji.com/jp/img/lab/img/sprite_snav_04.png);background-repeat: no-repeat;font-size: 1px;line-height: 1px;text-indent: -9999px;
/*path変更*/
}

#nTheme{height: 20px;background-position: 0 -126px;}
#nBlog{height: 12px;background-position: 0 -563px;}
#nKorekara{height: 12px;background-position: 0 -580px;}
#nKakkoku{height: 12px;background-position: 0 -597px;}

#nMonthly a{width: 155px;height: 104px;}
#nMonthly a:hover{background-position: -155px 0}
#n1{height: 11px;background-position: -310px -115px;}
#n2{height: 11px;background-position: -310px -136px;}
#n3{height: 27px;background-position: -310px -157px;}
#n4{height: 11px;background-position: -310px -194px;}
#n5{height: 11px;background-position: -810px -115px;}
#n1 a{height: 11px;background-position: 0 -115px;}
#n2 a{height: 11px;background-position: 0 -136px;}
#n3 a{height: 27px;background-position: 0 -157px;}
#n4 a{height: 11px;background-position: 0 -194px;}
#n5 a{height: 11px;background-position: -500px -115px;}
#n1 a:hover{background-position: -155px -115px;}
#n2 a:hover{background-position: -155px -136px;}
#n3 a:hover{background-position: -155px -157px;}
#n4 a:hover{background-position: -155px -194px;}
#n5 a:hover{background-position: -655px -115px;}
#sNav #nHist a{width: 73px;height: 17px;background-position: 0 -224px;}
#sNav #nHist a:hover{background-position: -155px -224px;}

#nIfuku a{height: 13px;background-position: 0 -156px;}
#nShokuhin a{height: 13px;background-position: 0 -179px;}
#nZakka a{height: 13px;background-position: 0 -202px;}
#nIfuku a:hover{background-position: -155px -156px;}
#nShokuhin a:hover{background-position: -155px -179px;}
#nZakka a:hover{background-position: -155px -202px;}
#sNav #nProjectList a{width: 97px;height: 17px;background-position: 0 -396px;}
#sNav #nProjectList a:hover{background-position: -155px -396px;}

#nProject a {height: 11px;background-position: 0 -665px;}
#nRequest a {height: 11px;background-position: 0 -681px;}
#nProject a:hover{background-position: -155px -665px;}
#nRequest a:hover{background-position: -155px -681px;}

#sNav p.read {padding: 5px 0 10px 10px;font-size: 11px;}
#sNav #nGoiken, #sNav #nSaiko, #sNav #nLocalnippon{background: #FFF;}
#nGoiken a{height: 15px;background-position: 0 -305px;}
#nGoiken a:hover{background-position: -155px -305px;}
#nSaiko a{height: 15px;background-position: 0 -340px;}
#nSaiko a:hover{background-position: -155px -340px;}
#sNav p#nSaiko { padding-top: 10px; }
#nLocalnippon a{height: 28px;background-position: 0 -631px;}
#nLocalnippon a:hover{background-position: -155px -631px;}

#sNav #nBlogList a{width: 73px;height: 17px;background-position: 0 -600px;}
#sNav #nBlogList a:hover{background-position: -155px -600px;}

#nReport a{height: 11px;background-position: 0 -394px;}
#nEnquete a{height: 11px;background-position: 0 -415px;}
#nInfo a{height: 11px;background-position: 0 -436px;}
#nMovie a{height: 11px;background-position: 0 -457px;}
#nReport a:hover{background-position: -155px -394px;}
#nEnquete a:hover{background-position: -155px -415px;}
#nInfo a:hover{background-position: -155px -436px;}
#nMovie a:hover{background-position: -155px -457px;}

#sNav #nAtelier{background: #FFF;}
#nAtelier a{height: 13px;background-position: 0 -509px;}
#nAtelier a:hover{background-position: -155px -509px;}

/* 1112 */
.content {padding-top: 30px;}
#sNav p.alllink {font-size: 11px;}
#sNav p.alllink a {color: #999;text-decoration: none;}
#sNav p.alllink a:hover {color: #7F0019;}