BODY {
	font-family: Verdana, Arial, helvetica, sans-serif; 
	background-image: url(../img/bground.jpg);
	background-repeat: repeat-x;
	background-color: #FFE6AA;
	margin: 0px;
}

#PAGE {
	width: 987px;
	min-height: 100%;
	margin: 0 auto;
	margin-bottom: 35px;
}

H1 {
	font-size: 16px;
	padding-left: 8px;
	color: #484848;
	border-bottom: 1px solid #dbbd15;
}

#topHead UL {
	text-align: right;
	margin: 0px; 
	margin-top: 5px;
	padding: 0px;
	list-style-type: none;
	height: 20px;
	font-size: 12px;
}

#topHead UL LI { 
	float: right; 
	margin-right: 34px;
	list-style: none;
	position: relative;
	display: inline;
}

#topHead UL A {
	color: #000000;
	text-decoration: none;
}

#topHead UL A:hover {
	text-decoration: underline;
}

#topHead IMG {
	margin-top: -13px;
}

#idxNav {
	margin-top: 25px;
}


#nav {
	float: left;
	width: 800px;
	margin: 0px;
	margin-bottom: -1px;
	padding: 10px 0 0 46px;
	list-style: none;
}

#nav LI {
	float: left;
	margin: 0 3px 2px 0;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
}

#nav A {
	float: left;
	display: block;
	margin: 0px;
	padding: 4px 40px;
	color: #333;
	text-decoration: none;
	border: 1px solid #DBBD15;
	border-bottom: none;
	background-color: #FFE6AA;
	background-image: url(../img/navbg_off.gif);
	background-repeat: repeat-x;

}

#nav A:hover {
	background-color: #FFE6AA;
	background-image: url(../img/navbg_on.gif);
	background-repeat: repeat-x;
}

#idxBox {
	height: 150px;
	width: 987px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #dbbd15;
	font-size: 12px;
}
:root #idxBox { width: 967px; height: 190px; clear: both;}
#idxBox H2 {
	font-size: 14px;	
	margin-bottom: 5px;
	margin-top: 5px;
}


#idxBox #book {
	margin-top: 5px;
	float: right;
	border-left: 1px dashed #DBBD15;
	padding: 10px;
	width: 300px;
	cursor: pointer;
}
:root #idxBox #book { height: 166px; }

#idxBox #book UL {
	margin-bottom: 0px;
}

#idxBox #book IMG {
	border: 0px;
	margin: 13px;
	margin-right: 25px;
}

#idxBox #text {
	float: left;
	text-align: justify;
	width: 630px;
	padding: 15px;
	font-size: 12px;
	color: #353535;
}
:root #idxBox #text { width: 610px; padding: 10px}

#idxBox #text H2 {
	font-size: 14px;
	color: #9B2B19;
	margin-bottom: 15px;
}
	
#idxBoxWerb {
	padding: 5px;
	width: 987px;
	background-color: #dbbd15;
}
:root #idxBoxWerb { width: 979px; }

#idxBoxWerb #wBox {
	margin: 0px; 
	float: left;
}

#idxBoxWerb #navBox {
	margin: 0px; 
	float: right;
	width: 200px;
	font-size: 11px;
}

#idxBoxWerb #navBox H2 {
	font-size: 13px;
	margin: 5px 0;
	margin-left: -5px;
	color: #FEE3AC;
}

#idxBoxWerb #navBox A {
	color: #000;
	text-decoration: none;
}
#idxBoxWerb #navBox A:hover {
	font-weight: bold;
}

#idxBoxWerb P, #footBoxWerb P {
	margin: 0px; 
	width: 730px; 
	border: 1px solid #000000; 
	border-top: 0px; 
	padding-left:630px; 
	font-size:9px
}
:root #idxBoxWerb P { padding-right: 5px; width: 93px;}

#footBoxWerb P { width: 302px; padding-left: 200px; }
:root #footBoxWerb P { padding-right: 5px; width: 95px;}

#footBoxWerb {
	float: left;
	padding: 10px;
	width: 320px;
	background-color: #dbbd15;
}
:root #footBoxWerb { width: 300px; }

#idxBoxWerb IMG, #footBoxWerb IMG {
	border: 1px solid #000000;
}

.dirTitle  {
	color: #CE0829;
	margin-top: 5px;
	font-size: 15px;
	width: 100%;
	border-bottom: 1px solid #DBBD15;
}

.dirTitle A{
	color: #CE0829;
	text-decoration: none;
}

.dirP {
	font-size: 11px;
	text-align: justify;
}

#leftDir {
	float: left;
	width: 375px;
}

