@charset "Shift_JIS";

/*-------------------------------------------------
  Reset default style
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,img,table,th,td,tr {
	margin:0;
	padding:0;
}
html,body{
	height:100%;
	background-color:#000000;
}
html {
	width:100%;
	overflow-y:scroll;
	text-align:center;
}
#nakaPage {
	font-family:sans-serif;
	width:100%;
	text-align:center;
}
#toppage {
	font-family:sans-serif;
	width:100%;
	color:#333;
	text-align:center;
	font-size:12px;
}
#toppage #wrapper {
	width: 100%;
	background: url(../../images/bg_footer.jpg) repeat-x center bottom;
}

h1,h2,h3,h4,h5,h6 {
	line-height:0%;
}
li,dt,dl {
	line-height:160%;
}
p {
	line-height:160%;
}
li,dt,dl {
	list-style-type:none;
}
img {
	border: none;
	vertical-align: bottom;
}
address {
	font-style:normal;
}
th,td {
	vertical-align:top;
	text-align:left;
}
.leftImg {
	float:left;
}
.rightImg {
	float:right;
}
hr {
	display:none;
}
.invisible {
	display:none;
}
/*------------------------------------------------------------
 共通
------------------------------------------------------------*/
a {color:#0000ff; text-decoration:underline;}
a:visited { color:#330099; text-decoration:underline;}
a:hover { color:#0000ff; text-decoration:none;}
.clear { clear:both; padding:0px; margin:0px; height:0px; line-height:0px;}

/*----------------------------------------------------------------

	ナビゲーション

----------------------------------------------------------------*/
#nav{
	width:932px;
	height:42px;
	position: absolute;
	top:455px;
	left:50%;
	margin-left: -466px;
}
#final #final-wrap #final-contents #nav {
	position: absolute;
	width:950px;
	top:620px;
	left:50%;
	margin-left: -475px;
	height: 100px;
}
#nav li {
	float: left;
	width: 133px;
	height: 42px;
}
#nav a {
	display: block;
	width: 133px;
	height: 42px;
	text-indent: -9999px;
}
#nav span {
	display: block;
	width: 133px;
	height: 42px;
	text-indent: -9999px;
}
#nav li#nav1 a:link,
#nav li#nav1 a:visited {
	background-image: url(../../2010/images/nav/nav01_ot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav1 a:hover {
	background-image: url(../../2010/images/nav/nav01_ov.png);
}
#nav li#nav1ac {
	background-image: url(../../2010/images/nav/nav01_ac.png);
}

