@charset "utf-8";
/*-------------------------------------------------------------------------------------------
	1.	Common
	2.	Index Image
	3.	New Design
	4.	Attention
	5.	Information
		5-1.	Common
		5-2.	What's New
		5-3.	Caution
	6.	Popular
	7.	New Year
-------------------------------------------------------------------------------------------*/
/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	1.	Common

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#textContentsLeft,	#textContentsRight	{
	margin:	20px	0	0	0;
	padding:	0;
}
#textContentsLeft	{
	width:	700px;
	float:	left;
	border-right:	1px	solid	#FCC;
}
#textContentsRight	{
	width:	196px;
	float:	right;
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	2.	First Contents

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
/*	2-1.	Common	*/
#firstContents	{
	clear:	both;
	margin:	0	0	20px	0;
	padding:	0;
	width:	900px;
	height:	300px;
}

/*	2-2.	Index Image	*/
#indexImage	{
	float:	left;
	background:	url(../images/index/index_images12.jpg)	no-repeat;
	margin:	0;
	padding:	0;
	width:	650px;
	height:	300px;
}
#indexImage	h2	{
	margin:	0	0	0	-9999px;
}
#indexImage	h2	strong	{
	font-weight:	normal;
}

/*	2-2.	Index Navigation	*/
#indexNav	{
	float:	right;
	margin:	0;
	padding:	0;
	width:	250px;
	height:	300px;
}
#indexNav	ul	{
	list-style-type:	none;
}
#indexNav	li	{
	float:	left;
	text-indent:	-9999px;
}
#indexNav	li	a	{
	display:	block;
	width:	250px;
}
#indexNav	li	a#indexNavPamphlet	{
	background:	url(../images/index/bIndexNavPamphletBaby.jpg)	no-repeat;
	height:	75px;
	border-bottom:	1px	dashed	#CCC;
}
#indexNav	li	a#indexNavBlog	{
	background:	url(../images/index/bIndexNavBlog.jpg)	no-repeat;
	height:	75px;
	border-bottom:	1px	dashed	#CCC;
}
#indexNav	li	a#indexNavCustomersVoice	{
	background:	url(../images/index/bIndexNavCustomersVoice.gif)	no-repeat;
	height:	75px;
	border-bottom:	1px	dashed	#CCC;
}
#indexNav	li	a#indexNavBridal	{
	background:	url(../images/index/bIndexNavBridal.jpg)	no-repeat;
	height:	75px;
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	3.	Second Contents

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
/*	3-1.	Common	*/
#secondContents	{
	clear:	both;
	margin:	0;
	padding:	0;
	width:	900px;
}

/*	3-2.	What's New	*/
#whatsNew	{
	margin:	0;
	padding:	0;
	float:	right;
	width:	196px;
}
#whatsNewTop	{
	margin:	0	auto;
	padding:	0;
	width:	190px;
}
#whatsNewTop	h3	{
	background:	url(../images/index/tcWhatsnewTop.gif)	no-repeat;
	text-indent:	-9999px;
	width:	190px;
	height:	30px;	
}

#whatsNew	h3	strong	{
	font-weight:	normal;
}
#whatsNewContents	{
	margin:	0	auto;
	padding:	0;
	background:	url(../images/index/tcWhatsnewMiddle.gif)	repeat-y;
	width:	190px;
	height:	auto;
}
#whatsNewContents	h4	{
	padding:	10px	0	2px	10px;
	text-align:	left;
	color:	#333;
	font-size:	77%;
}
#whatsNewContents	p	{
	padding:	0	20px	0	20px;
	text-align:	justify;
	text-justify:	distribute;
	font-weight:	normal;
	color:	#333;
	font-size:	77%;
	line-height:	150%;
}

