@charset "utf-8";
/*-------------------------------------------------------------

2010.03.15
SMOO CAKE & UV MANAGER

-------------------------------------------------------------*/

/*Default
===========================*/
* { margin: 0; padding: 0; }
body { line-height: 0 }
ul { list-style: none; }
#contents a { font-size: 10px; }

.pageTop {
	padding: .5em 0;
	width: 651px;
	text-align: right;
}

#gloNavi li#gloNaviIdx1300 a,
#gloNavi li#gloNaviIdx1300 a:visited {
	background-image:url(../../img/navi/foundationBTN_f2.gif);
	height: 30px;
}

/*HEARD
===========================*/
div#head {
	position: relative;
	width: 650px;
	height: 393px;
	background: url(../../shopping/img/2010_smoo_uv/top_bg.jpg) top;
}

	div#head h2,
	div#head p.limitedName,
	div#head p.date,
	div#head p.txt,
	div#head p.copy,
	div#head ul#gnav {
		position: absolute;
		left: 22px;
	}

	div#head h2 { /*top: 25px;*/ top: 39px; }
	div#head p.limitedName { top: 107px; display: none; }
	div#head p.date { top: 137px; }
	div#head p.txt { top: 146px; z-index: 50; }
	div#head p.copy { top: 17px; left: 611px; }

	div#head ul#gnav {
		bottom: 0;
		left: 0;
		width: 650px;
		height: 97px;
		z-index: 10;
	}

		div#head ul#gnav li {
			float: left;
		}

/*SMOO CAKE
===========================*/
div#itemSmoo {
	position: relative;
	_margin-top: -4px;
	width: 650px;
	height: 241px;
	/*background: url(../../shopping/img/2010_smoo_uv/smoo_bg.jpg) top; -2010.06.28 */
	/*background: url(../../shopping/img/2010_smoo_uv/smoo_bg02.jpg) top; -2010.07.08 */
	background: url(../../shopping/img/2010_smoo_uv/smoo_bg03.jpg) top;
}

	div#itemSmoo h3,
	div#itemSmoo h4,
	div#itemSmoo p.colour,
	div#itemSmoo p.txt,
	div#itemSmoo p.limited,
	div#itemSmoo p.limitedImg,
	div#itemSmoo p.ingredient {
		position: absolute;
		left: 23px;
	}

	div#itemSmoo h3 { top: 20px; }
	div#itemSmoo h4 { top: 72px; }
	div#itemSmoo p.colour { top: 112px; }
	div#itemSmoo p.txt { top: 161px; }
	div#itemSmoo p.limited { top: 33px; left: 467px; z-index: 50; }
	div#itemSmoo p.limitedImg { top: 37px; left: 352px; z-index: 10; }
	div#itemSmoo p.ingredient { top: 197px; left: 543px; }

/*UV MANAGER
===========================*/
div#itemUV {
	position: relative;
	_margin-top: -4px;
	width: 650px;
	height: 241px;
	background: url(../../shopping/img/2010_smoo_uv/uv_bg.jpg) top;
}

	div#itemUV h3,
	div#itemUV h4,
	div#itemUV div.shopBag,
	div#itemUV p.txt,
	div#itemUV p.ingredient {
		position: absolute;
		left: 23px;
	}

	div#itemUV h3 { top: 20px; }
	div#itemUV h4 { top: 72px; }
	div#itemUV p.txt { top: 161px; }
	div#itemUV p.ingredient { top: 197px; left: 543px; }

	div#itemUV div.shopBag {
		top: 122px;
		width: 29em;
		font-size: 12px;
	}

		div#itemUV div.shopBag div.selectItem {
			float: left;
			width: 12em;
		}

			div#itemUV div.shopBag div.selectItem label {
				float: left;
				width: 9em;
			}
	
			div#itemUV div.shopBag div.selectItem div#buyUttlty {
				margin-left: 9em;
				width: 30px;
			}

		div#itemUV div.shopBag div.iconTop,
		div#itemUV div.shopBag div.iconBottom {
			float: left;
		}

	div#itemUV div.shopBag .seibun {
		float: left;
		padding: .3em 0 0 1em;
	}

/*TAB Smoo Cake
===========================*/
ul.tabSmoo {
	width: 651px;
	height: 76px;
	background: url(../../shopping/img/2010_smoo_uv/smoo_tab_bg.jpg) top;
}

	ul.tabSmoo li {
		float: left;
		padding-right: 3px;
	}

	ul.tabSmoo li.last-child {
		padding-right: 0;
	}

		ul.tabSmoo li a {
			display: block;
			width: 106px;
			height: 76px;
		}

		ul.tabSmoo li a.block {
			visibility: hidden;
		}

/*TAB UV Manager
===========================*/
ul.tabUV {
	width: 651px;
	height: 76px;
	background: url(../../shopping/img/2010_smoo_uv/uv_tab_bg.jpg) top;
}

	ul.tabUV li {
		float: left;
		padding-right: 3px;
	}

	ul.tabUV li.last-child {
		padding-right: 0;
	}

		ul.tabUV li a {
			display: block;
			width: 130px;
			height: 76px;
		}

		ul.tabUV li.last-child a {
			width: 119px;
		}

		ul.tabUV li a.block {
			visibility: hidden;
		}


/*tabContents
===========================*/
div#tabContents {
	width: 651px;
	background: url(../../shopping/img/2010_smoo_uv/tabcontents_bg.jpg) bottom;
}

	div#tabContents div h5 {
		padding-bottom: 1.5em;
	}

	div#tabContents div p {
		padding: 0 0 2em 40px;
	}

/* explainSmoo */
div.explainSmoo div {
}

	div.explainSmoo div#tab01 p.pic {
		padding-left: 20px;
	}

	div.explainSmoo div#tab03 ol {
		margin: 0;
		padding-left: 45px;
	}

		div.explainSmoo div#tab03 ol li {
			padding-bottom: 1em;
			list-style: none;
		}

	div.explainSmoo div#tab04 p {
		padding: 0 0 1.5em 43px;
	}

	div.explainSmoo div#tab05 p {
		padding: 0 0 1.5em 43px;
	}

/*HOW TO USE
===========================*/
div#howto {
}

	div#howto p {
		padding: .8em 0 0 45px;
	}

/*Item Limited
===========================*/
div#itemLimited {
	position: relative;
	width: 650px;
	height: 351px;
	background: url(../../shopping/img/2010_smoo_uv/limited_bg.jpg) top;
}

	div#itemLimited h5,
	div#itemLimited p.txt,
	div#itemLimited p.price,
	div#itemLimited p.attention,
	div#itemLimited div.shopBag {
		position: absolute;
	}
	
	div#itemLimited h5 { top: 13px; left: 41px; }
	div#itemLimited p.txt { top: 77px; left: 76px; }
	div#itemLimited p.price { top: 148px; left: 376px; }
	div#itemLimited p.attention { top: 294px; left: 200px; }
	div#itemLimited div.shopBag {
		top: 190px;
		left: 375px;
		width: 300px;
		font-size: 12px;
	}

		div#itemLimited div.shopBag label {
			float: left;
			width: 9em;
		}

		div#itemLimited div.shopBag div#buyUttlty {
			margin-left: 9em;
			width: 30px;
		}

		div#itemLimited div.shopBag div.iconTop {
			clear: both;
		}
	
/*Banner
===========================*/
ul#banner {
	margin-top: 1em;
	padding-top: 1em;
	width: 650px;
	background: url(../../shopping/img/2010_smoo_uv/dotted.jpg) repeat-x top;
}

	ul#banner li {
	}