@charset "utf-8";

/* ------------------------------------------------------------
  filename:layer.css
  created: 090518
  update:  090518
------------------------------------------------------------ */

/* ------------------------------------------------------------ レイヤー全般 */
div.myMemoPad,
div.popBoxfuki,
div.popBoxPres,
div.popLithgBoxA { text-align: left; }

/* ------------------------------------------------------------ チェンジレイヤー */
div.layer01,
div.layer02,
div.layer03,
div.layer04,
div.layer05,
div.layer06,
div.layer07,
div.layer08,
div.layer09,
div.layer10 { display: none; }

/* ------------------------------------------------------------ フォトギャラリー */
/* HK0507 */

div#mainContents div.mainImg,
div#mainContents div.thum,
div#mainContents div.gOthers,
div#mainContents div.gDetail { float: left; }

div#mainContents div.mainImg { width: 688px; }

div#mainContents div.mainImg p { margin-right: 0; }

div#mainContents div.thum {
	width: 170px;
	text-align:right;
}

div.column4BL,
div.column4BR,
div.column3AL,
div.column3AC,
div.column3AR { float: left; }

div.column4BL { width: 334px; }

div.column4BR { width: 354px; }

div.column3AL { width: 218px; }

div.column3AC,
div.column3AR { width: 234px; }

div#mainContents div.column4BR p { margin-left: 20px; }

div#mainContents div.column3AC p,
div#mainContents div.column3AR p { margin-left: 16px; }

div#mainContents div.thum p {
	position: relative;
	width: 165px;
	height: 150px;
	margin-left: 5px;
	margin-right: 0;
	background-image: url(/images/common/bg_thum.gif);
	background-position: 15px 0;
	background-repeat: no-repeat;
}

div#mainContents div.thum p.thumLead {
	position: static;
	width: auto;
	height: auto;
	margin-left: 20px;
	text-align: left;
	background-image: none;
}

div#mainContents div.thum p a,
div#lbContents div.thum p a  {
	width: 150px;
	height: 150px;
	display: block;
	margin-left: 15px;
	text-align: center;
}

div#mainContents div.thum p a:hover {
	display: block;
	margin-left: 0;
	z-index: 99;
	padding-left: 15px;
	background-image: url(/images/common/bg_thum_on.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

* html div#mainContents div.thum p a:hover { width:165px; }

div#mainContents div.thum p.cr a {
	display: block;
	margin-left: 0;
	z-index: 99;
	padding-left: 15px;
	background-image: url(/images/common/bg_thum_on.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

* html div#mainContents div.thum p.cr a { width:165px; }

div#mainContents div.thum p a img {
	vertical-align: middle;
	line-height: 1px;
	text-align: center;
	position: absolute;
	top:0;
	left:65px;
	padding: 0;
}

* html div#mainContents div.thum p a img { margin-top: 45px; }

div#mainContents div.thum p.thumTypeA img.thum01 {
	top: 43px;
	left: 25px;
}

* html div#mainContents div.thum p.thumTypeA img.thum01 { top: 0; }

div#mainContents div.thum p.thumTypeB img.thum01 {
	top: 33px;
	left: 25px;
}

div#mainContents div.thum p.thumTypeB img.thum02 {
	top: 33px;
	left: 92px;
}

* html div#mainContents div.thum p.thumTypeB img.thum01,
* html div#mainContents div.thum p.thumTypeB img.thum02 { top: -10px; }

div#mainContents div.thum p.thumTypeC img.thum01 {
	top: 22px;
	left: 25px;
}

div#mainContents div.thum p.thumTypeC img.thum02 {
	top: 22px;
	left: 92px;
}

* html div#mainContents div.thum p.thumTypeC img.thum01,
* html div#mainContents div.thum p.thumTypeC img.thum02 { top: -21px; }

div#mainContents div.thum p.thumTypeC img.thum03 {
	top: 73px;
	left: 92px;
}

* html div#mainContents div.thum p.thumTypeC img.thum03 { top: 30px; }

div#mainContents div.thum p.thumTypeD img.thum01 {
	top: 26px;
	left: 25px;
}

div#mainContents div.thum p.thumTypeD img.thum02 {
	top: 26px;
	left: 92px;
}

