@charset "utf-8";

body {font-size: 14px; line-height: 1.8;}
.content, #footer { padding: 0;}
#entryDetail p {padding-bottom: 1em;}

/* --------------------------------
#header
-------------------------------- */
#header #gnContact a {color: #BF808C;}

/* -------- */
#hSearch {float: right; margin: 24px 0 10px;}
#hSearch ul {padding: 0 0 0 15px;}
#hSearch li {float: left; padding: 0 3px 0 0;}
#sKeyword {position: relative;}
#sKeyword label {position: absolute; top: 3px; left: 24px; color: #999; font-weight: normal; cursor: text;}
#sKeyword label.labeloff { display: none; }
#sKeyword label.labelon { display: block; }
#sKeyword input {width: 250px; height: 15px; padding: 2px 0 2px 22px; border-top: 1px solid #A3A6AB; border-right: 1px solid #D3D6DD; border-bottom: 1px solid #E2E9EF; border-left: 1px solid #DADAE2; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #F5F5F5 url(../img/common/sheaderinputbg.gif) no-repeat 4px 50%; line-height: 15px; color: #999;}
#sSubmit a {display: block; float: left; width: 35px; height: 21px; overflow: hidden; background: url(../img/common/sheader.png); background-repeat: no-repeat; background-position: -195px 0; text-indent: -9999px;}
#sSubmit a:hover { background-position: -195px -21px; }

/* -- common -- */
h1 {margin: 0 0 20px; font-size: 21px; font-weight: bold; line-height: 1.5; width: 640px;}
h1#logo {margin: 24px 0 20px; width: 170px; height: 27px;}
h2 {font-weight: bold;}
.faqTitle{border:none;margin: 24px 0 20px; width: 170px; height: 27px;}
.mobileOnly {display: none;}

/* -- mainArea -- */
#mainArea h2 {font-size: 16px; margin-bottom: 10px;}

