@charset "UTF-8";
body {
	font: 80%/1.4 "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:rgb(0, 0,0);
	margin: 0;
	padding: 0;
/*	margin-top: 20px;*/
	color: #FFF;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	color: #000000;
}
/*a img {
	border:0;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}*/
p {
	height: 108px;
	overflow: hidden;
}

/*
a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
*/
.haba{
		width: 1024px;
		margin: auto;
}
.container {
	width: 909px;
	height: 829px;
	background-image: url(images/top_b5.png);
	background-repeat: no-repeat;
	margin: auto;
	padding: 0;
	}
.noborder {
　　　　　　border:none;
　　　　　　outline:none;
} 

/*
.content {
	height:1024px;
	padding: 0;
	background-image: url(images/bg_home.png);
	background-repeat: no-repeat;
}
*/
.header {
	width: 1024px;
	height:36px;
	margin: 0;
}
.sepa {
	width: 1024px;
	height:20px;
	margin: 0;
}
.topmenu {
	width:853px;
	height:25px;
	margin-left:60px;
	margin-top:35px;
	float: left;
	font: 130%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
.ring {
	width:457px;
	height:457px;
/*	margin-left:190px;*/
/*	margin-top:20px;*/
	margin-left:222px;
	margin-top:70px;
	float: left;
}
/*.seminar_btn {
	width:265px;
	height:126px;
	margin-left:635px;
	margin-top:90px;
	float:left;
    position:absolute;
}*/
.youtube_btn {
	width:154px;
	height:154px;
	margin-left:750px;
	margin-top:70px;
	float:left;
    position:absolute;
}
.sugoiyan {
/*	width:172px;
	height:216px;*/
	width:172px;
	height:108px;
	margin-left:735px;
	margin-top:230px;
	float: left;
    position:absolute;
}
.news{
	width:157px;
	height:108px;
	margin-left:750px;
	margin-top:350px;
	float: left;	
    position:absolute;
}
.booklink{
	width:162px;
	height:250px;
	margin-left:746px;
	margin-top:470px;
	float: left;
	position: absolute;
}
.privacy{
	width:120px;
	height:14px;
	margin-left:754px;
	margin-top:740px;
	float: left;
	position: absolute;
}
.sidemenu {
	width:120px;
	height:40px;
	margin-left:38px;
/*	margin-top:275px;*/
	margin-top:296px;
	float: left;
    position:absolute;
}

#slider {
	width:852px;
	height:270px;
		/*IE bugfix*/
	padding:0;
	margin:0;
}
#slider li { list-style:none; }

.scmedia{
/*	width:237px;*/
	width: 300px;
	height:36px;
	margin-left:570px;
	margin-top:12px;
	float: left;
}

.sbic{
	width:141:px;
	height:390px;
	margin-left:1px;
	margin-top:62px;
	float: left;
	position: absolute;
}
.amazonlink{
	width:140px;
	height:182px;
	margin-left:1px;
	margin-top:456px;
	float: left;
	position: absolute;
}
.suhr{
	width:370px;
	height:100px;
	margin-left:96px;
	margin-top:22px;
	float: left;
}
.lizard{
	width:350px;
	height:115px;
	margin-right:94px;
	margin-top:12px;
	float: right;
}
.fractal{
	width:400px;
	height:100px;
	margin-left:96px;
	margin-top:23px;
	float: left;
}
.support_m{
	width:104px;
	height:12px;
	margin-right:392px;
	margin-top:12px;
	background-image: url(images/news.png);
	background-color: #FFF;
	float: right;
}

.support{
	width:400px;
	height:100px;
	margin-right:96px;
	margin-top:0px;
	background-color: #FFF;
/*	position: absolute;*/
	float: right;
}
.footer {
	width:700px;
	height:20px;
	margin-left:162px;
	margin-top:49px;
	float: left;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(img/login-header_clr.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #000;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(img/login-blank_clr.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
  background-color: #000;
}