@charset "UTF-8";

#main a {text-decoration: none;}
#siteName a {width: 100px;}

.relatedLink {margin: 20px 0;}
.relatedLink a {display: inline-block; background: url(http://www.muji.net/img/common/arrow_right.png) no-repeat 14px 50%; border: 1px solid #ccc; padding: 7px 14px 7px 28px; text-decoration: none; font-weight: bold;}
.relatedLink a:hover {border: 1px solid #7F0019;}

#main {width: auto; margin: 0;}
.section p {font-size: 14px; line-height: 1.75;}
.section .note {font-size: 12px; margin-top: 10px;}

#intro,
.wrapper,
#main nav {width: 880px; margin: 15px auto;}
.wrapper {margin:0 auto;}
#main nav {margin: 20px auto 40px;}
#main nav a {padding-top:0; display: block; width: auto; filter: alpha(opacity=100); opacity: 1; font-weight: bold; font-size:14px; height:32px;}
#main nav a .menuIcon {font-size:11px; display:block;}

#main nav .coodinate a,
#main nav .voice a,
#main nav .benefit a {padding-top:0; display: block; width: auto; filter: alpha(opacity=100); opacity: 1; font-weight: bold; font-size:13px; height:32px; margin-top:5px;}

#main nav .service1 a,
#main nav .service2 a {font-weight: bold; width: auto;}
#main nav .service1 a span,
#main nav .service2 a span,
#main nav .service3 a span {display:block;}

#main nav .shoplistall {margin:-7px 0 0 20px;}
#main nav .shoplistall a {display: inline-block; background: url(http://www.muji.net/img/common/arrow_right.png) no-repeat 14px 50%; border: 1px solid #ccc; padding: 7px 14px 7px 28px; text-decoration: none; font-weight: bold; width: 90px;}
#main nav .shoplistall a:hover {border: 1px solid #7F0019;}

.section h1 {font-size: 30px; font-weight: bold; height: auto; line-height: 45px; margin-bottom: 20px;}
.section h1 span {font-size: 18px; display: block; line-height: 22px;}
.section section h1 {font-size: 18px;}

#service1 #movie {margin:50px auto; text-align:center;}
#service3 {background: url(http://www.muji.net/shop/advisor/img/img_section03.jpg) no-repeat center top;}

#service3 .column2 {margin-top:20px;}
#service3 .column2 figure,
#service3 .column2 .lead {display:inline-block; vertical-align:top;}
#service3 .column2 figure {width:240px; margin-right:30px;}
#service3 .column2 .lead {width:600px; margin-top:20px;}
#service3 .column2 figure img {width:240px;}
#service3 .relatedLink {margin:0;}
#service3 h1 {margin:80px 0 30px;}
#service3 h1 .new {border:1px solid #7f0019; padding:2px; border-radius:2px; font-size:13px; color:#7f0019; font-weight:bold; width:180px; text-align:center; margin-bottom:10px;}

#intro {margin: 0 auto ; background: url(http://www.muji.net/shop/advisor/img/maintitle.png) no-repeat;height: 200px;
	padding-bottom: 10px;
}
#intro h1 {float: left; font: 0/0 a; text-shadow: none; color: transparent;}
#intro .lead {margin-left:340px; padding-top: 90px; font-size: 14px;}
#intro:after {content: ""; clear: both; display: block;}

nav {height: 35px; position: relative;}
nav .wrapper {position: absolute; top: 10px;
    background-color: #FFFFFF;
    margin: 0 -580px;
    padding: 5px 0 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 2000px;
	z-index: 3;
}
nav ul {display: inline-block;}
nav ul:after {content: ""; clear: both; display: block;}nav li {float: left; margin: 0 20px; vertical-align: middle; text-align:left;}

#main nav ul {
    border-left: 1px solid #E8E8E8;
    margin-left: 40px;
    text-align: left;
    vertical-align: bottom;
}
#main nav li {vertical-align:bottom; text-align: left; margin:0 0 0 10px;}
#main nav li.advisorTop {margin-left:24px;}
#main nav .service1 a,
#main nav .service2 a,
#main nav .service3 a,
#main nav .coodinate,
#main nav .voice,
#main nav .benefit {
    background: url("/img/common/arrow_down.png") no-repeat scroll 5px 22px rgba(0, 0, 0, 0);
    border-right: 1px solid #e8e8e8;
    display: block;
    height: 30px;
    margin-top: 0;
    padding: 10px 20px;
    text-decoration: none;
}

