html {
}

body {
	background: #111111;
	margin: 0 auto;
	padding: 0;
	color: white;
	text-align: center;
	font-size: 100%;
}
#container {
	background: black;
	width: 875px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 875px;
	position:relative;
}
#header img {
	display:block;
}



/* メニュー----------------------------------------------------------------------------------- */


#menu,
#menu2 {
	height: 37px;
	position: relative;
	border-bottom: solid 2px #000000;
}
#menu a img {
	height: 37px;
}
#menu a,
#menu2 a {
	height: 37px;
	position: absolute;
	top: 0;
	display: block;
	background-image: url("http://www.training.sc/images/menu.jpg");
}
#menu a.button1 img	{ width:193px;height:37px;}
#menu a.button2 img	{ width:178px;height:37px;}
#menu a.button3 img	{ width:151px;height:37px;}
#menu a.button4 img	{ width: 93px;height:37px;}
#menu a.button5 img	{ width:134px;height:37px;}
#menu a.button6 img	{ width:126px;height:37px;}

#menu a.button1	{ background-position:      0 0; width:193px;left:    0; }
#menu a.button2	{ background-position: -193px 0; width:178px;left:193px;}
#menu a.button3	{ background-position: -371px 0; width:151px;left:371px; }
#menu a.button4	{ background-position: -522px 0; width: 93px;left:522px; }
#menu a.button5	{ background-position: -615px 0; width:134px;left:615px; }
#menu a.button6	{ background-position: -749px 0; width:126px;left:749px; }

#menu a:hover.button1	{ background-position: 0 -37px;}
#menu a:hover.button2	{ background-position: -193px -37px;}
#menu a:hover.button3	{ background-position: -371px -37px;}
#menu a:hover.button4	{ background-position: -522px -37px;}
#menu a:hover.button5	{ background-position: -615px -37px;}
#menu a:hover.button6	{ background-position: -749px -37px;}



#menu2 a.button0 img { width: 71px;height:37px;}
#menu2 a.button1 img { width:175px;height:37px;}
#menu2 a.button2 img { width:160px;height:37px;}
#menu2 a.button3 img { width:130px;height:37px;}
#menu2 a.button4 img { width: 79px;height:37px;}
#menu2 a.button5 img { width:134px;height:37px;}
#menu2 a.button6 img { width:126px;height:37px;}

#menu2 a.button0	{ background-position:      0 -74px; width: 71px;left:     0; }
#menu2 a.button1	{ background-position:  -71px -74px; width:175px;left:  71px; }
#menu2 a.button2	{ background-position: -246px -74px; width:160px;left: 246px; }
#menu2 a.button3	{ background-position: -406px -74px; width:130px;left: 406px; }
#menu2 a.button4	{ background-position: -536px -74px; width: 79px;left: 536px; }
#menu2 a.button5	{ background-position: -615px -74px; width:134px;left: 615px; }
#menu2 a.button6	{ background-position: -749px -74px; width:126px;left: 749px; }

#menu2 a:hover.button0	{ background-position:      0 -111px;}
#menu2 a:hover.button1	{ background-position:  -71px -111px;}
#menu2 a:hover.button2	{ background-position: -246px -111px;}
#menu2 a:hover.button3	{ background-position: -406px -111px;}
#menu2 a:hover.button4	{ background-position: -536px -111px;}
#menu2 a:hover.button5	{ background-position: -615px -111px;}
#menu2 a:hover.button6	{ background-position: -749px -111px;}


/* サイドメニュー----------------------------------------------------------------------------------- */


