@charset "utf-8";

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* GENERAL */
body {color:#333; font: 12px/1.4 "Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",sans-serif;}

a:link, a:visited {color: #333333;}
a:hover {color: #7f0019;}
a img {vertical-align: bottom;}

/* ------------------------------------------
layout
------------------------------------------ */
.content,
#footer {width: 880px; margin: 0 auto; padding: 0 15px;}
.content {overflow: hidden;}
/* --------------------------------
#header
-------------------------------- */
#headerWrap {width: 100%; min-width: 910px; height: 32px; background: #7F0019; color: #FFF;}
#headerWrap a:hover { color: #FFF; }
#header {width: 910px; margin: 0 auto;}
#header a:link, #header a:visited { color: #FFF; }
#header a:active, #header a:hover { color: #BF808C; }
#header img { vertical-align: bottom; }
#siteName {float: left; font-size: 12px; line-height: 1;}
#globalNav {float: right; font-size: 12px; margin-right: 8px;}
#globalNav li {float: left;}
#globalNav a {text-decoration: none; padding: 7px; line-height: 18px; display: block; font-size: 11px;}
#siteName a {display: block; width: 113px; height: 18px; background-image: url(/cache/img/logo_muji_w.png); background-size: 113px 18px; background-position: 15px 7px; padding: 7px 15px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}


/* takeda */

/* CLEARFIX */
.clearfix,
#header,
#globalNav,
.content,
#breadcrumbs ol,
.skipNav ul,
#footerNav,
#pageEnd {zoom: 1;}
.clearfix:after,
#header:after,
#globalNav:after,
.content:after,
#breadcrumbs ol:after,
.skipNav ul:after,
#footerNav:after,
#pageEnd:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}


/* --------------------------------
#breadcrumbs
-------------------------------- */
#breadcrumbs {padding-top: 12px; overflow: hidden;}
#breadcrumbs ol {height: 19px; background: #DDD url(/cache/img/common/breadcrumbsbg.gif) repeat-x 0 0;}
#breadcrumbs li {float: left; padding: 0 4px 0 0; color: #999; font-size: 10px; line-height: 19px; background: #FFF;}
#breadcrumbs a {display: block; padding: 0 12px 0 5px; text-decoration: none;
background: #DDD url(/cache/img/common/breadcrumbs.png) no-repeat 100% 0; -moz-border-radius: 2px 0 0 2px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-radius: 2px 0 0 2px;}
#breadcrumbs a:hover {
background: #CCC url(/cache/img/common/breadcrumbs.png) no-repeat 100% -19px;}


.pdf {background: url(/cache/img/common/icon_pdf.gif) no-repeat left top; padding-left: 18px; zoom: 1;}

.lead {margin-bottom: 20px; font-size: 14px;}

.skipNav {margin: 30px 0 20px;}
.skipNav ul {margin-bottom: 10px; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #666;}
.skipNav li {float: left; font-weight: bold; line-height: 15px;}
.skipNav li a {display: block; padding: 5px 20px; text-decoration: none; border-right: 1px solid #e8e8e8; background: url(/cache/img/common/arrow_down.png) no-repeat 10px center;}
.skipNav .current a,
#snSection1 .skipNav .snLink1 a,
#snSection2 .skipNav .snLink2 a,
#snSection3 .skipNav .snLink3 a,
#snSection4 .skipNav .snLink4 a,
#snSection5 .skipNav .snLink5 a,
#snSection6 .skipNav .snLink6 a,
#snSection7 .skipNav .snLink7 a,
#snSection8 .skipNav .snLink8 a,
#snSection9 .skipNav .snLink9 a,
#snSection10 .skipNav .snLink10 a {background: #f4f4f4; color: #999; cursor: default;}

.pageTop {text-align: right;}
.pageTop a {padding-left: 10px; background: url(/cache/img/common/arrow_up.png) no-repeat left center;}

/* TinyTip */
.yellowTip { width: 280px; }
.yellowTip .content { width: 250px; padding: 10px; border: 5px solid #ddd7c7; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f5eedd; color: #020202; }
.yellowTip .bottom { height: 14px; background: url(/cache/img/common/notch.png) top center no-repeat; }

/* fancyBox */
.fancyBox { background: url(/cache/img/common/imageview.gif); background-repeat: no-repeat; background-position: 0 2px; width: 11px; height: 8px; padding: 0 2px 0 14px;}

/* loading */
.loading {background: url(/cache/img/common/icon_loading.gif) no-repeat 50% 50%; text-indent: -9999px;}

/* #sideNav */
#sideNav {float: left; width: 150px; margin-right: 30px; margin-top: 24px;}

/* #main */
#main {width: 700px; margin: 0 auto; margin-top: 24px; overflow: hidden; min-height: 250px; _float: left;}


/* --------------------------------
#footer
-------------------------------- */
#footer {line-height: 16px;}
#pageEnd {margin-top: 30px; border-bottom: 1px solid #666;}
#pageEnd li {margin-bottom: 10px;}
#pageEnd .siteTop {float: left;}
#pageEnd .pageTop {float: right; font-size: 100%;}
#footerNav {margin: 10px 0;}
#footerNav li {float:left; margin-right: 12px; padding-right: 12px; border-right:1px solid #CCC; line-height:13px;}
#footerNav li#fnSitemap {border: none;}
#footerNav li#fnJob {float: right;}
#footerNav li#fnCorporate {float: right;}

#footer .fnCountry {float: right; line-height: 14px; border: none; margin-right: 0; padding-right: 0;}
#footer .fnCountry a {text-decoration: none; display: block;}
#footer .fnCountry img {width: 18px; height: 12px; border: 1px solid #ccc; margin-right: 5px;}

#copyright {margin-bottom: 20px; padding-top: 5px; border-top: 1px solid #E6E6E6;}
#copyright small {font-size: 10px; font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","MS PGothic",Arial,sans-serif;}