.lead {font-size: 16px; line-height: 1.6; margin-bottom: 10px;}

#news {background: #f8f8f8; padding: 0; margin:80px 0 30px; height:150px;}
#news .news {padding: 20px; margin:0;}
#news:after {content: ""; display: block; clear: both;}
#news {overflow: hidden; width:520px; display: inline-block; margin: 5px 10px 30px 0; overflow: hidden; vertical-align: top;}
#news h2 {display:inline-block; margin:0; font-size:13px; font-weight:bold; width:70px; vertical-align:top;}
#news #newsAdvisor {display:inline-block; width:400px;}
#news a {margin-right: 5px; text-decoration: underline;}
#news li {margin-bottom: 5px;}
.section {margin-bottom: 120px; padding-top: 400px;}
#service1.section,
#advisor.section {padding-top: 0;}
.section h2 {margin: 30px 0 10px; font-weight: bold; font-size: 14px;}
.itemList:after {content: ""; clear: both; display: block;}
.itemList .name{font-size:11px;}
.itemList .price{margin-top:5px;display:block;color:#000;}
#main .itemList {margin-top: 30px;}
#main .itemList ul {margin-right:-20px; letter-spacing:-.40em;}
#main .itemList li {display: inline-block; letter-spacing: normal; margin: 0 20px 10px 0; vertical-align: top; width: 160px;}
#main .itemList .thumb {display: block; margin: 0 0 3px; text-align: center;}
#main .itemList a {display: block;}
#main .itemList img {width: 160px;}

.price {font-size: 11px;}
.price del {display: block; color: #999;}
.price del {*text-decoration: line-through;}
.price del:after {content:"→";}
.price ins {display: block; color: #7f0019;}
.price .num {font-size: 14px; font-weight: bold; margin: 0 2px; font-family: "Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック" ,sans-serif;}
.price del .num {font-size: 11px;}

#living {background: url(img/living0.jpg) no-repeat center top;}
#living:after {content: ""; clear: both; display: block;}
#living figure {float: right; margin-left: 40px;}
#living:after {content: ""; clear: both; display: block;}
#living .shopList a {text-decoration: underline;}

#main aside {background: #f6f6f6; padding: 20px; overflow: hidden;}
#main aside p {margin-bottom: 20px; font-size: 12px;}
#main aside>h2 {margin: 0 0 10px;}
#main aside li {margin-bottom: 5px;}


#benefit {background: #f6f6f6; padding: 20px 0;}
#benefit:after {content: ""; display: block; clear: both;}
#benefit h1 {font-size: 24px; font-weight: bold; margin: 0 0 10px; line-height: 50px;}
#main #benefit.section {margin: 20px 0 60px;}

#event {float: left; width: 600px; margin-bottom: 0;}
#event.campaign {float: left; width: auto; margin-bottom: 0;}/*大相談会*/
#event h1 {width:auto; margin-bottom:7px;}
#event h1 span {line-height:10px; margin-top:10px;}
#event ul.annotation li {margin-bottom:5px; color:#191919; font-size:13px;}
#event ul {position:relative; margin:20px 0; width:100%;}
#event.campaign ul {position:relative; margin:0 0 50px 50px; width:100%;}/*大相談会*/
#event li {width:540px; diplay:inline-block; margin-right:10px; vertical-align:bottom; text-align:left;}
#event.campaign li {width:260px; diplay:inline-block; margin-right:10px; vertical-align:bottom; text-align:left;}/*大相談会*/
#event li .type1 img {width:180px;}
#event li .type2_1 {position:absolute; top:0; left:250px;}
#event li .type2_2 {position:absolute; top:15px; left:310px;}
#event li .type2_1 img,
#event li .type2_2 img {width:160px;}
#event li .type3_1 {position:absolute; top:0; left:540px;}
#event li .type3_2 {position:absolute; top:10px; left:580px;}
#event li .type3_3 {position:absolute; top:20px; left:620px;}
#event li .type3_1 img,
#event li .type3_2 img,
#event li .type3_3 img {width:140px;}
#event li .caption {display:block; font-weight:bold;}
#event #type1 .caption {position:absolute; top:118px; left:0;}
#event #type2 .caption {position:absolute; top:118px; left:250px;}
#event #type3 .caption {position:absolute; top:118px; left:540px;}
#event dl {margin:20px 0;}
#event dt {font-size:16px; font-weight:bold; margin:30px 0 5px;}
#event dt span {display:inline-block; background-color:#7f0019; padding:3px 8px 2px; border-radius:4px; color:#fff; margin-right:10px; font-size:14px;}
#event dd {margin-left:5.2em;}


#cardimg {float: right; width: 228px; margin-top:70px;}

#sns {margin: 40px auto 0;}
#sns li {float: left; margin-right: 10px; margin-top: -7px;}
#sns li.tw {width: 100px;}
#sns li.fb iframe {width: 115px !important;}

#pageEnd {margin-top: 0;}

.lead,
.column2,
#relatedLink {zoom:1;}
.column2:after,
#relatedLink:after,
.planningMenu #simulator .column2:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}
body .content {font-size: 14px;}
body.shop.list .content {font-size: 13px;}
header {margin:0;}
header h1 {margin-bottom:10px;}

.lead {line-height: 1.75; margin-bottom: 15px;}
.lead a {float: right; margin-top: -25px; font-size: 12px;}
.lead img {display: block;}

section#advisorTop {
	width: 880px;
	margin:60px auto;
}

section#advisorTop .banner {
	width:100%;
	height:126px;
	background: none repeat scroll 0 0 #000000;
	margin:15px 0 0;
	border:solid 1px #f0f0f0;
}
section#advisorTop .banner a {
	width:100%;
	height:126px;
	}
