/*-----------------------    goTop    -----------------------------------*/
.goTop  { font-family:  Courier, mono ,"Courier New"; margin:7px 5px 0 0; }
.goTop a{ font-size: 10px; color:#666; text-decoration:underline;  }
.goTop a:hover{ color:red; text-decoration:none; }

/*-----------------------    switPage    -----------------------------------*/
.otoiawase { 
  padding:0 0 10px 0;
}
.otoiawase a{ color:red; text-decoration:underline;  }
.otoiawase a:hover{ color:red; text-decoration:none; }

/*-----------------------    switPage    -----------------------------------*/
.switPageLists { 
	clear:both;
	padding:7px; xborder: 1px solid red;
	margin:0 0 15px 0;
}
.switPageLists UL{ margin:0; padding:0; } 
.switPageLists P{ 	text-align:center; xfont-size: 13px; } 
.switPageLists LI{ 
	float:left;
	list-style: none;
	xfont-size: 11px;
	margin:0 2px 0 0;
	padding:3px;
	height:16px;line-height:16px;
}
.switPageLists .on{ 
   xborder-left: 3px solid red; padding:3px;
}
	.switPageLists .on a{ font-size: 15px; color:blue; text-decoration:none; font-weight: bold; }


	.switPageLists a{ font-size: 11px; color:#666; text-decoration:underline;  }
	.switPageLists a:hover{ color:red; text-decoration:none; }


/*-----------------------    srchForm    -----------------------------------*/
#srchForm {
clear:both;
width:525px;
xfloat:left; margin:0 0 0 150px;
}

#srchForm .boxSearchBtm .box-top {
height:11px;
line-height:0;
background:url(http://www.eroole.com/images/srch/box_group_all.gif) no-repeat 0 -16px;
}
#srchForm .boxSearchBtm .box-top2 {
height:15px;
width:495px;
background:url(http://www.eroole.com/images/srch/box_group_all.gif) no-repeat 0 -26px;
clear:both;
vertical-align:bottom;
}

#srchForm .boxSearchBtm {
padding-bottom:10px;
background:url(http://www.eroole.com/images/srch/box_search_btm.gif) no-repeat left bottom;
}
#srchForm .boxSearch {
text-align:center;
background:url(http://www.eroole.com/images/srch/menu_boxall_bg.gif) repeat-y -1725px 0px;
width:525px;
overflow:hidden;
}
#srchForm .boxSearch input {
vertical-align:middle;
xmargin:0  0 0 34px; xheight:40px;
}

#srchForm .boxKeywordBtm {
width:495px;
background:url(http://www.eroole.com/images/srch/box_keyword_btm.gif) no-repeat left bottom;
padding:5px;
}
#srchForm .boxKeyword {
width:495px;
font-size:92%;
background:url(http://www.eroole.com/images/srch/menu_boxall_bg.gif) repeat-y -2250px 0px;
margin:0 15px;
}
*html #srchForm .boxKeyword{
overflow:hidden;
}
#srchForm .boxKeyword span {
color:#686767;
white-space:nowrap;
float:left; margin:0 6px 0 0;
}
#srchForm .boxKeyword a{       color : #666; text-decoration: underline;font-size:12px; padding-top:2px;}
#srchForm .boxKeyword a:hover{ color : #0066FF;  }

#srchForm .keywordBox {
width:280px;
border-left:#808080 solid 2px;
border-top:#808080 solid 2px;
border-right:#c3c3c3 solid 1px;
border-bottom:#c3c3c3 solid 1px;
height:25px;font-size:16px;
padding:2px; margin:0  0 0 34px;
display:block;
float:left;
}


#srchForm .boxGroup .boxLow:after,
#srchForm .boxKeywordBtm:after {
clear:both;
height:0;
visibility:hidden;
display:block;
content:".";
}




/*-----------------------    HeadBox    -----------------------------------*/
DIV#HeadBox {  
   xwidth:1000px;
   margin:0 auto;
   text-align:left; 
   xborder: 1px solid #ccc; 
   background-color: #FFFFFF;
   padding:3px 0 0 0;
   height:64px;
}
	#HeadBox:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}
	
	/*\*/
	* html #HeadBox {
	    height: 1em;
	    overflow: visible;
	}
	/**/

	DIV#HeadBox ul{ margin:0; padding:0;}
	
	DIV#HeadBox li{
		position:relative;
		float:left;
		margin:5px 6px 3px 0px;
		xborder-bottom:1px solid #9baab1;
		xborder-top:1px solid #9fb7d4;
		xbackground-color:#e1e8ff;
		text-align:center;
		list-style: none;
		font-size: 11px;
		padding:0px;
	}
	DIV#HeadBox ul li a{       color : #000099; text-decoration: underline;}
	DIV#HeadBox ul li a:hover{ color : #0066FF; text-decoration: none; }
	
	DIV#HeadBox .blockLeft{
	    width: 300px;  margin:0 0 0 2px;
		float:left;    xbackground-color: red;
	}
	DIV#HeadBox .blockCenter{
	    width: 244px;  padding:0 0 0 30px;
		float:left;    xbackground-color: blue;
	}
	DIV#HeadBox .blockRight{
	    width: 470px;  xborder-top:1px solid #9fb7d4;
		float:right;   xbackground-color: green;
	}
	