/*	3-3.	New Design	*/
#newDesign	{
	clear:	both;
	margin:	0;
	padding:	0;
	width:	690px;
}
#newDesignTop	{
	margin:	0;
	padding:	0;
}
#newDesignTop	h3	{
	background:	url(../images/index/tcNewDesignTop.gif)	no-repeat;
	text-indent:	-9999px;
	width:	690px;
	height:	30px;
}
#newDesignTop		h3	strong	{
	font-weight:	normal;
}
.newDesignSample,	.newDesignSampleNonBorder	{
	float:	left;
	margin:	15px	0	0	0;
	padding:	0;
	width:	340px;
}
.newDesignSample	{
	border-bottom:	1px	dashed	#DDD;
}
.newDesignSample	ul,	.newDesignSampleNonBorder	ul	{
	list-style-type:	none;
}
.newDesignSample	li,	.newDesignSampleNonBorder	li	{
	padding:	0	10px	0	0;
	text-align:	justify;
	text-justify:	distribute;
	color:	#333;
	font-size:	77%!important;
	font-size:	72%;
	line-height:	160%;
}
.newDesignSample	h4,	.newDesignSampleNonBorder	h4	{
	float:	left;
	display:	block;
	width:	120px;
	height:	140px;
}
.newDesignSample	li	span,	.newDesignSampleNonBorder	li	span	{
	font-weight:	bold;
}
.newDesignSample	li	strong,	.newDesignSampleNonBorder	li	strong	{
	font-weight:	normal;
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	8.	New Year

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#year	{
	float:	left;
	margin:	0;
	padding:	0;
	width:	690px;
	height:	200px;
}
#baSummerCampaign	{
	background:	url(../images/campaign/campaign2010summerIndex2.gif)	no-repeat;
	margin:	0;
	padding:	0;
	width:	700px;
	height:	200px;
}
#baSummerCampaign	h3	{
	margin:	0;
	padding:	0;
	text-indent:	-9999px;
}
#baSummerCampaign	a	{
	display:	block;
	width:	700px;
	height:	200px;
}
#baSoccerCampaign	{
	background:	url(../images/index/campaign2010soccerIndex.gif)	no-repeat;
	margin:	0;
	padding:	0;
	width:	700px;
	height:	200px;
}
#baSoccerCampaign	h3	{
	margin:	0;
	padding:	0;
	text-indent:	-9999px;
}
#baSoccerCampaign	a	{
	display:	block;
	width:	700px;
	height:	200px;
}
.soccerComment	{
	margin:	0;
	padding:	0;
	width:	700px;
	height:	80px;
}
.soccerComment	h3	{
	font-size:	150%;
	text-align:	center;
	line-height:	80px;
}
.soccerComment	h3	span	{
	font-size:	180%;
	color:	#F00;
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	4.	Popular

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#popular	{
	clear:	both;
	margin:	0;
	padding:	0;
	width:	700px;
}
#popular	h3	{
	margin:	0	0	10px	0;
	padding:	0;
	width:	690px;
	height:	30px;
}
#containerPopular	{
	margin:	0;
	padding:	0;
	width:	700px;
}
.contentsPopular	{
	margin:	0;
	padding:	0;
	float:	left;
}
.contentsPopular	h4	{
	text-indent:	-9999px;
}
.contentsPopular	a	{
	display:	block;
	height:	300px;
}
.contentsPopular	a#popularNO1	{
	width:	350px;
	background:	url(../images/index/NO1_OB02_2008.jpg) no-repeat top center;
}
.contentsPopular	a#popularNO1:hover	{
	background:	url(../images/index/NO1_OB02_2008_over.jpg) no-repeat top center;
}
.contentsPopular	a#popularNO2	{
	width:	170px;
	background:	url(../images/index/NO2_OB28_2008.jpg) no-repeat top center;
}
.contentsPopular	a#popularNO2:hover	{
	background:	url(../images/index/NO2_OB28_2008_over.jpg) no-repeat top center;
}
.contentsPopular	a#popularNO3	{
	width:	170px;
	background:	url(../images/index/NO3_OB42_2008.jpg) no-repeat top center;
}
.contentsPopular	a#popularNO3:hover	{
	background:	url(../images/index/NO3_OB42_2008_over.jpg) no-repeat top center;
}
/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	5.	Attention

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#attention	{
	clear:	both;
	margin:	0;
	padding:	0;
	width:	700px;
}
#attentionTop	{
	margin:	0;
	padding:	0;
	width:	700px;
	height:	50px;
}
#attentionTop	h3	{
	background:	url(../images/index/tcAttentionTop.gif)	no-repeat;
	text-indent:	-9999px;
	width:	700px;
	height:	50px;
}
#attentionTop	h3	strong	{
	font-weight:	normal;
}

