@charset "utf-8";
/*-------------------------------------------------------------------------------------------
	1.	Common Tags
	2.	Body
	3.	Header
	4.	Navigation
			4-1.	Main Navigation
			4-2.	Main Sub Navigation
			4-3.	Side Navigation
			4-4.	Bottom Navigation
	5.	Bread Crumbs
			5-1.	Top Bread Crumbs
	6.	Calender
	7.	Index Contents
			7-1.	Common Contents
			7-2.	Index Contents
					7-2-1.	Left	Index Contents
					7-2-2.	Right	Index Contents
	8.	Footer
			8-1.	Common
			8-2.	Index
-------------------------------------------------------------------------------------------*/

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

/*	1.	Common Tags

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
body,	img,	h1,	h2,	h3,	h4,	h5,	h6,	p,	ul,	li,	a	{
	margin:	0;
	padding:	0;
}
body	{
	text-align:	center;
	background-color:	#FFF;
	background:	url(../images/bg_body.gif)	repeat-x;
	font-family:	'Hiragino Kaku Gothic Pro','�q���M�m�p�S Pro W3','���C���I', Meiryo, '�l�r �o�S�V�b�N', sans-serif;
/*
	font-family:	"Lucida Grande", "Hiragino Kaku Gothic Pro", "�q���M�m�p�S Pro W3", "�l�r �o�S�V�b�N", Geneva, Arial, Verdana, sans-serif;
	font-family:	"�q���M�m�p�S ProN W3", "Hiragino Kaku Gothic ProN W3", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro W3", "�l�r �o�S�V�b�N", Geneva, Arial, Verdana, sans-serif;
*/
}
h1,	h2,	h3,	h4,	h5,	h6,	p,	li	{
	font-size:	100%;
}
a	{
	color:	#F69;
	text-decoration:	none;
}
a:hover	{
	color:	#F69;
	text-decoration:	underline;
}
img	{
	border:	none;
}

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

/*	2.	Body

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#body	{
	margin:	0	auto;
	padding:	0;
	width:	900px;
	height:	100%;
}
#wrap	{
	margin:	0	auto;
	padding: 0;
	width:	900px;
}
#contentsLeft	{
	margin:	0;
	padding:	0;
/*
	position:	relative;
*/
	float:	left;
	width:	700px;
}
															
/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	3.	Header

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#header	{
	margin:	5px	0	0	0;
	padding:	0;
	width:	900px;
	height:	70px;
}
#headerLeft,	#headerRight,	#headerCatch	{
	margin:	0;
	padding:	0;
}
#headerCatch	{
	width:	900px;
	height:	20px;
}
#headerCatch	h1	{
	text-align:	center;
	font-size:	66%!important;
	font-size:	58%;
	font-weight:	normal;
	color:	#666;
}
#headerLeft	{
	float:	left;
	width:	250px;
	height:	50px;
}
#headerRight	{
	float:	right;
	width:	650px;
	height:	50px;
}
#headerRight	ul	{
	list-style-type:	none;
}
#headerRight	ul	li	{
	float:	right;
	font-size:	82%;
	line-height:	50px;
	padding:	0	3px;
}
#headerRight	ul	li	a	{
	color:	#333;
}
#headerRight	ul	li.choice	a	{
	color:	#F69;
	font-weight:	bold;
}
#headerRight	ul	li	a:hover	{
	color:	#F69;
}

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

/*	4.	Navigation

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

/*	4-1.	Main Navigation	----------	*/
#navMainIndex,	.navMain	{
	clear:	both;
	margin:	10px	0	0	0;
	padding:	0;
	width:	900px;
	height:	25px;
}
.navMain	{
	margin:	10px	0	10px	0;
}
#navMainIndex	ul,	.navMain	ul	{
	list-style-type:	none;
}
#navMainIndex	ul	li,	.navMain	ul	li	{
	float:	left;
}
#navMainIndex	ul	li	strong,	.navMain	ul	li	strong	{
	font-weight:	normal;
}
#navMainIndex	li	a,	.navMain	li	a	{
	background:	url(../images/btn_nav.gif)	repeat-x;
	text-decoration:	none;
	color:	#900;
	font-size:	82%;
	line-height:	25px;
	display:	block;
	width:	160px;
	height:	25px;
}
#navMainIndex	li	a#btnHP,	.navMain	li	a#btnHP	{
	width:	260px;
}
#navMainIndex	li	a:hover,	.navMain	li	a:hover	{
	text-decoration:	none;
	background:	url(../images/btn_nav_over.gif)	repeat-x;
}
#navMainIndex	li	a.choice,	.navMain	li	a.choice	{
	text-decoration:	none;
	background:	url(../images/btn_nav_over.gif)	repeat-x;
}

