/* BoxLeft for Menu & Elements
---------------------------------------------*/

#BoxLeft			{
	float			:	left;
	margin			:	000;
	padding			:	000;
	width			:	660px;
}

/*--- Elements
---------------------------------------------*/

#ElementsIndex			{
	float			:	right;
	margin			:	000px 000px 000px -132px;
	padding			:	000px;
	width			:	460px;
	text-align		:	left;
}

/* Link Button */



#LinkH				{
	margin			:	000;
	padding			:	000;
	width			:	460px;
	height			:	100px;
}

#LinkH				{
	overflow		:	auto !important;
	overflow /**/	:	hidden;
	width			: 	100%;
}

#LinkH li 			{
	float			:	left;
	margin			:	002px 005px 002px 000;
	padding			:	000;
}

#LinkH		a		{
	display			:	block;
	overflow		:	hidden;
	height			:	0 !important;
	height /**/		:	090px;
	padding-top		:	090px;
	vertical-align	:	top;
}

.LinkH00	a		{	width : 220px;	background		:	url("../image/EventRingPillowW.jpg")	0 0;}
.LinkH10	a		{	width : 220px;	background		:	url("../image/EventRingPillowJ.jpg") 	0 0;}

.LinkH00	a:hover {					background		:	url("../image/EventRingPillowW.jpg")	0 -90px;}
.LinkH10	a:hover	{					background		:	url("../image/EventRingPillowJ.jpg")	0 -90px;}


/*--- Menu
---------------------------------------------*/

#LinkCampaign		{
	float			:	left;
	margin			:	000 000 010px 000;
	padding			:	000px;
	width			:	450px;
	text-align		:	left;
}

li.LinkCampaign		{
	margin			:	005px 000 000 000;
	padding			:	000;
	height			:	auto;
	font-size		:	008px;
	/*\*/
	letter-spacing	:	0.1em;
	/**/
}

#LinkCampaign	a	{
	margin			:	000;
	padding			:	000;
	display			:	block;
	overflow		:	hidden;
	width			:	450px;
	height			:	0 !important;
	height /**/		:	120px;
	padding-top		:	120px;
	vertical-align	:	top;
}

.LinkCampaign00	a		{	background		:	url("../image/EventCampaign.jpg")		0 0;}

.LinkCampaign00	a:hover {	background		:	url("../image/EventCampaign.jpg")		0 -120px;}



#LinkSaleEach		{
	float			:	left;
	margin			:	000 000 010px 000;
	padding			:	000px;
	width			:	450px;
	text-align		:	left;
}

li.LinkSaleEach		{
	margin			:	005px 000 000 000;
	padding			:	000;
	height			:	auto;
	font-size		:	008px;
	/*\*/
	letter-spacing	:	0.1em;
	/**/
}

#LinkSaleEach	a	{
	margin			:	000;
	padding			:	000;
	display			:	block;
	overflow		:	hidden;
	width			:	450px;
	height			:	0 !important;
	height /**/		:	150px;
	padding-top		:	150px;
	vertical-align	:	top;
}

.LinkSaleEach00	a		{	background		:	url("../image/EventRelease055.jpg")		0 0;}

.LinkSaleEach00	a:hover {	background		:	url("../image/EventRelease055.jpg")		0 -150px;}



#Link0100Each		{
	float			:	left;
	margin			:	000 000 000px 000;
	padding			:	000px;
	width			:	450px;
	text-align		:	left;
}

li.Link0100Each		{
	margin			:	005px 000 000 000;
	padding			:	000;
	height			:	auto;
	font-size		:	008px;
	/*\*/
	letter-spacing	:	0.1em;
	/**/
}

#Link0100Each	a	{
	margin			:	000;
	padding			:	000;
	display			:	block;
	overflow		:	hidden;
	width			:	450px;
	height			:	0 !important;
	height /**/		:	100px;
	padding-top		:	100px;
	vertical-align	:	top;
}

.Link0100Each00	a		{	background		:	url("../image/EventSale2010Summer_2.jpg")	0 0;		}

.Link0100Each00	a:hover {	background		:	url("../image/EventSale2010Summer_2.jpg")	0 -100px;	}

table.Sale			{
	border-left		:	solid 1px #a6ffff;
}

td.SaleEach		{
	border-right	:	solid 1px #a6ffff;
	border-bottom	:	solid 1px #a6ffff;
	padding			:	3px;
	color			:	#666666;
	width			:	090px;
	font-size		:	012px;
	text-align		:	center;
	vertical-align	:	middle;
}



#Link0200Each		{
	float			:	left;
	margin			:	000 000 010px 000;
	padding			:	000px;
	width			:	450px;
	text-align		:	left;
}

li.Link0200Each		{
	margin			:	005px 000 000 000;
	padding			:	000;
	height			:	auto;
	font-size		:	008px;
	/*\*/
	letter-spacing	:	0.1em;
	/**/
}