/*-----------------------    HeadBox    -----------------------------------*/
#HBLeft {
float:left;
border-bottom: 1px solid deeppink;
}
#HBcenter {float:left;
border-bottom: 1px solid deeppink;
}
#HBRight {
float:right;
border-bottom: 1px solid deeppink;
}
/*-----------------------    TabBox    -----------------------------------*/
#TabBox  { padding:0px 0 0 0;	xwidth:1000px;margin:0 auto; }

	#TabBox  ul{margin:0 0 0 10px; padding:0;}
	
	#TabBox ul.tab li{
		position:relative;
		float:left;
		margin:-1px 0 -2px 0px;
		border-bottom:1px solid #9baab1;
		border-top:1px solid #9fb7d4;
		background-color:#e1e8ff;
		text-align:center;
		list-style: none;
		font-size: 10.8px;
	}
	#TabBox .xfirst{
	
		border-left:1px solid #9baab1;
	}
	#TabBox ul.tab li span{
		display:block;
		*position:relative;
		width:91px; height:26px;
		margin-bottom:-1px;
		border-bottom:1px solid #9baab1;
		border-right:1px solid #9fb7d4;
	}
	#TabBox ul.tab li span a{
		display:block; text-decoration:none;
		*position:relative;
		padding:5px 0px 4px 0;
		border:2px solid #fff;
	}
	
	#TabBox ul.tab li.on span{
		xborder-top:1px solid red;
		xborder-right:1px solid #9baab1;
		xborder-bottom:5px solid #fff;
	}
	
	#TabBox .off{  background-image: url(/images/tab-off.gif);  }
	#TabBox .on {  background-image: url(/images/tab-on.gif);  xfont-weight: bold; }
	#TabBox .on  a{ color:#000;}
	#TabBox .off a{ color:#666;}
	#TabBox .off a:hover{ color:red; text-decoration:underline; }
	
/*-----------------------    veryTopBox    -----------------------------------*/
#veryTopBox{
	clear:both;
	width:100%; height:15px;
	padding:0;
	margin:0;	background-color: #EFECDE;
	border-bottom:1px solid #D8D2BD;
	color:#666;
	font-family: "Courier New", Courier, mono;

}
	#veryTopBox  a{       color:#666; text-decoration:none; padding:0 3px 0 5px;}
	#veryTopBox  a:hover{ color:red; text-decoration:underline; }
		
	#veryTopBox LI{
		float:left;
		list-style: none;
		font-size: 10px;
		padding:1px;
		margin:0 5px 0 5px;
	}
	#veryTopBox UL{
		padding:1px;
		margin:0;
	}
	#veryTopBoxLeft li{
		*position:relative;
		float:left;
		*margin:-1px 0 -2px 0px;
		text-align:center;
		list-style: none;
		font-size: 10px;
		padding:0;
		margin:0;
		border-left:1px solid #9baab1;
	
	}
	
	#veryTopBoxRight UL{ text-align:right; width:100px; }
	
	#veryTopBoxRight li{ 
		*position:relative;
		float:right;
		*margin:-1px 0 -2px 0px;
		border-left:1px solid #9baab1;
		text-align:center;
		list-style: none;
		font-size: 10px;
		padding:0 5px 0 5px;
		margin:0 5px 0 5px;
	}

/*-----------------------    FootTabBox    -----------------------------------*/
#FootTabBox  { padding:10px 0 0 0;	width:1000px;margin:0 auto; }

	#FootTabBox  ul{margin:0 0 0 10px; padding:0;}
	
	#FootTabBox ul.tab li{
		position:relative;
		float:left;
		margin:-1px 0 -2px 0px;
		border-bottom:1px solid #9baab1;
		border-top:1px solid #9fb7d4;
		background-color:#e1e8ff;
		text-align:center;
		list-style: none;
		font-size: 11px;
	}
	#FootTabBox .xfirst{
	
		border-left:1px solid #9baab1;
	}
	#FootTabBox ul.tab li span{
		display:block;
		*position:relative;
		width:91px;
		margin-bottom:-1px;
		border-bottom:1px solid #9baab1;
		border-right:1px solid #9fb7d4;
	}
	#FootTabBox ul.tab li span a{
		display:block; text-decoration:none;
		*position:relative;
		padding:5px 0px 4px 0;
		border:2px solid #fff;
	}
	
	#FootTabBox ul.tab li.on span{
		xborder-top:1px solid red;
		border-right:1px solid #9baab1;
		xborder-bottom:5px solid #fff;
	}
	
	#FootTabBox .off{  background-image: url(/images/tab-off.gif);  }
	#FootTabBox .on {  background-image: url(/images/tab-on.gif);  xfont-weight: bold; }
	#FootTabBox .on  a{ color:#000;}
	#FootTabBox .off a{ color:#666;}
	#FootTabBox .off a:hover{ color:red; text-decoration:underline; }
	
	
	
/*-----------------------    CoverPage    -----------------------------------*/
DIV#CoverPage  {
	clear:both;
	margin:0 auto;text-align:left;
	background-repeat : repeat-y;
	width: 1000px;
	padding: 0;
	border: 1px solid #ccc;
	background-color: #ffffff;
}


	#CoverPage:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}
	
	/*\*/
	* html #CoverPage {
	    height: 1em;
	    overflow: visible;
	}
	/**/
	
DIV#CoverPage H1{
	background-image: url(/images/ico/ico-h1.gif);
	background-position: left center; 
	background-repeat : no-repeat;
	
	font-size: 18px;
	height:22px;
	padding:3px 0 0 24px; 	margin:10px 0 5px 5px;
}
/*-----------------------    FootBox    -----------------------------------*/
DIV#FootBox  {
	clear:both;
	margin:0 auto;text-align:left;
	background-repeat : repeat-y;
	width: 1000px;
	padding: 0;
	border: 1px solid #ccc;
}


	#FootBox:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}
	
	/*\*/
	* html #FootBox {
	    height: 1em;
	    overflow: visible;
	}
	/**/
	
 DIV#FootBox .microtime{
    text-align:right; 
    color: white;  font-size : 0.6em;
 }