@charset "Shift_JIS";

/* box ------------------------------------*/
#menu-box {
	width: 145px; height: auto;
	margin: 0; padding: 0;
	float: left;
}
#right-box {
	width: 563px; height: auto;
	margin: 0; padding: 0 10px 0 0;
	float: right;
}
#right-box-space {
	width: 573px; height: auto;
	margin: 0; padding: 0 10px 0 10px;
}
/* on ------------------------------------*/
#about {
	width: 720px; height: 26px;
	margin: 0; padding: 0;
	background: url(../img/sub_about.gif) 0px 0px no-repeat;
}
/* left ------------------------------------*/
ul#menu-about {
	position: relative; width: 145px; height: 254px;
	margin: 0; padding: 0;
	list-style-type: none;
	background: url(../img/menu_about.gif) 0px 0px no-repeat;
}
#menu-about li {
	margin: 0; padding: 0;
	float: left;
	display: inline;
}
#menu-about li a {
	display: block;
	text-decoration: none;
}
#menu-intro a {
	width: 123px; height: 43px;
	position: absolute; top: 5px; left: 10px;
}
#menu-intro a:hover {
	background: url(../img/menu_about.gif) -155px -5px no-repeat;
}
#menu-intro a:active {
	background: url(../img/menu_about.gif) -300px -5px no-repeat;
}
#menu-sitemap a {
	width: 123px; height: 43px;
	position: absolute; top: 49px; left: 10px;
}
#menu-sitemap a:hover {
	background: url(../img/menu_about.gif) -155px -49px no-repeat;
}
#menu-sitemap a:active {
	background: url(../img/menu_about.gif) -300px -49px no-repeat;
}
#menu-recom a {
	width: 123px; height: 58px;
	position: absolute; top: 93px; left: 10px;
}
#menu-recom a:hover {
	background: url(../img/menu_about.gif) -155px -93px no-repeat;
}
#menu-recom a:active {
	background: url(../img/menu_about.gif) -300px -93px no-repeat;
}
#menu-copyright a {
	width: 123px; height: 43px;
	position: absolute; top: 152px; left: 10px;
}
#menu-copyright a:hover {
	background: url(../img/menu_about.gif) -155px -152px no-repeat;
}
#menu-copyright a:active {
	background: url(../img/menu_about.gif) -300px -152px no-repeat;
}
#menu-exemption a {
	width: 123px; height: 43px;
	position: absolute; top: 196px; left: 10px;
}
#menu-exemption a:hover {
	background: url(../img/menu_about.gif) -155px -196px no-repeat;
}
#menu-exemption a:active {
	background: url(../img/menu_about.gif) -300px -196px no-repeat;
}
/* right ------------------------------------*/
#site-link {
	width: 573px; height: auto;
	margin: 0 0 50px 0; padding: 7px 0 7px 29px;
	font-size: 75%;
	background: url(../img/site_link_bg1.gif) 0px 0px no-repeat;
}
div.box-space, div.box-space-none {
	width: 553px; height: auto;
}
div.box-space {
	margin: 0 0 50px 0; padding: 0;
}
div.box-space-none {
	margin: 0; padding: 0;
}
#intro span, #sitemap span, #recommendation span, #copyright span, #exemption span,
#map-about strong, #map-profile strong, #map-gallery strong, #map-blog strong, #map-bbs strong, #map-link strong,
#re-os strong, #re-browser strong, #re-java strong, #re-css strong {
	text-indent: -10000em;
	text-decoration: none;
	display: none;
}
#intro, #sitemap, #recommendation, #copyright, #exemption {
	width: 553px; height: 22px;
	margin: 0; padding: 0;
}
#intro {
	background: url(../img/title_intro.gif) 0px 0px no-repeat;
}
#sitemap {
	background: url(../img/title_sitemap.gif) 0px 0px no-repeat;
}
#recommendation {
	background: url(../img/title_recom.gif) 0px 0px no-repeat;
}
#copyright {
	background: url(../img/title_copyright.gif) 0px 0px no-repeat;
}
#exemption {
	background: url(../img/title_exemption.gif) 0px 0px no-repeat;
}
#map-about, #map-profile, #map-gallery, #map-blog, #map-link,
#re-os, #re-browser, #re-java, #re-css {
	position: relative; width: 543px; height: 21px;
	margin: 0; padding: 0 0 7px 0;
}
#map-about {
	background: url(../img/ti_map_about.gif) 0px 0px no-repeat;
}
#map-about a {
	width: 95px; height: 20px;
	position: absolute; top: 0px; left: 15px;
}
#map-profile {
	background: url(../img/ti_map_profile.gif) 0px 0px no-repeat;
}
#map-profile a {
	width: 46px; height: 20px;
	position: absolute; top: 0px; left: 15px;
}
#map-gallery {
	background: url(../img/ti_map_gallery.gif) 0px 0px no-repeat;
}
#map-gallery a {
	width: 50px; height: 20px;
	position: absolute; top: 0px; left: 15px;
}
#map-blog {
	background: url(../img/ti_map_blog.gif) 0px 0px no-repeat;
}
#map-blog a {
	width: 34px; height: 20px;
	position: absolute; top: 0px; left: 15px;
}
#map-link {
	background: url(../img/ti_map_link.gif) 0px 0px no-repeat;
}
#map-link a {
	width: 33px; height: 20px;
	position: absolute; top: 0px; left: 15px;
}
#re-os {
	background: url(../img/ti_re_os.gif) 0px 0px no-repeat;
}
#re-browser {
	background: url(../img/ti_re_browser.gif) 0px 0px no-repeat;
}
#re-java {
	background: url(../img/ti_re_java.gif) 0px 0px no-repeat;
}
#re-css {
	background: url(../img/ti_re_css.gif) 0px 0px no-repeat;
}
/* others ------------------------------------*/
img.line-l {
	vertical-align: middle;
}
div.box-text {
	display: block;
	width: auto; height: auto;
	padding: 8px 0 10px 10px;
	background: url(../img/l_line_bg1.gif) 0px 0px repeat-y;
}
div.frame-box-text {
	width: auto;
	margin: 0 0 0 20px;
	display: block;
	font-size: 85%;
}
table.frame-box-text {
	margin: 0 0 0 20px; padding: 0;
	font-size: 85%;
}