@charset "iso-8859-1";




/* initial setting
---------------------------------------------------- */

* {font-family: arial, Helvetica, verdana, sans-serif;
	margin: 0;
	padding: 0;
	letter-spacing:0;
	color:#333333;
}


h1{
	margin-top:3px;
}

h2{
	margin-top:20px;
	margin-bottom:10px;
	margin-left:20px;
	font-size: 90%;
}

h3{
	margin-top:15px;
	margin-bottom:15px;
	margin-left:30px;
	color:#336699;
	font-size: 78%;
}


h4,h5,h6 {font-size: 78%;font-weight:normal;}


img {border: none;}
table {margin : 0;}
address {font-style:normal;}



.c-both { clear: both;}
.hide { display: none; }

.u_sp{
	margin-top:10px;
	text-align:right;
	width:710px;
	margin-left:30px;
	margin-right:20px;
	height: 25px;
	}
	



/* link and scrollbar
---------------------------------------------------- */

a:link{text-decoration:underline;color:#336699;}
a:visited{text-decoration:underline;color:#336699;}
a:hover{text-decoration:underline;color:#B3BCCC;}
a:active{text-decoration:underline;color:#B3BCCC;}


/* scrollbar-face-color: #FFFFFF; */
/* scrollbar-track-color: #E4F1F9; */
/* scrollbar-shadow-color: #E4F1F9; */
/* scrollbar-arrow-color: #84ADD7; */





/* layout
---------------------------------------------------- */
body{
	background-color:#eeeeee;
}
	

#bg{
	width: 765px;
	background-image: url(../images/bg_img.gif);
}

	
#page_top{
	width: 760px;
	background-color:#FFFFFF;	
	text-align: left;
}

/*header*/

#head_txt{
	width:760px;
	height:22px;
	font-size:10px;
}


#head_txt div{
	color: #999999;
	position: absolute;
	top: 5px;
	left: 7px;
	width: 500px;
}




#head_address{
	color: #FFFFFF;
	position: absolute;
	top: 81px;
	left: 604px;
	width: 152px;
	height: 68px;
	font-size: 12px;
}


#head_tel{
	color: #FFFFFF;
	position: absolute;
	top: 151px;
	left: 634px;
	width: 122px;
	height: 43px;
	font-size: 12px;
	line-height: 200%;
}








#head{
	width:750px;
	height:185px;
	margin-left: 5px;
}


/*main*/
#main_box{
	width:760px;
	clear: both;
}



/*fotter*/
#fotter{
	width:765px;
	clear: both;

}




/* navigation
---------------------------------------------------- */

/* gloval*/

#menu{
	width: 750px;
	height: 55px;
	padding: 0px;
	margin-left: 5px;
}

#navi01{
	list-style-type: none;
	width:150px;
	height:52px;
	float:left;
	}


#navi02{
	list-style-type: none;
	width:150px;
	height:52px;
	float:left;
	}
	
	
#navi03{
	list-style-type: none;
	width:150px;
	height:52px;
	float:left;
	}
	
	
#navi04{
	list-style-type: none;
	width:150px;
	height:52px;
	float:left;
	}

#navi05{
	list-style-type: none;
	width:150px;
	height:52px;
	float:right;
	}
	
	

	
	

#navi01 a{
	background-image:url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
	text-indent: -9999em;
}


#navi01 a:hover{
	background-image:url(../images/menu.gif);
	background-position:0px -52px;
	background-repeat: no-repeat;
}



#navi02 a{
	background-image:url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position:-150px 0px;
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
	text-indent: -9999em;
}


#navi02 a:hover{
	background-image:url(../images/menu.gif);
	background-position:-150px -52px;
	background-repeat: no-repeat;
}


#navi03 a{
	background-image:url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position:-300px 0px;
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
	text-indent: -9999em;
}


#navi03 a:hover{
	background-image:url(../images/menu.gif);
	background-position:-300px -52px;
	background-repeat: no-repeat;
}


#navi04 a{
	background-image:url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position:-450px 0px;
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
	text-indent: -9999em;
}


#navi04 a:hover{
	background-image:url(../images/menu.gif);
	background-position:-450px -52px;
	background-repeat: no-repeat;
}


#navi05 a{
	background-image:url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position:-600px 0px;
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
	text-indent: -9999em;
}


#navi05 a:hover{
	background-image:url(../images/menu.gif);
	background-position:-600px -52px;
	background-repeat: no-repeat;
}





/* navi (over)*/


#navi01_over{
	list-style-type: none;
	width:150px;
	height:52px;
	float:left;
}


#navi01_over a{
	background-image:url(../images/menu.gif);
	background-position:-0px -52px;
	background-repeat: no-repeat;
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
	text-indent: -9999em;
}


#navi02_over{
	list-style-type: none;
	width:150px;
	height:52px;
	float:left;
}


#navi02_over a{
	background-image:url(../images/menu.gif);
	background-position:-150px -52px;
	background-repeat: no-repeat;
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
	text-indent: -9999em;
}

#navi03_over{
	list-style-type: none;
	width:150px;
	height:52px;
	float:left;
}


#navi03_over a{
	background-image:url(../images/menu.gif);
	background-position:-300px -52px;
	background-repeat: no-repeat;
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
	text-indent: -9999em;
}



#navi04_over{
	list-style-type: none;
	width:150px;
	height:52px;
	float:left;
}


#navi04_over a{
	background-image:url(../images/menu.gif);
	background-position:-450px -52px;
	background-repeat: no-repeat;
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
	text-indent: -9999em;
}


#navi05_over{
	list-style-type: none;
	width:150px;
	height:52px;
	float:left;
}


#navi05_over a{
	background-image:url(../images/menu.gif);
	background-position:-600px -52px;
	background-repeat: no-repeat;
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
	text-indent: -9999em;
}








/* contents
---------------------------------------------------- */

.whi{
	color:#ffffff;
	}

.gre{
	color:#064B45;
	}
	
.gre_b{
	color:#064B45;
	font-weight:bold;
	}	
	
.gre_i{
	color:#064B45;
	font-style: italic;
	font-size: 14px;
	}	


.main_contents{
	width:700px;
	margin-left:35px;
	margin-right:25px;
	line-height:20px;
}

.main_contents_indent{
	margin-left:50px;
	margin-right:25px;
	line-height: 20px;
}

.main_contents_indent li{
	list-style-type:disc;
	margin-bottom: 5px;
}

.memberlist{
	border-color:#D1D7D8;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	}	

.memberlist .bg{
	background-color:#F1F3F3;
	}	
	
.memberlist td{
	padding-left:4px;
	}	

.ebook_box{
	height:295px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
	}