@charset "UTF-8";
/* -------------------------------- */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,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{font-style:normal;font-weight:normal;}
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,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* -------------------------------- */
body {
	font-family: "Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333;
	background: #FFF;
}

a { text-decoration: none; }
a:link, a:visited { color:#333; }
a:active, a:hover { color:#7F0019; }

body {
	text-align: center; /* winIE */
	color: #333;
	background: #FFF;
	padding: 0 0 20px 0;
}
#block {
	text-align: left; /* winIE */
	width: 885px;
	margin: 0 auto;
}

#contentWrap {

	padding: 0 10px;
	position: relative;
		top: 0; left: 0;
}

#mainArea { float: left; width: 690px; }
#sideArea { float: right; width: 155px; padding: 0 0 63px 0; /* #bottomLink height + margin */ }
#bottomLink {
	width: 155px;
	height: 43px;
	position: absolute;
	left: 720px; 	bottom: 0;
}

/* --------------------------------
#socialNav
-------------------------------- */
#socialNavWrap {width:690px; height: 65px; margin-bottom:20px; background-image: url(../img/sociallink.png); background-repeat: no-repeat; background-position: 0px 0px;}
#socialNav {margin:0px; padding:0px;}
#socialNav li {float: left; margin:0px;}
#socialNav li a {margin-right:3px; text-indent: -9999px; height: 65px; background-image: url(../img/sociallink.png); background-repeat: none; overflow: hidden; display: block;}

#socialNav #snMm a {width: 461px; background-position: 0px 0px;}
#socialNav #snTw a {width: 72px; background-position: -464px 0px;}
#socialNav #snFb a {width: 72px; background-position: -539px 0px;}
#socialNav #snMx a {width: 72px; background-position: -614px 0px;}

#socialNav #snMm a:hover {width: 461px; background-position: 0px -65px;}
#socialNav #snTw a:hover {width: 72px; background-position: -464px -65px;}
#socialNav #snFb a:hover {width: 72px; background-position: -539px -65px;}
#socialNav #snMx a:hover {width: 72px; background-position: -614px -65px;}


/* --------------------------------
#globalNav
-------------------------------- */
#globalNavWrap {position: relative; z-index: 1;}
#globalNav {position: absolute; top: 4px; _top: 8px; right: 10px;}
#globalNav li {float: left; margin-left: 13px; font-size: 10px; font-weight: bold; line-height: 10px; margin-top: 4px;}
#globalNav #gnHome a {color: #888;}
#globalNav #gnGS {_margin-top: 0; _padding: 3px 5px; font-weight: normal;}
#globalNav.w a {color: #fff;}
#globalNav.b a {color: #333;}
#globalNav.w #gnGS {_border: 1px solid #fff;}
#globalNav.b #gnGS {_border: 1px solid #666;}

#globalNav li a {text-indent: -9999px; height: 18px; background-image: url(../img/globalnav.png); background-repeat: none; overflow: hidden; display: block; padding: 0 2px;}
#globalNav li a {_text-indent: 0; _height: auto; _background-image: none; _display: inline; _width: auto !important;}

#globalNav #gnHome a {width: 28px; background-position: 0 -40px;}
#globalNav #gnStore a {width: 50px;}
#globalNav #gnShop a {width: 38px;}
#globalNav #gnLab a {width: 86px;}
#globalNav #gnMymuji a {width: 40px;}
#globalNav #gnContact a {width: 62px;}
#globalNav #gnGS a {width: 59px;}

#globalNav.b #gnStore a {background-position: -47px 0;}
#globalNav.b #gnShop a {background-position: -116px 0;}
#globalNav.b #gnLab a {background-position: -173px 0;}
#globalNav.b #gnMymuji a {background-position: -278px 0;}
#globalNav.b #gnContact a {background-position: -333px 0;}
#globalNav.b #gnGS a {background-position: -410px 0;}

#globalNav.w #gnStore a {background-position: -47px -20px;}
#globalNav.w #gnShop a {background-position: -116px -20px;}
#globalNav.w #gnLab a {background-position: -173px -20px;}
#globalNav.w #gnMymuji a {background-position: -278px -20px;}
#globalNav.w #gnContact a {background-position: -333px -20px;}
#globalNav.w #gnGS a {background-position: -410px -20px;}