/*	4-2.	Main Sub Navigation	----------	*/
#navMainSub	{
	margin:	0	auto;
	padding:	0;
	clear:	both;
	width:	900px;
}
#navMainSub	p	{
	color:	#666;
	text-align:	center;
	padding:	20px	0	0	0;
	font-size:	77%;
}
#navMainSub	p	strong	{
	font-weight:	normal;
}
#navMainSub	p	a	{
	padding:	0	5px	0	5px;
	color:	#666;
}
#navMainSub	p	a:hover	{
	color:	#F69;
}
#navMainSub	p	a.choice	{
	font-weight:	bold;
	color:	#F69;
}
.contentsUnderLine	{
	border-top:	1px	solid	#FCC;
}

/*	4-4.	Bottom Navigation	----------	*/
#navBottom	{
	margin:	0	auto;
	padding:	0;
	clear:	both;
	width:	900px;
}
#navBottom	p	{
	color:	#666;
	text-align:	center;
	margin:	20px	0	20px	0;
	font-size:	77%;
}
#navBottom	p	a	{
	padding:	0	5px	0	5px;
	color:	#666;
}
#navBottom	p	a:hover	{
	color:	#F69;
}
#navBottom	p	a.choice	{
	font-weight:	bold;
	color:	#F69;
}

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

/*	5.	Side Navigation

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

/*	5-1.	Common Container	----------	*/
#navSide	{
	margin:	0;
	padding:	0;
	float:	right;
	width:	195px;
}

/*	5-2.	Inquiry Banner	----------	*/
#tcInquiryTop	{
	margin:	0;
	padding:	0;
}
#tcInquiryTop	h4	{
	text-indent:	-9999px;
	width:	195px;
	height:	30px;
	background:	url(../images/tcInquiryTop.gif)	no-repeat;
}
#tcInquiryMiddle	{
	height:	auto;
	background:	url(../images/tcInquiryMiddle.gif)	repeat-y;
}
#tcInquiryMiddle	h5	{
}
#tcInquiryMiddle	h5	a	{
	text-indent:	-9999px;
	display:	block;
	width:	195px;
	height:	80px;
	background:	url(../images/baInquiry.gif)	no-repeat;
}
#tcInquiryMiddle	h5	a:hover	{
	background:	url(../images/baInquiry_over.gif)	no-repeat;
}
#tcInquiryBottom	{
	background:	url(../images/tcInquiryBottom.gif)	no-repeat;
	margin:	0	0	10px	0;
	height:	10px;
}

/*	5-3.	Pamphlet Banner	----------	*/
#baPamphlet	{
	margin:	0	0	10px	0;
	padding:	0;
	width:	195px;
	height:	80px;
}

/*	5-4.	Blog Banner	----------	*/
#baBlog	{
	margin:	0	0	10px	0;
	padding:	0;
	width:	195px;
	height:	97px;
}

/*	5-5.	Price Banner	----------	*/
#baPrice	{
	margin:	0	0	10px	0;
	padding:	0;
	width:	195px;
	height:	80px;
}

/*	5-6.	Customers Voice Banner	----------	*/
#baVoice	{
	margin:	0	0	10px	0;
	padding:	0;
	width:	195px;
	height:	97px;
}

/*	5-7.	Calender	----------	*/
#tcCalenderTop	{
	margin:	0	0	5px	0;
	padding:	0;
}
#tcCalenderTop	h4	{
	text-indent:	-9999px;
	width:	195px;
	height:	30px;
	background:	url(../images/tcCalenderTop.gif)	no-repeat;
}

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