section#advisorTop .banner a img {
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
    display: block;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
section#advisorTop .banner a:hover img {
    opacity: 0.9;
}
section#advisorTop .benefitItem a:hover {color:#333;}
section#advisorTop .banner,
section#advisorTop .benefitItem {display:inline-block; vertical-align:top; float:none;}
section#advisorTop .banner {margin:25px 0 60px;}
section#advisorTop .banner p {margin:5px 0 30px;}
section#advisorTop .benefitItem img {width:170px; margin-bottom:3px;}
section#advisorTop .shopLink img {margin:2px 0 6px;}
section#advisorTop .benefitItem p,
section#advisorTop .shopLink p {font-size:12px; margin:0; line-height: 1.6; padding-right: 2px;}
section#advisorTop .benefitItem span,
section#advisorTop .shopLink span {display:block; font-weight:bold;}
section#advisorTop .benefitItem,
section#advisorTop .shopLink {background:#999; border-radius:7px;}
section#advisorTop .benefitItem {margin-right:5px;}
section#advisorTop .benefitItem a {padding:5px 1px 5px 5px; width:172px; background:#fff; display:block; text-decoration:none; color:#333;border-radius:5px;}
section#advisorTop .shopLink a {padding:5px; width:150px; background:#fff; display:block; text-decoration:none; color:#333;border-radius:5px;}
section#advisorTop .benefitItem a:hover,
section#advisorTop .shopLink a:hover {
		-webkit-transition: 0;
		   -moz-transition: 0;
		     -o-transition: 0;
		        transition: 0;
		filter: alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
		}
section#advisorTop .benefitItem a,
section#advisorTop .shopLink a {vertical-align:bottom;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
		     -o-transition: all .2s ease;
		        transition: all .2s ease;
		}
section#advisorTop .shopLink {display:inline-block; vertical-align:top; width:150px;}
section#advisorTop .benefitItem .desc {width:165px; font-weight:normal;}

