/*　基本設定　*/
html, body {
    scrollbar-base-color: #000000;
    scrollbar-track-color: #5b6063;
    scrollbar-face-color: #141415;
    scrollbar-shadow-color: #000000;
    scrollbar-darkshadow-color: #808080;
    scrollbar-highlight-color: #808080;
    scrollbar-3dlight-color: #808080;
    scrollbar-arrow-color: #C0C0C0;
}
body {
	text-align: center;
	padding: 0px;
	font-size: 96%;
	color: #333333;
	line-height: 1.3;
	margin: 0px;
	background-image: url(../images/bg_tp.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}
h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, form  {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
a:link {
	color: #ffef6c;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:active, a:hover {
	color: #00CCFF;
	text-decoration: underline;
}
dl {
	overflow: hidden;
	zoom: 1;
}
ul {
 list-style-type: none;
}
li {
 list-style-position: outside;
}
img {
	vertical-align: top;
	border-style: none;
}
#container {
	background-image: url(../images/bg_tpback.jpg);
	background-repeat: no-repeat;
	height: 740px;
	background-position: center;
}
#container #contents {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
}
#contents  ul#header {
	height: 70px;
	overflow: hidden;
	zoom: 1;
}
#contents ul#header li#logo {
	float: left;
	margin-top: 23px;
}
#contents ul#header li#adtec {
	float: right;
	margin-top: 26px;
}
#contents  ul#navi {
	overflow: hidden;
	zoom: 1;
}
#contents ul#navi li {
	float: left;
}

#contents ul#navi li a {
	display: block;
}
#contents ul#navi li.selected img {
	visibility: hidden;
}
#contents ul#navi li a:hover {
	background-color: transparent;
}
#contents ul#navi li a:hover img {
	visibility: hidden;
}
#contents ul#navi li#bt_top a {
	background-image: url(../images/bt_top_o.jpg);
	background-repeat: no-repeat;
}
#contents ul#navi li#bt_chara a {
	background-image: url(../images/bt_chara_o.jpg);
	background-repeat: no-repeat;
}
#contents ul#navi li#bt_motor a {
	background-image: url(../images/bt_motor_o.jpg);
	background-repeat: no-repeat;
}
#contents ul#navi li#bt_story a {
	background-image: url(../images/bt_story_o.jpg);
	background-repeat: no-repeat;
}
#contents #topmain {
	padding-top: 66px;
	text-align: left;
}
#contents #topmain #concept {
	display: block;
	margin-bottom: 57px;
}

#footer {
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	height: 130px;
	text-align: center;
}
#footer  ul#fmenu {
	width: 832px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	zoom: 1;
	background-image: url(../images/bg_fmenu.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 38px;
}
#footer ul#fmenu li {
	float: left;
}
#footer ul#fmenu li a {
	display: block;
}
#footer ul#fmenu li a:hover {
	background-color: transparent;
}
#footer ul#fmenu li a:hover img {
	visibility: hidden;
}

#footer ul#fmenu li#ft_top a {
	margin-left: 151px;
	background-image: url(../images/btf_top_o.jpg);
	background-repeat: no-repeat;
}
#footer ul#fmenu li#ft_chara a {
	background-image: url(../images/btf_chara_o.jpg);
	background-repeat: no-repeat;
}
#footer ul#fmenu li#ft_motor a {
	background-image: url(../images/btf_motor_o.jpg);
	background-repeat: no-repeat;
}
#footer ul#fmenu li#ft_story a {
	background-image: url(../images/btf_story_o.jpg);
	background-repeat: no-repeat;
}
#footer #bottom {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
}
#footer #bottom #flogo {
	text-align: left;
}
#footer #bottom #copy {
	text-align: center;
}