#alpha {
	float: left;
	width: 218px;
	padding: 0 9px 10px 10px;
	position: relative;
}
#alpha #newsLogSpace .list,
#alpha #blogLogSpace .list,
#alpha #newsLogSpace table,
#alpha #blogLogSpace table {
	border-collapse: collapse;
	position: absolute;
	top: 48px;
	left: 30px;
	color: black;
}
*:first-child+html #alpha #newsLogSpace .list,
*:first-child+html #alpha #blogLogSpace .list,
*:first-child+html #alpha #newsLogSpace table,
*:first-child+html #alpha #blogLogSpace table {
	top: 43px;
	border-collapse: separate;
}
#alpha #newsLogSpace .list,
#alpha #blogLogSpace .list{
	width:165px;height:8.6em;font-size:0.8em;line-height:125%;overflow:hidden;
}
#alpha #newsLogSpace p,
#alpha #blogLogSpace p {
	margin: 0 0 6px;
	padding: 0;
}
#alpha #newsLogSpace,
#alpha .linkBox1,
#alpha .linkBox2,
#alpha .linkBox3,
#alpha .linkBox4,
#alpha .linkBox5,
#alpha .linkBox6,
#alpha .linkBox7,
#alpha #blogLogSpace {
	width: 218px;
	display: block;
	position: absolute;
	top: 0;
	background-image: url(http://www.training.sc/images/sideMenu.png);
	_background-image: url(http://www.training.sc/images/sideMenu.jpg);
}
#alpha a {
	position: absolute;
	background: transparent;
}
#alpha a img {
	display: block;
}
td #header #alpha a img {
	width: 218px;
	height: 198px;
	display: block;
	left: 0;
}
#alpha #newsLogSpace{ background-position: 0 0; top: 9px; height: 180px;}
#alpha .linkBox1	{ background-position: 0 -180px; top: 189px; height: 183px;}
#alpha .linkBox2	{ background-position: 0 -360px; top: 372px; height: 190px;}
#alpha .linkBox3	{ background-position: 0 -550px; display: none；height: 153px;}
#alpha .linkBox4	{ background-position: 0 -712px; top: 544px; height: 152px;}
#alpha .linkBox5	{ background-position: 0 -862px; top: 696px; height: 152px;}
#alpha .linkBox6	{ background-position: 0 -1045px; top: 846px; height: 152px;}
#alpha .linkBox7	{ background-position: 0 -1197px; top: 995px; height: 180px;}
#alpha #blogLogSpace{ background-position: 0 -1375px; top: 1173px; height: 150px;}

#alpha #newsLogSpace:hover	{ background-position: -218px 0;}
#alpha :hover.linkBox1	{ background-position: -218px -180px;}
#alpha :hover.linkBox2	{ background-position: -218px -360px;}
#alpha :hover.linkBox3	{ background-position: -218px -550px;}
#alpha :hover.linkBox4	{ background-position: -218px -712px;}
#alpha :hover.linkBox5	{ background-position: -218px -862px;}
#alpha :hover.linkBox6	{ background-position: -218px -1045px;}
#alpha :hover.linkBox7	{ background-position: -218px -1197px;}
#alpha :hover#blogLogSpace	{ background-position: -218px -1375px;}


#alpha .trainingPoint1 img,
#alpha .trainingPoint2 img,
#alpha .trainingPoint3 img,
#alpha .trainingPoint4 img,
#alpha .trainingPoint5 img	{ width:218px; height:15px; z-index: 10;}
#alpha .trainingPoint1	{ top: 240px;}
#alpha .trainingPoint2	{ top: 257px;}
#alpha .trainingPoint3	{ top: 275px;}
#alpha .trainingPoint4	{ top: 293px;}
#alpha .trainingPoint5	{ top: 311px;}


#alpha .bestPoint1 img,
#alpha .bestPoint2 img,
#alpha .bestPoint3 img,
#alpha .bestPoint4 img,
#alpha .bestPoint5 img	{ width:218px;  height:15px; z-index: 10;}
#alpha .bestPoint1	{ top: 424px;}
#alpha .bestPoint2	{ top: 442px;}
#alpha .bestPoint3	{ top: 459px;}
#alpha .bestPoint4	{ top: 478px;}
#alpha .bestPoint5	{ top: 495px;}


#alpha .memberPoint1 img,
#alpha .memberPoint2 img,
#alpha .memberPoint3 img,
#alpha .memberPoint4 img,
#alpha .memberPoint5 img	{ width:218px; height: 15px;z-index: 10;}
#alpha .memberPoint1	{ top: 630px;}
#alpha .memberPoint2	{ top: 645px;}
#alpha .memberPoint3	{ top: 660px;}
#alpha .memberPoint4	{ top: 675px;}
#alpha .memberPoint5	{ top: 690px;}


