/*** common */

#learnMenuTopBack {
	background: url(../img/learnMenuTop.jpg) no-repeat;
	height: 249px;
	text-indent: -99999px;
	margin-bottom: 30px;
}

#learnMenuTopBack02 {
	background: url(../img/learnMenuTop02.jpg) no-repeat;
	height: 249px;
	text-indent: -99999px;
	margin-bottom: 30px;
}

#learnMenuTopBack03 {
	background: url(../img/learnMenuTop03.jpg) no-repeat;
	height: 249px;
	text-indent: -99999px;
	margin-bottom: 30px;
}

#learnMenuTopBack04 {
	background: url(../img/learnMenuTop04.jpg) no-repeat;
	height: 249px;
	text-indent: -99999px;
	margin-bottom: 30px;
}

#learnMenuTopBack05 {
	background: url(../img/learnMenuTop05.jpg) no-repeat;
	height: 249px;
	text-indent: -99999px;
	margin-bottom: 30px;
}

#ttlLearnMenuTop {
	height: 74px;
}

#learnMenuTop01 {
	width: 310px;
	height: 42px;
	float: left;
	margin: 0 0 11px 31px;
}

#learnMenuTop01 a {
	display: block;
	height: 42px;
}

#learnMenuTop01 a:hover {
	background: url(../img/learnMenuTop.jpg) no-repeat;
	background-position: -31px -74px;
	display: block;
	height: 42px;
}

#learnMenuTop02 {
	width: 310px;
	height: 42px;
	float: left;
	margin: 0 0 11px 29px;
}

#learnMenuTop02 a {
	display: block;
	height: 42px;
}

#learnMenuTop02 a:hover {
	background: url(../img/learnMenuTop02.jpg) no-repeat;
	background-position: -370px -74px;
	display: block;
	height: 42px;
}

#learnMenuTop03 {
	width: 310px;
	height: 42px;
	float: left;
	margin: 0 0 10px 31px;
}

#learnMenuTop03 a {
	display: block;
	height: 42px;
}

#learnMenuTop03 a:hover {
	background: url(../img/learnMenuTop03.jpg) no-repeat;
	background-position: -31px -127px;
	display: block;
	height: 42px;
}

#learnMenuTop04 {
	width: 310px;
	height: 42px;
	float: left;
	margin: 0 0 10px 29px;
}

#learnMenuTop04 a {
	display: block;
	height: 42px;
}

#learnMenuTop04 a:hover {
	background: url(../img/learnMenuTop04.jpg) no-repeat;
	background-position: -370px -127px;
	display: block;
	height: 42px;
}

#learnMenuTop05 {
	width: 310px;
	height: 42px;
	margin-left: 370px;
}

#learnMenuTop05 a {
	display: block;
	height: 42px;
}

#learnMenuTop05 a:hover {
	background: url(../img/learnMenuTop05.jpg) no-repeat;
	background-position: -370px -179px;
	display: block;
	height: 42px;
}

.ttl {
	background: url(../img/ttlBack.jpg) no-repeat;
	height: 31px;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 0 0 10px;
	margin-bottom: 20px;
}

.ttlText {
	float: left;
	width: 605px;
}

.ttlDetail {
	width: 100px;
	height: 20px;
	float: left;
	text-indent: -99999px;
}

.ttlDetail a {
	display: block;
	height: 20px;
}

#learnMenuBottom {
	background: url(../img/learnMenuBottom.jpg) no-repeat;
	height: 173px;
	text-indent: -99999px;
	padding-top: 27px;
	margin-top: 30px;
}

#learnMenuBottom01 {
	width: 315px;
	height: 45px;
	float: left;
	margin: 0 0 8px 30px;
}

#learnMenuBottom01 a {
	display: block;
	height: 45px;
}

#learnMenuBottom01 a:hover {
	background: url(../img/learnMenuBottomOn.jpg) no-repeat;
	background-position: -30px -27px;
	display: block;
	height: 45px;
	
}

#learnMenuBottom01On {
	background: url(../img/learnMenuBottomOn.jpg) no-repeat;
	width: 315px;
	height: 45px;
	float: left;
	margin: 0 0 8px 30px;
	background-position: -30px -27px;
}

#learnMenuBottom02 {
	width: 315px;
	height: 45px;
	float: left;
	margin: 0 0 8px 20px;
}

#learnMenuBottom02 a {
	display: block;
	height: 45px;
}

#learnMenuBottom02 a:hover {
	background: url(../img/learnMenuBottomOn.jpg) no-repeat;
	background-position: -365px -27px;
	display: block;
	height: 45px;
}

#learnMenuBottom02On {
	background: url(../img/learnMenuBottomOn.jpg) no-repeat;
	width: 315px;
	height: 45px;
	float: left;
	margin: 0 0 8px 20px;
	background-position: -365px -27px;
}

#learnMenuBottom03 {
	width: 315px;
	height: 45px;
	float: left;
	margin: 0 0 7px 30px;
}

#learnMenuBottom03 a {
	display: block;
	height: 45px;
}

#learnMenuBottom03 a:hover {
	background: url(../img/learnMenuBottomOn.jpg) no-repeat;
	background-position: -30px -80px;
	display: block;
	height: 45px;
}