/*	5.	Bread Crumbs

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
/*	5-1.	Top	----------	*/
#breadCrumbsTop	{
	clear:	both;
	margin:	0	0	10px	0;
	padding:	0;
	width:	900px;
	height:	30px;
	text-align:	left;
}
#breadCrumbsTop	p	{
	padding:	0	0	0	5px;
	color:	#666;
	font-size:	77%	!important;
	font-size:	82%;
	line-height:	30px;
}
#breadCrumbsTop	p	a	{
	padding:	0	5px	0	5px;
	color:	#666;
}
#breadCrumbsTop	p	a:hover	{
	color:	#F69;
}
#breadCrumbsTop	p	a.choice	{
	font-weight:	bold;
	color:	#F69;
}

/*	5-2.	Bottom	----------	*/
#breadCrumbs	{
	margin:	0;
	padding:	20px	0	0	0;
	clear:	both;
	width:	900px;
	text-align:	center;
	border-top:	1px	solid	#FCC;
}
#breadCrumbs	p	{
	color:	#666;
	font-size:	77%;
}
#breadCrumbs	p	a	{
	padding:	0	5px	0	5px;
	color:	#666;
}
#breadCrumbs	p	a:hover	{
	color:	#F69;
}
#breadCrumbs	p	a.choice	{
	font-weight:	bold;
	color:	#F69;
}


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

/*	6.	Calender

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
table.calender	{
	border-top:	1px	solid	#FDD;
	border-left:	1px	solid	#FDD;
	margin:	0	auto	10px	auto;
	width:	185px;
	height:	185px;
}
table.calender	th	{
	background-color:	#FFD;
}
table.calender	th,	table.calender	td	{
	font-size:	77%;
	color:	#666;
	text-align:	center;
	border-bottom:	1px	solid	#FCC;
	border-right:	1px	solid	#FCC;
}
table.calender	th.holiday,	table.calender	td.holiday	{
	color:	#F69;
	font-weight:	bold;
	background-color:	#FDF;
}
table.calender	td#today	{
	background-color:	#FC9;
	font-weight:	bold;
	color:	#F69;
}
table.calender	td#lastOrder	{
	background-color:	#F00;
	color:	#FFF;
	font-weight:	bold;
}
table.calender	td#lastSend	{
	background-color:	#F30;
	color:	#FFF;
	font-weight:	bold;
}
table.calender caption	{
	font-size:	77%;
	color:	#F36;
}
table.calender caption span	{
	color:	#F36;
	font-weight:	bold;
	padding:	0	5px;
}
#calenderHoliday	{
	margin:	0	auto	10px	auto;
	padding:	0;
}
#calenderHoliday p	{
	text-align:	center;
	font-size:	77%;
	color: #333;
}
#calenderHoliday p	span	{
	padding: 0	3px	0	0;
}

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

/*	8.	Footer

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
/*	8-1.	Common	----------	*/
#footer,	#footerIndex	{
	clear:	both;
	margin:	0	auto	0	auto;
	padding:	0;
	width:	900px;
	height:	20px;
}
address	{
	font-style:	normal;
	font-size:	77%;
	color:	#666;
}
address	a	{
	color:	#666;
}

/*	8-2.	Index	----------	*/
#counter,	#copy	{
	margin:	0	auto;
	padding:	0;
}
#counter	{
	float:	left;
	width:	300px;
}
#counter	p	{
	text-align:	left;
	font-style:	normal;
	color:	#666;
	font-size:	77%;
}
#copy	{
	float:	right;
	width:	600px;
}
#copy	address	{
	text-align:	right;
	font-size:	77%;
}

/*	8-3.	Footer Index	----------	*/
#footerLink	{
	clear:	both;
	margin:	0	auto	0	auto;
	padding:	0;
	width:	900px;
	height;	30px;
	border-top:	1px	dotted	#CCC;
}
#footerLink	p	{
	line-height:	30px;
	font-size:	68%;
	color:	#666;
}
#footerLink	p	a	{
	color:	#666;
}