@charset "utf-8";

body {color:#333; font: 12px/1.4 "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;}
h1, h2, h3, h4 {font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;}
div.archive-contents p,
div.entry-content p {color:#333; font: 14px/1.8 "メイリオ","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;}
@media screen and (max-width: 768px) {	
div.mainArea {width: 100%;margin-top: 20px; padding-top: 20px; border-top: 1px solid #dddddd;}
div.mainArea img{
	max-width: 100% !important;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
}


.entry-content .share {clear:both;}
.entry-content .asset-header .share {float: right; clear:none;}

.content {
	width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 15px;
}
.content a{
	text-decoration: underline !important;
}

#footer_bottom_wrap a{
	text-decoration: none !important;
}

@media screen and (max-width: 768px) {	
.content {width: 100%; margin: 0 auto; padding: 0 0 40px 0;}
.module-content{margin: 20px 15px;}
}


/* .main */
.main {width: 60%; float: left;}
@media screen and (max-width: 768px) {	
.main {width: 90%;
    float: none;
    margin: 0 5%;}	
.main img{
	max-width: 100% !important;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
}
.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;padding: 2px 0 0 0;}
.entry-content h3 {font-size: 18px; font-weight: bold; margin: 30px 0 10px 0;}
.entry-content {line-height: 1.6;}
/*.entry-content {margin-bottom: 60px;}
.entry-content p {padding-bottom: 20px;}*/
.entry-content .entryDetail {font-size: 14px; line-height: 1.8; margin-bottom: 60px;}
.entry-content .entryDetailmonth {font-size: 14px; line-height: 1.8; margin-bottom: 20px;}
                
/* #sNav */
#sNav{float: left;width: 16%; margin-right: 4%;}
#main{float: right;}
@media screen and (max-width: 768px) {	
#sNav{float: none; display:none;}
#main{float: none; width: 100%;}
}
#sNav .sct img {
	border: 1px solid #CCCCCC;
}
#sNav .sct a:hover img, #sNav .sct a:active img {
	border:1px solid #7F0019;
}


              #sNav h1{font-weight: bold; font-size: 12px; line-height: 1.4em; color: #333; text-align: left; padding-bottom:8px;}
#sNav h2{margin-top: 9px;padding-bottom: 0;}
#sNav .scttop{padding: 0 0 20px 0;border: none;}
#sNav .scttop img{margin: 0 0 10px 0;border: 1px solid #CCCCCC;}
#sNav .scttop img.target{margin: 6px 0 4px 0; border:none;}
#sNav .scttop a:hover img, #sNav .scttop a:active img{border:1px solid #7F0019;}
#sNav .sct{padding: 15px 0 15px 0;border-top: 1px solid #E6E6E6;}
#sNav .sct img{margin-bottom: 10px;}
#sNav .sct li{padding-bottom: 10px;}
#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 p.iLink{padding-top: 20px;padding-left: 0;}
#sNav .iLink li{margin-top: 10px;font-size: 1px;line-height:1px;}

#nMonthly a{width: 155px;height: 100px;}

@media screen and (max-width: 768px) {	
#nMonthly a{width: 96%;height: 100px;margin: 0 2% 0 2%;}
}


#sNav p.read {padding: 5px 0 10px 10px;font-size: 11px;}
#sNav #nGoiken, #sNav #nSaiko{background: #FFF;}
#sNav p#nSaiko {padding-top: 10px; }

#sNav #nAtelier{background: #FFF;}
#sNav .scttoplead {font-size: 11px; padding-top: 5px; line-height:16px;}

/* .localNav */
.localNav {
    background-color: #fff;
    display: inline;
    float: right;
    margin-left: 4%;
    padding: 0;
    width: 16%;
}
.localNav h1 {
    font-size: 12px;
    line-height: 1.8;
}
.localNav ul.about {margin-bottom: 30px;}
.localNav ul.about li {
    padding: 1em 0;
    border-top: 1px solid #E6E6E6;
    /*width: 155px;*/
background:#f5f2e9;
}
.localNav ul.about li span.ttl{
    font-size: 14px;
    font-weight: bold;
    display: block; zoom: 1; overflow: hidden;
    padding: 0 0 15px 15px;
    width: 130px;
}
.localNav ul.about li span.sentence{
    font-size: 11px;
    display: block; zoom: 1; overflow: hidden;
    padding: 0 0 5px 15px;
    width: 130px;
}
.localNav ul.about li span.photo{
    display: block; zoom: 1; overflow: hidden;
    padding: 15px 0 0 0;
    width: 130px;
}

.localNav h1 {
    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;
}
.localNav span.date{
    color: #808080; font-size: 10px;
    text-decoration: none;
}
.localNav .icon {float: left; padding-right: 5px;}
.localNav h1.icon3 {padding-top: 8px;}
.localNav img.target {margin: 6px 0 4px 0;border: none;}
@media screen and (max-width: 768px) {	
.localNav {
    background-color: #fff;
    display: inline;
    float: none;
    margin: 0 2% 0 2%;
    padding: 0;
    width: 96%;
}
.localNav h1 {
    font-size: 12px;
    line-height: 1.8;
}
.localNav ul.about {margin-bottom: 30px;}
.localNav ul.about li {
    padding: 1em 0;
    width: 100%;
    background:#f5f2e9;
}
.localNav ul.about li span.ttl{
    font-size: 12px;
    font-weight: bold;
    display: block; zoom: 1; overflow: hidden;
    padding: 5%;
    width: 90%;
}
.localNav ul.about li span.sentence{
    font-size: 11px;
    display: block; zoom: 1; overflow: hidden;
padding: 3%;
width: 94%;
}
.localNav ul.about li span.photo{
display:none;
}

.localNav h1 {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dddddd;
    font-weight: bold;
	margin:0 15px;
}
.localNav ul.file {    margin: 20px 15px 30px 15px;}
.localNav ul.file li.date{
    display: block;
    color: #808080; font-size: 10px;
    padding-bottom: 2px;
    margin-top: 10px;
    text-decoration: none;
}
.localNav span.date{
    color: #808080; font-size: 10px;
    text-decoration: none;
}
.localNav .icon {float: left; padding-right: 5px; margin:0 15px;}
.localNav h1.icon3 {padding-top: 8px;}

}
/* .navi */
.navi {padding-top: 20px; border-top: 1px solid #dddddd; margin-bottom: 30px;}
.navi div.prev {float: left; clear:none; font-size: 117%; padding-left: 15px;}
.navi div.next {float: right; clear:none; font-size: 117%; padding-right: 15px;}

div.top {
    color: gray;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
    font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
    text-align: right;
    direction: ltr;
    margin-top: -5px;
    padding-right: 10px;
}

/* カテゴリ別ブログ記事リスト */
#mainArea span {
    display: inline;
}
#mainArea .itemlist li {
    float: none; width: auto;
    margin-top: 8px;
}
#mainArea .itemlist li a {
    width: auto;
}
#mainArea .itemlist li .images {
    display: inline;
    float: left;
    height: 33px;
    margin-top: 0;
    width: 80px;
}
#mainArea .itemlist li .images img {
    width: 79px; height: 33px;
}
#mainArea .itemlist li .text {
    background: url("/mt/ie/column/shared/img/navddbg.gif") no-repeat scroll 5px 0.3em transparent;
    display: inline;
    float: left;
    opacity: 1;
    overflow: hidden;
    padding: 0 0 0 15px;
    position: relative;
    width: 420px;
}
#mainArea .itemlist li .data {
    display: block;
    float: left;
    padding: 0;
    width: 5.5em;
}
#mainArea .itemlist li .title {
    background: none repeat scroll 0 0 transparent;
    clear: none;
    display: block;
    overflow: hidden;
    font-weight: bold;
    padding: 0 0 0 15px;
}
@media screen and (max-width: 768px) {	
#mainArea span {
    display: inline;
}
#mainArea .itemlist li {
    float: none;
	max-width: 100% !important;
	height: 100% !important;
	border-bottom: dotted 1px #ccc;
}
#mainArea .itemlist li a {
    width: 100%;
	height: 100% !important;
	padding: 10px 5px 10px 0;
}