#globalNav #gnStore a:hover {background-position: -47px -40px;}
#globalNav #gnShop a:hover {background-position: -116px -40px;}
#globalNav #gnLab a:hover {background-position: -173px -40px;}
#globalNav #gnMymuji a:hover {background-position: -278px -40px;}
#globalNav #gnContact a:hover {background-position: -333px -40px;}
#globalNav #gnGS a:hover {background-position: -410px -40px;}
#globalNav.b #gnGS a:hover {background-position: -410px -60px;}

/* --------------------------------
#mainImage
-------------------------------- */

#mainvisual {position: relative; width: 885px; height: 370px;}
#mvPanel li {position: absolute; top:0; left:0; display: none;}
#mvPanel li.active {display: block;}
#mvThumbnail{position: absolute; right:11px; bottom: 16px;}
#mvThumbnail li {float: left; margin-right: 5px; border: 1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#mvThumbnail li a{background: #000; display: block;}
#mvThumbnail li.active img {-ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity: 0.8;}
#mainvisual li img {vertical-align: bottom;}


/* --------------------------------
#header
-------------------------------- */
#header {
	padding: 0 10px;
	height: 60px;
}
#header h1,
#header p { padding: 9px 0 0 0; }
#header h1 { float: left; }
#header p { float: right; }
#header p a { display: block; background: url(/shared/portalitems/img/message_over.gif) no-repeat 0 0; }

p#message10 a { display: block; background: url(/shared/portalitems/img/message10_over.gif) no-repeat 0 0; }
/* --------------------------------
#mainArea
-------------------------------- */
/* --------------------------------
#information
-------------------------------- */
#information {
	border-top: 1px solid #E8E8E8;
	padding: 0 0 25px 0;
}
#information ul { padding: 5px 0 10px 0; }
#information ul li {
	vertical-align: middle;
	padding: 5px 0 0 0;
}
#information ul li img {
	vertical-align: middle;
	margin: 0 15px 0 0;
}
#information ul li strong {
	font-weight: bold;
	color: #999;
	float: left;
	display: block;
	width: 68px;
}
#information ul li a {
	float: right;
	display: block;
	width: 440px;
}
#information p {
	font-size: 10px; line-height: 10px;
	vertical-align: middle;
	vertical-align: bottom;
	vertical-align: text-top;
}
#information p img {
	vertical-align: middle;
	vertical-align: bottom;
	vertical-align: text-top;
	margin: 0 8px 0 0;
}
#information p a { display: block; float: left; }
#information p.rssLink a { background: url(/shared/portalitems/img/rss_over.gif) no-repeat 0 0; }

/* --------------------------------
#storeLink
-------------------------------- */
#storeLink { padding: 0 0 25px 0;}

#storeLink div {
	border-top: 1px solid #666;
	width: 220px;
	margin: 0 15px 0 0;
	padding: 5px 0 0 0;
	float: left;
}

#storeLink h2 { padding: 0 0 10px 0;}
#storeLink h2 a { display: block; }
#storeLink #linkShop { margin-right: 0; }
#storeLink #linkLab { margin-right: 0; float: right;}
#linkStore h2 a { background: url(/shared/portalitems/img/linkstore_110316_over.jpg) no-repeat 0 0; }
#linkShop h2 a { background: url(/shared/portalitems/img/linkshop_over.gif) no-repeat 0 0; }
#linkLab h2 a { background: url(/shared/portalitems/img/linklab_over.gif) no-repeat 0 0; }

#storeLink h3 {
	border-top: 1px solid #E8E8E8;
	font-weight: bold;
	font-size: 10px;
	color: #999;
	padding: 5px 0 6px 0;
}
#storeLink ul {
	padding-bottom: 2px;
}
#storeLink li {
	padding-bottom: 12px;
	border-bottom: 1px solid #FFF;
}
#storeLink li img {
	vertical-align: top;
	display: block;
}
#storeLink li span {
	display: block;
	margin-top: -40px;
	padding-left: 48px;
	min-height: 40px;
}
* html #storeLink li span { height: 40px; }