* html div#mainContents div.thum p.thumTypeD img.thum01,
* html div#mainContents div.thum p.thumTypeD img.thum02 { top: -17px; }

div#mainContents div.thum p.thumTypeD img.thum03 {
	top: 77px;
	left: 25px;
}

div#mainContents div.thum p.thumTypeD img.thum04 {
	top: 77px;
	left: 92px;
}

* html div#mainContents div.thum p.thumTypeD img.thum03,
* html div#mainContents div.thum p.thumTypeD img.thum04 { top: 34px; }

div#mainContents div.thum p.thumTypeE img.thum01 {
	top: 18px;
	left: 25px;
}

* html div#mainContents div.thum p.thumTypeE img.thum01 { top: -25px; }

div#mainContents div.thum p.thumTypeE img.thum02 {
	top: 85px;
	left: 25px;
}

div#mainContents div.thum p.thumTypeE img.thum03 {
	top: 85px;
	left: 92px;
}

* html div#mainContents div.thum p.thumTypeE img.thum02,
* html div#mainContents div.thum p.thumTypeE img.thum03 { top: 42px; }

div#mainContents div.thum p.thumTypeF img.thum01 {
	top: 35px;
	left: 25px;
}

div#mainContents div.thum p.thumTypeF img.thum02 {
	top: 35px;
	left: 92px;
}

* html div#mainContents div.thum p.thumTypeF img.thum01,
* html div#mainContents div.thum p.thumTypeF img.thum02 { top: -8px; }

div#mainContents div.thum p.thumTypeF img.thum03 {
	top: 86px;
	left: 25px;
}

div#mainContents div.thum p.thumTypeF img.thum04 {
	top: 86px;
	left: 70px;
}

div#mainContents div.thum p.thumTypeF img.thum05 {
	top: 86px;
	left: 115px;
}

* html div#mainContents div.thum p.thumTypeF img.thum03,
* html div#mainContents div.thum p.thumTypeF img.thum04,
* html div#mainContents div.thum p.thumTypeF img.thum05 { top: 43px; }

/* MN0920 */
div#mainContents div.gallery {
	margin:0 0 0 65px;
	width: 708px;
}

div#mainContents div.gallery p {
	margin-right: 0;
	margin-left: 20px;
}

* html div#mainContents div.gallery p {
	margin-right: 0;
	margin-left: 20px;
}

div#mainContents div.gallery div.column3A p {
	margin-right: 0;
	margin-left: 17px;
}

/* MN_0913 商品プレビュー */
div#mainContents div#itemPreview p#flashContents { text-align: center; margin: 10px 0 10px 0; }
div#mainContents div#itemPreview p.img { margin-left: 95px;}

/* ------------------------------------------------------------ クイック検索 MN0101など */
div#quickSearch div#search02,
div#quickSearch div#search03 { display: none; }

/* ------------------------------------------------------------ 小さい吹き出し */
div#mainContents div.popBoxMesse,
div#mainContents div.popBoxMesseClip {
	width:109px;
	background-position:0 bottom;
	background-repeat:no-repeat;
	margin:0px;
	padding: 0 0 13px 0;
	background-image:url(/images/common/bg_popbox_messe_clip_btm.gif);
	text-align: left;
	z-index: 1000;
}

div#mainContents div.popBoxMesse { background-image:url(/images/common/bg_popbox_messe_btm.gif); }

div#mainContents div.popBoxMesse div.popBoxMesseInner,
div#mainContents div.popBoxMesseClip div.popBoxMesseClipInner {
	background-position:0 top;
	background-repeat:no-repeat;
	background-image:url(/images/common/bg_popbox_messe_clip_top.gif);
	padding: 8px 8px 0 8px;
}

div#mainContents div.popBoxMesse div.popBoxMesseInner { background-image:url(/images/common/bg_popbox_messe_top.gif); }

div#mainContents div.popBoxMesse div.popBoxMesseInner p,
div#mainContents div.popBoxMesseClip div.popBoxMesseClipInner p { margin: 0; }

/* ------------------------------------------------------------ 大きい吹き出し（茶） */
div#mainContents div.popBoxfuki,
div#lbContents div.popBoxfuki {
	width:449px;
	background-position:0 top;
	background-repeat:no-repeat;
	background-image:url(/images/common/bg_popbox_01_top.gif);
	padding-top: 15px;
}

