/* =====================================================================*/
/* This css file should mainly establish height, width, margin, padding */
/* Modify elements by section or by page in descendant sheets   */
/* =====================================================================*/
body {
background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

div#main {
	clear: both;
	width: 723px; 
	margin: 0 auto 0 auto;
	padding: 0;
	border: 1px solid #999999;
}

/*Clears the bottom of the main class and id so that the bg flows to the bottom- buggy on old pages*/
div#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac \*/
	* html div#main {height: 1%;}
	div#main {display: block;}
	/* End hide from IE-mac */
/*END-Clears the bottom ...*/

/* ==============================================================*/
/*   			Headers						*/
/* ==============================================================*/

div#headerArea {
	width: 723px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	font-size: 11px;
}

div#titleArea {
	width: 723px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	font-weight: bold;
}

/************************ Menu ************************/
div#menu {
	width: 723px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
}

/* ==============================================================*/
/*   			Contents Area						*/
/* ==============================================================*/
div#contents {
	width: 723px;
	margin: 0;
	padding: 0;
	background-image:url(../imgs/BG.gif);
	float: left;
	display: inline;
	font-size: 12px;
	line-height: 180%;
	background-repeat: repeat-y;
}
div#pageTitle {
	width: 723px;
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	border-top: 1px solid #999999;
}
div#contentsInformation {
	width: 687px;
	float: left;
	display: inline;
	padding: 0 18px 15px 18px;
	margin: -6px 0 0 0;
	background-color: #AADDFF;
}
div#contentsProfessional {
	width: 687px;
	float: left;
	display: inline;
	padding: 0 18px 15px 18px;
	margin: -6px 0 0 0;
	background-color: #AAEEFF;
}
div#contentsExpert {
	width: 687px;
	float: left;
	display: inline;
	padding: 0 18px 15px 18px;
	margin: -6px 0 0 0;
	background-color: #BBEEDD;
}
div#contentsOverview {
	width: 687px;
	float: left;
	display: inline;
	padding: 0 18px 15px 18px;
	margin: -6px 0 0 0;
	background-color: #CCEEBB;
}
div#contentsContact {
	width: 687px;
	float: left;
	display: inline;
	padding: 0 18px 15px 18px;
	margin: -6px 0 0 0;
	background-color: #AAEEEE;
}

/* ******************** index.htmlのメインイメージ ********************** */
div#catchCopy {
	width: 687px;
	margin: 0;
	padding: 6px 18px 12px 18px;
	float: left;
	display: inline;
}
/* ******************** index.htmlの全メニュー表示 ********************** */
div#menuTop {
	width:723px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}
div#menuTop ul {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	list-style-type: none;
	font-size: 13px;
}
div#menuTop li {
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	display: inline;
	list-style-type: none;
	font-size: 13px;
	border-top: 1px solid #999999;
}

/* ==============================================================*/
/*				Footers								*/
/* ==============================================================*/
div#footer {
	height: 12px;
	width: 723px;
	margin: 0 -1px -6px -1px;
	padding: 0 1px 6px 1px;
	font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif!important;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	background-color: #999999;
	text-align: center;
	line-height: 18px;
}