/* CSS Document */
*{
	margin:0px;
	padding:0px;
}
ul {
	margin-top:0px;
	margin-left:-1em;
	padding-left:2.5em;
}

body {
	text-align:center;
	background-image:url(img/bgImg.gif);
}

#wakuArea {
	margin:0px auto;
	width:798px;
	height:auto;
	border:1px solid #FF9900;
	background-color:#FFFFFF;
}

/* GroupTop‚Ö */
#haradaGroup {
	margin:0px;
	padding:0px;
	width:auto;
	height:22px;
	font-size:10px;
	background-color:#FFFFFF;
	color:666666;
	border-bottom:1px solid #FFC128;
}
#haradaGroup #hani {
	color:#666666;
	display:block;
	float:left;
	margin:6px 0px 6px 10px;
}
#haradaGroup img {
	border-style:none;
}
#haradaGroup #hani a {
	color:#666666;
	text-decoration:underline;
}
#haradaGroup #hani a:hover {
	color:#999999;
}

/* GroupTop‚Ö end */



/* headerArea */
#headerArea {
	width:798px;
	height:60px;
	background-image:url(img/header.jpg);
	background-repeat:no-repeat;
}
#headerArea p {
	float:right;
	padding:3px 7px 0px 0px ;
	font-size:12px;
}
#headerArea p a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
#headerArea p a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
/* headerArea end*/

/* menuArea */
#menuArea {
	clear:both;
	width:798px;
	height:34px;
	background-image:url(img/btmBg.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

#menuArea ul {
	width:693px;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

#menuArea li {
	padding:4px 0px 0px 0px;
	list-style:none;
	float:left;
}

#menuArea a {
	display:block;
	width:99px;
	height:30px;
	text-decoration:none;
}
#menuArea a img {
	border-style:none;
	margin:0px;
	padding:0px;
}
#menuArea li#top a {
	background:url(img/topB.gif) top;
}
#menuArea li#top a:hover {
	background:url(img/topB.gif) bottom;
}
#menuArea li#gakkou a {
	background:url(img/gakkouB.gif) top;
}
#menuArea li#gakkou a:hover {
	background:url(img/gakkouB.gif) bottom;
}
#menuArea li#gakka a {
	background:url(img/gakkaB.gif) top;
}
#menuArea li#gakka a:hover {
	background:url(img/gakkaB.gif) bottom;
}
#menuArea li#sisetu a {
	background:url(img/sisetuB.gif) top;
}
#menuArea li#sisetu a:hover {
	background:url(img/sisetuB.gif) bottom;
}
#menuArea li#nyugaku a {
	background:url(img/nyugakuB.gif) top;
}
#menuArea li#nyugaku a:hover {
	background:url(img/nyugakuB.gif) bottom;
}
#menuArea li#syusyoku a {
	background:url(img/syusyokuB.gif) top;
}
#menuArea li#syusyoku a:hover {
	background:url(img/syusyokuB.gif) bottom;
}
#menuArea li#sakuhin a {
	background:url(img/sakuhinB.gif) top;
}
#menuArea li#sakuhin a:hover {
	background:url(img/sakuhinB.gif) bottom;
}
#menuArea li#seikatu a {
	background:url(img/seikatuB.gif) top;
}
#menuArea li#seikatu a:hover {
	background:url(img/seikatuB.gif) bottom;
}

/* menuArea end */

/* mainArea */
#mainArea {
	clear:both;
	width:794px;
	height:300px;
	margin:3px auto;
	padding:0px;
}
	
/* mainArea end */


/* centerArea */
#centerArea {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #FFC128;
	border-top:1px solid #FFC128;
	border-left-style:none;
	border-right-style:none;
	width:798px;
	height:20px;
	background-color:#FFFFFF;
}
#centerArea #counterArea {
	width:150px;
	float:left;
	margin:0px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
}
#counterArea p {
	padding:0px;
	margin:0px;
	float:left;
	clear:none;
	font-size:small;
	font-weight:bold;
	vertical-align:bottom;
}

#centerArea li {
	float:right;
	list-style-type:none;
	margin:2px 10px 2px 0px;
	padding:0px;
	font-size:smaller;
}

#centerArea a {
	display:block;
	color:#333333;
	text-decoration:none;
}
#centerArea a:hover {
	color:#FF9900;
	text-decoration:underline;
}

/* centerArea end*/

#dataArea {
	float:left;
	padding:0px;
	margin:0px;
	border-style:none;
	height:auto;
	clear:both;
	background-color:#FBF5E3;
}


#rightArea #topicsArea {
	float:left;
	width:293px;
	height:auto;
	border-left:1px dashed #FFC128;
	background-color:#FFFFFF;
}


/* subMenuArea */
#dataArea #subMenuArea {
	float:left;
	width:210px;
	height:auto;
	background-color:#FBF5E3;
}
#subMenuArea #box {
	padding:0px 0px 0px 4px;
	margin:0px;
	text-align:left;
}
#subMenuArea img {
	border:none;
	margin-top:5px;
}

#subMenuArea #menuListArea {
	width:200px;
	float:left;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:90%;
	line-height:150%;
}

/* subMenuArea end */

#dataArea #bottomArea {
	float:left;
	width:586px;
	border-left:1px solid #FFC128;
	margin-right:1px;
	margin-left:-1px;
	background-color:#FFFFFF;
	padding-bottom:20px;
}


.barArea {
	padding-top:15px;
	padding-bottom:5px;
	padding-left:25px;
	margin-bottom:0px;
	background:url(img/bar.gif) bottom left no-repeat;
	color:#BF9900;
	font-weight:bold;
	font-size:110%;
	clear:left;
	text-align:left;
}

/* footerArea */
#footerArea {
	width:798px;
	clear:both;
	text-decoration:none;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	background-color:#FFC128;
	padding:2px 0px;
}
/* footerArea end */

.redFont {
	color:#FF0000;
	font-weight:bold;
}
.blueFont {
	color:#0000FF;
	font-weight:bold;
}