@charset "Shift_JIS";
@import url("common.css");
@import url("nav.css");
/*------------------*/
#nav-home ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav-home{
	width: 760px;
	height: 30px;
	overflow: hidden;
}
#nav-home ul{
	position: relative;
}
#nav-home ul li{
	position: absolute;
}
#nav-home ul li a {
	text-indent: -9999px;
	display: block;
}
#nav-home,
#nav-home ul li a:hover{
	background-image: url(../img_common/menu.jpg);
	background-repeat: no-repeat;
	position: 0px 0px;
}

/*------------------*/
#homeNav-about,
#homeNav-about a{
	height: 30px;
	width: 102px;
	overflow: hidden;
}
#homeNav-about{
	left: 120px;
	top: 0px;
}
#homeNav-about a:hover{
	background-position: -120px -34px;
}
/*------------------*/
#homeNav-system,
#homeNav-system a{
	height: 30px;
	width: 120px;
	overflow: hidden;
}
#homeNav-system{
	left: 221px;
	top: 0px;
}
#homeNav-system a:hover {
	background-position: -221px -34px;
}
/*------------------*/
#homeNav-school,
#homeNav-school a{
	height: 30px;
	width: 152px;
	overflow: hidden;
}
#homeNav-school{
	left: 340px;
	top: 0px;
}
#homeNav-school a:hover {
	background-position: -340px -34px;
}
/*------------------*/
#homeNav-experience,
#homeNav-experience a{
	height: 30px;
	width: 137px;
	overflow: hidden;
}
#homeNav-experience {
	left: 492px;
	top: 0px;
}
#homeNav-experience a:hover {
	background-position: -492px -34px;
}
/*------------------*/
#homeNav-faq,
#homeNav-faq a{
	height: 30px;
	width: 115px;
	overflow: hidden;
}
#homeNav-faq{
	left: 629px;
	top: 0px;
}
#homeNav-faq a:hover{
	background-position: -629px -34px;
}
/*------------------*/
#homeNav-link,
#homeNav-link a{
	height: 30px;
	width: 71px;
	overflow: hidden;
}
#homeNav-link{
	left: 674px;
	top: 0px;
}
#homeNav-link a:hover{
	background-position: -674px -34px;
}
/*------------------*/
#container{
	width: 760px;
}
#banner,
#home-contents{
	padding-top: 10px;
	padding-bottom: 20px;
}
#banner{
	width: 210px;
	float: right;
	padding-right: 15px;
}
#banner ul li{
	padding-bottom: 7px;
}
#home-contents{
	width: 500px;
	float: left;
	padding-left: 17px;
}
#topics-box{
	height: 130px;
	width: 495px;
	overflow: auto;
}
#topics-box table{
	width: 495px;
}
#topics-box th,
#topics-box td{
	background-image: url(../img_index/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 3px;
	padding-bottom: 4px;
}
#topics-box th{
	padding-right: 10px;
	font-weight: normal;
	width: 70px;
}
/*------------------*/
.section{
	clear: both;
	width: 500px;
}
/*------------------*/
.words{
	padding: 5px;
}
/*------------------*/
h2{
	background-image: url(../img_home/h2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 500px;
	overflow: hidden;
	margin-bottom: 15px;
}
#con-topics h2{
	height: 55px;
	background-position: 0px 0px;
}
#con-blog h2{
	height: 65px;
	background-position: 0px -55px;
}
#con-about h2{
	height: 50px;
	background-position: 0px -120px;
}
#con-know h2{
	height: 55px;
	background-position: 0px -170px;
}
/*------------------*/
#con-topics th,
#con-blog th{
	padding-right: 15px;
	padding-left: 12px;
	background-image: url(../img_home/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
}
/*------------------*/
#con-about .group{
	width: 490px;
}
#con-about .txt{
	width: 360px;
	float: left;
}
#con-about .pic{
	width: 110px;
	float: right;
}
#con-about dt,
#con-about dt a{
	height: 25px;
	width: 360px;
	overflow: hidden;
}
#con-about dt{
	margin-bottom: 8px;
	background-image: url(../img_home/dt_01.gif);
	background-repeat: no-repeat;
}
#con-about dt a{
	text-indent: -9999px;
	display: block;
}
#ab-outline{
	background-position: 0px 0px;
}
#ab-flow{
	background-position: 0px -25px;
}
#ab-schedule{
	background-position: 0px -50px;
}
#ab-price{
	background-position: 0px -75px;
}