#storeLink li a img { border: 1px solid #CCC; }
#storeLink li a:hover img,
#storeLink li a:active img { border: 1px solid #7F0019; }

#storeLink p {
	clear: both;
	font-size: 10px; line-height: 10px;
	vertical-align: middle;
	vertical-align: bottom;
	vertical-align: text-top;
}
#storeLink p img {
	vertical-align: middle;
	vertical-align: bottom;
	vertical-align: text-top;
	margin: 0 8px 0 0;
}
#storeLink p a { display: block; float: left; }
#storeLink p.rssLink a { background: url(/shared/portalitems/img/rss_over.gif) no-repeat 0 0; }

/* --------------------------------
#contlink
-------------------------------- */
#contlink {
	border-top: 1px solid #666;
/*	border-top: 1px solid #E8E8E8; */
	padding: 5px 0 20px 0;
}
#contlink ul li {
	padding: 10px 15px 0 0;
	width: 220px;
	float: left;
}
#contlink ul li.colcenter { padding-right: 0; }
#contlink ul li.colright { padding-right: 0; float: right; }
#contlink ul li img {
	vertical-align: bottom;
	margin: 0 0 3px 0;
}
#contlink ul li a img { border: 1px solid #CCC; }
#contlink ul li a:hover img,
#contlink ul li a:active img { border: 1px solid #7F0019; }

/* --------------------------------
#satelitelink
-------------------------------- */
/*#satelitelink {margin: 5px 0 20px;}
#satelitelink li {float: left; width: 161px; margin-right: 15px;}
#satelitelink a img {border: 1px solid #CCC; vertical-align: bottom;}
#satelitelink a:hover img {border: 1px solid #7F0019;}

#satelitelink .item2 {margin-right: 16px;}
#satelitelink .item3,
#satelitelink .item5 {margin-bottom: 5px;}
#satelitelink .item4,
#satelitelink .item6 {margin-right: 0;}*/

#satelitelinkWrap {width:690px; height: 55px; margin-bottom:20px; background-image: url(../img/satelitelink.png); background-repeat: no-repeat; background-position: 0px 0px;}
#satelitelink {margin:0px; padding:0px;}
#satelitelink li {float: left;}
#satelitelink li a {width: 114px; height: 55px; margin-right:1px; text-indent: -9999px; background-image: url(../img/satelitelink.png); background-repeat: none; overflow: hidden; display: block;}

#satelitelink .item1 a {background-position: 0px 0px;}
#satelitelink .item2 a {background-position: -115px 0px;}
#satelitelink .item3 a {background-position: -230px 0px;}
#satelitelink .item4 a {background-position: -345px 0px;}
#satelitelink .item5 a {background-position: -460px 0px;}
#satelitelink .item6 a {background-position: -575px 0px;}

#satelitelink .item1 a:hover {background-position: 0px -55px;}
#satelitelink .item2 a:hover {background-position: -115px -55px;}
#satelitelink .item3 a:hover {background-position: -230px -55px;}
#satelitelink .item4 a:hover {background-position: -345px -55px;}
#satelitelink .item5 a:hover {background-position: -460px -55px;}
#satelitelink .item6 a:hover {background-position: -575px -55px;}

/* --------------------------------
#sublink
-------------------------------- */
#sublink { padding: 5px 0 20px 0; }
#sublink li img { vertical-align: bottom; }
#sublink ul {
	background: #FFF;
	padding: 5px 0 5px 0;
	border: 1px solid #CCC;
}
#sublink li {
	width: 127px;
	border-right: 1px solid #E8E8E8;
	padding: 9px 5px 10px 5px;
	float: left;
}
#sublink li#linkcompany { border: none; padding-right: 0; }
#sublink li a { display: block; }
#linkgiftcard a { background: url(/shared/portalitems/img/giftcard_over.gif) no-repeat 0 0; }
#linkcard a { background: url(/shared/portalitems/img/card_over.gif) no-repeat 0 0; }
#linkcatalog a { background: url(/shared/portalitems/img/catalog_over.gif) no-repeat 0 0; }
#linkmobile a { background: url(/shared/portalitems/img/mobile_over.gif) no-repeat 0 0; }
#linkcompany a { background: url(/shared/portalitems/img/company_over.gif) no-repeat 0 0; }