#rightDir {
	float: left;
	margin-left: 25px;
	width: 375px;
}

#leftDir IMG, #rightDir IMG {
	margin-right: 13px;
}

#footDir {
	float: right; 
	margin-top: -18px;
}
:root #footDir { margin-top: -27px;}

#naviBox { 
	margin: 45px 13px 45px 13px; 
	background-image: url(../img/bg_navbx.jpg); 
	background-repeat: repeat-x;
	height: 285px;
	font-size: 12px;
}

#naviBox #katNav {
	float: left;
	margin:  25px 40px;;
}

#naviBox #katNav A, #naviBox #katNav SPAN {
	color: #000000;
	text-decoration: none;
	margin-left: 10px;
	display: inline-block;
	margin-bottom: 4px;
}

#naviBox #katNav A:hover {
	color: #990000;
	font-weight: bold;
}

.dirTopSites, .dirIdxSites, .dirTxtSites {
	float: left;
	margin-left: 25px;
	width: 700px;
	font-size: 12px;
}
.dirIdxSites, .dirTxtSites { margin-top: 25px; text-align: justify; }
:root #dirTopSites { margin-left: 55px; }
:root #dirIdxSites,
:root dirTxtSites  { margin-left: 65px; }


.dirTopSites H2, .dirIdxSites H2 {
	font-size: 16px;
	width: 700px;
	text-align: right;
	margin-top: 30px;
	padding-right: 5px;
	border-bottom: 1px solid #DBBD15;
}
.dirIdxSites H2 { font-size: 14px; }
.dirTxtSites H2 {
	font-size: 14px;
	margin-top: 30px;
	color: #CE0829;
}

.dirTxtSites .imgBox {
	float: left; 
	width: 160px; 
	font-size: 10px; 
	margin: 5px; 
	margin-left: 0px; 
	padding: 10px; 
	border: 1px solid #000000;
	text-align: justify;
}
.dirTxtSites .imgBox IMG {
	margin-bottom: 5px;
}
:root .dirTxtSites .imgBox IMG { margin-left: 5px; }

.dirTxtSites A {
	color: #CE0829;
	text-decoration: none;	
	font-weight: bold;
}
.dirTxtSites A:hover { text-decoration: underline; }

.dirTopSites .content {
	text-align: justify;
}

.dirTopSites .content IMG {
	border: 1px solid #000;
	margin-right: 25px;
}

.dirTopSites H2 A, .dirIdxSites H2 A {
	color: #CE0829;
	text-decoration: none;	
}
.dirIdxSites A { color: #CE0829; }

.dirTopSites .tSites { height: 250px; cursor: pointer; text-align: justify; }
:root .dirTopSites .tSites { height: 200px; }

.dirTopSites .tSites A { text-decoration: none; color: #990000; }

#conLft, #conRgh {
	width: 470px;
	font-size: 11px;
	text-align: justify;
}

#conLft H2, #conRgh H2 { 
	font-size: 12px;
	width: 470px; 
	padding-left: 3px;
	border-bottom: 1px solid #DBBD15;
} 
#conLft H2 A, #conRgh H2 A {
	color: #CE0829;
	text-decoration: none;
} 

#conLft IMG, #conRgh IMG {
	border: 1px solid #000000;
	margin-right: 13px;
	margin-bottom: 5px;
}

#conLft .box, #conRgh .box {
	margin: 0px;
	height: 195px;
	cursor: pointer; 
}

#conLft { float: left;  }
#conRgh { float: right; }

#end {
	clear: both;
	/*margin-top: 375px; */
	font-size: 11px;
}

#end A {
	color: #000000;
	text-decoration: none;
}


.FormNavi { 
	margin-top: 45px;
	padding-top: 8px;
	width: 700; 
	text-align: center;
	border-top: 1px solid #DBBD15;
}

.FormNavi INPUT {
	width: 25px;
	height: 22px;
	border: 1px solid #000000;
	background-color: #FFC446;
	
}

.FormNavi .back {
	width: 100px;
	margin-right: 25px;
	font-weight: bold;
}
.FormNavi .next {
	width: 100px;
	margin-left: 25px;
	font-weight: bold;
}

.FormNavi .act {
	font-weight: bold;
}

.rightNavBox {
	margin-top: 25px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	width: 160px;
	font-size: 12px;
	border: 1px solid #DBBD15;
}

.rightNavBox H3 {
	margin: 0px;
	margin-bottom: 5px;
	width: 160px;
	font-size: 12px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #DBBD15;
	color: #FFE6AA;
}

.rightNavBox A, .rightNavBox B {
	text-decoration: none;
	color: #990000;
	margin-bottom: 3px;
}