#con-about dd{
	margin-bottom: 10px;
}
/*------------------*/
#con-know .group{
	width: 490px;
	margin-bottom: 20px;
}
#con-know .pic{
	width: 85px;
	float: left;
}
#con-know .txt{
	width: 395px;
	float: right;
}
#con-know dt,
#con-know dt a{
	height: 20px;
	width: 395px;
	overflow: hidden;
}
#con-know dt{
	background-image: url(../img_home/dt_02.gif);
	background-repeat: no-repeat;
}
#con-know dt a{
	text-indent: -9999px;
	display: block;
}
#kn-about{
	background-position: 0px 0px;
}
#kn-faq{
	background-position: 0px -20px;
}
#kn-voice{
	background-position: 0px -40px;
}
/*------------------*/
#banner ul{
	list-style: none;
}
#banner-free,
#banner-dialy,
#banner-link,
#banner-shop{
	margin-bottom: 5px;
}
/*------------------*/
#banner-free{
	background-position: 0px 0px;
	background-image: url(../img_home/banner_free.jpg);
	height: 171px;
	width: 210px;
	background-repeat: no-repeat;
	overflow: hidden;
}
#banner #banner-free li{
	padding-bottom:0px;
}
#banner-free li a{
	background-repeat: no-repeat;
	background-image: url(../img_home/banner_free.jpg);
	text-indent: -9999px;
	display: block;	
	overflow: hidden;
}
#banner-free li.fare a{
	height: 50px;
	width: 210px;
	background-position:0px 0px;
}
#banner-free li.fare a:hover{
	background-position:-210px 0px;
}
#banner-free li.grant a{
	height: 31px;
	width: 210px;
	margin-top: 90px;
	background-position:0px -140px;
}
#banner-free li.grant a:hover{
	background-position:-210px -140px;
}
/*------------------*/
#banner-dialy dt a{
	height: 85px;
	width: 210px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../img_home/home_banner.jpg);
}
#banner-dialy dd{
	text-indent: -9999px;
	overflow: hidden;
	height: 0px;
}
/*------------------*/

#banner-link dt a{
	height: 85px;
	width: 210px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background-position: 0px -100px;
	background-repeat: no-repeat;
	background-image: url(../img_home/home_banner.jpg);
}
#banner-link dd{
	text-indent: -9999px;
	overflow: hidden;
	height: 0px;
}
/*------------------*/

#banner-shop dt a{
	height: 83px;
	width: 210px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background-position: 0px -200px;
	background-repeat: no-repeat;
	background-image: url(../img_home/home_banner.jpg);
}
#banner-shop dd{
	text-indent: -9999px;
	overflow: hidden;
	height: 0px;
}
/*------------------*/
#banner-bbs,
#banner-form dt,
#banner-bbs a:hover,
#banner-form dt a:hover{
	background-image: url(../img_home/s_banner.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
#banner-bbs,
#banner-bbs li,
#banner-bbs li a {
	width: 210px;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}


#banner-form dt,
#banner-form dt a{
	height: 27px;
	width: 210px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
#banner-form dt a:hover{
	background-position: -210px -60px;
}
#banner-bbs a:hover{
	background-position: -210px 0px;
}
#banner-bbs {
	margin-bottom: 5px;
	background-position: 0px 0px;
}
#banner-form dt{
	background-position: 0px -60px;
}
#banner-form dd{
	background-image: url(../img_home/banner_form_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 10px 20px 0px;
	width: 170px;
}
#banner-form-end{
	background-image: url(../img_home/banner_form_end.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 210px;
	height: 6px;
	overflow: hidden;
}
#banner-form-end hr{
	display: inline;
}
#graphic{
	margin-bottom:20px;
}