#Link0200Each	a	{
	margin			:	000;
	padding			:	000;
	display			:	block;
	overflow		:	hidden;
	width			:	450px;
	height			:	0 !important;
	height /**/		:	200px;
	padding-top		:	200px;
	vertical-align	:	top;
}

.Link0200Each00	a		{	background		:	url("../image/EventSale2010Summer_5.jpg")		0 0;}

.Link0200Each00	a:hover {	background		:	url("../image/EventSale2010Summer_5.jpg")		0 -200px;}



#Link0300Each		{
	float			:	left;
	margin			:	000 000 010px 000;
	padding			:	000px;
	width			:	450px;
	text-align		:	left;
}

li.Link0300Each		{
	margin			:	005px 000 000 000;
	padding			:	000;
	height			:	auto;
	font-size		:	008px;
	/*\*/
	letter-spacing	:	0.1em;
	/**/
}

#Link0300Each	a	{
	margin			:	000;
	padding			:	000;
	display			:	block;
	overflow		:	hidden;
	width			:	450px;
	height			:	0 !important;
	height /**/		:	300px;
	padding-top		:	300px;
	vertical-align	:	top;
}

.Link0300Each00	a		{	background		:	url("../image/EventSale2010Summer.jpg")		0 0;}

.Link0300Each00	a:hover {	background		:	url("../image/EventSale2010Summer.jpg")		0 -300px;}



#LinkV			{
	float			:	left;
	margin			:	010px 000 000 000;
	padding			:	000px;
	width			:	450px;
	text-align		:	left;
}

li.LinkV				{
	margin			:	005px 000 000 000;
	padding			:	000;
	height			:	auto;
	font-size		:	008px;
	/*\*/
	letter-spacing	:	0.1em;
	/**/
}

#LinkV		a		{
	margin			:	000;
	padding			:	000;
	display			:	block;
	overflow		:	hidden;
	width			:	450px;
	height			:	0 !important;
	height /**/		:	050px;
	padding-top		:	050px;
	vertical-align	:	top;
}

.LinkV00	a		{	background		:	url("../image/EventBook.jpg")		0 0;}
.LinkV10	a		{	background		:	url("../image/EventSale.jpg")		0 0;}

.LinkV00	a:hover {	background		:	url("../image/EventBook.jpg")		0 -50px;}
.LinkV10	a:hover	{	background		:	url("../image/EventSale.jpg")		0 -50px;}



#LinkNew			{
	margin			:	000;
	padding			:	000;
	width			:	460px;
	height			:	130px;
}

#LinkNew				{
	overflow		:	auto !important;
	overflow /**/	:	hidden;
	width			: 	100%;
}

#LinkNew li 			{
	float			:	left;
	margin			:	000px 002px 000px 000;
	padding			:	000;
}

#LinkNew		a		{
	display			:	block;
	overflow		:	hidden;
	height			:	0 !important;
	height /**/		:	130px;
	padding-top		:	130px;
	vertical-align	:	top;
}

.LinkNew00	a		{	width : 110px;	background		:	url("../image/New055.jpg")	0 0;}
.LinkNew10	a		{	width : 110px;	background		:	url("../image/New054.jpg") 	0 0;}
.LinkNew20	a		{	width : 110px;	background		:	url("../image/New053.jpg") 	0 0;}
.LinkNew30	a		{	width : 110px;	background		:	url("../image/New038.jpg") 	0 0;}

.LinkNew00	a:hover {					background		:	url("../image/New055.jpg")	0 -130px;}
.LinkNew10	a:hover	{					background		:	url("../image/New054.jpg")	0 -130px;}
.LinkNew20	a:hover	{					background		:	url("../image/New053.jpg")	0 -130px;}
.LinkNew30	a:hover	{					background		:	url("../image/New038.jpg")	0 -130px;}


/* Event  */

#EventTable			{
	float			:	left;
	margin			:	000 000 000 000;
	padding			:	000;
	background		:	url("../image/EventRelease057_060.jpg");
	width			:	450px;
	height			:	600px;
	text-align		:	left;
}

li.EventTable		{
	margin			:	000;
	padding			:	000;
	height			:	auto;
	font-size		:	008px;
	/*\*/
	letter-spacing	:	0.1em;
	/**/
}

#EventTable		a	{
	margin			:	000;
	padding			:	000;
	display			:	block;
	overflow		:	hidden;
	width			:	200px;
	height			:	0 !important;
	height /**/		:	200px;
	padding-top		:	200px;
	vertical-align	:	top;
}

.Event057		a		{	background		:	url("../RingPillow/057/image/ABannerOf.jpg")	0 0;		}
.Event057		a:hover {	background		:	url("../RingPillow/057/image/ABannerOn.jpg")	0 -200px;	}
.Event058		a		{	background		:	url("../RingPillow/058/image/ABannerOf.jpg")	0 0;		}
.Event058		a:hover {	background		:	url("../RingPillow/058/image/ABannerOn.jpg")	0 -200px;	}
.Event059		a		{	background		:	url("../RingPillow/059/image/ABannerOf.jpg")	0 0;		}
.Event059		a:hover {	background		:	url("../RingPillow/059/image/ABannerOn.jpg")	0 -200px;	}
.Event060		a		{	background		:	url("../RingPillow/060/image/ABannerOf.jpg")	0 0;		}
.Event060		a:hover {	background		:	url("../RingPillow/060/image/ABannerOn.jpg")	0 -200px;	}



