body#ruleStep1 {
	background:url(../rule/img/bg_step1.jpg) 0 80px repeat-x;
}
.W768 {
	width:768px;
	margin:0 auto;
}

span {
	color:#FF418C;
}

p {
	font-family:"Hiragino Kaku Gothic Pro","HiraKakuPro-W3","MS UI Gothic","Lucida Grande","MS Gothic";
	/*color:#8c8c8c;*/
	color:#474747;
	font-size:12px;
	line-height:150%;
}

* html p {
	font-size:93%;
}

.text1 {
	color:#8c8c8c;
	font-weight:bold;
	line-height:150%;
}

table.VTTable td {
	vertical-align:top;
}

/*li {
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
}*/

#hdr_sp {
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
}

.clear {
	clear:both;
}

.hide {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.small {
	color:#474747;
	font-family:"Hiragino Kaku Gothic Pro","HiraKakuPro-W3","MS UI Gothic","Lucida Grande","MS Gothic";
	text-decoration:none;
	letter-spacing:1.2;
}

.RurubuText {
	font-size:14px;
	line-height:120%;
}
.RurubuText12 {
	font-size:12px;
	line-height:130%;
}

/*_____リンク_________*/
a.setp01,
a.step02,
a.step03 {
	width:122px;
	height:130px;
	display:block;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
}

a.returnIndex {
	text-indent:-9999px;
	display:block;
	width:90px;
	height:18px;
	background: url(../rule/img/return_index.gif) no-repeat 0 0;
}

a.returnIndex:hover {
	background: url(../rule/img/return_index.gif) no-repeat 0 -18px;
}


.Menu td a {
	display:block;
	width:291px;
	height:45px;
	background-color:#f0f0f0;
}

.Menu td a:hover img {
	display:none;
}

.episode1 a {
	background: url(../img/btn_episode1_on.gif) no-repeat 0 0;
}
.episode2 a {
	background: url(../img/btn_episode2_on.gif) no-repeat 0 0;
}
.episode3 a {
	background: url(../img/btn_episode3_on.gif) no-repeat 0 0;
}
.episode4 a {
	background: url(../img/btn_episode4_on.gif) no-repeat 0 0;
}

a.nextStep1 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../rule/img/btn_step1.gif) no-repeat 0 0;
}

a.nextStep1:hover {
	background: url(../rule/img/btn_step1.gif) no-repeat 0 -57px;
}

a.nextStep2 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../rule/img/btn_step2.gif) no-repeat 0 0;
}

a.nextStep2:hover {
	background: url(../rule/img/btn_step2.gif) no-repeat 0 -57px;
}

a.nextStep3 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../rule/img/btn_step3.gif) no-repeat 0 0;
}

a.nextStep3:hover {
	background: url(../rule/img/btn_step3.gif) no-repeat 0 -57px;
}
a.nextStep4 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../rule/img/btn_step4.gif) no-repeat 0 0;
}

a.nextStep4:hover {
	background: url(../rule/img/btn_step4.gif) no-repeat 0 -57px;
}
a.nextStep5 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../rule/img/btn_step5.gif) no-repeat 0 0;
}

a.nextStep5:hover {
	background: url(../rule/img/btn_step5.gif) no-repeat 0 -57px;
}
a.backStep2 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../rule/img/btn_step2_2.gif) no-repeat 0 0;
}

a.backStep2:hover {
	background: url(../rule/img/btn_step2_2.gif) no-repeat 0 -57px;
}

a.backStep3 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../rule/img/btn_step3_2.gif) no-repeat 0 0;
}

a.backStep3:hover {
	background: url(../rule/img/btn_step3_2.gif) no-repeat 0 -57px;
}
a.backStep4 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../rule/img/btn_step4_2.gif) no-repeat 0 0;
}

a.backStep4:hover {
	background: url(../rule/img/btn_step4_2.gif) no-repeat 0 -57px;
}


a.nextLesson2 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../read/img/btn_lesson2.gif) no-repeat 0 0;
}

a.nextLesson2:hover {
	background: url(../read/img/btn_lesson2.gif) no-repeat 0 -57px;
}
a.nextLesson3 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../read/img/btn_lesson3.gif) no-repeat 0 0;
}

a.nextLesson3:hover {
	background: url(../read/img/btn_lesson3.gif) no-repeat 0 -57px;
}

a.backLesson2 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../read/img/btn_lesson2_2.gif) no-repeat 0 0;
}

a.backLesson2:hover {
	background: url(../read/img/btn_lesson2_2.gif) no-repeat 0 -57px;
}

a.backLesson1 {
	text-indent:-9999px;
	display:block;
	width:258px;
	height:57px;
	background: url(../read/img/btn_lesson1.gif) no-repeat 0 0;
}

a.backLesson1:hover {
	background: url(../read/img/btn_lesson1.gif) no-repeat 0 -57px;
}




/*凡例_______________________________________________________________________________________________________*/
#Floating #Note h1 {
	padding-top:15px;
	padding-bottom:5px;
	text-align:center;
}
#Floating #Note table {
	background:#999999;
	width:748px;
	margin:0 auto;
}
#Floating #Note th {
	background:#CCCCCC;
}
#Floating #Note td {
	background:#FFFFFF;
	text-align:center;
}
#Floating #Note th,
#Floating #Note td{
	font-size:12px;
	padding:3px;
}
a.noteClose {
	width:133px;
	height:62px;
	display:block;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	margin:0 auto;
	background:url(../img/note/close_btn.gif) no-repeat 0 0;;
}
a.noteClose:hover {
	background:url(../img/note/close_btn.gif) no-repeat 0 -62px;
}




