*
{
	font-size: 95%;
	margin: 0;
	padding: 0;
}

body
{
	width: 100%;
}

hr
{
	display: none;
}

h2,h3,h4
{
	margin: 1em 0;
	font-size: 95%;
}

h2
{
	color: #393;
}

h2.title
{
	color: #FFF;
	font-weight: bold;
	
	background: #33F;
	padding: 0.3em 0.5em;
}

dl, table
{
	font-size: 90%;
}

img
{
	border: 0;
}

dt
{
	font-weight: bold;
	margin: 1em 0 0.2em 0;
}

dd
{
	color: #333;
	margin: 0 0 0em 3em;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#header
{
	width: 780px;
}

#menu 
{
	list-style: none;
	height: 39px;
}

#menu li
{
	float: left;
}

#menu li a
{
	display: block;
	width: 156px;
	height: 39px;
	
	text-indent: -9000em;
	outline: 0 ;
}

#menu-school{ background: url(img/header_school.png) left center no-repeat;}
#menu-coach{ background: url(img/header_coach.png) left center no-repeat;}
#menu-access{ background: url(img/header_access.png) left center no-repeat;}
#menu-faq{ background: url(img/header_faq.png) left center no-repeat;}
#menu-ask{ background: url(img/header_ask.png) left center no-repeat;}

#menu-school:hover,
#menu-coach:hover,
#menu-access:hover,
#menu-faq:hover,
#menu-ask:hover
{
	background-position: right;
}

/*-------------------------------------------------
  Container
-------------------------------------------------*/
.floatleft
{
	float: left;
	margin-right: 1em;
}

.floatright
{
	float: right;
	margin-left: 1em;
}

.center
{
	margin: 0 auto;
}

/*-------------------------------------------------
  Container
-------------------------------------------------*/
#container
{
	clear: both;
	width: 780px;
}

.content
{
	clear: both;
	width: 700px;
	margin: 1em auto;
}
.content p
{
	margin: 0 0 1em 0;
}

.content ul
{
	list-style: none;
}

.content li
{
	margin: 5px 0;
}

.content ul img
{
	vertical-align: bottom;
	margin-right: 0.5em;
}

/*-------------------------------------------------
  Index
-------------------------------------------------*/
.index td
{
	padding: 0 1em 1em 0;
}

.index .button
{
	display: block;
	width: 228px;
	height: 67px;
	
	text-indent: -9000em;
	outline: 0 ;
}

#school_mn{ background: url(img/school_mn.png) left center no-repeat;}
#school_mk{ background: url(img/school_mk.png) left center no-repeat;}
#school_ed{ background: url(img/school_ed.png) left center no-repeat;}

#school_mn:hover,
#school_mk:hover,
#school_ed:hover
{
	background-position: right;
}

/*-------------------------------------------------
  School
-------------------------------------------------*/
#course
{
	border: 2px outset #393;
}

table#course td
{
	width: 11em;
	padding: 5px;
	
	border: 2px inset #393;
}

/*-------------------------------------------------
  faq
-------------------------------------------------*/

.faq dt
{
	background: url(img/faq_q.gif) left top no-repeat;

	margin: 0 0 0.2em 0;
	padding: 5px 0 5px 40px;

}

.faq dd
{
	background: url(img/faq_a.gif) left top no-repeat;
	
	margin: 0 0 2em 0;
	padding: 5px 0 5px 40px;
}