@charset "UTF-8";

/*#siteName a {width: 85px;}*/

.content h1 {font-weight: bold;}

#t001 .content header h1,
#t001 #items h1 span,
#t001 .portrait a {color: #fd8039;}

#t002 .content header h1,
#t002 #items h1 span,
#t002 .portrait a {color: #806f62;}

#t003 .content header h1,
#t003 #items h1 span,
#t003 .portrait a {color: #617499;}

#t004 .content header h1,
#t004 #items h1 span,
#t004 .portrait a {color: #ec6e88;}

#t005 .content header h1,
#t005 #items h1 span,
#t005 .portrait a {color: #539767;}

#t006 .content header h1,
#t006 #items h1 span,
#t006 .portrait a {color: #e94746;}

#t007 .content header h1,
#t007 #items h1 span,
#t007 .portrait a {color: #ef8336;}

#t008 .content header h1,
#t008 #items h1 span,
#t008 .portrait a {color: #2093d2;}

#t009 .content header h1,
#t009 #items h1 span,
#t009 .portrait a {color: #E83836;}

#t010 .content header h1,
#t010 #items h1 span,
#t010 .portrait a {color: #00A458;}

#t011 .content header h1,
#t011 #items h1 span,
#t011 .portrait a {color: #ec6d81;}

#t012 .content header h1,
#t012 #items h1 span,
#t012 .portrait a {color: #3aa1d5;}

#t013 .content header h1,
#t013 #items h1 span,
#t013 .portrait a {color: #004f99;}
#t013 .name {margin-top:3px; color: #666; display:block; font-size:11px; line-height:1.7;}

#t014 .content header h1,
#t014 #items h1 span,
#t014 .portrait a {color: #466336;}
#t014 .name {margin-top:3px; color: #666; display:block; font-size:11px; line-height:1.7;}

#t015 .content header h1,
#t015 #items h1 span,
#t015 .portrait a {color: #93442a;}
#t015 .name {margin-top:3px; color: #666; display:block; font-size:11px; line-height:1.7;}

.content header {position: relative;}
.content header h1 {font-size: 24px; margin-bottom: 5px;}
.content header h1 img {margin-bottom: 25px;}
.content header .stamp {position: absolute; right: 0; top: 440px;}

#items {letter-spacing: -.40em; margin-top: 60px; margin-right: -40px; overflow: hidden;}
.item {letter-spacing: normal; display: inline-block; width: 400px; vertical-align: top; margin-right: 40px; margin-bottom: 40px;}
.item {cursor: pointer;}
.item img {width: 180px; float: left; margin-right: 10px;}
body#t013 .item img,
body#t014 .item img,
body#t015 .item img {width: 180px; float: left; margin-right: 15px;}
#items h1 {font-size: 15px; margin-bottom: 15px;}
#items h1 span {font-size: 30px; margin-right: 10px; vertical-align: middle; display: inline-block;}
#items h1 b {display: inline-block;vertical-align: middle; width: 170px;}
.item p {line-height: 20px; overflow: hidden;}

.note {background: #f2f2f2; box-shadow: 1px 1px 3px rgba(0,0,0,.2); position: relative; padding: 40px 60px; margin-bottom: 40px; font-size: 13px; line-height: 22px;}
.note img {float: left; margin-right: 50px;}
.note:before {position: absolute; top: 0; right: -2px; border-right: 30px solid #fff; content: "";}
#t001 .note:before {border-bottom: 30px solid #fd8039;}
#t002 .note:before {border-bottom: 30px solid #806f62;}
#t003 .note:before {border-bottom: 30px solid #617499;}
#t004 .note:before {border-bottom: 30px solid #ec6e88;}
#t005 .note:before {border-bottom: 30px solid #539767;}
#t006 .note:before {border-bottom: 30px solid #e94746;}
#t007 .note:before {border-bottom: 30px solid #ef8336;}
#t008 .note:before {border-bottom: 30px solid #2093d2;}
#t009 .note:before {border-bottom: 30px solid #E83836;}
#t010 .note:before {border-bottom: 30px solid #00A458;}
#t011 .note:before {border-bottom: 30px solid #ec6d81;}
#t012 .note:before {border-bottom: 30px solid #3aa1d5;}
#t013 .note:before {border-bottom: 30px solid #004f99;}
#t014 .note:before {border-bottom: 30px solid #466336;}
#t015 .note:before {border-bottom: 30px solid #93442a;}
.note p {overflow: hidden; margin-bottom:15px;}
.note:after,
.portrait:after {content:""; display: block; clear: both;}

.portrait {font-size: 13px; line-height: 22px; padding: 0 100px;}
.portrait p {overflow: hidden;}
.portrait p em {font-weight: bold; }
.portrait p a:hover {filter: alpha(opacity=50); opacity: 0.5;}

.portrait img {float: left; margin-right: 40px;}

.backNav {margin: 60px 0 20px;  font-size: 26px;}
.backNav a {text-decoration: none; position: relative; padding-left: 35px;}
.backNav a:hover {filter: alpha(opacity=50); opacity: 0.5; }
.backNav a:after {content: ""; background-repeat: no-repeat; background-image: url(/mujitogo/where/img/arrow_back.png); background-position: 5px 4px; display: block; width: 24px; height: 24px; text-align: center; border-radius: 50%; position: absolute; left: 0; top: 2px;}
#t001 .backNav a:after {background-color: #fd8039;}
#t002 .backNav a:after {background-color: #806f62;}
#t003 .backNav a:after {background-color: #617499;}
#t004 .backNav a:after {background-color: #ec6e88;}
#t005 .backNav a:after {background-color: #539767;}
#t006 .backNav a:after {background-color: #e94746;}
#t007 .backNav a:after {background-color: #ef8336;}
#t008 .backNav a:after {background-color: #2093d2;}
#t009 .backNav a:after {background-color: #E83836;}
#t010 .backNav a:after {background-color: #00A458;}
#t011 .backNav a:after {background-color: #ec6d81;}
#t012 .backNav a:after {background-color: #3aa1d5;}
#t013 .backNav a:after {background-color: #004f99;}
#t014 .backNav a:after {background-color: #466336;}
#t015 .backNav a:after {background-color: #93442a;}

#t011 .note {position:relative;}
#t011 .note #face {position:absolute; top:275px; left: 342px; width:250px;}

#maskArea{
	display:none;
	background:#000;
	position:fixed; left:0; top:0;
	z-index:2;
	width:100%; height:100%;
	opacity: 0.1;
}
#modalWindow {
	position: fixed; left:50%; top:50%;
	z-index:10;
	display:none;
	margin: -250px auto auto -250px;
	width: 500px;
	padding: 10px 0 10px 20px;
	border: 1px solid #aaa;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
	border-radius: 7px;
	background: #fff;
}
body#t013.traveler #modalWindow,
body#t014.traveler #modalWindow,
body#t015.traveler #modalWindow {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #aaa;
    border-radius: 7px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    display: none;
    left: 50%;
    margin: -250px auto auto -250px;
    padding: 24px 20px 20px 24px;
    position: fixed;
    top: 50%;
    width: 500px;
    z-index: 10;
}

.btnClose a {
	font: 0/0 a; text-shadow: none; color: transparent;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 22px;
	height: 21px;
	padding: 0 0 5px 5px;
	z-index: 100;
	background: url(http://www.muji.net/sizesearch/img/btn_close_s.png) no-repeat 5px 0;
}
.btnClose a:hover{background: url(http://www.muji.net/sizesearch/img/btn_close_s.png) no-repeat 5px -28px;}


#sns {margin: 30px 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;}