.attentionContents	{
	margin:	20px	0	0	0;
	padding:	0;
	width:	680px;
	border-bottom:	1px	dashed	#DDD;
}
.attentionContents	h4	{
	padding:	0	0	10px	130px;
	text-align:	left;
	color:	#900;
	font-size:	88%;
}
.attentionContents	p	{
	padding:	0	20px	0	110px;
	text-align:	justify;
	text-justify:	distribute;
	font-size:	77%;
	color:	#333;
	line-height:	160%;
}
.attentionContents	p	strong	{
	font-weight:	normal;
}
.attentionContents	p.attentionCaution	{
	padding:	0	0	20px	0;
	text-align:	right;
}
#markPoint1	{
	background:	url(../images/index/markPoint1.gif)	no-repeat	left	top;
}
#markPoint2	{
	background:	url(../images/index/markPoint2.gif)	no-repeat	left	top;
}
#markPoint3	{
	background:	url(../images/index/markPoint3.gif)	no-repeat	left	top;
}
#markPoint4	{
	background:	url(../images/index/markPoint4.gif)	no-repeat	left	top;
}
#markPoint5	{
	background:	url(../images/index/markPoint5.gif)	no-repeat	left	top;
}
#markPoint6	{
	background:	url(../images/index/markPoint6.gif)	no-repeat	left	top;
}
#markPoint7	{
	background:	url(../images/index/markPoint7.gif)	no-repeat	left	top;
	padding:	0	0	20px	0!important;
	padding:	0	0	50px	0;
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	6.	Information

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#information	{
	margin:	0	auto;
	padding:	0;
	width:	190px;
}
#informationTop	{
	margin:	0;
	padding:	0;
}
#informationTop	h3	{
	background:	url(../images/index/tcInformationTop.gif)	no-repeat;
	text-indent:	-9999px;
	width:	190px;
	height:	30px;	
}
#information	h3	strong	{
	font-weight:	normal;
}
#informationContents	{
	background:	url(../images/index/tcInformationMiddle.gif)	repeat-y;
	height:	auto;
}
#informationContents	p	{
	margin:	0;
	padding:	10px	10px	0	10px;
	text-align:	justify;
	text-justify:	distribute;
	color:	#333;
	font-size:	77%;
	line-height:	170%;
}
#informationBottom	{
	background:	url(../images/index/tcInformationBottom.gif)	no-repeat;
	height:	10px;
	margin:	0	0	0	0;
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	7.	Carbon

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#carbon	{
	clear:	both;
	margin:	20px	0	0	0;
	padding:	0;
	text-align:	left;
	width:	700px;
}
#carbonTop	{
	margin:	0;
	padding:	0;
}
#carbonTop	h3	{
	background:	url(../images/index/tcCarbonTop.gif)	no-repeat;
	text-indent:	-9999px;
	width:	700px;
	height:	30px;
}
#carbonTop	h3	strong	{
	font-weight:	normal;
}
#carbonContents	{
	margin:	0;
	padding:	0;
	width:	700px;
	background:	url(../images/index/tcCarbonMiddle.gif)	repeat-y;
}
#carbonContents	q	{
	margin:	20px	0	0	0;
	padding:	0	20px	0	20px;
	text-align:	right;
	color:	#333;
	font-size:	77%;
	line-height:	160%;
	font-style:	italic;
}
#carbonContents	p	{
	padding:	10px	20px	20px	20px;
	font-weight:	normal;
	color:	#333;
	font-size:	77%;
	line-height:	160%;
	text-align:	justify;
	text-justify:	distribute;
}
#carbonContents	p	strong	{
	font-weight:	normal;
}
#carbonBottom	{
	margin:	0;
	height:	10px;
	background:	url(../images/index/tcCarbonBottom.gif)	no-repeat;
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	6.	Apology

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#apology	{
	margin:	0	auto	20px	auto;
	padding:	0;
	text-align:	left;
	width:	195px;
}
#apology	h3	{
	margin:	0	0	5px	0;
	background:	url(../images/index/tIndexAplogy.gif)	no-repeat;
	text-indent:	-9999px;
	width:	195px;
	height:	20px;	
}
#apology	h3	strong	{
	font-weight:	normal;
}
#apologyContents	{
	width:	195px;
	width:	193px!important;
	border:	1px	solid	#DDD;
}
#apologyContents	p	{
	padding:	10px;
	color:	#333;
	font-size:	77%;
	line-height:	150%;
}
#summer	{
	margin:	10px	0	0	0;
	height:	180px;
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	7.	Banner

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
/*	6-1.	Blog	*/
#blogBanner	{
	margin:	0	auto	20px	auto;
	padding:	0;
	width:	190px;
}
#blogBanner	h4	{
	margin:	5px	auto	5px	auto;
	padding:	0;
	width:	180px;
	height:	92px;
}
#blogBanner	p	{
	padding:	0	5px	0	5px;
	text-align:	justify;
	text-justify:	distribute;
	color:	#333;
	font-size:	72%;
	height:	auto;
}

/*	6-2.	Original	Other	*/
.originalBanner	{
	margin:	0	auto	20px	auto;
	padding:	0;
	width:	190px;
}
.originalBanner	h4	{
	margin:	5px	auto	5px	auto;
	padding:	0;
	width:	180px;
	height:	85px;
}
.originalBanner	p	{
	padding:	0	5px	0	5px;
	text-align:	justify;
	text-justify:	distribute;
	color:	#333;
	font-size:	72%;
	height:	auto;
}