#mainframearea {
	width: 870px;
	border-top: solid 1px #CCCCCC;
	position: relative;
}

#mainframearea p{
	font-size: 14px;
	line-height: 28px;
}

#mainframearea h2 {
	font-size: 14px;
	line-height: 26px;
	color: #836044;
	font-weight: bold;
	padding-top: 40px;
}
/* #ttltextarea----------------------------------*/
#ttltextarea {
	width: 418px;
	position: relative;
	z-index: 1;
}

#ttltextarea .text {
	width: 400px;
	padding-top: 16px;
}

#ttltextarea .inner {
	padding: 22px 13px 50px 440px;
	width: 418px;
}

#ttltextarea .mainttlarea {
	width: 418px;
}

#ttltextarea .maintextarea {
	width: 400px;
}


/* #imagearea----------------------------------*/

#imagearea {
	width: 870px;
	position: absolute;
	z-index: 0;
	top: 0px;
}

#imagearea .frame {
	width: 190px;
	height: 258px;
	position: absolute;
	z-index: 1;
	left: 220px;
	top: 412px;
}

#imagearea .text {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	width: 160px;
	position: absolute;
	z-index: 2;
	height: 160px;
	top: 63px;
	left: 15px;
}

#imagearea .space {
	padding-top: 47px;
}

#imagearea .textbox {
	width: 400px;
	position: relative;
	z-index: 2;
	left: 31px;
}


/*morestyle----------------------------*/
#morestyle {
	width: 870px;
	clear: left;
}

#morestyle .morestylettl {
	width: 54px;
	float: left;
	padding-top: 17px;
}
#morestyle .morestylebox {
	width: 816px;
	float: left;
	padding: 17px 0 30px 0;
}
#morestyle ul {
	width: 816px;
	list-style:none;
}
#morestyle ul li {
	float: left;
}
#morestyle ul a{
	float:left;
	list-style:none;
	display:block;
	height:62px;
	background-position:0px 0px;
	background-image:url(../style/image/common/link_morestyle.jpg);
}
#morestyle .btn1 a{
	width:70px;
	background-position:0 0;
}
#morestyle .btn1 a:hover {
	width: 70px;
	background-position:0 -62px;
}
#morestyle .btn2 a{
	width:70px;
	background-position:-70px 0;
}
#morestyle .btn2 a:hover {
	width:70px;
	background-position:-70px -62px;
}
#morestyle .btn3 a{
	width:70px;
	background-position:-140px 0;
}
#morestyle .btn3 a:hover {
	width:70px;
	background-position:-140px -62px;
}
#morestyle .btn4 a{
	width:70px;
	background-position:-210px 0;
}
#morestyle .btn4 a:hover {
	width:70px;
	background-position:-210px -62px;
}
#morestyle .btn5 a{
	width:70px;
	background-position:-280px -0;
}
#morestyle .btn5 a:hover {
	width:70px;
	background-position:-280px -62px;
}
#morestyle .btn6 a{
	width:70px;
	background-position:-350px 0;
}
#morestyle .btn6 a:hover {
	width:70px;
	background-position:-350px -62px;
}
#morestyle .btn7 a{
	width:70px;
	background-position:-420px 0;
}
#morestyle .btn7 a:hover {
	width:70px;
	background-position:-420px -62px;
}
#morestyle .btn8 a{
	width:70px;
	background-position:-490px 0;
}
#morestyle .btn8 a:hover {
	width:70px;
	background-position:-490px -62px;
}
#morestyle .btn9 a{
	width:70px;
	background-position:-560px 0;
}
#morestyle .btn9 a:hover {
	width:70px;
	background-position:-560px -62px;
}
#morestyle .btn10 a{
	width:85px;
	background-position:-630px 0;
}
#morestyle .btn10 a:hover {
	width:85px;
	background-position:-630px -62px;
}
#morestyle .btn11 a{
	width:101px;
	background-position:-715px 0;
}
#morestyle .btn11 a:hover {
	width:101px;
	background-position:-715px -62px;
}