#alpha .aboutSite1 img,
#alpha .aboutSite2 img,
#alpha .aboutSite3 img	{ width:218px; height: 15px; z-index: 10;}
#alpha .aboutSite1	{ top: 1104px;}
#alpha .aboutSite2	{ top: 1118px;}
#alpha .aboutSite3	{ top: 1132px;}



td #header #alpha a.linkBox1	{ top: 0; }
td #header #alpha a.linkBox3	{ top: 190px; }
td #header #alpha a.linkBox4	{ top: 380px; }
td #header #alpha a.linkBox5	{ top: 570px; }
td #header #alpha a.linkBox6	{ top: 760px; }
td #header #alpha a.linkBox7	{ top: 950px; }
td #header #alpha a.linkBox8	{ top: 1140px; }

#alpha a.soulFighter	{ top: 1360px; left: 25px; width: 187px; height: 164px; }
#alpha a.soulFighter img	{ width: 187px; height: 164px; }
#alpha a:hover.soulFighter	{ background: none; }
#alpha a:hover.soulFighter img	{ width: 187px; height: 164px; }
td #header #alpha a.soulFighter	{ top: 1441px; left: 25px; width: 187px; height: 164px; }
td #header #alpha a.soulFighter img	{ width: 187px; height: 164px; }

#alpha a:hover.area1,
#alpha a:hover.area2,
#alpha a:hover.area3,
#alpha a:hover.area4 {
	height: 15px;
	background: none;
	background: red;
}





/* コンテンツ----------------------------------------------------------------------------------- */

a img { border: 0;}
a {
	overflow: hidden;
	outline: none;
	color: blue;
}

#beta {
	float: left;
	width: 630px;
	min-height: 1700px;
}
.mainNavi{height:175px;margin:0 0 5px;}
.mainNavi a{display:block;float:left;background:url('/images/topMainnavi.jpg') no-repeat;}
.mainNavi .nav1{width:210px;height:96px;}
.mainNavi .nav2{width:210px;height:96px;background-position:-210px 0px;}
.mainNavi .nav3{width:210px;height:96px;background-position:-421px 0px;}
.mainNavi .nav4{width:315px;height:76px;background-position:0px -96px;}
.mainNavi .nav5{width:315px;height:76px;background-position:-316px -96px;}
.mainNavi .nav1:hover{background-position:0 -172px;}
.mainNavi .nav2:hover{background-position:-210px -172px;}
.mainNavi .nav3:hover{background-position:-421px -172px;}
.mainNavi .nav4:hover{background-position:0px -268px;}
.mainNavi .nav5:hover{background-position:-316px -268px;}
#beta{position:relative;}
.youtube{position:absolute;top:25px;right:12px;}
.channel{position:absolute;top:225px;left:55px;}

#beta #contentBox {
	margin-top: 10px;
	width: 629px;
/*	background-image: url("http://www.training.sc/images/contentBox.jpg");*/
}

#beta .chapter {
	width: 140px;
	height: 30px;
	background-image: url("http://www.training.sc/images/chapter.png");
}
#beta .chap1 {background-position: 0 0;}
#beta .chap2 {background-position: 0 -30px;}
#beta .chap3 {background-position: 0 -60px;}
#beta .chap4 {background-position: 0 -90px;}

#beta .floatImage {
	width: 230px;
	height: 393px;
	margin-top: 20px;
	background-image: url("http://www.training.sc/images/topFloatimg.jpg");
}

#beta .image1 {background-position: 0 0;float:right;}
#beta .image2 {background-position: -230px 0;float:left;}
#beta .image3 {background-position: -460px 0;float:right;}
#beta .image4 {background-position: -690px 0;float:left;}


#beta #contentBox #whiteBox {
	margin: 0 auto 5px;
	padding:10px;
	width:605px;
	word-break: break-all;
/*	background-image: url("http://www.training.sc/images/bgWhite-trans.png");*/
	background: white;
	color: black;
	font-size: 0.9em;
	line-height: 140%;
	position: relative;
}
/*
html body div table table div table td div{
	border: solid 2px #F86A69;
	margin: 5px auto;
	word-break: break-all;
	background: white;
	color: black;
}
html body div table table div table td div td{
	border: none;
	background-color: transparent;
}
*/

#beta #contentBox #whiteBox .textSpace {
	width: 370px;
	display: block;
}
#beta #contentBox #whiteBox p ,
#beta #contentBox #whiteBox .textSpace p {
	margin: 10px;
}