/* Event */

#Event1				{
	clear			:	both;
	float			:	left;
	margin			:	000;
	padding			:	000px;
	width			:	225px;
	text-align		:	left;
}

#Event2				{
	float			:	right;
	margin			:	000;
	padding			:	000px;
	width			:	225px;
	text-align		:	left;
}


/* News */

#NewsBox			{
	clear			:	both;
	margin-top		:	020px;
	padding-top		:	010px;
	width			:	450px;
	height			:	auto;
	vertical-align	:	top;
}


#News				{
	border			:	solid 001px #660000;
	width			:	440px;
	height			:	200px;
   	overflow-x		:	hidden;
	overflow-y		:	scroll;
	font-size		:	012px;
	line-height		:	1.3em;
	text-align		:	left;
	vertical-align	:	top;
	padding			:	002px;
}

#NewsS				{
	font-size		:	010px;
	line-height		:	1.3em;
}

/* Topics */

#TopicsBox			{
	clear			:	both;
	margin-top		:	010px;
	width			:	450px;
	height			:	auto;
	vertical-align	:	top;
}


#Topics				{
	border			:	solid 001px #006666;
	width			:	440px;
	height			:	100px;
   	overflow-x		:	hidden;
	overflow-y		:	scroll;
	font-size		:	12px;
	line-height		:	1.3em;
	text-align		:	left;
	vertical-align	:	top;
	padding			:	002px;
}



/* BoxRight
---------------------------------------------*/

#BoxRight			{
	float			:	right;
	margin			:	000px;
	padding			:	000px;
	width			:	132px;
	font-size		:	012px;
	text-align		:	center;
}

/*--- Atelier ---*/
/*
#Atelier			{
	float			:	right;
	margin			:	000;
	width			:	132px;
	text-align		:	center;
	background		:	url("../image/FrameAtelier.gif") repeat-y; 
}

#AtelierMenu				{
	margin			:	000;
	padding			:	000;
	height			:	auto;
	text-align		:	center;
	font-size		:	10px;
	/*\*/
/*	letter-spacing	:	0.1em;
	/**/
/*}

li.AtelierMenu		a		{
	display			:	block;
	overflow		:	hidden;
	width			:	115px;
	height			:	0 !important;
	height /**/		:	030px;
/*	padding-top		:	030px;
	color			:	#f8f8fe;
	vertical-align	:	top;
}

.Atelier00	a		{	background		:	url("../image/MenuAtProfile.gif")			0 0;}
.Atelier10	a		{	background		:	url("../image/MenuAtBlog.gif")				0 0;}
.Atelier20	a		{	background		:	url("../image/MenuAtSewingBox.gif")			0 0;}
.Atelier30	a		{	background		:	url("../image/MenuAtSmallHappiness.gif")	0 0;}

.Atelier00	a:hover {	background		:	url("../image/MenuAtProfile.gif")			0 -30px;}
.Atelier10	a:hover	{	background		:	url("../image/MenuAtBlog.gif")				0 -30px;}
.Atelier20	a:hover	{	background		:	url("../image/MenuAtSewingBox.gif")			0 -30px;}
.Atelier30	a:hover	{	background		:	url("../image/MenuAtSmallHappiness.gif")	0 -30px;}

/*--- Calendar ---*/

div.Calendar		{	
	clear			:	both;
	margin-top		:	000;
	margin-left		:	003px;
	width			:	120px;
	text-align		:	center;
}

div.CalComment		{
	text-align		:	left;
	color			:	#666666;
	font-size		:	010px;
}



/*--- RingPillow Site Map
---------------------------------------------*/

#RingPillowSiteMap	{
	margin			:	030px 000 010px 000;
	width			:	450px;
	font-size		:	010px;
	line-height		:	1.3em;
}

#RingPillowSiteMapL	{
	clear			:	both;
	float			:	left;
	margin			:	000 000 000 005px;
	width			:	210px;
}

#RingPillowSiteMapL h2		{
	padding			:	003px 000 002px 005px;;
	width			:	200px;
	text-align		:	left;
	font-weight		:	normal;
	font-size		:	010px;
	background		:	#E4F8F4; 
}

#RingPillowSiteMapR	{
	float			:	right;
	margin			:	000 000 000 005px;
	width			:	210px;
}

#RingPillowSiteMapR h2		{
	padding			:	003px 000 002px 005px;;
	width			:	200px;
	text-align		:	left;
	font-weight		:	normal;
	font-size		:	010px;
	background		:	#E4F8F4; 
}

#RingPillow			{
	margin			:	010px 000 000 010px;
	width			:	190px;
}