@charset "utf-8";

body{
 background-image:url(../images/angle090804_4.png);
 background-repeat:no-repeat;
 background-position:55% 30px; 
 background-color:#000000;
 color:#FFFFFF;
 margin:0;
 padding:0;
 font-family:"ＭＳゴシック", Osaka, Arial, sans-serif;
}
#header_contents *{
 margin:0px;
 padding:0px;
}
#header_contents img,
#header_contents img a {
 border: none;
 margin: 0;
 padding: 0;
 display:block;
}
.clear_both {
 clear:both;
}
.text-align_center {
 text-align:center;
}
a:link {
 color:#000000;
}
a:visited {
 color:#000000;
}
a:hover {
 color:#B91440;
}
#header_container {
 background:url(../images/header_bg.gif) repeat-x ;
 height:180px;
 text-align:center;
}
#header_contents {
 text-align:left;
 margin:0 auto;
 height:180px;
 margin-bottom:6px;
 width:755px;
 position:relative;
}
#header_contents:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
#header_left {
 width:117px;
 position:absolute;
 top:0;
 left:11px;
}
#header_container h1 {
 padding:0;
 margin:11px 0 13px 0;
 display:block;
 border:none;
}
#header_container #header_right {
 position:absolute;
 top:0;
 right:0;
 width:70px;
 height:44px;
}
#header_container select {
 margin:0;
 margin-top:11px;
}
/*ぱんくず*/
#header_container #pankuzu {
 position:absolute;
 top:50px;
 left:5px;
 font-size:10px;
 color:#DDDDDD;
 line-height:15px;
 text-decoration:none;
}
#header_container #rekordboxlogo {
 position:absolute;
 top:70px;
 left:177px;
}
#container {
 background:url(../images/menu_beta.png) repeat-y;
 text-align:left;
 margin:0 auto;
 margin-bottom:6px;
 width:755px;
 min-height:500px;
 height:auto !important;
 height:500px;
 position:relative;
}
#menu {
 width:200px;
 float:left;
 border-top:1px #000000 solid;
}
#menu div.select {
 background:url(../images/menu_on_no.png) no-repeat;
 margin:1px 0 0 0;
 width:200px;
 height:28px;
 vertical-align:middle;
 color:#000000;
 font-size:16px;
 font-weight:bold;
 line-height:24px;
 text-decoration:none;
 padding:2px 0 0 10px;
}
#menu div.menu_btn a{
 display:block;
 width:190px;
 color:#FFFFFF;
 font-size:16px;
 font-weight:bold;
 padding-left:10px;
 background: url(../images/menu_off_no.png) no-repeat;
 height:28px;
 line-height:28px;
 text-decoration:none;
 text-align:left;
}
#menu div.menu_btn a:hover{
 color:#FFFFFF;
 background:url(../images/menu_off_over.png) no-repeat;
}
/* コンテンツ */
#contents {
 width:510px;
 float:right;
}
#contents_a,
#update_box {
 border:#333333 1px solid;
 background-color:#000000;
 padding:14px;
 font-size:12px;
 line-height:20px;
 margin-bottom: 5px;
}
#contents_a h3 {
 color:#ffffff;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
 margin:0 0 5px 0;
 padding-bottom:15px;
 border-bottom:1px #808080 solid;
}
#contents_a h3.two {
 padding-bottom:3px;
}
#contents_a h4,
#update_box h4 {
 color:#DDDDDD;
 font-size:14px;
 line-height:24px;
 font-weight:bold;
 text-decoration:none;
 margin:0px;
}
#contents_a h4.privacy {
 color:#ff99ff;
}
#contents_a h4.square {
 background:url("../images/point027_09.png") no-repeat;
 background-position: left 5px;
 padding-left: 20px;
}
#contents_a h4 img {
 margin-right: 8px;
}
#contents_a p {
 color:#DDDDDD;
 font-size:12px;
 line-height:20px;
 text-decoration:none;
 padding-bottom:20px;
 margin:0;
}
#contents_a p.title {
 color:	#FFFFFF;
 font-size:14px;
 line-height:20px;
 text-decoration:none;
 padding-bottom:5px;
}
#contents_a div {
 margin:0;
 padding:0;
 color:#DDDDDD;
}
#contents_a div.underline {
 padding:5px 0 20px 0;
 margin-bottom:5px;
 border-bottom:#808080 1px solid;
}
#contents_a div.noline {
 padding:5px 0 10px 0;
 margin-bottom:5px;
}
#contents_a div.faq_q {
 padding:5px 55px 5px 8px;
 margin-bottom:2px;
 font-weight:bold;
 background-color:#323232;
}
#contents_a div.release_ver {
 padding:5px 10px 5px 8px;
 margin-bottom:2px;
 font-weight:bold;
 background-color:#323232;
}
#contents_a div.release_date {
 width: 35%;
 float: right;
 text-align:right;
}
#contents_a div.box1 {
 border: 1px solid #666666;
 padding:5px;
}
#contents_a div.playimg {
 text-align:center;
 padding:3px;
 background-color:#000000;
}
#contents_a div.list1 {
 background:url("../images/point001_09.gif") no-repeat;
 background-position: left 5px;
 padding-left: 15px;
}
#contents_a div.list2 {
 background:url("../images/point_8.png") no-repeat;
 background-position: left 7px;
 padding-left: 15px;
}
#contents_a div.square {
 background:url("../images/point027_09.png") no-repeat;
 background-position: left 5px;
 padding-left: 20px;
}
#contents_a .new {
 background:url("../images/new.gif") no-repeat;
 background-position: right 10px;
}
#contents_a .update {
 background:url("../images/update.gif") no-repeat;
 background-position: right 10px;
}