#beta .flowBox {
	border-bottom: solid 1px #000000;
	width: 550px;
}
#beta .flowBox th,
#beta .flowBox td {
	border: solid 1px #000000;
	border-right: none;
	border-bottom: none;
	vertical-align: middle;
}
#beta .flowBox th {
	width: 200px;
	vertical-align: top;
	text-align: left;
}
#beta .flowBox .rightCell {
	border-right: solid 1px #000000;
}
#beta .flowBox .trainingPicture1,
#beta .flowBox .trainingPicture2,
#beta .flowBox .trainingPicture3,
#beta .flowBox .trainingPicture4 {
	width: 221px;
	background-image: url("http://www.training.sc/images/traningPicture2.gif");
	background-repeat: no-repeat;
	border-left: none;
	text-align: right;
}
#beta .flowBox .trainingPicture1 { height: 177px;}
#beta .flowBox .trainingPicture2 { height: 171px; background-position: 0 -177px;}
#beta .flowBox .trainingPicture3 { height: 135px; background-position: 0 -347px;}
#beta .flowBox .trainingPicture4 { height: 218px; background-position: 0 -482px;}

#beta .flowBox .arrowCell {
	padding: 20px 0;
	border-left: none;
	text-align: center;
}
#beta .flowBox strong {
	background: none;
	color: red;
}

#beta h1 {
	margin-left: 20px;
	font-size: 18px;
	color: red;
}
#beta #contentBox h2 {
}
#beta p {
	margin-left: 30px;
	margin-right: 10px;
}
#beta strong {
	background-color: #FFCC33;
	font-size: 1.2em;
}
#beta .bgODD {
	background: #EEEEEE;
}
#beta .arrow {
	height: 50px;
	display: block;
	margin: 10px auto;
	text-align: center;
	background-image: url("http://www.training.sc/images/arrow.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99999px;
}
#beta table {
	margin: 10px auto;
	border-collapse: collapse;
}
#beta th {
	width: 20px;
	text-align: center;
}
#beta th,
#beta td {
	vertical-align: top;
	padding: 5px;
}
#beta .table {
	text-align: center;
}
#beta .table .box {
	width: 420px;
	margin: 20px auto;
	padding:10px;
	border: 1px solid #CCCCCC;
}
#beta .company th {
	width: 150px;
	text-align: left;
}
#beta .company td {
	line-height: 130%;
}

#beta form th {
	width: 120px;
	padding-top: 8px;
	text-align: right !important:
}
.topMessage{
	margin: 10px auto 1px;
}
.goMemberEntry{
	margin: 20px 5px 30px;
	text-align: right;
}
.goMember img {
	width: 625px;
	height: 130px;
	background-image: url("../images/goMoreBig.png");
}
.goMember:hover img {background-position: 0 -130px;}
.goMember img {background-position: 0 0;}
#beta ul {
}
#beta li {
	list-style-type : square;
	margin: 5px 15px 20px 5px;
}

.goEntry img {
	width: 605px;
	height: 130px;
	background-image: url("../images/goEntryBig2.png");
}
.goEntry img {background-position: 0 0;}
.goEntry:hover img {background-position: 0 -130px;}



#beta .gotop {
	margin: 10px 10px 30px;
	text-align: right;
	clear: both;
	display: block;
}
#beta hr {
	margin: 40px 0;
	clear: both;
}


/* フッター----------------------------------------------------------------------------------- */

#footer {
	height: 60px;
	padding-top: 10px;
	clear: both;
	text-align: center;
}
#footer p {
	padding: 20px auto;

}
#footer hr {
	width: 90%;
}









/* IE対策 透過PNG --------------------------------------------------------------------- */

* html #beta #contentBox #whiteBox {
	behavior: expression(IEPNGFIX.fix(this));
}

/* ツールチップAJAX----------------------------------------------------------------------------------- */

#tt {position:absolute; display:block; background:url(http://www.training.sc/images/tt_left.gif) top left no-repeat;text-align:left;}
#tttop {display:block; height:5px; margin-left:5px; background:url(http://www.training.sc/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(http://www.training.sc/images/tt_bottom.gif) top right no-repeat; overflow:hidden}