#learnMenuBottom03On {
	background: url(../img/learnMenuBottomOn.jpg) no-repeat;
	width: 315px;
	height: 45px;
	float: left;
	margin: 0 0 7px 30px;
	background-position: -30px -80px;
}

#learnMenuBottom04 {
	width: 315px;
	height: 45px;
	float: left;
	margin: 0 0 7px 20px;
}

#learnMenuBottom04 a {
	display: block;
	height: 45px;
}

#learnMenuBottom04 a:hover {
	background: url(../img/learnMenuBottomOn.jpg) no-repeat;
	background-position: -365px -80px;
	display: block;
	height: 45px;
}

#learnMenuBottom04On {
	background: url(../img/learnMenuBottomOn.jpg) no-repeat;
	width: 315px;
	height: 45px;
	float: left;
	margin: 0 0 7px 20px;
	background-position: -365px -80px;
}

#learnMenuBottom05 {
	width: 315px;
	height: 45px;
	margin-left: 366px;
}

#learnMenuBottom05 a {
	display: block;
	height: 45px;
}

#learnMenuBottom05 a:hover {
	background: url(../img/learnMenuBottomOn.jpg) no-repeat;
	background-position: -365px -132px;
	display: block;
	height: 45px;
}

#learnMenuBottom05On {
	background: url(../img/learnMenuBottomOn.jpg) no-repeat;
	width: 315px;
	height: 45px;
	float: left;
	margin-left: 366px;
	background-position: -365px -132px;
}

.ttl2 {
	background: url(../img/ttlBack2.jpg) no-repeat;
	height: 31px;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 0 0 10px;
	margin-bottom: 20px;
	color: #666;
}

.ttl3 {
	background: url(../img/ttlBack3.jpg) no-repeat;
	width: 340px;
	height: 31px;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 0 0 10px;
	margin-bottom: 10px;
}

.ttl3Text {
	float: left;
	width: 230px;
}

.ttl3Text2 {
	float: left;
	width: 230px;
	font-size: 13px;
	padding-top: 1px;
}

.ttl3Text3 {
	float: left;
	width: 230px;
	font-size: 12px;
	padding-top: 3px;
}

.ttl3Detail {
	width: 100px;
	height: 20px;
	float: left;
	text-indent: -99999px;
}

.ttl3Detail a {
	display: block;
	height: 20px;
}

.contentsText {
	width: 210px;
	padding-left: 10px;
	float: left;
}

/* common ***/

/*** index */

#kodate {
	background: url(../img/kodate.jpg) no-repeat;
	height: 185px;
	margin-bottom: 30px;
}

#kodateTitle {
	text-indent: -99999px;
	height: 70px;
}

#kodateText {
	width: 270px;
	padding-left: 10px;
}

#mansion {
	background: url(../img/mansion.jpg) no-repeat;
	height: 185px;
}

#mansionTitle {
	text-indent: -99999px;
	height: 60px;
}

#mansionText {
	width: 270px;
	padding-left: 10px;
}

/* index ***/

/*** index04 */

#kodate-basic {
	background: url(../img/kodate-basic.jpg) no-repeat;
	width: 720px;
	height: 185px;
	float: left;
	margin-bottom: 30px;
}

#mansion-basic {
	background: url(../img/mansion-basic.jpg) no-repeat;
	width: 720px;
	height: 185px;
	float: left;
	margin-bottom: 30px;
}

#light-basic {
	background: url(../img/light-basic.jpg) no-repeat;
	width: 720px;
	height: 185px;
	float: left;
	margin-bottom: 30px;
}

#curtain-basic {
	background: url(../img/curtain-basic.jpg) no-repeat;
	width: 720px;
	height: 185px;
	float: left;
	margin-bottom: 30px;
}

#interior-basic {
	background: url(../img/interior-basic.jpg) no-repeat;
	width: 720px;
	height: 185px;
	float: left;
	margin-bottom: 30px;
}

.contentsTextBasic {
	width: 260px;
	height: 95px;
	padding-left: 10px;
	float: left;
}

/* index04 ***/

/*** index05 */

#marudeKodate {
	background: url(../img/marudeKodate.jpg) no-repeat;
	margin-bottom: 30px;
}

#marudeKodateLeft {
	width: 300px;
	float: left;
}

#marudeKodateRight {
	float: left;
	width: 410px;
	height: 300px;
}

#marudeKodateRight a {
	display: block;
	text-indent: -99999px;
	height: 300px;
}

#ttlMarudeKodate {
	text-indent: -99999px;
	height: 90px;
}

#marudeKodateText {
	width: 280px;
	padding-left: 10px;
}

#marudeMansion {
	background: url(../img/marudeMansion.jpg) no-repeat;
}

#marudeMansionLeft {
	width: 335px;
	float: left;
}

#marudeMansionRight {
	float: left;
	width: 385px;
	height: 300px;
}

#marudeMansionRight a {
	display: block;
	text-indent: -99999px;
	height: 300px;
}

#ttlMarudeMansion {
	text-indent: -99999px;
	height: 90px;
}

#marudeMansionText {
	width: 315px;
	padding-left: 10px;
}

/* index05 ***/