/* --------------------------------
#attention
-------------------------------- */
#attention {
	background: #F1F1F1;
	padding: 15px;
}
#attention h2 {
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}
#attention h2 .backnumber {
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
}
#attention h2.second {
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	margin: 12px 0 0 0;
	padding: 8px 0 0 0;
	border-top: 1px solid #CCC;
}
#attention h2 img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}
#attention ul { padding: 4px 0 0 0; }
#attention ul li { padding: 4px 0 0 0; }
#attention ul li strong {
	font-weight: bold;
	color: #999;
	float: left;
	display: block;
	width: 68px;
}
#attention ul li a {
	float: right;
	display: block;
	width: 585px;
}

#attention #attention02 {
	margin: 12px 0 0 0;
	padding: 8px 0 0 0;
	border-top: 1px solid #CCC;
}

/* --------------------------------
#sideArea
-------------------------------- */
#sideArea #sideSearch {
	background: #F3F3F3;
	border-bottom: 5px solid #FFF;
}
#sideArea #sideSearch img { vertical-align: bottom; }
#sideArea #sideSearch dl {
	border: 1px solid #CCC;
}
#sideArea #sideSearch dl dd {
	padding: 0 0 6px 9px;
}
#sideArea #sideSearch dl dt {
	background: #FFF;
	padding: 14px 9px 2px 9px;
}
#sideArea #sideSearch dl dt img { margin-bottom: 7px; }
#sideArea #sideSearch .pText { float: left; margin-top: 10px;}
#sideArea #sideSearch input {
	color: #999;
	float: left;
	border: none;
	border: 1px solid #CCC;
	padding: 2px 0 0 3px;
	width: 85px;
	height: 16px;
	cursor: pointer;
}
* html #sideArea #sideSearch input {
	width: 85px;
	height: 20px;
}

#sideArea #sideSearch .pSubmit {float: right; margin-right: 10px; _margin-right: 4px; margin-top: 10px;}
#sideArea #sideSearch .pSubmit input {border: none; display: block; width: 35px; height: 21px; overflow: hidden; background: url(/img/store/common/sheader.png); background-repeat: no-repeat; background-position: -195px 0; text-indent: -9999px;}
#sideArea #sideSearch .pSubmit input:hover { background-position: -195px -21px; }

#sideArea #sideSearch img#serchButton {
	float: left;
	margin-left: 2px;
}
#sideArea #sideSearch .input { padding-top: 10px; }
#sideArea #sideSearch .option1,
#sideArea #sideSearch .option2 {
	font-size: 1px; line-height: 1;
	float: left;
}
#sideArea #sideSearch .option2 {
	text-align: right;
	padding-left: 30px;
}
#sideArea #sideSearch .option1 a, #sideArea #sideSearch .option2 a { display: block; }
#sideSearch .option1 a { background: url(/shared/portalitems/img/src_cond_over.gif) no-repeat 0 0; }
#sideSearch .option2 a { background: url(/shared/portalitems/img/src_use_over.gif) no-repeat 0 0; }
#sideArea #sideSearch .option1 a:hover,
#sideArea #sideSearch .option2 a:hover { background-color: #F3F3F3; }
#sideArea #sideSearch .option1 a:hover img,
#sideArea #sideSearch .option2 a:hover img { visibility: hidden; }

#sideArea li img {
	vertical-align: bottom;
	margin: 0 0 5px 0;
}
#sideArea li a img { border: 1px solid #CCC; }
#sideArea ul {	background: #FFF; }
#sideArea li {
	font-size: 1px; line-height: 1px;
	padding: 0 0 20px 0;
}
#sideArea li a:hover img,
#sideArea li a:active img { border: 1px solid #7F0019; }

#sideArea .Interrupt {margin: 0 0 25px 0;}