#mainArea .itemlist li .images {
	display: inline;
	float: left;
	width: 80px;
}
#mainArea .itemlist li .images img {
	width: 80px; height: auto;
	padding-bottom:10px;
}
#mainArea .itemlist li .text {
	display: inline;
    float: right;
    opacity: 1;
    overflow: hidden;
	padding-left: 15px;
    width: 100%;
}
#mainArea .itemlist li .data {
	background: url("/mt/ie/column/shared/img/navddbg.gif") no-repeat scroll 5px 0.3em transparent;
    display: block;
    float: left;
    padding: 0;
    padding-left: 15px;
}
#mainArea .itemlist li .title {
    background: none repeat scroll 0 0 transparent;
	clear: none;
    display: block;
    overflow: hidden;
	text-align: left;
}
}
/* #profile */
#profile img {
    text-align: center;
    display: block;
    margin: 10px auto 0;
}

/* #plan201212 */
#plan201212 img img {
    text-align: center;
    display: block;
    padding: 10px auto 0;
}
#plan201212 p.link p.link {
    display: block;
    margin-bottom: 30px;
}

/* #story */
#story img {
    text-align: center;
    display: block;
    margin: 10px auto 0;
}
#gaiyou {
	clear: both;
	margin: 20px 0;
}
#gaiyou dt{
	clear: both;
	font-weight: bold;
	float:left;
	width:99px;
}
#gaiyou dd{
	float:left;
	padding-bottom: 30px;
	width: 415px;
}
#gaiyou dd h1{
	font-weight: bold;
}
#gaiyou dd p{
	padding-bottom: 15px;
}
#gaiyou dd .separator {
    border-left: 2px solid #9FA0A0;
    padding-left: 20px;
}
#select {
	clear: both;
	padding-bottom: 20px;
}
#select h1 {
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}
#select dt {
	float: left;
	font-weight: bold;
	width: 100px;
}
#select dt .separator {
	border-right: 2px solid #9FA0A0;
	padding-right: 20px;
}
#select dd {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #999999;
	width: 350px;
}
#select dd.step1{
	margin: 0 0 10px 20px;
}
#select dd.step2,
#select dd.step3{
	margin: 0 0 10px 120px;
}
#select dd p {
	font-size: 12px;
}

