/* ******************************************************************************
	Style001-TopNavigationStyle - Common
		(C) 2013 CreativeStyle
****************************************************************************** */
/* ==============================================================================
	Default Settings
============================================================================== */
* {
	margin:			0;
	padding:		0;
}
html {
	overflow-y:		scroll;
}

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

/* ==============================================================================
	BaseHeader Settings
============================================================================== */
#BaseHeader {
	margin-left:		auto;
	margin-right:		auto;
	width:			900px;
	height:			144px;
	background:		url(img/base_header.jpg) no-repeat;
}
#BaseHeader .ServiceArea {
	float:			right;
	width:			280px;
	margin:			0 10px 0 0;
	_margin:		0 5px 0 0;
	padding-top:		72px;
	font-size:		8pt;
	color:			#3fa6e0;
	font-weight:		bold;
	line-height:		150%
}
#BaseHeader .InquiryArea {
	width:			280px;
	padding-top:		4px;
	color:			#000000;
	font-size:		7.5pt;
}

/* ==============================================================================
	BaseArea Settings
============================================================================== */
#BaseArea {
	margin-left:		auto;
	margin-right:		auto;
	width:			900px;
	background-color:	#ffffff;
}

/* ==============================================================================
	NaviAndContentsFoundation Settings
============================================================================== */
#NaviAndContentsFoundation {
	width:			900px;
	overflow:		hidden;
	background:		url(img/image_background.jpg) repeat-y;
}
#NaviAndContentsFoundation .TopImage {
	height:			199px;
}

/* ==============================================================================
	BaseNavigation Settings
============================================================================== */
#BaseNavigation {
	float:			left;
	width:			184px;
	margin:			0 0 0 28px;
	_margin:		0 0 0 14px;
}
#BaseNavigation ul {
	margin-top:		34px;
	list-style: 		none;
}
#BaseNavigation li {
	margin-left:		8px;
	margin-bottom:		7px;
	text-indent: 		-9999px;
	text-decoration:	none;
}
#BaseNavigation li a {
	width:			168px;
	display:		block;
 	height:			48px;
	text-decoration:	none;
	background-repeat: 	no-repeat;
}
#BaseNavigation li#navi_home a {
	background-image: 	url(img/navi_home_normal.jpg);
}
#BaseNavigation li#navi_home a:hover {
	background-image: 	url(img/navi_home_hover.jpg);
}
#BaseNavigation li#navi_company a {
	background-image: 	url(img/navi_company_normal.jpg);
}
#BaseNavigation li#navi_company a:hover {
	background-image: 	url(img/navi_company_hover.jpg);
}
#BaseNavigation li#navi_business a {
	background-image: 	url(img/navi_business_normal.jpg);
}
#BaseNavigation li#navi_business a:hover {
	background-image: 	url(img/navi_business_hover.jpg);
}
#BaseNavigation li#navi_cars a {
	background-image: 	url(img/navi_cars_normal.jpg);
}
#BaseNavigation li#navi_cars a:hover {
	background-image: 	url(img/navi_cars_hover.jpg);
}
#BaseNavigation li#navi_contact a {
	background-image: 	url(img/navi_contact_normal.jpg);
}
#BaseNavigation li#navi_contact a:hover {
	background-image: 	url(img/navi_contact_hover.jpg);
}

/* ==============================================================================
	Banner Area Settings
============================================================================== */
.BannerArea {
	margin-top:		25px;
	margin-left:		8px;
	padding-top:		35px;
	width:			168px;
	height:			311px;
	background:		url(img/banner_background.jpg) no-repeat;
}
.BannerArea .BannerListArea {
	margin-left:		9px;
	margin-bottom:		15px;
	width:			150px;
	font-size:		10px;
	text-align:		center;
}
.BannerArea img {
	margin-top:		5px;
}

/* ==============================================================================
	BaseContents Settings
============================================================================== */
#BaseContents {
	float:			right;
	width:			672px;
	margin:			0 16px 15px 0;
	_margin:		0 8px 15px 0;
}
#BaseContents h1 {
	width:			643px;
	height:			52px;
	margin:			0 0 15px 0;
}
#BaseContents h1 span {
	text-indent:		-9999px;
	overflow:		hidden;
	display:		block;
	font-size:		1px;
}

/* ==============================================================================
	BaseFooter Settings
============================================================================== */
#BaseFooter {
	margin-left:		auto;
	margin-right:		auto;
	width:			900px;
	height:			129px;
	background:		url(img/base_footer.jpg) no-repeat;
}

/* ==============================================================================
	FmenuArea Settings
============================================================================== */
#FmenuArea {
	float:			left;
	font-size:		10pt;
}
#FmenuArea ul {
	margin:			65px 0 0 28px;
	list-style: 		none;
}
#FmenuArea li {
	float:			left;
	margin-right:		14px;
	display:		block;
 	height:			17px;
	font-weight:		bold;
}
#FmenuArea li a {
	display:		block;
	text-decoration:	none;
	overflow:		hidden;
	color:			#ffffff;
}

/* ==============================================================================
	RmenuArea Settings
============================================================================== */
#RmenuArea {
	float:			right;
	font-size:		10pt;
}
#RmenuArea ul {
	margin:			110px 7px 0 0;
	list-style: 		none;
}
#RmenuArea li {
	float:			left;
	margin-right:		20px;
	display:		block;
 	height:			17px;
	font-weight:		bold;
}
#RmenuArea li a {
	display:		block;
	text-decoration:	none;
	overflow:		hidden;
	color:			#000000;
}