div#mainContents div.popBoxfukiInner,
div#lbContents div.popBoxfukiInner {
	background-position:0 bottom;
	background-repeat:no-repeat;
	background-image:url(/images/common/bg_popbox_01_btm.gif);
	padding-bottom: 25px;
	padding-top:1px;
}

div#lbContents div.popBoxfukiMid {
	background-repeat:repeat-y;
	background-position:15 top;
	padding-bottom: 1px;
	background-image:url(/images/common/bg_popbox_01_mid.gif);
}

div#mainContents div.typeR div.popBoxfukiInner,
div#lbContents div.typeR div.popBoxfukiInner {
	background-image:url(/images/common/bg_popbox_01_btm_r.gif);
}
div#mainContents div.typeL div.popBoxfukiInner,
div#lbContents div.typeL div.popBoxfukiInner {
	background-image:url(/images/common/bg_popbox_01_btm_l.gif);
}

div#lbContents div.popBoxfukiMid p {
	margin: 0 20px 10px 20px;
	word-break:break-all;
}

div#mainContents div.popBoxfuki p,
div#lbContents div.popBoxfuki p,
div#lbContents div.popBoxfukiInner p { 
	margin: 0 20px 10px 20px;
}

/* カレンダー用 */
div#mainContents div.popBoxfuki.calendarPop,
  div#lbContents div.popBoxfuki.calendarPop { background-image:url(/images/common/bg_popbox_02_top.gif); }


div#mainContents div.popBoxfuki.calendarPop dl.links,
div#mainContents div.popBoxfuki.calendarPop ul.links,
div#lbContents div.popBoxfuki.calendarPop ul.links,
div#lbContents div.popBoxfukiMid dl.links,
div#lbContents div.popBoxfukiMid ul {
	margin: 0 20px 10px 20px; 
}

div#lbContents div.popBoxfukiMid ul li {padding-bottom:2px;}

div#lbContents div.popBoxfukiMid ul span.comment { margin-right:-5px;}

div#mainContents div.popBoxfuki.calendarPop dl.links dt a,
div#lbContents div.popBoxfukiMid dl.links dt a {
	background-image:url(/images/common/mark_links.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left:14px;
	padding-bottom:2px;
}

div#mainContents div.popBoxfuki.calendarPop dl.links dd,
div#lbContents div.popBoxfukiMid dl.links dd { 
	margin-bottom: 10px; 
}

div#mainContents div.popBoxfuki.calendarPop p.learnMore,
div#lbContents div.popBoxfukiMid p.learnMore {
	margin-bottom: 0; 
}

div#mainContents div.popBoxfuki p.titleA,
div#lbContents div.popBoxfukiMid p.titleA {
	border-bottom: 1px solid #713b48;
	font-weight: bold;
	font-size: 150%;
	color: #713B48;
}

div#mainContents div.popBoxfuki p.titleC,
div#lbContents div.popBoxfukiMid p.titleC {
	border-bottom: 1px solid #713b48;
	font-weight: bold;
	font-size: 150%;
	color: #713B48;
}

div#mainContents div.popBoxfuki p.titleB,
div#lbContents div.popBoxfukiMid p.titleB {
	padding: 4px 0 3px 6px;
	border-top: 1px solid #E8C5A9;
	border-bottom: 1px solid #E8C5A9;
	background-color: #F9EDDF;
	font-weight: bold;
	font-size: 140%;
	color: #C33974;
}

div#mainContents div.popBoxfuki .popHeadBox,
div#lbContents div.popBoxfuki .popHeadBox {
	overflow:hidden;
	width:410px;
	border-bottom: 1px solid #713b48;
	margin: 0 20px 10px 20px;
}

div#mainContents div.popBoxfuki .popHeadBox p.titleA,
div#lbContents div.popBoxfuki .popHeadBox p.titleA {
	border-bottom: 0;
	margin: 0 0px 0px 0px;
	float:left;
	width:200px;
}

div#mainContents div.popBoxfuki .popHeadBox p.titleC,
div#lbContents div.popBoxfuki .popHeadBox p.titleC {
	border-bottom: 0;
	margin: 0 0px 0px 0px;
	float:left;
	width:400px;
}