@media screen and (max-width: 768px) {	
/* #story */
#story img {
    text-align: center;
    display: block;
    margin: 10px auto 0;
}
#gaiyou {
	clear: both;
	margin: 20px 0;
}
#gaiyou dt{
	clear: both;
	font-weight: bold;
	float:left;
	width:5%;
}
#gaiyou dd{
	float:left;
	padding-bottom: 30px;
	width: 90%;
}
#gaiyou dd h1{
	font-weight: bold;
}
#gaiyou dd p{
	padding-bottom: 15px;
}
#gaiyou dd .separator {
    border-left: 2px solid #9FA0A0;
    padding-left: 5%;
}
#select {
	clear: both;
	padding-bottom: 20px;
}
#select h1 {
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}
#select dt {
	float: left;
	font-weight: bold;
	width: 10%;
}
#select dt .separator {
	border-right: 2px solid #9FA0A0;
	padding-right: 20px;
}
#select dd {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #999999;
	width: 90%;
}
#select dd.step1{
	margin: 0 0 10px 20px;
}
#select dd.step2,
#select dd.step3{
	margin: 0 0 10px 5%;
}
#select dd p {
	font-size: 12px;
}
}

/* --------------------------------
140502追加
-------------------------------- */
.grayArea {
	clear: both;
	width: 476px; /* for IE6,7 */
	background: #F1F1F1;
	padding: 15px 20px 15px 20px;
	margin-bottom: 30px;
}
.grayArea h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.grayArea p {
	display: block;
	width: 466;
	padding: 5px;
	line-height: 1.5;
}
.grayArea .txtb {
	font-size: 14px;
}
@media screen and (max-width: 768px) {	
.grayArea {
	clear: both;
	width: 80%; /* for IE6,7 */
	background: #F1F1F1;
	padding: 15px 10% 15px 10%;
	margin-bottom: 30px;
}
.grayArea h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.grayArea p {
	display: block;
	width: 90%;
	padding: 5%;
	line-height: 1.5;
}
.grayArea .txtb {
	font-size: 14px;
}


}



/* --------------------------------
mujiur/shared/css/layout.css
mujiur/shared/css/base.css から
-------------------------------- */
#footer_link_wrap {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 15px;
    line-height: 24px;
}