/*汎用_______________________________________________________________________________________________________*/
.pl5 {padding-left:5px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl50 {padding-left:50px;}
.pl80 {padding-left:80px;}
.pl95 {padding-left:95px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt130 {padding-top:130px;}

.pb15 {padding-bottom:15px;}

.ValineTop {vertical-align:top!important}
.LineH01 {line-height:1.0!important;}
.LineH12 {line-height:1.2!important;}
.textC {text-align:center!important;}




body#Second {
	background: url(../img/bg.jpg) left top repeat-x;
}
body#Second-mode {
	background: url(../img/bg_mode.jpg) left top repeat-x;
}

/*ボタン*/
a.topbtn1 {
	background:#006699;
	height:47px;
	width: 130px;
	border: 0;
	font-size: 0;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background: url(../img/btn_01.gif) no-repeat 0 0;
}
a.topbtn1:hover {
	background: url(../img/btn_01.gif) no-repeat 0 -46px;
}
body.Rule a.topbtn1 {
	background: url(../img/btn_01.gif) no-repeat 0 -46px;
}


a.topbtn2 {
	height: 47px;
	width: 130px;
	border: 0;
	font-size: 0;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background: url(../img/btn_02.gif) no-repeat 0 0;
}
a.topbtn2:hover {
	background: url(../img/btn_02.gif) no-repeat 0 -46px;
}
body.Mode a.topbtn2 {
	background: url(../img/btn_02.gif) no-repeat 0 -46px;
}


a.topbtn3 {
	height: 47px;
	width: 130px;
	border: 0;
	font-size: 0;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background: url(../img/btn_03.gif) no-repeat 0 0;
}


a.topbtn3:hover {
	background: url(../img/btn_03.gif) no-repeat 0 -46px;
}
body.Read a.topbtn3 {
	background: url(../img/btn_03.gif) no-repeat 0 -46px;
}




a.topbtn4 {
	height: 47px;
	width: 130px;
	border: 0;
	font-size: 0;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background: url(../img/btn_04.gif) no-repeat 0 0;
}
a.topbtn4:hover {
	background: url(../img/btn_04.gif) no-repeat 0 -46px;
}
body.Concept a.topbtn4 {
	background: url(../img/btn_04.gif) no-repeat 0 -46px;
}


/*トップに戻るリンク*/
a.backtotop {
	height: 19px;
	width: 98px;
	border: 0;
	font-size: 0!important;
	color: #FFFFFF!;
	text-indent: -9999px;
	text-decoration: none!important;
	display: block;
	background: url(../img/back_top_btn.gif) no-repeat 0 0;
}

a.backtotop:hover {
	text-decoration: none!important;
	background: url(../img/back_top_btn.gif) no-repeat 0 -19px;
}


p.StyleClear {
	padding: 0!important;
	margin: 0!important;
	font-size: 0!important;
	line-height: 0!important;
}


/*ルールのお話____________________________________________________________________________________________________*/
a.Step1 {
	height: 63px;
	width: 532px;
	border: 0;
	font-size: 0;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background: url(../rule/img/step_01.gif) no-repeat 0 0;
}


a.Step1:hover {
	background: url(../rule/img/step_01.gif) no-repeat -532px 0;
}


a.Step2 {
	height: 49px;
	width: 532px;
	border: 0;
	font-size: 0;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background: url(../rule/img/step_02.gif) no-repeat 0 0;
}

a.Step2:hover {
	background: url(../rule/img/step_02.gif) no-repeat -532px 0;
}


a.Step3 {
	height: 49px;
	width: 532px;
	border: 0;
	font-size: 0;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background: url(../rule/img/step_03.gif) no-repeat 0 0;
}

a.Step3:hover {
	background: url(../rule/img/step_03.gif) no-repeat -532px 0;
}


a.Step4 {
	height: 52px;
	width: 532px;
	border: 0;
	font-size: 0;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background: url(../rule/img/step_04.gif) no-repeat 0 0;
}

a.Step4:hover {
	background: url(../rule/img/step_04.gif) no-repeat -532px 0;
}


a.Step5 {
	height: 67px;
	width: 532px;
	border: 0;
	font-size: 0;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background: url(../rule/img/step_05.gif) no-repeat 0 0;
}

a.Step5:hover {
	background: url(../rule/img/step_05.gif) no-repeat -532px 0;
}

td.BGArea {
	vertical-align:middle;
	background:url(../read/img/bg_area.gif) left top no-repeat;
	width:768px;
	height:454px;
	text-align:center;
}



/*Footer____________________________________________________________________________________________________*/
body#Second #footerOut {
	width:100%!important;
	background:#FFFFFF!important;
	padding-top:20px!important;
	padding-bottom:5px;
}
body#Second #footer {
	width:768px;
	margin:0 auto;
}
body#Second-mode #footerOut {
	width:100%!important;
	background:#FFFFFF!important;
	padding-top:20px!important;
	padding-bottom:5px;
}
body#Second-mode #footer {
	width:768px;
	margin:0 auto;
}