/*==================================================================

design.css

================================================================== */


/* --------------------------------------------------
	fourStone
-------------------------------------------------- */
#fourStone {
	width: 680px;
	padding: 10px 15px 0 15px;
	margin: 0;
	vertical-align: top;
}

#fourStone .bgkImg {
	background: url(../lesson/images/bg_kimg_four-stone.jpg) no-repeat;
	width: 680px;
	height: 305px;
	margin: 0 0 15px 0;
}

#fourStone .bgkImg .btnFourstone {
	float: right;
	margin: 250px 0 0 0;
	width: 250px;
}

#fourStone .navBox {
	width: 680px;
	height: 38px;
	margin: 0 0 40px 0;
}

#fourStone .navBox .nav li {
	float: left;
}

#fourStone .lessonWrap {
	background: url(../lesson/images/bg_lessonBoxT.gif) no-repeat left top;
	width: 680px;
	padding: 34px 0 0 0;
	margin: 0 0 30px 0;
}

#fourStone .lessonWrap .lessonBox {
	background: url(../lesson/images/bg_lessonBoxM.gif) repeat-y left top;
	padding: 0 15px;
}

#fourStone .lessonWrap .lessonTit {
	padding: 0 30px 20px 30px;
}

#fourStone .lessonWrap .lessonTxt {
	padding: 0 30px;
}

#fourStone .lessonWrap .lessonTxt img {
	float: left;
	margin: 0 20px 0 0;
}

#fourStone .lessonWrapB {
	background: url(../lesson/images/bg_lessonBoxB.gif) no-repeat left top;
	width: 680px;
	padding: 0 0 50px 0;
}

#fourStone h4 {
	margin: 0 0 50px 0;
	text-align: center;
}

#fourStone .items {
	width: 650px;
	padding: 0 15px;
	margin: 0 0 50px 0;
}

#fourStone .items .itemsL {
	float: left;
	width: 310px;
	margin: 0 30px 0 0;
}

#fourStone .items .itemsR {
	float: left;
	width: 310px;
}

#fourStone .items .itemsImg {
	float: left;
	margin: 0 15px 15px 0;
}

#fourStone .itemsName {
	float: left;
	width: 187px;
}

#fourStone .itemsEffect {
	clear: both;
	margin: 0 0 10px 0;
}

#fourStone .itemsEffect li {
	background: url(../lesson/images/blt_itemsEffect.gif) no-repeat 0 2px;
	padding: 0 0 0 6px;
}

#fourStone .stone-btn {
	width: 310px;
}

#fourStone .stone-btn li {
    float: left;
    padding-right: 8px;
    width: 140px;
}

/* --------------------------------------------------
	wish
-------------------------------------------------- */
#wish {
	width: 680px;
	padding: 10px 15px 0 15px;
	margin: 0;
	vertical-align: top;
}

#wish .bgkImg {
	background: url(../wish/images/bg_kimg_wish.jpg) no-repeat;
	width: 680px;
	height: 290px;
}

#wish .bgkImg .btnWish {
	float: right;
	margin: 210px 0 0 0;
	width: 250px;
}

#wish .navBox {
	clear: both;
	width: 680px;
	height: 46px;
	margin: 0 0 40px 0;
}

#wish .navBox li {
	float: left;
}

#wish .wishCon {
	clear: both;
	width: 650px;
	padding: 0 15px;
} 

#wish .wishCon .wishBox {
	float: left;
	width: 310px;
	margin: 0 30px 40px 0;
}

.wishList dt {
	margin: 0 0 10px 0;
}

.wishList li {
	background: url(../wish/images/hr_wish.gif) repeat-x bottom;
	width: 310px;
	padding: 10px 0;
}

.wishList li a {
	background: url(../wish/images/blt_wish_list.gif) no-repeat left center;
	padding: 0 0 0 18px;
}

.wishList li a:link,
.wishList li a:visited, 
.wishList li a:hover {
	color: #5A3F1D;
}


/* --------------------------------------------------
	marNo
-------------------------------------------------- */
.marNoR { margin-right: 0 !important;}


/* --------------------------------------------------
	clearfix
-------------------------------------------------- */
.clearfix		{zoom:1;}
.clearfix:after	{content: " "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}