#sideArea .Interrupt a img { border: 1px solid #CCC; }
#sideArea .Interrupt a:hover img,
#sideArea .Interrupt a:active img { border: 1px solid #7F0019; }


/* --------------------------------
#footer
-------------------------------- */
#bottomLink a { font-size: 1px;line-height: 1px; display: block; }
#bottomLink dt { padding: 0 0 7px 0; width: 65px; }
#bottomLink dd { padding: 0 13px 0 0; }
#bottomLink dt a { background: url(/shared/portalitems/img/blink_ryohin_over.gif) no-repeat 0 0; }
#ryohinJob { float: left; }
#ryohinIr { float: left; }
#ryohinJob a { background: url(/shared/portalitems/img/blink_job_over.gif) no-repeat 0 0; }
#ryohinIr a { background: url(/shared/portalitems/img/blink_ir_over.gif) no-repeat 0 0; }

/* --------------------------------
#footer
-------------------------------- */
#footer {
	font-size:12px;
	line-height:1.4;
	clear: both;
	margin: 0 10px;
	padding: 30px 0 0 0;
}
#footer a {
	text-decoration: underline;
}
#footer ul {
	border-top: 1px solid #666;
	padding: 8px 0 0 0;
}
#footer ul li {
	font-size: 10px;
	background: url(/shared/portalitems/img/footmark.gif) no-repeat 0 50%;
	float: left;
	padding: 0 10px;
}
#footer ul li.footliStart {
	background: none;
	padding-left: 0;
}

/* --------------------------------
systemInformation
-------------------------------- */

.systemInformation {background:#F3F3F3; margin-bottom: 15px; padding: 15px; color: #333;}
.systemInformation dt {font-weight: bold; margin-bottom: 10px; margin-right: 10px; font-size: 12px;}
.systemInformation dd {font-size: 12px;}
.systemInformation p {margin-bottom: 10px;}
.systemInformation a {text-decoration: underline; font-weight: normal;}
/*
.systemInformation {background:#F3F3F3; margin-bottom: 5px; padding: 10px; font-size: 83%; color: #333;}
.systemInformation dt {font-weight: bold; margin-bottom: 5px; margin-right: 10px;}
*/
/* --------------------------------
リンク反応
-------------------------------- */
#bottomLink a:hover,
#storeLink h2 a:hover,
#header p a:hover,
#information p.rssLink a:hover,
#storeLink p.rssLink a:hover,
#sublink li a:hover { background-color: #fff; } /* IE6用 */ 
#bottomLink a:hover img,
#storeLink h2 a:hover img,
#header p a:hover img,
#information p.rssLink a:hover img,
#storeLink p.rssLink a:hover img,
#sublink li a:hover img { visibility: hidden; }
/* --------------------------------
CSSハック
-------------------------------- */
#sideArea #sideSearch dl dd:after,
#sideArea #sideSearch dl:after,
#contlink ul:after,
#information ul li:after,
#storeLink ul li:after,
#sublink ul:after,
#sublink ul li:after,
#attention ul li:after,
#mainArea .section:after,
#block:after,
#contentWrap:after,
#footer:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sideArea #sideSearch dl dd,
#sideArea #sideSearch dl,
#contlink ul,
#information ul li,
#storeLink ul li,
#sublink ul,
#sublink ul li,
#attention ul li,
#mainArea .section,
#block,
#contentWrap,
#footer,
.clearfix { display: inline-block; }
/* \*/
* html #sideArea #sideSearch dl dd,
* html #sideArea #sideSearch dl,
* html #contlink ul,
* html #sublink ul,
* html #sublink ul li,
* html #information ul li,
* html #storeLink ul li,
* html #attention ul li,
* html #mainArea .section,
* html #block,
* html #contentWrap,
* html #footer,
* html .clearfix { height: 1%; }
#sideArea #sideSearch dl dd,
#sideArea #sideSearch dl,
#contlink ul,
#information ul li,
#storeLink ul li,
#sublink ul,
#sublink ul li,
#attention ul li,
#mainArea .section,
#block,
#contentWrap,
#footer,
.clearfix { display: block; }
/* End hide from IE-mac */