#nav li#nav2 a:link,
#nav li#nav2 a:visited {
	background-image: url(../../2010/images/nav/nav02_ot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav2 a:hover {
	background-image: url(../../2010/images/nav/nav02_ov.png);
}
#nav li#nav2ac {
	background-image: url(../../2010/images/nav/nav02_ac.png);
}
#nav li#nav3 a:link,
#nav li#nav3 a:visited {
	background-image: url(../../2010/images/nav/nav03_ot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav3 {
	background-image: url(../../2010/images/nav/nav03_dd.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav3 a:hover {
	background-image: url(../../2010/images/nav/nav03_ov.png);
}
#nav li#nav3ac {
	background-image: url(../../2010/images/nav/nav03_ac.png);
}
#nav li#nav4 a:link,
#nav li#nav4 a:visited {
	background-image: url(../../2010/images/nav/nav04_ot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav4 {
	background-image: url(../../2010/images/nav/nav04_dd.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav4 a:hover {
	background-image: url(../../2010/images/nav/nav04_ov.png);
}
#nav li#nav4ac {
	background-image: url(../../2010/images/nav/nav04_ac.png);
}
#nav li#nav5 a:link,
#nav li#nav5 a:visited {
	background-image: url(../../2010/images/nav/nav05_ot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav5 {
	background-image: url(../../2010/images/nav/nav05_dd.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav5 a:hover {
	background-image: url(../../2010/images/nav/nav05_ov.png);
}
#nav li#nav5ac {
	background-image: url(../../2010/images/nav/nav05_ac.png);
}

#nav li#nav6 a:link,
#nav li#nav6 a:visited {
	background-image: url(../../2010/images/nav/nav06_ot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav6 {
	background-image: url(../../2010/images/nav/nav06_dd.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav6 a:hover {
	background-image: url(../../2010/images/nav/nav06_ov.png);
}
#nav li#nav6ac {
	background-image: url(../../2010/images/nav/nav06_ac.png);
}
#nav li#nav7 a:link,
#nav li#nav7 a:visited {
	background-image: url(../../2010/images/nav/nav07_ot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li#nav7 a:hover {
	background-image: url(../../2010/images/nav/nav07_ov.png);
}
#nav li#nav7ac {
	background-image: url(../../2010/images/nav/nav07_ac.png);
}

#navSpecial li {
	float: left;
	width: 400px;
	height: 42px;
}
#navSpecial a {
	display: block;
	width: 400px;
	height: 42px;
	text-indent: -9999px;
}
#navSpecial span {
	display: block;
	width: 400px;
	height: 42px;
	text-indent: -9999px;
}
#navSpecial{
	float:left;
	width:932px;
}
#navSpecial li#nav8 a:link,
#navSpecial li#nav8 a:visited {
	background-image: url(../../2010/images/nav/nav08_ot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#navSpecial li#nav8 a:hover {
	background-image: url(../../2010/images/nav/nav08_ov.png);
}
#navSpecial li#nav8ac {
	background-image: url(../../2010/images/nav/nav08_ac.png);
}
/*----------------------------------------------------------------

	共通部

----------------------------------------------------------------*/
#final {
	background-image: url(../../2010/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	height:1100px;
}
#final #final-wrap {
	width:100%;
	height:1100px;
	text-align:center;
}
#final #final-wrap #swf {
	width:100%;
	margin-bottom: 20px;
	margin-top: 2px;
}

#contents {
	width: 935px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

}
#final-contents {
	width: 100%;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*----------------------------------------------------------------

	トップ

----------------------------------------------------------------*/
#final-top {
	background-image: url(../../2010/images/bgT.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	height:621px;
}
#final-middle {
	background-image: url(../../2010/images/bgM.jpg);
	background-repeat: repeat-y;
	background-position: center top;

}
#final-bottom {
	background-image: url(../../2010/images/bgB.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:550px;
}
#whats-new {
	float:left;
	position: relative;
	margin-top:-100px;
	text-align:left;
	overflow:visible;
}
#newsBox{
	width:640px;
	float:left;
	overflow:hidden;
}
#whats-new .list {
	background-image: url(../../2010/images/whats_new_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 140px;
	width: 311px;
	float: left;
	padding-right: 5px;
	text-align:left;
}
#whats-new .list h2 {
	font-size: 12px;
	font-weight: bold;
	color: #FB5900;
	line-height: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#whats-new .list ul {
	width:310px;
	height: 115px;
	overflow:auto;
}
#whats-new .list li {
	height: 25px;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 11px;
	line-height: 1.3em;
}
#license{
	width:600px;
	padding:10px 0;
	float:left;
	text-align:left;
	font-size: 11px;
	color: #685454;
}
#promoVideo{
	float:right;
	background: url(../../2010/images/video_bg.gif) no-repeat left top;
	margin-top:-40px;
	position:relative;
	zoom:1;
	width: 295px;
	height: 305px;
}
#promoVideo #videoCode{
	width:240px;
	height:180px;
	padding:68px 0 0 30px;
}
#promoVideo #buyBtn{
	padding:7px 0 0 23px;
}
#promoVideo #buyBtn a{
	text-decoration:none;
	border:0;
}

/*----------------------------------------------------------------

	バナー

----------------------------------------------------------------*/
#banner {
	clear:both;
	height: 65px;
}
#banner li {
	float: left;
}
#banner li.rightpadding{
	padding-right:3px;
}
/*----------------------------------------------------------------
　　追加要素　その他
----------------------------------------------------------------*/
#twitterBtn{
	width:211px;
	height:24px;
	position:relative;
	top:-15px;
	left:420px;
	z-index:10;
}
#largeBannerBox{
	width:640px;
	
}
#largeBannerBox li{
	float:left;
	padding-top:20px;
}
#largeBannerBox li.rightPadding{
	padding-right:5px;
}