header a {text-decoration: none; color:#333;}
header a:hover {text-decoration: none; color:#333;}
header .lead {width:670px; margin-right:15px; display:inline-block; margin-bottom:0; padding-bottom:0; vertical-align:middle; line-height:1.7;}

.ai {quotes: "・" "・";}
.ai:before {content: open-quote;}
.ai {font-weight: bold; display: inline-block; content:open-quote; margin-right: 10px;}
#advisor dt {margin-top: 20px;}
#advisor section h1 {font-size: 16px; margin:5px 0;}
#advisor section dl {border:1px solid #ccc; padding:15px; margin:5px 0; font-size:13px;}
#advisor section dt {margin:12px 0 2px;}
#advisor section dt:nth-child(1) {margin-top:0;}

.annotation {color: #555;display: block; font-size: 12px; margin-top: 3px;}
.annotation li{margin-bottom:0;}
.annotation.asterisk {text-indent: -1.2em; padding-left:1.2em;}
#advisor span.annotation {margin-top:0; margin-bottom:10px; font-size: 12px; color: #666; display: block;}

section p {margin-bottom: 10px; line-height: 1.7; font-size:14px;}
section {margin-bottom:30px;}
section.menu {margin-bottom:10px;}
section.menu#mattress {margin-bottom:40px;}
section h1 {font-size:24px; font-weight:bold; margin:25px 0; color:#191919;}
section h1 span {font-size:12px; font-weight:bold; color:#191919;}
section h1 + p {margin-bottom:30px;}
section#event h1 + p {margin-bottom:20px;}

#snSection2 .column2 .hakkensaiShop {font-size: 12px; margin-bottom: 15px; background-color: #e8e8e8; padding: 10px;}
#snSection2 .column2 .hakkensaiShop dt {font-weight: bold; margin-bottom:5px;}

.column3 .col {width: 240px; margin-right: 20px; line-height:1.7;}
.column3 {margin-right: -20px; letter-spacing: -.40em;}
.column3 * {letter-spacing: normal;}
.column3 .col {
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
vertical-align: top;
}

#voice .column3 .col {background-color: #efefef; padding: 15px; margin:0 20px 20px 0; border-radius: 10px;}
#voice .column3 .col:nth-child(3n) {margin-right:0;}
#voice .column3 .col p:first-letter {font-size: 18px; font-weight: bold;}
#main #voice.section {margin:0 0 80px; padding-top: 40px;}

.consultingFlow .stepNavi {margin-right:-14px; overflow:hidden;}
.consultingFlow .stepNavi li {display:inline-block; width:210px; margin-right:10px; vertical-align:top; overflow:hidden;}
.stepNavi li span.title {
padding:7px 25px 10px 15px;
height: 15px;
background:url("http://www.muji.net/img/store/cart/crumbs2.png") no-repeat scroll 100% 0 #f0f0f0;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
display:block;
margin:0 2px 10px 0;
color: #191919;
font-weight:bold;
}

.pdf {display:inline-block; font-size:12px; color:#333; margin-top:5px;}
h2 {font-size:16px; font-weight:bold; margin:12px 0;}

/*shopList*/
body#advisorTop.shop.list #main h1 {font-size:30px; font-weight:bold; display:inline-block; vertical-align:middle;}
body#advisorTop.shop.list #main nav {display:inline-block; width:880px; vertical-align:middle; text-align:left; height: auto; margin-bottom:0;}
body#advisorTop.shop.list #main nav ul {vertical-align:bottom; text-align: left; margin-left:14px; border-left: none;}
body#advisorTop.shop.list #main nav li {vertical-align:bottom; text-align: left; margin:5px 0 0 10px;}
body#advisorTop.shop.list #main nav li.advisorTop {margin-left:24px;}
body#advisorTop.shop.list #main nav .service1 a,
body#advisorTop.shop.list #main nav .service2 a,
body#advisorTop.shop.list #main nav .service3 a {
    background: url("/img/common/arrow_down.png") no-repeat scroll 2px center rgba(0, 0, 0, 0);
    border-right: 1px solid #E8E8E8;
    display: block;
    padding: 5px 20px 5px 14px;
    text-decoration: none;
    margin-top:0;
    height: auto;
}
body#advisorTop.shop.list #main nav .service1 a {
    background: url("/img/common/arrow_down.png") no-repeat scroll 11px center rgba(0, 0, 0, 0);
    border-left: 1px solid #E8E8E8;
    padding: 5px 22px;
}
body#advisorTop.shop.list #main nav .advisorTop {margin-left:5px 0 0 20px;}
body#advisorTop.shop.list #main nav .advisorTop a {display: inline-block; background: url(http://www.muji.net/img/common/arrow_right.png) no-repeat 14px 50%; border: 1px solid #ccc; padding: 7px 14px 7px 28px; text-decoration: none; font-weight: bold; width: auto; height: auto;}
body#advisorTop.shop.list #main nav .advisorTop a:hover {border: 1px solid #7F0019;}
body#advisorTop.shop.list #main .wrapper {width: 2000px; margin:30px auto;}
body#advisorTop.shop.list #main .wrapper nav {background-color: #ffffff;
    margin: 0 20px;
    padding: 0;
    text-align: center;
    width: auto;
    z-index: 3;
    vertical-align:middle;
    }

body#advisorTop.shop.list #serviceDisc .column2 .col {display:inline-block; width:540px; margin-right:35px; vertical-align:top;}
body#advisorTop.shop.list #serviceDisc .column2 .col+.col {width:300px; margin-right:0;}
body#advisorTop.shop.list #service01 {padding-top:180px; margin:-160px 0 90px;}
body#advisorTop.shop.list #service03 {padding-top:90px;}
body#advisorTop.shop.list #service03 h1 {vertical-align:middle;}
body#advisorTop.shop.list #service03 h1 span {display:inline-block; font-size:12px; padding:7px 8px; margin-left:15px; border:1px solid #333; border-radius:3px; width:auto; vertical-align:middle; margin-top:-6px;}

#service {margin-top:20px;}
#service li {display:inline-block; width:228px; margin:0 20px 15px 0; vertical-align:top; font-size:13px;}
#service li:nth-child(3) {display:block; width:auto;}
#service .icon {font-weight:bold; display:inline-block; margin-right:5px; background-color:#777; padding:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; vertical-align:middle; color:#fff; width:33px; text-align:center;}
#service .icon.ia,
#service .icon.ls,
#service .icon.storage {font-weight:bold; display:inline-block; margin-right:5px; background-color:#eee; padding:5px; border-radius:5px; vertical-align:middle; color:#555; width:33px; text-align:center;}
#service .icon.idee {font:0/0 a; text-shadow:none; background:#777 url(/shop/advisor/img/idee_logo.png) no-repeat center center; height:18px; width:33px;}

#shopList .pref {margin:10px auto 0; width:780px;}
#shopList h2 {width:880px; margin-top:40px;}
#shopList ul.pref li {display:inline-block; margin:0 5px 3px 0;}
#shopList ul.pref li:after {content:"|"; margin-left:10px;}
#shopList ul.pref li.last:after {content:none;}
#shopList ul.shopInfo li ul.service li:after {content:none;}
#shopList ul.shopInfo li ul.service li span {font-size:10px; font-weight:normal; display:inline-block; margin:0 3px; background-color:#777; padding:3px; border-radius:3px; vertical-align:middle; color:#fff; width:28px; text-align:center; letter-spacing:0.01em;}
#shopList ul.shopInfo li ul.service li span.ia,
#shopList ul.shopInfo li ul.service li span.ls,
#shopList ul.shopInfo li ul.service li span.storage {font-size:10px; font-weight:normal; display:inline-block; margin:0 3px; background-color:#eee; padding:3px; border-radius:3px; vertical-align:middle; color:#555; width:28px; text-align:center; letter-spacing:0.01em;}
#shopList ul.shopInfo li ul.service li span.idee {font:0/0 a; text-shadow:none; background:#777 url(/shop/advisor/img/idee_logo_s.png) no-repeat center center; height:14px; width:28px;}
#shopList ul.shopInfo li ul.service li span.infillplus {font-size:8px; font-weight:normal; display:inline-block; margin:0 3px; background-color:#777; padding:5px 3px 4px; border-radius:3px; vertical-align:middle; color:#fff; width:28px; text-align:center; letter-spacing:0.01em;}
#shopList ul.shopInfo li {vertical-align:top;}

#shopList dd ul {width:600px;}
#shopList dd ul,
#shopList dd li {display:inline-block;}
#shopList ul.shopInfo dd ul.service {display:inline-block; width:120px; vertical-align:top;}
#shopList ul.shopInfo dd ul.service.itemname {display:inline-block; width:120px; vertical-align:top; margin:-10px 0 0 604px;}
#shopList ul.shopInfo dd ul.service.itemname.line2 {margin-top:-28px;}
#shopList ul.shopInfo dd ul.service li {vertical-align:top; margin-bottom:5px;}

#shopList dl {width:880px;overflow: hidden;}
#shopList dt {float:left; padding:10px 15px 0 0; *padding:10px 2px; _padding:10px 2px; width:140px; border-top:1px dotted #dfdfdf; clear:both;}
#shopList dt.line2 {min-height:37px}
#shopList dd {float:right; color:#666; padding:11px 0; border-top:1px dotted #dfdfdf; width:725px; /float:none; /margin-left:90px; /width:auto; vertical-align:top;}
#shopList .phone {display:inline-block; margin-right:10px; font-size:14px; letter-spacing:0.05em;}
#shopList .phone:before {content:"tel.";}
#shopList .openHours {font-size:12px;}
#shopList .openHours:before {content:"営業時間 ";}

#shopList dt a {padding-left:3px; height:auto !important; display:block;}
#shopList .folder dt a {background:url("http://www.muji.net/mt/contact/img/common/sprite_icon.png") no-repeat scroll -2px -31px transparent;}
#shopList .catetitle{font-size:130%;color:#999;font-weight:bold;border-bottom:none;padding-bottom:0;margin:15px 0 15px 0;}
#shopList .last{margin-bottom:20px;}
#shopList a:hover{text-decoration:underline;}
#shopList dt .startDate {font-size:11px; color:#7f0019; display:block; margin-left:2px; font-weight:bold;}

/*clearfix*/
#shopList dd,
.folder,
#advisorTop .wrapper .banner,
#advisorTop .wrapper .benefitItem {zoom:1;}
#shopList dd:after,
.folder:after,
#advisorTop:after,
#news .benefitItem div:after,
#news .benefitItem:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}

/*relatedLink*/
.relatedLink a {
    background: url("http://www.muji.net/img/common/arrow_right.png") no-repeat scroll 14px 50% transparent;
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-weight: bold;
    padding: 7px 14px 7px 28px;
    text-decoration: none;
}
.relatedLink a:hover {border: 1px solid #7F0019;}
.relatedLink {text-align:right;}
.relatedLink.shop {margin:-90px 0 60px; font-size:13px;}

/*1216*/
.type {margin-bottom: 30px;}
.type dt {font-weight: bold; font-size: 16px; margin-bottom: 4px;}
.type li {list-style: disc; margin-left: 16px; font-size: 14px;}

#service1 section.column2 {width: 410px; margin-right:26px; display: inline-block; vertical-align: top;}
#service1 section.column2 > section.column2 {width: 410px; margin-right:0;}
#service1 section.column2 h1 {margin-bottom: 0px; line-height:2.8;}
#service1 section.column2 h1 span {font-size: 14px; margin-bottom: 0; line-height:0;}

#service1 section.column2 dl {font-size: 14px; line-height:1.8; margin:15px 0;}
#service1 section.column2 dt {font-weight: bold;}
#service1 section.column2 dd {margin-bottom:20px;}
#service1 section.column2 dt span {font-size: 12px; color:#555; display: inline-block; margin-right: 5px; background-color: #eee; border-radius:5px; padding: 2px 0; width: 40px; text-align: center;}

#main #coodinate img.bgfull {
	/* 縦横の最小値を設定する。 */
	min-height: 800px; /* 100% */
	min-height: 800px\9; /* IE8 */
	min-width: 1024px;
	/* ウィンドウ幅を基準にして引き延ばす。 */
	width: 100%;
	height: 800px; /* 100% */
	height: 900px\9; /* IE8 */
	/* 表示位置を設定する */
	position: absolute; /* fixedまたはabsolute; */
	top: 7900px;
	top: 7820px\9; /* IE8 */
	left: 0;
}

#main #coodinate {
	background: url("http://www.muji.net/shop/advisor/img/img_coodinate_bg.jpg") no-repeat left 30px;
	background-size:100% 120%;
	background-position:center middle\9; /* IE8 */
}


@media screen and (max-width: 1024px){
	/* ウィンドウの幅が狭くなっても背景画像を中心寄りにする。 */
	#main #coodinate img.bgfull {
	display:none;
	/*left: 50%;
	margin-left: -512px;
	top: 8780px;*/ }
}
#main #coodinate.section {padding:30px 30px 60px; margin-bottom:30px;}
#main #coodinate h1 {padding: 30px 0 0; font-size:28px; margin-bottom:0; width:900px; margin:20px auto 0; position:relative;}
#main #coodinate h2 {font-size:18px; margin:20px 0;}
#main #coodinate .column3 .col:nth-child(1) {width:160px; background-color:#fff; padding: 12px; margin-right:10px; height:auto;}
#main #coodinate .column3 .col:nth-child(2) {width:415px; background: url("http://www.muji.net/shop/advisor/img/img_coodinate_arrow1.png") no-repeat left center; padding-left:45px;}
#main #coodinate .column3 .col:nth-child(3) {width:200px; background-color:#fff; padding: 12px; margin:0; height:580px;}
#main #coodinate .column3 .col {margin-right:10px;}
#main #coodinate .column3 .name {font-weight:bold; font-size:12px; display:block; margin-bottom:0;}
#main #coodinate .column3 .col dl {margin-bottom:15px; font-size:14px;}
#main #coodinate .column3 .col:nth-child(3) dl {margin:0;}
#main #coodinate .column3 .col dt {font-weight:bold;}
#main #coodinate .column3 .col:nth-child(1) dd {font-size:12px;}
#main #coodinate .column3 .col li {list-style:disc; margin-left:16px;}
#main #coodinate .column3 figure.image {text-align:center; margin-bottom:10px;}
#main #coodinate .room02 .column3 .col:nth-child(3) figure.image {margin-left:20px;}
#main #coodinate .column3 {background-color:#fff\9; padding:12px\9;} /* IE8 */
#main #coodinate .column3 .col {width:180px\9; margin-right:26px\9;} /* IE8 */
#main #coodinate .column3 .col+.col {width:415px\9;} /* IE8 */
#main #coodinate .column3 .col+.col+.col {width:170px\9;} /* IE8 */
#main #coodinate .column3 .col+.col+.col img {width:170px\9; margin-rig100ht:0\9;} /* IE8 */

#main nav .wrapper.fixed,
body#advisorTop.shop.list #main .wrapper.fixed {position:fixed; box-shadow:1px 1px 7px #bbb; background-color:#fff; padding:20px;}
body#advisorTop.shop.list #main .wrapper.fixed {margin:0 -580px; position:fixed; top:0; text-align:center;}

/* advisor 2015-02-06 */
#advisor h1 {line-height: 1.4;}
#advisor ul.advisor {margin-bottom: 30px;}
#advisor ul.advisor li {margin:0 20px 0 0; display:inline-block; vertical-align:top; width: 410px; font-size: 14px; line-height: 1.6;}
#advisor ul.advisor li.box_right {margin:0 -20px 0 0;}
#advisor ul.advisor_voice li {margin:0 5px 0 0; display:inline-block; vertical-align:top; width: 300px;}
#advisor ul.advisor_voice li.advisor_voice_start {width: 40px; vertical-align: top;}
#advisor  ul.advisor_voice li.advisor_voice_end {width: 40px; vertical-align: bottom;}
#advisor ul.advisor_intro {width: 100%; background-color: #f5ebd9; padding: 15px 15px; line-height: 2.2; margin-top: 20px;}
#advisor ul.advisor_intro li.name {font-weight: bold; font-size: 16px;}
#advisor ul.advisor_intro li.name span.shop {font-size: 14px;}
#advisor ul.advisor_intro li.title {font-weight: bold; font-size: 16px;}
#advisor ul.advisor_osusume {margin-top: 30px;}
#advisor ul.advisor_osusume li {margin:0 10px 0 0; display:inline-block; vertical-align:top;}
#advisor ul.advisor_osusume li.item_img {width: 90px;}
#advisor ul.advisor_osusume li.item_lead {width: 310px; margin:0 -10px 0 0;}
#advisor ul.advisor_osusume li.item_lead span.title {font-weight: bold; display: block;margin-bottom: 5px;}
#advisor ul.advisor_osusume li.item_lead span.lead {font-size: 12px;}

/* 2015-02-27 */
.consultingFlow .step li {display:inline-block; width:270px; margin: 0 20px 20px 0; vertical-align:top; overflow:hidden;}
.consultingFlow .step li span.title {font-size: 16px; font-weight: bold; display: block; margin: 10px 0;}
.consultingFlow .step li span.note {font-size: 14px; line-height: 1.6;}

section #simulator_note {margin-top: 70px}
section #service1 {margin-bottom: 100px;}