@charset "utf-8";
/* CSS Document */

/******* G menu *********/
.menuLesson a{
	background-image: url(../images/btn-gmenu-lesson-on.gif);
}

/****************************************
			main
****************************************/
#mainBody{
	width: 801px;
	padding: 0 4px;
}
#mainImage{
	background: url(../images/img-m-e.jpg) no-repeat;
	width: 801px;
	height: 68px;
	text-indent: -9999px;
}

/******* alpha *********/
#alpha{
	width: 600px;
	padding: 0 0 35px 0;
}
#mainTextDiv{
	background: url(../images/txt-e2-top.gif) no-repeat;
	text-indent: -9999px;
	margin: 22px 0 0 26px;
	width: 551px;
	height: 19px;
}
.textBox{
	margin: 10px 0 0 22px;
}
.textBoxHead{
	background: url(../images/bg-txt-top.gif) no-repeat;
	width: 558px;
	height: 14px;
}
.textBoxBody{
	background: url(../images/bg-txt-body.gif) repeat-y;
	width: 558px;
	padding: 5px 0 8px 0;
}
.textBoxFoot{
	background: url(../images/bg-txt-foot.gif) no-repeat;
	width: 558px;
	height: 14px;
}
#Box1Title{
	background: url(../images/txt-e2-1.gif) no-repeat;
	width: 202px;
	height: 31px;
	text-indent: -9999px;
	margin: 0 0 10px 20px;
}
#Box1Text{
	width: 390px;
	padding: 0 0 0 20px;
}
#Box1Image{
	background: url(../images/img-e2-1.jpg) no-repeat;
	width: 124px;
	height: 84px;
	margin: 0 0 0 10px;
}
.dataTbl{
	background: url(../images/tbl-e2.gif) no-repeat;
	width: 529px;
	height: 203px;
	margin: 8px 0 0 15px;
}

*html .dataTbl{float: left;}
*:first-child+html .dataTbl{float: left;}

.td1{
	width: 415px;
	padding: 10px 0 0 100px;
}
.td{
	width: 415px;
	padding: 9px 0 0 100px;
}

*html .td1{padding: 8px 0 0 100px;}
*:first-child+html .td1{padding: 8px 0 0 100px;}
*html .td{padding: 7px 0 0 100px;}
*:first-child+html .td{padding: 7px 0 0 100px;}

.text{
	line-height: 150%;
	font-size: 12px;
}
*html .text{font-size: 12px; letter-spacing: 1px; line-height: 170%;}
*:first-child+html .text{font-size: 12px; letter-spacing: 1px; line-height: 170%;}

.text2{
	line-height: 150%;
	font-size: 10px;
}
*html .text2{font-size: 10px; letter-spacing: 1px; line-height: 170%;}
*:first-child+html .text2{font-size: 10px; letter-spacing: 1px; line-height: 170%;}

/*** btn ***/
#btnBox{
	padding: 40px 0 0 100px;
}
#btnL{
	width: 228px;
}
#btnContact{
	width: 165px;
	height: 38px;
}
#btnContact a{
	background: url(../images/btn-toiawase-off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 165px;
	height: 38px;
}
#btnContact a:hover{
	background: url(../images/btn-toiawase-on.gif) no-repeat;
}
#btnConcierge{
	width: 167px;
	height: 38px;
}
#btnConcierge a{
	background: url(../images/btn-lesson-off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 167px;
	height: 38px;
}
#btnConcierge a:hover{
	background: url(../images/btn-lesson-on.gif) no-repeat;
}
.btnTxt{
	padding: 5px 0 0 0;
}

/******* beta *********/
#betaBg{
	background: url(../images/bg-beta.gif) repeat-y right;
	width: 801px;
}
#betaHeart{
	width: 801px;
}
#beta{
	width: 201px;
	padding: 14px 0 0 0;
}
.sideMenuDiv{
	width: 201px;
	height: 24px;
	padding: 18px 0 0 0;
}
#sm1,#sm2,#sm3,#sm4,#sm5{
	width: 201px;
	height: 24px;
	text-indent: -9999px;
	display: block;
}
#sm1{
	background: url(../images/btn-smenu-lesson.gif) no-repeat;
}
#sm2{
	background: #efefef url(../images/btn-smenu-marriage.gif) no-repeat;
}
#sm3{
	background: url(../images/btn-smenu-learning.gif) no-repeat;
}
#sm4{
	background: url(../images/btn-smenu-supply.gif) no-repeat;
}
#sm5{
	background: url(../images/btn-smenu-season.gif) no-repeat;
}
#sm1:hover,#sm2:hover,#sm3:hover,#sm4:hover,#sm5:hover{
	background-color: #efefef;
}
#question{
	margin: 40px 0 0 15px;
	width: 173px;
	height: 56px;
}
#question a{
	background: url(../images/btn-smenu-QandA-off.gif) no-repeat;
	width: 173px;
	height: 56px;
	text-indent: -9999px;
	display: block;
}
#question a:hover{
	background: url(../images/btn-smenu-QandA-on.gif) no-repeat;
}

/******* banner *********/
#bannerContents{
	margin: 0 0 12px 33px;
}