ul.entryTitle li a {display: block; text-decoration: none;}
ul.entryTitle ul {border: none; *zoom: 1;}
ul.entryTitle li {border: none; font-size: 13px; }
ul.entryTitle li {padding: 0; line-height: 25px;margin-left:0.5em;}
* html ul.entryTitle li { border-bottom: 1px solid #fff; } /*IE*/
ul.entryTitle li a {height: auto !important;/*IE*/ height: 1%;/*IE*/ padding: 0 0 0 10px; background: url(../img/common/sprite_sidenav.png) no-repeat 0 -178px;}
ul.entryTitle li.current {background: #E6E6E6;}
ul.entryTitle li a:hover {background: #e6e6e6 url(../img/common/sprite_sidenav.png) no-repeat 0 -178px;}
.detailResults{color:#999999;display:inline-block;padding-left:15px;margin-bottom:20px;}

/* -- accordion -- */
#entryList h2.open {padding: 18px 8px; background-image:url(../arrow2.png);}
#entryList h2 {cursor: pointer; background:url(../arrow3.png) 95% center no-repeat; margin-bottom: 2px; padding: 18px 8px;}
#faqList #entryList ul.file {display:none; padding: 0 10px 20px;}


/* -- faqTop -- */
#faqTop #mainArea {float: left; width: 660px;}
#faqTop #mainArea h2 {padding-top: 15px; border-top: 1px solid #E6E6E6;}
#faqTop #mainArea .categorybox {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
margin: 0 15px 30px 0; vertical-align: top;width:200px;}
#faqTop #sideArea {float: right; width: 200px; margin-top: 0; padding: 15px 10px 15px; background-color: #F3F3F3;}
#faqTop #sideArea dt {color: #999; font-weight: bold; font-family:"Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","メイリオ",Meiryo,"ＭＳ Ｐゴシック" ,sans-serif; border-top: 1px solid #FFFFFF; font-size: 13px; line-height: 1.2; margin-top: 10px; padding: 10px 0 2px;}
#faqTop #sideArea dd a { text-decoration: none; }
#entryList h2.catetitle {background: none; cursor: default;}
/* -- faqTop 171020 add -- */
#entryList ul.attention-file {border-bottom: 1px solid #E6E6E6;}
#entryList ul.attention-file li.board-attention a {padding: 8px 20px;}
#entryList ul.attention-file li.board-attention a:hover {background-color: #F5F5F5; color: #333333; padding: 8px 20px;}
#entryList ul.attention-file li.board-attention:nth-child(2n) a {padding: 8px 20px; background: none;}
#entryList ul.attention-file li.board-attention:nth-child(2n) a:hover {background-color: #F5F5F5; color: #333333; padding: 8px 20px;}

/* -- faqList -- */
#mainArea {float: right; width: 640px;}
#sideArea {float: left; width: 220px;}

#sideArea h2 { padding-bottom: 5px;}
#sideArea #titleSubNav a { text-decoration: none; }
#sideArea #titleSubNav {padding: 15px 10px 15px; border: 2px solid #ccc; margin-bottom: 24px;}
#sideArea #titleSubNav li {line-height: 21px; margin-bottom: 0;}
#sideArea #titleSubNav li a {display: block; border-top: 1px dotted #C6C5BD; padding: 2px 10px; height: auto !important;/*IE*/ height: 1%;/*IE*/}
#sideArea #titleSubNav li.current {background: #E6E6E6; color: #7F0019;}
#sideArea #titleSubNav li.current a { background: #E6E6E6;}
#sideArea #titleSubNav li a span {color: #7F7F7F; line-height: 15px; font-size: 12px;}
#sideArea #titleSubNav li a:hover {background: #E6E6E6;}
#sideArea #titleSubNav li a:hover span {color: #7F0019;}
#sideArea #titleNav { padding: 15px 10px 15px; border: 1px solid #E6E6E6;}
#sideArea #titleNav h2 { margin-bottom: 10px; border-bottom: 1px solid #DDDDDD;}
#sideArea ul.entryTitle li {line-height: 1.4; margin: 0 0 10px;}
#breadcrumbs { padding:0 0 20px;}

#entryList {margin-bottom: 20px; width:640px;}
#entryList a {text-decoration: none; }
#entryList h2 a {text-decoration: underline; }
#entryList li {padding:0; border-bottom: 1px solid #E6E6E6; }
#entryList li a {display: block; }
#entryList ul ul {border: none; *zoom: 1;}
#entryList ul ul li {border: none; font-size: 12px; }
#entryList ul ul li {line-height: 24px;}
* html #entryList ul ul li { border-bottom: 1px solid #fff; } /*IE*/
#entryList ul ul li a {height: auto !important;/*IE*/ height: 1%;/*IE*/ padding: 0 0 0 17px;}
#entryList ul ul li a:hover {background-color: #F5F5F5; color:#333333; /*text-decoration: underline;*/ padding: 8px 20px; }
#entryList ul.folder {padding: 0 10px 20px; display:none;}
#entryList ul.file li a,#entryList ul.subFile a {padding: 8px 20px; position: relative;}
#entryList ul.attention-file li.board-attention a {position: relative; background: none;}
#entryList ul.file li a:after,#entryList ul.attention-file li.board-attention a:after, #entryList ul.subFile a:after {content: ""; display: block; width: 10px; height: 10px; position: absolute; background: url(https://www.muji.net/mt/contact/img/common/sprite_icon.png) no-repeat -3px -9px; top: 15px; left: 5px;}
#entryList ul.folder li a {background: url(../img/common/sprite_icon.png) no-repeat 2px -20px; padding: 8px 20px;}
#entryList ul.subFile {padding: 20px 10px 20px; border-top: 1px solid #E6E6E6;}
@media screen and (max-width: 767px){
#entryList ul.file li a:after, #entryList ul.attention-file li.board-attention a:after, #entryList ul.subFile a:after {content: none;}
}

/* -- detail -- */
#entryDetail {padding: 15px 10px; border-top: 1px solid #E6E6E6;}
#body01 {padding: 0 0 20px 0;}
#body02 {margin: 0 0 20px 0; background-color: #f2f2f2;}
#body_left {float: left; width: 75px; padding: 5px 0 0 5px;}
#body_right {float: right; width: 534px; padding: 5px 0 5px 5px; margin: 0 1px 1px 0; background-color: #ffffff;}
#body_headline_left {float: left; width: 80px; padding: 3px 0; text-align: center; background-color: #cccccc;}
#body_headline_right {float: left; width: 540px; padding: 3px 0; text-align: center; background-color: #cccccc;}

/* -- search -- */
.pageNumber {float: left; padding: 12px 0 10px;}
.pageNumber {font-size: 11px;}
.pageNumber .all,
.pageNumber .number {font-size: 14px; font-weight: bold;}
.pageNumber .all {margin-right: 5px;}
.pageNumber .number {margin: 0 5px;}
.pageShift {float:right; font-size:14px; padding: 10px 0;}
.pageShift li {float: left; display: inline; margin: 0 5px;}
.pageShift li.prev {margin-right: 0;}
.pageShift li.next {margin-left: 0;}
.pageShift li a, .pageShift li span {display: block; padding: 2px 7px; text-decoration: none;}
.pageShift li a,
.pageShift li a:visited {background-color: #F3F3F3; color: #333333;}
.pageShift li a:hover,
.pageShift li a:active {background-color: #7F0019; color: #FFFFFF;}
.pageShift li.prev {padding: 2px 7px;}
.pageShift li.next {padding: 2px 0 2px 7px;}
.pageShift li.prev a, .pageShift li.next a,
.pageShift li.prev span, .pageShift li.next span { padding: 0; background-color: #FFFFFF;}
.pageShift li.prev a, .pageShift li.next a,
.pageShift li.prev a:visited, .pageShift li.next a:visited {background-color: #FFFFFF; color: #333333; text-decoration: underline;}
.pageShift li.prev a:hover, .pageShift li.next a:hover,
.pageShift li.prev a:active, .pageShift li.next a:active {background-color: #FFFFFF; color: #7F0019;}

#searchList #mainArea #entryList {margin-bottom: 0;}
#searchList h1 span {font-size: 12px;}

.resultNum{width:300px; float:left;}
.pagination{width:250px; float:right;margin-bottom:5px;text-align:right;}

/* ModalWindow Layout */
.noHeader .content {width: auto; padding: 10px;}
.noHeader #mainArea {float: none; width: auto;}
.noHeader h1 {width: auto;}

/* entryDetail */
#mainArea #entryDetail section h1 {font-size: 19px; margin-bottom: 20px; margin-left: 0;}
#mainArea #entryDetail section li {margin-bottom: 20px;}
#mainArea #entryDetail section li:nth-child(3),
#mainArea #entryDetail section li:nth-child(4) {margin-bottom: 40px;}
#mainArea #entryDetail section li section table td img {width: 70px; height:auto; margin: 0;}
#mainArea #entryDetail section section h1 {font-size: 14px; margin-bottom: 10px;}
#mainArea #entryDetail section li section table {border:1px solid #ccc; padding:10px;width: 100%;}
#mainArea #entryDetail section li section table td {width: 20%;padding:10px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:12px;}
#mainArea #entryDetail section li section table td:last-child {border-right:none;}
#mainArea #entryDetail section li:nth-child(3) section table td {width: 14%; padding: 5px;}
#mainArea #entryDetail section li section table th {padding:5px 0 5px 10px;background-color:#eee; font-weight:bold;}
#mainArea #entryDetail section li .plus {font-weight:bold; font-size:16px;font-size: 40px; text-align: center; margin: 0; padding-bottom: 0; color:#bbb;}
#mainArea #entryDetail section li section .column2 .col {width: 300px; display: inline-block; vertical-align: top; margin-bottom:18px;}
#mainArea #entryDetail section li section .column2 .col:nth-child(odd){margin-right:12px;}
#mainArea #entryDetail section li:nth-child(3) section table td img  {width: 50px;}
#mainArea #entryDetail section li:nth-child(3) section table td:nth-child(2)  img {width: 50px;}
#mainArea #entryDetail section li:nth-child(3) section table td:nth-child(4)  img,
#mainArea #entryDetail section li:nth-child(3) section table td:nth-child(6)  img {width: 50px;}
#mainArea #entryDetail section li:nth-child(3) section table td:nth-child(7)  img {width: 50px;}
#mainArea #entryDetail section li section .column2 .col table {width: 100%;}
#mainArea #entryDetail section li section .column2 .col table td {padding: 5px;}
#mainArea #entryDetail section li section .column2 .col#temperatureNum img {width: 70%; margin:12px 0 10px;}
#mainArea #entryDetail section li section .column2 .col p {padding-bottom: 0;}
#mainArea #entryDetail section li section .column2 .col:nth-child(4) img {width: 110px;}
#mainArea #entryDetail section li:nth-child(4) section table td {text-align: left;}
#mainArea #entryDetail section li:nth-child(4) section table td li {margin-bottom: 5px; list-style:disc;margin-left: 20px;}
#mainArea #entryDetail section li:nth-child(4) section table td li:last-child {margin-bottom: 0;}
#mainArea #entryDetail section .markList {border:1px solid #ccc; padding:10px; width:100%;}
#mainArea #entryDetail section .markList td {width: 80%;padding:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:13px;}
#mainArea #entryDetail section .markList td.icon {width: 16%; text-align:center; padding-bottom:5px;}
#mainArea #entryDetail section .markList td.description span {display: block;}
#mainArea #entryDetail section .markList td:last-child {border-right:none;}
#mainArea #entryDetail section .markList td img {width: 60px; height:auto; margin: 0;}
#mainArea #entryDetail section .markList {margin-bottom: 40px;}
#mainArea #entryDetail section dl {background-color: #f6f6f6; padding: 15px; margin-bottom: 20px;}

@media screen and (max-width:768px) {
#siteName {width: 140px !important;}
body#faqDetail #entryDetail, 
body#faqDetail #entryDetail table {width: auto !important;}
#mainArea #entryDetail section li section table td img {width: 90%;}
#mainArea #entryDetail section li section table td {padding:5px;font-size: 13px; width: 20%;}
body#faqDetail #mainArea .mainContents h1 {margin:0 10px 20px 0;}
#mainArea #entryDetail section .markList td {font-size:12px;}
#mainArea #entryDetail section .markList td img {width: 60px;}
#mainArea #entryDetail section li section table.mobileOnly {border: 1px solid #ccc; padding: 0; border-bottom:none; border-right:none;}
#mainArea #entryDetail section li section table.mobileOnly td:nth-child(4) {border-right: 1px solid #ccc; }
#mainArea #entryDetail section li section table.mobileOnly td:empty {border:none; }
#mainArea #entryDetail section li section .column2 .col:nth-child(odd) {margin-right: 0;}
#mainArea #entryDetail section li section .column2 {text-align:center;}
#entryDetail img {max-width: 100%; height: auto;}
}

/* CLEARFIX */
#hSearch,
#entryList,
.pageNav,
.clearfix {zoom: 1; clear: both;}
#hSearch:after,
#entryList:after,
.pageNav:after,
.clearfix:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}


/*#goodBad {margin: 40px 0; line-height: 1.5;}*/
#goodBad {margin: 40px 0; line-height: 1.5; text-align: center; float: right; display: block; width: 640px;}
	#goodBad p {font-size: 14px; margin-bottom: 10px;}
	#goodBad p.reply_a,
	#goodBad p.reply_b {display: none;}
	#goodBad p.reply_a.appear,
	#goodBad p.reply_b.appear {display: block;}
	#goodBad img {vertical-align: middle; margin-left: 3px;}
	#goodBad #good, #goodBad #bad {display: inline-block; margin-right: 20px; padding: 10px 20px; background: #666; color: #fff; border-radius: 3px; font-size: 14px; border: 0;}
	#goodBad #good:hover,
	#goodBad #bad:hover {background: #999;}
	#goodBad p.lead.hide, #goodBad #good.hide, #goodBad #bad.hide {display: none;}

	
	@media only screen and (max-width : 767px){
		#goodBad {text-align: center;     float: none; width: 100%;}
		#goodBad #good, #goodBad #bad {margin-right: 0; width: 200px;}
		#goodBad #good {margin-bottom: 10px;}
	}