@charset "Shift_JIS";
/* ----------------------------------------------------------
  TITLE : MIZUNO OFFICIAL ONLINE SHOPPING
  URI : www.mizunonetorder.com
  Copyright (C) MIZUNO
---------------------------------------------------------- */

/*----------------------------
	1. 共通設定
	2. オススメ商品
	3. お知らせ
	4. 特集＆キャンペーン
	5. スタッフのオススメ
	6. 会員登録のお願い
	7. 右メニュー
------------------------------ */

/*   1. 共通設定
---------------------------------------------------- */
#top #layout #container {
	margin: 25px 0 0 0;
}

#top #layout #container #threeBoxLeft #main h2 {
	margin: 15px 0;
}

/*   2. オススメ商品
---------------------------------------------------- */
#top #layout #container #threeBoxLeft #main #recomArea dl dd.price {
	line-height: 1;
}

#top #layout #container #threeBoxLeft #main #recomArea dl dd.price strong {
	color: #000099;
	font-weight: bold;
}

#top #layout #container #threeBoxLeft #main #recomArea dl dd.price span {
	font-size: 10px;
}

#top #layout #container #threeBoxLeft #main #recomArea {
	margin: 40px 0 0 0;
	border-top: 1px solid #cbd0d6;
}

#top #layout #container #threeBoxLeft #main #recomArea .itemGroupTop {
	width: 596px;
}

#top #layout #container #threeBoxLeft #main #recomArea .itemGroupTop dl {
	float: left;
	width: 120px;
	margin: 0 38px 0 0;
}

#top #layout #container #threeBoxLeft #main #recomArea .itemGroupTop dl.lastChild {
	margin: 0;
}

#top #layout #container #threeBoxLeft #main #recomArea .itemGroupTop dl dd {
	margin: 5px 0 0 0;
}

#top #layout #container #threeBoxLeft #main #recomArea .itemGroup {
	margin: 40px 0 0 0;
	padding: 0 0 0 3px;
	width: 596px;
}

#top #layout #container #threeBoxLeft #main #recomArea .itemGroup dl {
	float: left;
	width: 100px;
	padding: 0 9px;
}

#top #layout #container #threeBoxLeft #main #recomArea .itemGroup dl dd {
	margin: 5px 0 0 0;
}


/*   3. お知らせ
---------------------------------------------------- */
#top #layout #container #threeBoxLeft #main #newsArea {
	margin: 40px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #cbd0d6;
}

#top #layout #container #threeBoxLeft #main #newsArea .newsTitle {
	width: 596px;
	height: 16px;
	position: relative;
}

#top #layout #container #threeBoxLeft #main #newsArea .newsTitle h2 {
	margin: 0;
}

#top #layout #container #threeBoxLeft #main #newsArea .newsTitle p.rss {
	position: absolute;
	top: 2px;
	right: 0px;
}

#top #layout #container #threeBoxLeft #main #newsArea .newsInfo {
	width: 596px;
	height: 160px;
	overflow: auto;
	background: #f0f0f0;
	margin: 15px 0 0 0;
}

#top #layout #container #threeBoxLeft #main #newsArea .newsInfo dt {
	width: 80px;
	float: left;
	clear: both;
	border-top: 1px dotted #d4d4d4;
	padding: 5px 0 5px 10px;
	color: #bf0000;
	font-weight: bold;
	font-size: 10px;
}

#top #layout #container #threeBoxLeft #main #newsArea .newsInfo dd {
	margin-left: 90px;
	padding: 5px 5px 5px 8px;
	border-top: 1px dotted #d4d4d4;
	background: url(../images/parts/common/point_gray.gif) no-repeat 0px 8px;
}

* html #top #layout #container #threeBoxLeft #main #newsArea .newsInfo dd {
	height:1px;
}

/*   4. 特集＆キャンペーン
---------------------------------------------------- */
#top #layout #container #threeBoxLeft #main #specialArea {
	margin: 40px 0 0 0;
	border-top: 1px solid #cbd0d6;
}

#top #layout #container #threeBoxLeft #main #specialArea .specialBnr {
	width: 596px;
	height: 102px;
	position: relative;
}

#top #layout #container #threeBoxLeft #main #specialArea .specialBnr p.special01 {
	position: absolute;
	top: 0px;
	left: 0px;
}

