/* @import url(https://mt-jp.muji.com/service-bin/mt/mt-static/themes-base/blog.css); */ /* @import url(https://mt-jp.muji.com/service-bin/mt/mt-static/themes/minimalist-red/screen.css); */ @charset "utf-8"; body {color:#333; font: 12px/1.4 "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;} div.main-image {margin-bottom: 10px;} div.main-introduction {line-height: 1.6;} div.mainArea {margin-top: 20px; padding-top: 20px; border-top: 1px solid #dddddd;} .entry-content .share {clear:both;} .entry-content .asset-header .share {float: right; clear:none;} /* .main */ .main {width: 515px; float: left;} .main div.date {color: #808080; float: left;} /* .asset-meta */ .asset-meta {margin-bottom: 20px; text-align: right;} /* .entry-content */ .entry-content h2 {font-size: 18px; font-weight: bold; margin-bottom: 10px;} .entry-content {line-height: 1.6;} .entry-content {margin-bottom: 60px;} .entry-content p { padding-bottom: 20px;} /* #head */ #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 #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;} /* #sNav */ #sNav{float: left;width: 155px; margin-right: 25px;} #main{float: right;} #sNav h2{margin-top: 9px;padding-bottom: 0;} #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(/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(/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;} #nMonthly a{width: 155px;height: 100px;} #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 */ #sNav p.alllink {font-size: 11px;} #sNav p.alllink a {color: #999;text-decoration: none;} #sNav p.alllink a:hover {color: #7F0019;} /* .localNav */ .localNav {background-color: #fff; display: inline; float: right; margin-left: 25px; padding: 0; width: 155px;} .localNav ul.about {margin-bottom: 30px;} .localNav ul.about li { padding: 1em 0; border-top: 1px solid #E6E6E6; background: url(/img/lab/common/img/ln_bg_blog.gif) no-repeat left bottom; } .localNav ul.about li span.ttl{ font-size: 11px; font-weight: bold; display: block; zoom: 1; overflow: hidden; padding-left: 15px; width: 130px; } .localNav ul.about li span.sentence{ font-size: 11px; display: block; zoom: 1; overflow: hidden; padding-left: 15px; width: 130px; } .localNav h3 {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #dddddd; font-weight: bold;} .localNav ul.file {margin-bottom: 20px;} .localNav ul.file li.date { display: block; color: #808080; font-size: 10px; padding-bottom: 2px; margin-top: 10px; text-decoration: none; } /* .navi */ .navi {padding-top: 20px; border-top: 1px solid #dddddd; margin-bottom: 30px;} .navi div.next {float: left; clear:none; font-size: 117%; padding-left: 15px;} .navi div.prev {float: right; clear:none; font-size: 117%; padding-right: 15px;} /* CLEARFIX */ #sNav, .main, .entry-content, .asset-meta, .localNav, .navi, .clearfix {zoom: 1;} #sNav:after, .main:after, .entry-content:after, .asset-meta:after, .localNav:after, .navi:after, .clearfix:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}