/* ******************************************************************************
	Style001 - TopNavigationStyle - Common
		(C) 2010 CreativeStyle
****************************************************************************** */
/* ==============================================================================
	Default Settings
============================================================================== */
* {
	margin:			0;
	padding:		0;
}

/* ==============================================================================
	Body Settings
============================================================================== */
body	{
	background-color:	#666;
	font-family:		'‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	background:		#000;
}

/* ==============================================================================
	BaseHeader Settings
============================================================================== */
#BaseHeader {
	margin-left:		auto;
	margin-right:		auto;
	height:			36px;
	background:		url(img/header.gif) repeat-x;
}

/* ==============================================================================
	Header Settings
============================================================================== */
#Header {
	margin-left:		auto;
	margin-right:		auto;
	width:			900px;
	height:			25px;
	background:		url(img/logo.gif) no-repeat 0 10px;
}
#Header span {
	text-indent:		-9999px;
	overflow:		hidden;
	display:		block;
	font-size:		1px;
}

/* ==============================================================================
	BaseArea Settings
============================================================================== */
#BaseArea {
	margin-left:		auto;
	margin-right:		auto;
	width:			900px;
	background-color:	#FFF;
}
/* ==============================================================================
	TopImage  Settings
============================================================================== */
.TopImage {
	float:			left;
	width:			900px;
	height:			419px;
	margin:			0 0 10px 0;
	background:		url(img/top_image.jpg) no-repeat;
}

/* ==============================================================================
	HmenuArea Settings
============================================================================== */
.TopImage .HmenuArea {
	float:			right;
	width:			888px;
	height:			13px;
	margin:			329px 0 0 12px;
	_margin:		329px 0 0 6px;
}
.TopImage .HmenuArea ul {
	margin:			0 0 0 0;
	list-style: 		none;
}
.TopImage .HmenuArea li {
	float:			left;
	display:		block;
	width:			120px;
 	height:			30px;
	margin:			0 6px 0 0;
}
.TopImage .HmenuArea li span {
	width:			120px;
	height:			30px;
	text-indent:		-9999px;
	overflow:		hidden;
	display:		block;
}
.TopImage .HmenuArea li a {
	width:			120px;
 	height:			30px;
	display:		block;
	text-decoration:	none;
	overflow:		hidden;
}
.TopImage .HmenuArea li#gnavi01 {
	background:		url(img/menu_a.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi02 {
	background:		url(img/menu_b.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi03 {
	background:		url(img/menu_c.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi04 {
	background:		url(img/menu_d.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi05 {
	background:		url(img/menu_e.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi06 {
	background:		url(img/menu_f.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi07 {
	background:		url(img/menu_g.jpg) no-repeat;
}

.TopImage .HmenuArea li#gnavi01 a {
	background:		url(img/menu_a.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi02 a {
	background:		url(img/menu_b.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi03 a {
	background:		url(img/menu_c.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi04 a {
	background:		url(img/menu_d.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi05 a {
	background:		url(img/menu_e.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi06 a {
	background:		url(img/menu_f.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi07 a {
	background:		url(img/menu_g.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi01 a:hover {
	background:		url(img/menu_a_hover.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi02 a:hover {
	background:		url(img/menu_b_hover.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi03 a:hover {
	background:		url(img/menu_c_hover.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi04 a:hover {
	background:		url(img/menu_d_hover.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi05 a:hover {
	background:		url(img/menu_e_hover.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi06 a:hover {
	background:		url(img/menu_f_hover.jpg) no-repeat;
}
.TopImage .HmenuArea li#gnavi07 a:hover {
	background:		url(img/menu_g_hover.jpg) no-repeat;
}

/* ==============================================================================
	NaviAndContentsFoundation Settings
============================================================================== */
#NaviAndContentsFoundation {
	float:			left;
	width:			900px;
	background:		#fff;
}

/* ==============================================================================
	BaseContents Settings
============================================================================== */
#BaseContents	{
	float:			left;
	width:			875px;
	margin:			2px 0 20px 12px;
	_margin:		2px 0 20px 6px;
}

/* ==============================================================================
	BaseFooter Settings
============================================================================== */
#BaseFooter {
	clear:			both;
	margin-left:		auto;
	margin-right:		auto;
	height:			35px;
	background:		url(img/footer.gif) repeat-x;
}

/* ==============================================================================
	Footer Settings
============================================================================== */
#Footer {
	margin-left:		auto;
	margin-right:		auto;
	width:			900px;
	height:			35px;
	background:		url(img/copyright.gif) no-repeat 0 10px;
}
#Footer span {
	text-indent:		-9999px;
	overflow:		hidden;
	display:		block;
	font-size:		1px;
}