#top #layout #container #threeBoxLeft #main #specialArea .specialBnr p.special02 {
	position: absolute;
	top: 0px;
	left: 208px;
}

#top #layout #container #threeBoxLeft #main #specialArea .specialBnr p.special03 {
	position: absolute;
	top: 0px;
	left: 416px;
}

#top #layout #container #threeBoxLeft #main #specialArea .specialBnr p.special04 {
	position: absolute;
	top: 57px;
	left: 0px;
}

#top #layout #container #threeBoxLeft #main #specialArea .specialBnr p.special05 {
	position: absolute;
	top: 57px;
	left: 208px;
}

#top #layout #container #threeBoxLeft #main #specialArea .specialBnr p.special06 {
	position: absolute;
	top: 57px;
	left: 416px;
}

/*   5. スタッフのオススメ
---------------------------------------------------- */
#top #layout #container #threeBoxLeft #main #staffArea {
	margin: 40px 0 0 0;
	border-top: 1px solid #cbd0d6;
}

#top #layout #container #threeBoxLeft #main #staffArea h2 {
	margin-bottom: 0;
}

#top #layout #container #threeBoxLeft #main #staffArea .staffCont {
	width: 596px;
	margin: 15px 0 0 0;
}

#top #layout #container #threeBoxLeft #main #staffArea .staffCont dl.staffBox {
	width: 278px;
	padding: 15px 0 0 0;
	border-top: 1px dotted #d4d4d4;
}

#top #layout #container #threeBoxLeft #main #staffArea .staffCont dl.boxLeft {
	float: left;
}

#top #layout #container #threeBoxLeft #main #staffArea .staffCont dl.boxRight {
	float: right;
}


#top #layout #container #threeBoxLeft #main #staffArea .staffCont dl dt {
	float: left;
}

#top #layout #container #threeBoxLeft #main #staffArea .staffCont dl dd {
	float: right;
	width: 220px;
	font-size: 10px;
}

/*   6. 会員登録のお願い
---------------------------------------------------- */
#top #layout #container #threeBoxLeft #main p.mainInfo {
	background: #f2f2f2;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 1.5em 10px;
}

#top #layout #container #threeBoxLeft #main p.mainInfo a {
	color: #00a0c6;
}

#top #layout #container #threeBoxLeft #main p.mainInfo a:link {
	text-decoration: underline;
}
#top #layout #container #threeBoxLeft #main p.mainInfo a:visited {
	text-decoration: underline;
}
#top #layout #container #threeBoxLeft #main p.mainInfo a:hover {
	text-decoration: none;
}
#top #layout #container #threeBoxLeft #main p.mainInfo a:focus {
	text-decoration: none;
}
#top #layout #container #threeBoxLeft #main p.mainInfo a:active {
	text-decoration: underline;
}

/*   7. 右メニュー
---------------------------------------------------- */
#top #layout #container #sideRight .bnrArea {
	margin: 25px 0 0 0;
}

#top #layout #container #sideRight h3 {
	border-bottom: 2px solid #8c8c8c;
	margin: 40px 0 0 0;
	padding: 0 0 5px 0;
}

/* 最近チェックした商品、お気に入り商品 */
#top #layout #container #sideRight .checkProducts dl {
	border-bottom: 1px dotted #d4d4d4;
	margin: 10px 0 0 0;
	padding: 0 0 8px 0;
}

#top #layout #container #sideRight .checkProducts dl dt {
	width: 45px;
	float: left;
	clear: both;
}

#top #layout #container #sideRight .checkProducts dl dd {
	margin-left: 45px;
}

#top #layout #container #sideRight .checkProducts dl dd p {
	width: 120px;
}

/* 最近チェックしたカテゴリ、お気に入りカテゴリ */
#top #layout #container #sideRight .checkCategory ul {
	margin: 8px 0 0 0;
}

#top #layout #container #sideRight .checkCategory ul li {
	margin: 2px 0;
	padding: 0 0 0 8px;
	background: url(../images/parts/common/point_lightgray.gif) no-repeat 0px 4px;
}

/* ランキング */
#top #layout #container #sideRight .ranking h4 {
	margin: 10px 0 0 0;
}

#top #layout #container #sideRight .ranking dl dt {
	width: 40px;
	float: right;
	clear: both;
}

#top #layout #container #sideRight .ranking dl dd {
	margin-right: 45px;
	padding: 5px 0 0 0;
}