* {
margin: 0;
padding: 0;
}

html {
	color : #333;
	font : small/1.5em "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "Verdana", sans-serif;
}

body {
	padding:0;
}

p {
	margin: 10px 0px;
}

/* div {border :1px solid red} */

#wrapper {
	width: 916px;
	margin: 0 auto;
	border: 1px solid #ccc;
}

#header {
	height:90px;
	background: #000 url(../img/header.jpg) no-repeat;
	border-bottom: 1px solid #ccc;
}
#top {
	border-bottom: 1px solid #fff;
}
#navi li.naviitem {
	display:inline;
}

#navi li.naviitem a {
	display:block;
	float:left;
	width:130px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}

#navi li#navi01 a {
	background: url(../img/navi01.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi02 a {
	background: url(../img/navi02.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi03 a {
	background: url(../img/navi03.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi04 a {
	background: url(../img/navi04.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi05 a {
	background: url(../img/navi05.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi06 a {
	background: url(../img/navi06.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi07 a {
	background: url(../img/navi07.gif) no-repeat;
}

#navi li#navi01 a.active {
	background: url(../img/navi01_active.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi02 a.active {
	background: url(../img/navi02_active.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi03 a.active {
	background: url(../img/navi03_active.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi04 a.active {
	background: url(../img/navi04_active.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi05 a.active {
	background: url(../img/navi05_active.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi06 a.active {
	background: url(../img/navi06_active.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi07 a.active {
	background: url(../img/navi07_active.gif) no-repeat;
}

#navi li#navi01 a:hover {
	background: url(../img/navi01_on.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi02 a:hover {
	background: url(../img/navi02_on.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi03 a:hover {
	background: url(../img/navi03_on.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi04 a:hover {
	background: url(../img/navi04_on.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi05 a:hover {
	background: url(../img/navi05_on.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi06 a:hover {
	background: url(../img/navi06_on.gif) no-repeat;
	border-right: 1px solid #fff;
}
#navi li#navi07 a:hover {
	background: url(../img/navi07_on.gif) no-repeat;
}

#contents {
	
}

#contents #concept {
	border-bottom: 1px solid #ccc;
}
#contents #main {
	padding:30px;
}
#contents #news {
	float:left;
	width:640px;
	padding-bottom:30px;
}

#contents #news ul{
	list-style:none;
	background: url(../img/whatsnew.jpg) no-repeat scroll 30px 30px;
	padding-left:0px;
	margin-left:0;
}
#contents #news ul#whatsnew {
	background: url(../img/whatsnew.jpg) no-repeat scroll 0px 0px;
	padding-top:25px;
}

#contents #news ul#whatsnew_blog {
	background: url(../img/whatsnew_blog.jpg) no-repeat scroll 0px 15px;
	padding-top:35px;
}

#contents #news li{
	background: url(../img/arrow.gif) no-repeat scroll 0 6px;
	padding-left:0px;
	margin-left:0;
}
#contents #news li a{
	padding-left:20px;
}

#contents #banner {
	float:left;
	width:200px;
}
#contents #banner img {
	float:left;
	width:200px;
	padding-bottom:10px;
	border:0px
}

#main img.separator {
	padding-top:10px;
	padding-bottom:10px;
}

#main img.menu_title {
	padding-bottom:10px;
}

#recommend td.description {
	width:139px;
	vertical-align:bottom;
	font-size: 0.85em;
}
#recommend img.photo, #course img.photo, #shop01 img.photo, #shop02 img.photo {
	border:1px solid #cd0000;
}
#other td {
	font-size: 0.85em;
	width:217px;
	vertical-align:top;
}

#info span.notice {
	font-size: 0.82em;
}

#shop01, #shop02 {
	margin-left:-5px;
	font-size: 0.85em;
}
#shop01 td {
	padding:5px;
	vertical-align:top;
}
#shop02 td {
	padding:5px;
	vertical-align:top;
}

.small {
	font-size: 0.85em;
}

#footer {
	padding:20px;
	clear:both;
	height:80px;
	border-top: 1px solid #ccc;
	font-size: 0.9em;
	font-family : serif;
}

#footer li {
	list-style:none;
	float:left;
	display:block;
	padding-right:10px;
}

#footer #footer_left {
	float:left;
	width:560px;
	padding-bottom:10px;
}

#footer #footer_right {
	float:right;
	width:310px;
	text-align:right;
	padding-bottom:10px;
}

#copyright {
	margin-top:5px;
}

a 			{ color: #666; text-decoration: none; }
a:link		{ color: #666; text-decoration: none; }
a:visited	{ color: #666; text-decoration: none; }
a:active	{ color: #900; text-decoration: none; }
a:hover		{ color: #900; text-decoration: none; }


blockquote {
	border: 1px dotted #CCC;
	padding: 0.2em;
	margin: 10px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;