/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body #help{
	padding:0px;
}

#header{
	font-family: "‚l‚r UI�@Gothic", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 120%;
	color: #334d55;
	background-color: #ECE9D8;
	background-image: url(../img/header01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 625px;
	height: 132px;
	float: left;
	margin: 0px;
	padding: 0px;
}
/************** #help styles *****************/
#help{
	clear: both;
	padding:10px;
	margin:0px;
	width: 608px;
	background: #FFFFFF url(img/bg_img.jpg) repeat-y right;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 80%;
	line-height: 150%;
	float: left;
	border-top: 5px solid #BB4B29;
	border-right: 1px solid #C5B498;
	border-bottom: 1px solid #C5B498;
	border-left: 1px solid #C5B498;
}

#help h1{
	font-size: 150%;
	padding: 5px;
	margin-left:10px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-indent: 5px;
}

#help h2{
	font-size: 120%;
	padding-left:30px;
	text-indent:0px;
	margin-bottom:-10px;
}


#help p{
	padding: 0px 20px 0px 20px;
}

#help img{
	margin-left: 20px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

#help ul li.hatena{
	margin-bottom:1px;
	font-size: 120%;
	list-style:none;
	font-weight:bold;
}

#navi {
	clear: both;
}

#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
}
#nav a:link, #nav a:active, #nav a:visited{
    display:block;
    text-decoration:none;
	color:#FFFFFF;
	left:0px;
}

#nav li{
    float:left;
    position:relative;
	background-color:#BB4B29;
	color:#FFFFFF;
}
#nav ul {
    position:absolute;
	background-image:url(../img/gnavi.gif);
	background-color:#BB4B29;
	color:#FFFFFF;
	left:0px;
    display:none;
}
#nav li ul a{
    float:left;
}
#nav ul ul{
	top:auto;
	}	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
	}
#nav .top a{
	background-image: url(../img/home01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	text-indent: -9999px;
}

#nav .guide a{
	background-image: url(../img/guide01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	text-indent: -9999px;
}

#nav .use a{
	background-image: url(../img/use01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	text-indent: -9999px;
}

#nav .publish a{
	background-image: url(../img/publish01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	text-indent: -9999px;
}

#nav .jobun a{
	background-image: url(../img/jobun01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	text-indent: -9999px;
}

#nav .libkoho a{
	background-image: url(../img/libkoho01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 120px;
	text-indent: -9999px;
}

#nav .help a{
	background-image: url(../img/help01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 110px;
	text-indent: -9999px;
}

#nav .top a:hover{
	background-image: url(../img/home02.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	text-indent: -9999px;
}

#nav .guide a:hover{
	background-image: url(../img/guide02.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	text-indent: -9999px;
}

#nav .use a:hover{
	background-image: url(../img/use02.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	text-indent: -9999px;
}

#nav .publish a:hover{
	background-image: url(../img/publish02.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	text-indent: -9999px;
}

#nav .jobun a:hover{
	background-image: url(../img/jobun02.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	text-indent: -9999px;
}

#nav .libkoho a:hover{
	background-image: url(../img/libkoho02.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 120px;
	text-indent: -9999px;
}

#nav .help a:hover{
	background-image: url(../img/help02.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 110px;
	text-indent: -9999px;
}

#nav .guide1 a{
	background-image: url(../img/guide1.gif);
	background-repeat: no-repeat;;
	text-indent: -9999px;
}

#nav .guide1 a:hover{
	background-image: url(../img/guide102.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .guide2 a{
	background-image: url(../img/guide2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .guide2 a:hover{
	background-image: url(../img/guide202.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .guide3 a{
	background-image: url(../img/guide3.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .guide3 a:hover{
	background-image: url(../img/guide302.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .guide4 a{
	background-image: url(../img/guide4.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .guide4 a:hover{
	background-image: url(../img/guide402.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .guide5 a{
	background-image: url(../img/guide5.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .guide5 a:hover{
	background-image: url(../img/guide502.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .guide6 a{
	background-image: url(../img/guide6.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .guide6 a:hover{
	background-image: url(../img/guide602.gif);
	background-repeat: no-repeat;;
	text-indent: -9999px;
}
#nav .use1 a{
	background-image: url(../img/use1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .use1 a:hover{
	background-image: url(../img/use101.gif);
	background-repeat: no-repeat;;
	text-indent: -9999px;
}
#nav .use2 a{
	background-image: url(../img/use2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .use2 a:hover{
	background-image: url(../img/use201.gif);
	background-repeat: no-repeat;;
	text-indent: -9999px;
}
#nav .use3 a{
	background-image: url(../img/use3.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .use3 a:hover{
	background-image: url(../img/use301.gif);
	background-repeat: no-repeat;;
	text-indent: -9999px;
}
#nav .use4 a{
	background-image: url(../img/use4.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .use4 a:hover{
	background-image: url(../img/use401.gif);
	background-repeat: no-repeat;;
	text-indent: -9999px;
}
#nav .jobun1 a{
	background-image: url(../img/jobun1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .jobun1  a:hover{
	background-image: url(../img/jobun101.gif);
	background-repeat: no-repeat;;
	text-indent: -9999px;
}
#nav .jobun2 a{
	background-image: url(../img/jobun2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .jobun2  a:hover{
	background-image: url(../img/jobun201.gif);
	background-repeat: no-repeat;;
	text-indent: -9999px;
}
.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 300px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: lightyellow;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
}