div#mainContents div.popBoxfuki .popHeadBox p.closeBtn,
div#lbContents div.popBoxfuki .popHeadBox p.closeBtn {
	border-bottom: 0;
	margin: 0 0px 0px 0px;
	float:right;
}

div#mainContents div.popBoxfuki div.popHeadLink p.links,
div#lbContents div.popBoxfuki div.popHeadLink p.links {
	float:left;
	margin: 0 20px 0px 20px;
	padding-bottom: 10px;
	height: 23px;
	display: inline;
}


div#mainContents div.popBoxfuki div.popHeadLink ul,
div#lbContents div.popBoxfuki div.popHeadLink ul {
	margin: 0 20px 10px 0;
	text-align: right;
}

div#mainContents div.popBoxfuki div.popHeadLink ul li,
div#lbContents div.popBoxfuki div.popHeadLink ul li {
	display: inline;
	margin-left:5px;
}

div#mainContents div.popBoxfuki div.popHeadLink ul.links,
div#lbContents div.popBoxfuki div.popHeadLink ul.links {
	float:left;
	margin: 0 20px 0px 20px;
	padding-bottom: 10px;
	text-align:left;}

div#mainContents div.popBoxfuki div.popHeadLink ul.links li,
div#lbContents div.popBoxfuki div.popHeadLink ul.links li {
	float:none;
	display:block;
	margin:0;
	padding-bottom:0;
}

div#mainContents div.popBoxfuki div.popHeadLink div.popHeadLinktop,
div#lbContents div.popBoxfuki div.popHeadLink div.popHeadLinktop {
	padding-bottom:5px;
}


/* ------------------------------------------------------------ ダンドリチェック */
div#mainContents div.colordTbl table tr.grayedOut td { background: #CCC !important; }
div#mainContents div.colordTbl table tr.grayedOut td { text-decoration: none; }
div#mainContents div.colordTbl table tr.grayedOut td.ctTableTh11 span { text-decoration: line-through; }

div#mainContents div.colordTbl table tr td.jsBuntan { cursor: pointer; }
/* カスタマーcssに統合 */

/* ------------------------------------------------------------ ご意見聞かせて */
div#mainContents p#sendTo-errorMsg-required,
div#mainContents p#subject-errorMsg-required { display:none; }

div#mainContents img#sendTo-img,
div#mainContents img#subject-img { visibility:hidden; }

/* ------------------------------------------------------------ 展開ナビゲーション */
/* パターンA */
div#mainContents div.leftNav div.leftNavExpand div.expOuter h2 { cursor: pointer; }

div#mainContents div.leftNav div.leftNavExpand div.expOuter div.expInner { display: none; }

/* パターンB */
div#mainContents div.leftNav h3#areaToggleHeader,
div#mainContents div.leftNav div#area-tokyo,
div#mainContents div.leftNav div#area-saitama,
div#mainContents div.leftNav div#area-gunma,
div#mainContents div.leftNav div#area-tochigi,
div#mainContents div.leftNav div#area-kanagawa,
div#mainContents div.leftNav div#area-chiba,
div#mainContents div.leftNav div#area-ibaraki,
div#mainContents div.leftNav div#area-around,
div#mainContents div.leftNav div#area-around dl.searchVCheckbox dd { display:none; }

/* ------------------------------------------------------------ 追従スクロール */
div#scrollFollow { overflow: hidden; }

/* ------------------------------------------------------------ 地域変更 */
div#lbContents div.popLithgBoxA p.map {
	text-align: center;
	margin-top: 40px;
}
div.hanSelect {
	display: none;
}

/* ------------------------------------------------------------ clearfix */
div#mainContents div.popBoxfuki div.popHeadLink:after,
div#mainContents div.popBoxfuki div.popHeadLink div.popHeadLinktop:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#mainContents div.popBoxfuki div.popHeadLink,
div#mainContents div.popBoxfuki div.popHeadLink div.popHeadLinktop { display: inline-table; }

* html div#mainContents div.popBoxfuki div.popHeadLink,
* html div#mainContents div.popBoxfuki div.popHeadLink div.popHeadLinktop { height: 1%; }

div#mainContents div.popBoxfuki div.popHeadLink,
div#lbContents div.popBoxfuki div.popHeadLink,
div#mainContents div.popBoxfuki div.popHeadLink div.popHeadLinktop {
	display: block;
	zoom: 1;
}

/* EOF */