#contents_a div.faq_a,
#contents_a div.release_memo {
 padding:5px;
 margin-bottom:15px;
 background-color:#202020;
}
#contents_a div.clist {
 position:absolute;
 color:#000000;
 background-color:#000000;
 border:1px solid #808080;
 padding: 5px;
}
#contents_a div.padding_left30 {
 padding-left:30px;
}
#contents_a div.padding_left20 {
 padding-left:20px;
}
#contents_a div.padding_left15 {
 padding-left:15px;
}
#contents_a div.padding_bottom10 {
 padding-bottom:10px;
}
#contents_a div.padding_bottom20 {
 padding-bottom:20px;
}
#contents_a div.float_right40 {
 float: right;
 width: 40%;
}
#contents_a div.info_msg {
 padding:20px 0 30px 0;
 font-size:14px;
 font-weight:bold;
 color:#ff0000;
}
#contents_a span {
 font-size:12px;
 line-height:20px;
 color:#DDDDDD;
}
#contents_a span.bold {
 font-weight:bold;
}
#contents_a span.red {
 color:#FF0000;
}
#contents_a span.title {
 font-size:14px;
 line-height:24px;
}
#contents_a span.keyword1 {
 color:#D2A06E;
}
#contents_a span.keyword2 {
 color:#5AD27D;
}
#contents_a span.keyword3 {
 color:#C88CBE;
}
#contents_a span.keyword4 {
 color:#BEBE5A;
}
#contents_a span.keyword5 {
 color:#78B4DC;
}
#contents_a img {
 border: none;
 margin: 0;
 padding: 0;
}
#contents_a table {
 font-size:inherit;
 width:100%;
}
#contents_a table th {
 font-weight:normal;
 padding:5px;
}
#contents_a table td {
 padding:5px;
}
#contents_a table th.right {
 text-align:right;
}
#contents_a table td.confirm {
 background-color:#323232;
}
#contents_a table td.top {
 vertical-align: top;
}
#contents_a table td.top img {
 margin-top:5px;
}
#contents_a form {
 margin:0;
}
#pagetop {
 color:#C0C0C0;
 font-size:12px;
 line-height:20px;
 padding:10px 0 20px 0;
 text-align:right;
}
#footer_container {
 clear:both;
 background:url(../images/footer_bg.gif) repeat-x;
 height:33px;
 text-align:center;
}
#footer_contents {
 text-align:left;
 margin:10px auto 0;
 height:30px;
 width:755px;
 position:relative;
}
#footer_contents:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
#footer_left {
 width:380px;
 float:left;
}
#footer_container ul {
 list-style-type:none;
 height:30px;
 margin:0px 0px 0px 5px;
 padding:0px;
 float:left;
}
#footer_container ul li {
 display:inline;
 margin:0px;
 height: 30px;
 padding:0px;
}
#footer_container ul a {
 border:0;
 margin:0;
 padding:0;
 margin-right:15px;
 margin-left:0;
 display:block;
 float:left;
 color:#DDDDDD;
 font-size:10px;
 line-height:15px;
 text-decoration:none;
}
#footer_container ul a:hover {
 display:block;
 background-repeat:no-repeat;
 background-position:top left;
 color:#DDDDDD;
 font-size:10px;
 line-height:15px;
 text-decoration:none;
}
#footer_right {
 width:360px;
 float:right;
 color:#FFFFFF;
 font-size:10px;
 line-height:15px;
 text-decoration: none;
 letter-spacing:1px;
 text-align: right;
}
#contents .custmer_btn {
 clear:both;
 width:100%;
}
div.image2 {
 clear:both;
 float:left;
 margin-right:20px;
}
div.image2 a:link,
div.image2 a:visited{
 display:block;
 width:177px;
 color:#FFFFFF;
 font-size:16px;
 background:url(../images/btn_user_off.png) no-repeat;
 height:40px;
 line-height:40px;
 vertical-align:middle;
 text-decoration:none;
 text-align:center;
 margin-bottom:10px;
}
div.image2 a:hover{
 color:#FFFFFF;
 background:url(../images/btn_user_on.png) no-repeat;
}
A.c1:link{
 font-size:10px;
 color:#9090DD;
 line-height:12px;
 text-decoration:underline;
}
A.c1:visited{
 font-size:10px;
 color:#A0A0DD;
 line-height:12px;
 text-decoration:underline;
}
A.c1:hover{
 font-size:10px;
 color:#C0C0C0;
 line-height:12px;
 text-decoration:underline;
}
A.c1:active{
 font-size:10px;
 color:#C0C0C0;
 line-height:12px;
 text-decoration:underline;
}
A.c2:link{
 font-size:12px;
 color:#9090DD;
 line-height: 20px;
 text-decoration:underline;
}
A.c2:visited{
 font-size:12px;
 color:#A0A0DD;
 line-height:20px;
 text-decoration:underline;
}
A.c2:hover{
 font-size:12px;
 color:#C0C0C0;
 line-height:20px;
 text-decoration:underline;
}
A.c2:active{
 font-size:12px;
 color:#C0C0C0;
 line-height:20px;
 text-decoration:underline;
}
A.c3:link{
 font-size:14px;
 font-weight:bolder;
 color:#9090DD;
 line-height:24px;
 text-decoration:underline;
}
A.c3:visited{
 font-size:14px;
 font-weight:bolder;
 color:#A0A0DD;
 line-height:24px;
 text-decoration:underline;
}
A.c3:hover{
 font-size:14px;
 font-weight:bolder;
 color:#C0C0C0;
 line-height:24px;
 text-decoration:underline;
}
A.c3:active{
 font-size:14px;
 font-weight:bolder;
 color:#C0C0C0;
 line-height:24px;
 text-decoration:underline;
}
#contents div.btn_area {
 padding:20px 0 10px 0;
 text-align:center;
}
#contents div.errmsg {
 border:#FF0000 1px solid;
 padding:5px;
 font-size:12px;
 color:#FF0000;
 margin-bottom:10px;
}
#contents div.key {
 border:#333333 1px solid;
 padding:10px;
 font-size:16px;
 line-height:20px;
 font-weight:bold;
 margin-bottom:20px;
}
#contents div.agree {
 width: 90%;
 border:1px #bbbbbb solid;
 margin:0px 0px 10px 0px;
 padding: 3px;
 height:200px;
 overflow:auto;
}
#contents div.pgmtop {
 float:right;
 text-align:right;
}
span.red,p.red {
 color:#FF0000;
}
select, textarea{
 border:#C0C0C0 1px solid;
 font-size:9pt;
 color:#000000;
 background-color:#C0C0C0;
}
textarea.confirm {
 border:#323232 1px solid;
 background-color:#323232;
 color:#DDDDDD;
}
.input1{
 border:#C0C0C0 1px solid;
 font-size:9pt;
 color:#000000;
 background-color:#C0C0C0;
}
.input2{
 width:200px;
}
.input3{
 width:80px;
}
a.download {
 padding: 0px 50px 0px 0px;
}

#contents_a ul {
 list-style-type:none;
 margin:  0px;
 padding: 5px 0 5px 0;
 height: 25px;
}
#contents_a ul li {
 display:inline;
 height: 25px;
}
#contents_a ul a {
 display:block;
 float:left;
 width: 110px;
 color:#9090DD;
 font-size:13px;
}
#contents_a ul a:hover {
 color:#C0C0C0;
}
.dot_top1 {
 border-top: 1px #808080 dotted;
}
.solid_top1 {
 border-top: 1px #808080 solid;
}