@charset "UTF-8";
/* CSS Document */

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

html {
	overflow-y: scroll;
}

a {
	overflow: hidden;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-style: normal;
}
body {
	background: #000 url(images/bg.jpg) repeat-x left top;
	text-align: center;
	margin: 0;
	padding: 0;
	border-top: 1px solid #680001;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
}
a:link, a:visited, a:hover {
	color: #fff;
}

.hidden {
	display: none;
	visibility: hidden;
}

/*layout*/
#wrap {
	width: 890px;
	padding: 0;
	margin: 0 auto;
	height: 705px;
	background: url(images/wrap.jpg) no-repeat center -1px;
}
#head {
	margin: 0;
	padding: 0;
	height: 150px;
	width: 890px;
	text-align: left;
}
#main {
	margin: 0 auto;
	padding: 0;
	width: 710px;
	text-align: left;
	height: 520px;
}
#foot { padding: 0; height: 35px; width: 710px; background: url(images/foot.jpg) no-repeat center top; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

/*Header*/
#head h1 {
	height: 150px;
	width: 380px;
	text-indent: -9999px;
}
#head h1 a:link, #head h1 a:visited, #head h1 a:hover {
	width: 380px;
	height: 150px;
	display: block;
}

/*main*/
#main ul {
	list-style-type: none;
	text-indent: -9999px;
}
#main ul li a {
	display: block;
	width: 370px;
	height: 40px;
	margin-bottom: 20px;
}
li#tab01 a {
	margin-top: 42px;
}
li#tab02 a { margin-left: 60px; }
li#tab03 a { margin-left: 120px; }
li#tab04 a { margin-left: 180px; }
li#tab05 a { margin-left: 240px; }
li#tab06 a { margin-left: 300px; }
li#tab07 a { margin-left: 360px; width: 350px!important; margin-bottom: 34px!important; }

li#tab01 a:hover { background: url(images/mark.gif) no-repeat left -2px; }
li#tab02 a:hover { background: url(images/mark.gif) no-repeat left -2px; }
li#tab03 a:hover { background: url(images/mark.gif) no-repeat left -2px; }
li#tab04 a:hover { background: url(images/mark.gif) no-repeat left -2px; }
li#tab05 a:hover { background: url(images/mark.gif) no-repeat left -2px; }
li#tab06 a:hover { background: url(images/mark.gif) no-repeat left -2px; }
li#tab07 a:hover { background: url(images/mark.gif) no-repeat left -2px; }

/*Footer*/
#foot p {
	font-size: 9px;
	color: #797979;
	padding-top: 8px;
}

/* Blog link */

#blog { width: 180px; height: 40px; margin-top: -42px; text-indent: -9999px; position: relative; margin-left: -1px; float: left; }
#blog a:link, #blog a:visited {
	width: 180px;
	height: 40px;
	display: block;
}
#blog a:hover {
	width: 180px;
	height: 40px;
	display: block;
	margin-left: 1px;
	background: url(images/blog-over.gif) no-repeat 0 top;
	overflow: hidden;
}

/* lesson link */

#lesson { float: right; width: 180px; height: 40px; /*margin-top: -42px;*/ margin-top: 0px; text-indent: -9999px; position: relative; margin-left: -1px; /*float: left;*/ }
#lesson a:link, #lesson a:visited {
	width: 180px;
	height: 50px;
	display: block;
}
#lesson a:hover {
	width: 180px;
	height: 50px;
	display: block;
	/*margin-left: 1px;*/
	margin-top: 3px;
	background: url(images/lesson-banner1_on.gif) no-repeat 0 top;
	overflow: hidden;
}

#AmericaJapan01 { text-align: right; width: 156px; margin-left: auto; /*background-image: url(images/america-japan.jpg); background-position: 0px 0px; text-indent: 9999px;*/ float: right; margin-top: -20px; height: 18px; /*overflow: hidden;*/ }
/*#AmericaJapan01 #en a:link, #AmericaJapan01 #en a:visited { height: 18px; width: 86px; display: block; background-image: url(images/america-japan.jpg); background-position: 0px 0px; margin: 0px; padding: 0px; float: left; }
#AmericaJapan01 #ja a:link, #AmericaJapan01 #ja a:visited { height: 18px; width: 70px; display: block; background-image: url(images/america-japan.jpg); background-position: -86px -18px; margin: 0px; padding: 0px; }*/

p#mmafiLink { background-image: url(http://www.kaminaridojo.com/2009/images/mmafi-logo.gif); background-repeat: no-repeat; text-indent: 9999px; margin: 0px; padding: 0px; height: 45px; width: 155px; }
#mmafiLink a { display: block; margin: 0px; padding: 0px; height: 45px; width: 155px; }
#mmafiLink a:hover { display: block; margin: 0px; padding: 0px; height: 45px; width: 155px; background-image: url(http://www.kaminaridojo.com/2009/images/mmafi-logo-over.gif); background-repeat: no-repeat; }