#footer_link_wrap a{
	text-decoration: none !important;
}
/* CLEARFIX カテゴリ別ブログ記事リスト */
#mainArea .itemlist li a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#mainArea .itemlist li a { display: inline-block; }
/* \*/
* html #mainArea .itemlist li a { height: 1%; }
#mainArea .itemlist li a { display: block; }
/* */

/* CLEARFIX */
#container, #sNav, .main, .entry-content, .asset-meta, .localNav, .navi, .clearfix {
    zoom: 1;}
#container:after, #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;}
    
/*---------------------------------
141216_写真配置（キャプション付）
2列レイアウト追加
--------------------------------*/
#photo_wrap{
width: 620px;
height: 100%;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/**/
#photo_wrap div.p_area2{
width: 308px;
height: 100%;
float:left;
margin-right:4px;
}
#photo_wrap div.p_area2:last-child{
margin-right: 0;
}
/**/
#photo_wrap div.tx_caption2{
font-size:11px;
padding: 5px 0;
}
@media screen and (max-width: 768px) {	
#photo_wrap{
width: 100%;
height: 100%;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/**/
#photo_wrap div.p_area2{
width: 100%;
height: 100%;
float:none;
margin-right:4px;
}
#photo_wrap div.p_area2:last-child{
margin-right: 0;
}
/**/
#photo_wrap div.tx_caption2{
font-size:11px;
padding: 5px 0;
}
}

/*---------------------------------
150211_間取図fancybox（元コード千里シェア→DIY用に改変）
--------------------------------*/

/* #photo201212 */
#photo201212 img {
    text-align: center;
    display: block;
    padding: 10px auto 0;
}
#photo201212 p.link {
    display: block;
    margin-bottom: 30px;
}
#photo201212 img.mt-image-center{
    text-align: center;
    margin: 40px auto;
}
/* --------------------------------
150211_fancybox_flipsnap
-------------------------------- */
div.viewport{
margin:2px 0 2px 0;
overflow: hidden;
}
/**/
.flipsnap {
    width: 620px;
}
.flipsnap:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }

.item {
  width: 145px;
  padding: 0;
  float: left;
}
/**/
div.viewport ul{
margin:0 0 0 0;
}

div.viewport ul:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

div.viewport ul li{
width:145px;
float:left;
margin:5px 5px 0 0;
overflow:hidden;
}

div.viewport ul li a{
border:1px solid #fff;
display:block;
overflow:hidden;
}

div.viewport ul li a:hover,
div.viewport ul li a:focus,
div.viewport ul li a:active{
border:1px solid #7a0018;
}

/**/
div.viewport ul li.map{
	width:100%;
}/*141021*/
div.viewport ul li.map a{
border:none;
}/*141021*/
div.viewport ul li.map a:hover,
div.viewport ul li.map a:focus,
div.viewport ul li.map a:active{
border:none;
}/*141021*/
/**/
/**/
@media screen and (max-width: 768px) {	
.viewport {
    width: 100%;
    overflow: hidden;
    margin: 0 ;
}
.flipsnap {
  width: 5000px;
  /* 145px(item) * 20 */
}

.flipsnap:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }

.item {
  width: 145px;
  padding: 0;
  float: left;
}
.pointer {
  text-align: center;
  line-height: 12px;
  padding-top:5px;
  }
.pointer {  text-align: left; margin: 0 5% 0 5%; }
.pointer span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: 1px solid #ccc; }

.pointer span.current {
  background: #999; }
}

/*---------------------------------
150304_エントリータイトル　カテゴリー名表示
--------------------------------*/
.hentry {
margin-top: 0;
}

.asset-header .entry-categories ul {

width: 10%;
margin: 0;
padding: 0;
}

ul {
list-style: none;
}
.asset-header .entry-categories li.full_diy {
float: left;
margin: 0 5px 0 0;
padding: 3px 0 3px 6px;
list-style: none;
background-color: #8a9abd;
color: #FFFFFF;
font-weight: bold;
white-space: nowrap;
text-align: center;
border-radius: 5px;
vertical-align: middle;
text-align: center;
font-size: 13px;
}

