/* ******************************************************************************
	Style001-TopNavigationStyle-Common
		(C)foryousystem co.,ltd	2007
****************************************************************************** */
/* ==============================================================================
	Default Settings
============================================================================== */
* {
	margin:					0;
	padding:				0;
}
/* ==============================================================================
	Body Settings
============================================================================== */
body	{
	background-color:			#ffffff;
	background:				url(img/cmn_back.jpg) repeat-y center;
	_padding:0px 0px 0px 1px;
}

/* ==============================================================================
	Base Area Settings
		BaseArea_Left(ブラウザ内左寄せ)か、
		BaseArea_Center(ブラウザ内右寄せ)か、
		何れかを使用
============================================================================== */
#BaseArea {
	/* ブラウザ内左寄せ */
/*
	margin-top:				5px;
	width:					800px;
*/
	/* ブラウザ内センタリング */
	margin-top:				0;
	margin-left:				auto;
	margin-right:				auto;
	width:					780px;
}
/* ==============================================================================
	Header in BaseArea Settings
============================================================================== */
#BaseHeaderA {
	width:					780px;
	height:					98px;
	background: 				url(img/cmn_logo_back.jpg) repeat-x 0 0;
}
#BaseHeaderA h1 {
	display:				block;
	position:				relative;
	top:					0;
	left:					0;
	width:					780px;
	height:					98px;
	background:url(img/cmn_logo.jpg) no-repeat 18px 25px;
}
#BaseHeaderA a {
	display:				block;
	width:					780px;
	height:					98px;
	background:url(img/cmn_illust.jpg) no-repeat 612px 8px;
}
#BaseHeaderA h1 span {
    text-indent:				-9999px;
	overflow:				hidden;
	display:				block;
}
/* ==============================================================================
	NavigationArea and Contents Area Foundation
============================================================================== */
#NaviAndContentsFoundation {
	width:					750px;
	padding-top:				15px;
	margin:0 auto;
}
/* ==============================================================================
	Navigation Area Settings
============================================================================== */
#BaseNavigation {
	float:					left;
	width:					170px;
}
#BaseNavigation ul {
	list-style: 				none;
}
#BaseNavigation li {
	display:block;
	width:					170px;
 	height:					36px;
	margin-bottom:				6px;
}
#BaseNavigation li span {
	width:					170px;
	height:					36px;
	text-indent:				-9999px;
	overflow:				hidden;
	display:				block;
}
#BaseNavigation li a {
	width:					170px;
 	height:					36px;
	display:				block;
	text-decoration:		none;
	overflow:				hidden;
}
#BaseNavigation li#gnavi01 a {
	background:				url(img/gnavi.gif) no-repeat -170px 0;
}
#BaseNavigation li#gnavi02 a {
	background:				url(img/gnavi.gif) no-repeat -170px -36px;
}
#BaseNavigation li#gnavi03 a {
	background:				url(img/gnavi.gif) no-repeat -170px -72px;
}
#BaseNavigation li#gnavi04 a {
	background:				url(img/gnavi.gif) no-repeat -170px -108px;
}
#BaseNavigation li#gnavi05 a {
	background:				url(img/gnavi.gif) no-repeat -170px -144px;
}
#BaseNavigation li#gnavi06 a {
	background:				url(img/gnavi.gif) no-repeat -170px -180px;
}
#BaseNavigation li#gnavi07 a {
	background:				url(img/gnavi.gif) no-repeat -170px -216px;
}
#BaseNavigation li#gnavi08 a {
	background:				url(img/gnavi.gif) no-repeat -170px -252px;
}
#BaseNavigation li#gnavi01 a:hover {
	background:				url(img/gnavi.gif) no-repeat 0 0;
}
#BaseNavigation li#gnavi02 a:hover {
	background:				url(img/gnavi.gif) no-repeat 0 -36px;
}
#BaseNavigation li#gnavi03 a:hover {
	background:				url(img/gnavi.gif) no-repeat 0 -72px;
}
#BaseNavigation li#gnavi04 a:hover {
	background:				url(img/gnavi.gif) no-repeat 0 -108px;
}
#BaseNavigation li#gnavi05 a:hover {
	background:				url(img/gnavi.gif) no-repeat 0 -144px;
}
#BaseNavigation li#gnavi06 a:hover {
	background:				url(img/gnavi.gif) no-repeat 0 -180px;
}
#BaseNavigation li#gnavi07 a:hover {
	background:				url(img/gnavi.gif) no-repeat 0 -216px;
}
#BaseNavigation li#submenu a {
	width:					150px;
	font-size:				75%;
	height:					15px;
	padding-left:				20px;
	margin-bottom:				2px;
	color:					#72B91E;
	font-weight:				bold;
	float:					left;
	clear:					left;
	background:				url(img/arrow01.gif) no-repeat 10px 6px;
}
#BaseNavigation li#submenu a:hover {
	width:					150px;
	font-size:				75%;
	height:					15px;
	padding-left:				20px;
	margin-bottom:				2px;
	color:					#FF9944;
	font-weight:				bold;
	float:					left;
	clear:					left;
	background:				url(img/arrow01.gif) no-repeat 10px 6px;
}

#BaseNavigation .BannerArea {
	float:					left;
	width:					170px;
	margin-bottom:			6px;
	display:block;
}
*:first-child+html #BaseNavigation .BannerArea {
	float:					left;
	width:					170px;
	margin-top:				50px;
	margin-bottom:			6px;
	display:block;
}

#BaseNavigation .BannerArea img {
	float:					left;
	display:block;
	width:					170px;
	margin-bottom:			10px;
	overflow:				hidden;
}

/* ==============================================================================
	Contents Area SettingstopTitleA
============================================================================== */
#BaseContents {
	float:					right;
	width:					565px;
}
#BaseContents .ContentsHeader {
	margin-left:				10px;
	margin-right:				5px;
	margin-bottom:				10px;
	width:					565px;
}
/* ==============================================================================
	Footer in BaseArea Settings
============================================================================== */
#BaseFooter {
	width:					750px;
	margin:					0 auto;
	margin-top:				15px;
	padding:				15px 0 15px 0;
	border-top:				1px solid #CCCCCC;
	background:				url(img/cmn_add.jpg) no-repeat 369px 15px;
}

#BaseFooter span {
    text-indent:				-9999px;
	overflow:				hidden;
	display:				block;
}

/* ==============================================================================
	clearfix
============================================================================== */

.clear:after{
	content:				".";
	display:				block;
	height:					0;
	clear:					both;
	visibility:				hidden;
}

.clear{
	display:				inline-table;
}

* html .clear{
	height:					1%;
}

.clear{
	display:				block;
}

.clear{
	zoom:					1;
}