.asset-header .entry-categories li.puchi_diy {
float: left;
margin: 0 5px 0 0;
padding: 3px 0 3px 6px;
list-style: none;
background-color: #bdcc8a;
color: #FFFFFF;
font-weight: bold;
white-space: nowrap;
text-align: center;
border-radius: 5px;
vertical-align: middle;
text-align: center;
font-size: 13px;
}


/*---------------------------------
150304_サイドナビ(localNavi)　カテゴリー名表示
--------------------------------*/

.localNav ul.file li.full_diy {
background: url(/img/ie/ur_diy/icon_full.gif) no-repeat top left;
padding-left: 20px;
}
.localNav ul.file li.puchi_diy {
background: url(/img/ie/ur_diy/icon_mini.gif) no-repeat top left;
padding-left: 20px;
}

/**/

.localNav ul.file li.full_diy2 {
	display: block;
    background:rgba(138,154,189,0.7);
	border-radius: 5px;
	margin-bottom: 1px;
}
.localNav ul.file li.puchi_diy2 {
	display: block;
	background: rgba(189,204,138,0.7);
	border-radius: 5px;
	margin-bottom: 1px;
}

.localNav ul.file li.full_diy2 a{
	display: block;
	color: #FFFFFF;
	padding-left: 5px;
}
.localNav ul.file li.puchi_diy2 a{
	display: block;
	color: #FFFFFF;
	padding-left: 5px;
}

.localNav ul.file li.full_diy2 a:hover{
	background:rgba(138,154,189,1.0);
	border-radius: 5px;
}
.localNav ul.file li.puchi_diy2 a:hover{
    background: rgba(189,204,138,1.0);
	border-radius: 5px;
}

/*---------------------------------
150304_カテゴリ一覧タイトル制御
--------------------------------*/
div.cont-full_diy h2.title-category{
	width: 100%;
	border-radius: 5px;
	background: #8a9abd !important;
	color: #fff !important;
	padding: 3px 3px 3px 10px;
}
div.cont-puchi_diy h2.title-category{
	width: 100%;
	border-radius: 5px;
	background: #bdcc8a !important;
	color: #fff !important;
	padding: 3px 3px 3px 10px;
}


/*---------------------------------
150304_月別アーカイブの記事一覧　カテゴリー名表示
--------------------------------*/
ul {
list-style: none;
}
.entry-content li.full_diy {
float: left;
margin: 0 5px 0 0;
padding: 3px;
list-style: none;
background-color: #8a9abd;
color: #FFFFFF;
font-weight: bold;
white-space: nowrap;
text-align: center;
border-radius: 5px;
vertical-align: middle;
text-align: center;
font-size: 13px;
}
.entry-content li.puchi_diy {
float: left;
margin: 0 5px 0 0;
padding: 3px;
list-style: none;
background-color: #bdcc8a;
color: #FFFFFF;
font-weight: bold;
white-space: nowrap;
text-align: center;
border-radius: 5px;
vertical-align: middle;
text-align: center;
font-size: 13px;
}

/*---------------------------------
150304_間取図と写真ページ　カテゴリー名表示
--------------------------------*/
span.full_diy_madori {
float: left;
margin: 0 5px 0 0;
padding: 3px 0 3px 6px;
list-style: none;
background-color: #8a9abd;
color: #FFFFFF;
font-weight: bold;
white-space: nowrap;
text-align: center;
border-radius: 5px;
vertical-align: middle;
text-align: center;
font-size: 13px;
}

span.puchi_diy_madori {
float: left;
margin: 0 5px 0 0;
padding: 3px 0 3px 6px;
list-style: none;
background-color: #bdcc8a;
color: #FFFFFF;
font-weight: bold;
white-space: nowrap;
text-align: center;
border-radius: 5px;
vertical-align: middle;
text-align: center;
font-size: 13px;
}

@media screen and (max-width: 1060px) {	

#mujihouse_foot_wrap_sp ul.foot_sp li.li-fb {padding:15px;}
#mujihouse_foot_wrap_sp ul.foot_sp li.li-mail {padding:15px;}
#mujihouse_foot_wrap_sp ul.foot_sp li.li-ur {padding:15px;}

}

div.link_block1 {padding-top:0 !important;}
#footer_link_wrap p {
    font-weight: bold;
    height: auto !important;
    font-size: 16px !important;
	padding: 10px 0 20px 0;
}