@charset "utf-8";

/* logout #################################################################### */
/* sprite */
#main h1 a,
#main .copy-01,
#main .acmy,
#main .balloon2,
#main .balloon2 .balloon-text,
#main .balloon2 .login a,
#main .chara-02,
#main .chara-03,
#main .btn-start-01 a,
#main .sample,
#main .sample .copy-02,
#main .sample .copy-03,
#main .pesent,
#main .pesent .btn-start-02 a,
#kisekae,
#kisekae .chara-all,
#kisekae .kokedama,
#no-regi .ttl,
#no-regi ul li,
#no-regi ul li a,
#content-wrap-logout fieldset{
	background: url(../img/top_logout/sprite_top_logout.png) no-repeat;
}

article#content-wrap-logout img{
	vertical-align: bottom;
}

article#content-wrap-logout span{
	display: none;	
}

article#content-wrap-logout{
	width: 780px;
	margin: 0 auto;
}

#main{
	width: 780px;
	height: 703px;
	display: block;
	background: url(../img/top_logout/bg_main.png) no-repeat;
	background-position: 81px -65px;
	position: relative;
	margin-bottom: 16px;
}

	#main h1 a {
		width: 237px;
		height: 81px;
		display: block;
		background-position: -701px -19px;
		text-indent: -9999px;
		position: absolute;
		top: 21px;
	}
	
	#main .translate-area{
		width: 134px;
		height: 58px;
		background: url(../img/top_logout/bg_trans.png) no-repeat;
		position: absolute;
		top: 0;
		right: -160px;
	}

		#main .translate-area a{
			width: 114px;
			height: 37px;
			display: block;
			background: url(../img/top_logout/btn_trans_en.png) no-repeat;
			text-indent: -9999px;
			margin: 9px auto 0;
		}
		#main #translate-area-jp a{
			background: url(../img/top_logout/btn_trans_jp.png) no-repeat;
		}

		#main .translate-area a:hover{
			background-position: bottom;
		}

	#main .copy-01{
		width: 401px;
		height: 86px;
		background-position: 0 -542px;
		position: absolute;
		top: 120px;
		z-index: 1;
	}
	
	#main .acmy{
		width: 83px;
		height: 101px;
		background-position: 0 -667px;
		position: absolute;
		top: 20px;
		left: 568px;
	}
	
	#main .balloon{
		width: 111px;
		height: 100px;
		display: block;
		background: url(../img/top-logout/bg-balloon.png) no-repeat;
		position: absolute;
		top: 8px;
		left: 655px;
	}
	
	#main .balloon .login a{
		width: 61px;
		height: 24px;
		display: block;
		background: url(../img/top-logout/btn-login.gif) no-repeat;
		margin: 56px 0 0 30px;
		text-indent: -9999px;
	}

	#main .balloon .login a:hover{
		background-position: bottom;	
	}


/* GIFアニメ版バルーンここから */
#main .balloon2{
	width: 111px;
	height: 100px;
	display: block;
	background-position: -60px 0;
	position: absolute;
	top: 8px;
	left: 655px;
}

	#main .balloon2 .balloon-text{
		width: 60px;
		height: 29px;
		display: block;
		background-position: 0 0;
		text-indent: -9999px;
		position: absolute;
		left: 30px;
		top: 21px;
	}

	#main .balloon2 .login a{
		width: 61px;
		height: 24px;
		display: block;
		background-position: -282px 0;
		margin: 56px 0 0 30px;
		text-indent: -9999px;
	}
	
	#main .balloon2 .login a:hover{
		background-position: -282px -24px;	
	}
/* GIFアニメ版バルーンここまで */
		
/* jp*/
	#main .btn-start-01{
		width: 318px;
		height: 139px;
		display: block;	
		position: absolute;
		top: 250px;
		left: 463px;
	}

	#main .btn-start-01 a{
		width: 318px;
		height: 139px;
		display: block;	
		text-indent: -9999px;
		background-position: -522px -179px;
	}
	
	#main .btn-start-01 a:hover{
		background-position: -522px -318px;
	}
	
	#main .chara-01{
		width: 410px;
		height: 410px;
		display: block;	
		position: absolute;
		top: 240px;
		left: -110px;
		z-index: 0;
	}
	
	#main .chara-01 .slide{
		position: relative;
		margin: 0 auto;
	}

	#main .chara-01 .slide img{
		position: absolute;
		left: 0;
		top: 0;
	}

	#main .chara-02{
		width: 137px;
		height: 145px;
		display: block;	
		background-position: -183px -702px;
		text-indent: -9999px;
		position: absolute;
		top: 215px;
		left: 224px;
	}
	
	#main .chara-03{
		width: 125px;
		height: 124px;
		display: block;	
		background-position: -338px -723px;
		text-indent: -9999px;
		position: absolute;
		top: 274px;
		left: 355px;
	}
	
	#main .sample{
		width: 522px;
		height: 215px;
		display: block;
		background-position: 0 -179px;
		position: absolute;
		top: 410px;
		left: 258px; 
	}
	
	#main .sample .copy-02{
		width: 176px;
		height: 85px;
		display: block;
		background-position: -521px 0;
		position: absolute;
		top: -12px;
		left: -30px;
		z-index: 2;
		text-indent: -9999px;
	}

	#main .sample .copy-03{
		width: 404px;
		height: 30px;
		display: block;
		background-position: -83px -667px;
		position: absolute;
		bottom: -10px;
		left: 60px;
		text-indent: -9999px;
	}

	#main .sample .inner{
		width: 495px;
		margin: 0 auto;
		padding-top: 14px;
		overflow: hidden;
	}
	
	#main .sample .inner .left{
		float: left;
		margin-right: 2px;
	}

	#main .sample .inner .right{
		float: right;
		display: block;
		width: 140px;
	}

	#main .sample .inner .right img.upside{
		margin-bottom: 2px;
	}

	#main .pesent{
		width: 780px;
		height: 79px;
		display: block;
		background-position: 0 -100px;
		position: absolute;
		bottom: 0;
	}

	#main .pesent .btn-start-02 a{
		width: 178px;
		height: 43px;
		display: block;
		background-position: -343px 0;
		float: right;
		text-indent: -9999px;
		margin: 30px 6px 0 0;
	}

	#main .pesent .btn-start-02 a:hover{
		background-position: -343px -43px;	
	}

#kisekae{
	height: 268px;
	background-position: 0 -927px;
	position: relative;
	margin-bottom: 15px;
}

	#kisekae p{
		display: none;
	}

	#kisekae .chara-all{
		width: 476px;
		height: 134px;
		display: block;
		background-position: 0 -394px;
		position: absolute;
		top: 120px;
		left: 28px;
		z-index: 1;
	}

	#kisekae .kokedama{
		width: 286px;
		height: 241px;
		display: block;
		background-position: -487px -689px;
		position: absolute;
		top: 11px;
		left: 471px;
	}

#no-regi{
	position: relative;
	height: 385px;
}

#no-regi .ttl{
	position: absolute;
	top: 0;
	left:-57px;
	height: 97px;
	width: 881px;
	background-position: 0 -1195px;
	text-indent: -9999px;
}

#no-regi ul{
	overflow: hidden;
	height: 267px;
	padding-top: 110px;
}

#no-regi ul li{
	width: 224px;
	height: 234px;
	position: relative;
	margin-right: 45px;
	float: left;
}

#no-regi ul li.info{background-position: 0 -1292px;}
#no-regi ul li.vote{background-position: -224px -1292px;}
#no-regi ul li.manual{background-position: -448px -1292px; margin-right: 0;}

#no-regi ul li a{
	width: 210px;
	height: 60px;
	display: block;
	position: absolute;
	left: 8px;
	bottom: -34px;
	text-indent: -9999px;
}

#no-regi ul li a:hover {
	bottom: -30px;
}

#no-regi ul li.info a{background-position: -672px -1292px;}
#no-regi ul li.vote a{background-position: -672px -1352px;}
#no-regi ul li.manual a{background-position: -672px -1412px;}

#top-logout footer .content-area{
	background: none;
}

/* ログインフォーム */
form.login-form {
	width: 316px;
	height: 219px;
	position: absolute;
	top: 20px;
	left: 465px;
}

#content-wrap-logout fieldset{
	display: block;
	z-index: 500;
	width: 316px;
	height: 219px;
	background-position: -523px -458px;
}

#content-wrap-logout div.links a.forgot,
#content-wrap-logout div.links a.cannot{
	position: absolute;
	top: 205px;
	z-index: 1000;
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	background: url(../img/top_logout/icon_link.png) no-repeat;
	background-position: 0 6px;
	padding-left: 8px;
}
	#content-wrap-logout div.links a.forgot{
		left: 484px;
	}
	#content-wrap-logout div.links a.cannot{
		left: 638px;
	}
	#content-wrap-logout div.links a:hover {
		text-decoration: underline;
	}

#content-wrap-logout input {
	border: none;
	width: 155px;
	height: 25px;
	position: absolute;
	padding-left: 5px;
}
	#content-wrap-logout input#UserEmail{	
		left: 125px;
		top: 56px;
	}
	#content-wrap-logout input#UserPassword{	
		left: 125px;
		top: 87px;
	}
	input#HiddenContinue {
		width: 18px;
		height: 18px;
		left: 212px;
		top: 122px;
	}

#content-wrap-logout .submit{
	position: absolute;
	left: 26px;
	top: 147px;
	width: 264px;
	height: 33px;
	overflow: hidden;
}

#content-wrap-logout .submit input[type="submit"] {
	width: 264px;
	height: 33px;
	background: url(../img/top_logout/btn_login_02.png) no-repeat;
	z-index: 500;
	cursor: pointer;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
}

#content-wrap-logout label{
	display: none;
}

/* logout English ########################################################### */
/* sprite */
#main-en h1 a,
#main-en .copy-01,
#main-en .acmy,
#main-en .balloon2,
#main-en .balloon2 .balloon-text,
#main-en .balloon2 .login a,
#main-en .chara-02,
#main-en .chara-03,
#main-en .btn-start-01 a,
#main-en .sample,
#main-en .sample .copy-02,
#main-en .sample .copy-03,
#main-en .pesent,
#main-en .pesent .btn-start-02 a,
#kisekae-en,
#kisekae-en .chara-all,
#kisekae-en .kokedama,
#content-wrap-logout-en fieldset{
	background: url(../img/top_logout/sprite_top_logout_english.png) no-repeat;
}

article#content-wrap-logout-en img{
	vertical-align: bottom;
}

article#content-wrap-logout-en span{
	display: none;	
}

article#content-wrap-logout-en{
	width: 780px;
	margin: 0 auto;
}

#main-en{
	width: 780px;
	height: 703px;
	display: block;
	background: url(../img/top_logout/bg_main.png) no-repeat;
	background-position: 81px -65px;
	position: relative;
	margin-bottom: 16px;
}

	#main-en h1 a {
		width: 237px;
		height: 81px;
		display: block;
		background-position: -701px -19px;
		text-indent: -9999px;
		position: absolute;
		top: 21px;
	}
	
	#main-en .translate-area{
		width: 134px;
		height: 58px;
		background: url(../img/top_logout/bg_trans.png) no-repeat;
		position: absolute;
		top: 0;
		right: -160px;
	}

		#main-en .translate-area a{
			width: 114px;
			height: 37px;
			display: block;
			background: url(../img/top_logout/btn_trans_en.png) no-repeat;
			text-indent: -9999px;
			margin: 9px auto 0;
		}
		#main-en #translate-area-jp a{
			background: url(../img/top_logout/btn_trans_jp.png) no-repeat;
		}

		#main-en .translate-area a:hover{
			background-position: bottom;
		}

	#main-en .copy-01{
		width: 426px;
		height: 86px;
		background-position: 0 -542px;
		position: absolute;
		top: 120px;
		z-index: 1;
	}
	
	#main-en .acmy{
		width: 83px;
		height: 101px;
		background-position: 0 -667px;
		position: absolute;
		top: 20px;
		left: 568px;
	}
	
	#main-en .balloon{
		width: 111px;
		height: 100px;
		display: block;
		background: url(../img/top-logout/bg-balloon.png) no-repeat;
		position: absolute;
		top: 8px;
		left: 655px;
	}
	
	#main-en .balloon .login a{
		width: 61px;
		height: 24px;
		display: block;
		background: url(../img/top-logout/btn-login.gif) no-repeat;
		margin: 56px 0 0 30px;
		text-indent: -9999px;
	}

	#main-en .balloon .login a:hover{
		background-position: bottom;	
	}


/* GIFアニメ版バルーンここから */
#main-en .balloon2{
	width: 111px;
	height: 100px;
	display: block;
	background-position: -60px 0;
	position: absolute;
	top: 8px;
	left: 655px;
}

	#main-en .balloon2 .balloon-text{
		width: 60px;
		height: 29px;
		display: block;
		background-position: 0 0;
		text-indent: -9999px;
		position: absolute;
		left: 30px;
		top: 21px;
	}

	#main-en .balloon2 .login a{
		width: 61px;
		height: 24px;
		display: block;
		background-position: -282px 0;
		margin: 56px 0 0 30px;
		text-indent: -9999px;
	}
	
	#main-en .balloon2 .login a:hover{
		background-position: -282px -24px;	
	}
/* GIFアニメ版バルーンここまで */
			
	#main-en .btn-start-01{
		width: 318px;
		height: 139px;
		display: block;	
		position: absolute;
		top: 250px;
		left: 463px;
	}

	#main-en .btn-start-01 a{
		width: 318px;
		height: 139px;
		display: block;	
		text-indent: -9999px;
		background-position: -522px -179px;
	}
	
	#main-en .btn-start-01 a:hover{
		background-position: -522px -318px;
	}
	
	#main-en .chara-01{
		width: 410px;
		height: 410px;
		display: block;	
		position: absolute;
		top: 240px;
		left: -110px;
		z-index: 0;
	}
	
	#main-en .chara-01 .slide{
		position: relative;
		margin: 0 auto;
	}

	#main-en .chara-01 .slide img{
		position: absolute;
		left: 0;
		top: 0;
	}

	#main-en .chara-02{
		width: 137px;
		height: 145px;
		display: block;	
		background-position: -183px -702px;
		text-indent: -9999px;
		position: absolute;
		top: 215px;
		left: 224px;
	}
	
	#main-en .chara-03{
		width: 125px;
		height: 124px;
		display: block;	
		background-position: -338px -723px;
		text-indent: -9999px;
		position: absolute;
		top: 274px;
		left: 355px;
	}
	
	#main-en .sample{
		width: 522px;
		height: 215px;
		display: block;
		background-position: 0 -179px;
		position: absolute;
		top: 410px;
		left: 258px; 
	}
	
	#main-en .sample .copy-02{
		width: 176px;
		height: 85px;
		display: block;
		background-position: -521px 0;
		position: absolute;
		top: -12px;
		left: -30px;
		z-index: 2;
	}

	#main-en .sample .copy-03{
		width: 404px;
		height: 30px;
		display: block;
		background-position: -83px -667px;
		position: absolute;
		bottom: -10px;
		left: 60px;
	}

	#main-en .sample .inner{
		width: 495px;
		margin: 0 auto;
		padding-top: 14px;
		overflow: hidden;
	}
	
	#main-en .sample .inner .left{
		float: left;
		margin-right: 2px;
	}

	#main-en .sample .inner .right{
		float: right;
		display: block;
		width: 140px;
	}

	#main-en .sample .inner .right img.upside{
		margin-bottom: 2px;
	}

	#main-en .pesent{
		width: 780px;
		height: 79px;
		display: block;
		background-position: 0 -100px;
		position: absolute;
		bottom: 0;
	}

	#main-en .pesent .btn-start-02 a{
		width: 178px;
		height: 43px;
		display: block;
		background-position: -343px 0;
		float: right;
		text-indent: -9999px;
		margin: 30px 6px 0 0;
	}

	#main-en .pesent .btn-start-02 a:hover{
		background-position: -343px -43px;	
	}

#kisekae-en{
	height: 268px;
	background-position: 0 -927px;
	position: relative;
}

	#kisekae-en p{
		display: none;
	}

	#kisekae-en .chara-all{
		width: 476px;
		height: 134px;
		display: block;
		background-position: 0 -394px;
		position: absolute;
		top: 120px;
		left: 28px;
		z-index: 1;
	}

	#kisekae-en .kokedama{
		width: 286px;
		height: 241px;
		display: block;
		background-position: -487px -689px;
		position: absolute;
		top: 11px;
		left: 471px;
	}
	
#top-logout footer .content-area{
	background: none;
}

/* ログインフォーム */
form.login-form {
	width: 316px;
	height: 219px;
	position: absolute;
	top: 20px;
	left: 465px;
}

#content-wrap-logout-en fieldset{
	display: block;
	z-index: 500;
	width: 316px;
	height: 219px;
	background-position: -523px -458px;
}

#content-wrap-logout-en div.links a.forgot,
#content-wrap-logout-en div.links a.cannot{
	position: absolute;
	top: 205px;
	z-index: 1000;
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	background: url(../img/top_logout/icon_link.png) no-repeat;
	background-position: 0 6px;
	padding-left: 8px;
}
	#content-wrap-logout-en div.links a.forgot{
		left: 484px;
	}
	#content-wrap-logout-en div.links a.cannot{
		left: 638px;
	}
	#content-wrap-logout-en div.links a:hover {
		text-decoration: underline;
	}

#content-wrap-logout-en input {
	border: none;
	width: 155px;
	height: 25px;
	position: absolute;
	padding-left: 5px;
}
	#content-wrap-logout-en input#UserEmail{	
		left: 125px;
		top: 56px;
	}
	#content-wrap-logout-en input#UserPassword{	
		left: 125px;
		top: 87px;
	}
	input#HiddenContinue {
		width: 18px;
		height: 18px;
		left: 212px;
		top: 122px;
	}

#content-wrap-logout-en .submit{
	position: absolute;
	left: 26px;
	top: 147px;
	width: 264px;
	height: 33px;
	overflow: hidden;
}

#content-wrap-logout-en .submit input[type="submit"] {
	width: 264px;
	height: 33px;
	background: url(../img/top_logout/btn_login_02.png) no-repeat;
	z-index: 500;
	cursor: pointer;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
}

#content-wrap-logout-en label{
	display: none;
}
/* login #################################################################### */
/* sprite */
div.btn-kisekae a,
div.radius-btm-w496,
div.radius-btm-w588,
div.area-info p.more a,
div#box-picup-ivent h2#h2-picupivent,
ul#ul-picupivent li,
div#box-conten-main div#box-news,
div#box-conten-main div#bearmy a,
div#box-conten-main div#acmy a,
div#box-conten-main .right h2#h2-side,
ul#ul-group-btn li a,
div#box-conten-main a#banner-papa{
	background: url(../img/top/sprite_top.png) no-repeat;
}

div.box-top-image{
	position: relative;
	width: 1000px;
	height: 450px;
	background: url(../img/top/bg-top-image.jpg) no-repeat;
	margin: 0 auto 10px;
}

	div.box-top-image p{position: absolute; margin: 0;}
	div.box-top-image p.txt-01{top: 15px; left: 5px;}
	div.box-top-image p.txt-02{top: 62px; left: 323px;}
	div.box-top-image p.txt-03{top: 125px; left: 268px;}
	div.box-top-image p.txt-04{top: 179px; left: 367px;}
	div.box-top-image p{position: absolute; margin: 0;}
	div.box-top-image p.btn-01{top: 295px; left: 367px;}

	div.box-top-image p.btn-01 a{
		display: block;
		width: 284px;
		height: 55px;
		background: url(../img/top/btn-start.gif) no-repeat;
		text-indent: -9999px;
	}

	div.box-top-image p.btn-01 a:hover{background-position: bottom;}

	p.btn_go a{
		display: block;
		width: 66px;
		height: 29px;
		background: url(../img/top/btn-go.jpg) no-repeat;
		text-indent: -9999px;
		position: relative;
		left: 867px;
		top: 56px;
	}
	
	p.btn_go a:hover{background-position: bottom;}
	
p.bnr-start{
	width: 1000px;
	height: 60px;
	margin: 10px auto;
}

	p.bnr-start a{
		display: block;
		width: 1000px;
		height: 60px;
		background: url(../img/top/bnr-start.jpg) no-repeat;
		text-indent: -9999px;
	}
	
	p.bnr-start a:hover{background-position: bottom;}
	
div.partition{
	background: url(../img/top/hr-01.gif) no-repeat;
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
}

div.area-info{
	width: 1092px;
	margin: 0 auto;	
	overflow: hidden;
	clear: both;
}

div.area-info div.box-newcomer{
	position: relative;
	width: 588px;
	float: left;
}

	div.area-info div.box-newcomer ul{
		overflow: hidden;
		margin: 20px auto 0 23px;
		padding-bottom: 10px;
	}

	div.area-info div.box-newcomer ul li{
		display: block;
		overflow: hidden;
		float: left;
		margin: 0 10px 0 0;
		width: 90px;
		height: 170px;
		padding: 5px;
		background: url(../img/top/bg_list.gif);
	}

	div.area-info div.box-newcomer ul li a.kokealink {
		min-height: 120px;
		display: block;
	}

	div.box-newcomer ul li p.name{
		text-align: center;
		font-size: 85%;
		margin: 5px 0 0 0;
	}

	div.box-newcomer ul li p.name a{
		text-decoration: none;
		height: 15px;
		display: block;
		overflow: hidden;
	}
	
	div.box-newcomer ul li img {
		background: #56dcf7;
	}

	div.area-info div.box-coordinate{
		position: relative;
		float: right;
		width: 496px;
	}

	div.area-info .inner{
		background: #ffffff;
	}

	div.area-info h2{
		height: 28px;
		margin-bottom: 12px;
	}

	div.area-info div.box-coordinate ul{
		overflow: hidden;
		margin: 0 0 0 10px;
	}
	
	div.area-info div.box-coordinate ul li{
		width: 150px;
		height: 198px;
		overflow: hidden;
		float: left;
		margin-right: 10px;
		position: relative;
	}

	div.area-info div.box-coordinate ul li object#pickup{
		position: absolute;
		top: 27px;
	}

	div.area-info div.box-coordinate ul li.end{
		margin-right: 0;
	}

	div.area-info div.box-coordinate ul li div#pickup-demo{
		zoom: 0.8;
	}

	div.area-info div.box-coordinate ul li.end{
		margin-right: 0;
	}

div.btn-message{
	right: 0;
	bottom: -30px;
	z-index: 3;	
}

div.btn-kisekae a{
	width: 155px;
	height: 28px;
	display: block;
	float: right;
	margin-top: 10px;
	background-position: -615px -70px;
	text-indent: -9999px;
}

	div.btn-kisekae a:hover{
		background-position: -615px -98px;
	}
	
div.radius-btm-w496{
	height: 12px;
	width: 496px;
	display: block;
	background-position: 0 -257px;
}	

div.radius-btm-w588{
	height: 12px;
	width: 588px;
	display: block;
	background-position: 0 -235px;
}	

div.area-info p.more{
	position: absolute;
	width: 84px;
	height: 19px;
	top: 5px;
	right: 6px;
}

div.area-info p.more a{
	display: block;
	width: 84px;
	height: 19px;
	background-position: -925px -70px;
	text-indent: -9999px;
	font-size: 0.1%;
}

div.area-info p.more a:hover{
	background-position: -925px -89px;
}

div#box-content{
	margin-bottom: 15px;
}

div#box-conten-main{
	width: 1062px;
	height: 448px;
	background: url(../img/top/bg_content.png) no-repeat;
	padding: 15px;
}

div#box-conten-main .left{
	width: 795px;
	float: left;
}

	div#box-picup-ivent{
		overflow: hidden;
		margin-bottom: 15px;
	}

	div#box-picup-ivent h2#h2-picupivent{
		height: 37px;
		margin-bottom: 5px;
		text-indent: -9999px;
		background-position: 0 -297px;
	}
	
	div#box-picup-ivent ul#ul-picupivent{
		overflow: hidden;
	}

	ul#ul-picupivent li{
		float: left;
		overflow: hidden;
		margin-right: 5px;
		margin-bottom: 5px;
		width: 195px;
		height: 157px;
		background-position: -420px 0;
	}

	ul#ul-picupivent li.end{
		margin-right: 0; 
	}

	ul#ul-picupivent li h3.h3-picupivent{
		margin: 3px 0 0 8px;
		/*color: #ffffff;*/
		font-weight: bold;
		font-size: 13px;
		height: 21px;
	}

	ul#ul-picupivent li a{
		display: block;
		width: 180px;
		margin: 6px auto 0;
	}

	div#box-conten-main div#box-news{
		width: 765px;
		position: relative;
		background-position: 0 -167px;
	}

	ul#news{
		width: 765px;
		margin: 0 auto;
		padding: 15px;
	}
	
	ul#news li{
		padding-left: 70px;
	}

	ul#news li#news-event{
		background: url(../img/top/icon_event.gif) center left no-repeat;
	}

	ul#news li#news-info{
		background: url(../img/top/icon_info.gif) center left no-repeat;
	}

	ul#news li h2.h2-news{
		display: none;
	}

	div#box-conten-main div#bearmy,
	div#box-conten-main div#acmy{
		position: absolute;
		top: -15px;
		width: 210px;
		height: 105px;
		zoom: 0.9;
	}

	div#box-conten-main div#bearmy{
		position: absolute;
		right: -10px;
		height: 105px;
		z-index: 1;
	}

	div#box-conten-main div#acmy{
		position: absolute;
		right: 180px;
	}

	div#box-conten-main div#bearmy a,
	div#box-conten-main div#acmy a{
		display: block;
		width: 210px;
		height: 105px;
		font-size: 0px;
		text-indent: -9999px;
	}

	div#box-conten-main div#bearmy a{
		background-position: -210px 0;
	}

	div#box-conten-main div#acmy a{
		background-position: 0 0;
	}

div#box-conten-main .right{
	width: 260px;
	float: right;
}

	div#box-conten-main .right h2#h2-side{
		height: 28px;
		text-indent: -9999px;
		background-position: 0 -108px;
	}
	
	div#box-conten-main div#box-conten-side{
		width: 250px;
		padding: 5px;
		background: #ffffff;
	}

	div#box-conten-main div#box-conten-side img{
		vertical-align: bottom;
		margin-bottom: 5px;
	}

	div#box-conten-side ul#ul-group-btn{
		overflow: hidden;
		margin-bottom: 3px;
	}
	
	ul#ul-group-btn li{
		float: left;
		margin-right: 2px;
		margin-bottom: 2px;
	}

	ul#ul-group-btn li.end{
		margin-right: 0;
	}

	ul#ul-group-btn li a{
		display: block;
		width: 124px;
		height: 35px;
		font-size: 0px;
		text-indent: -9999px;
	}	

	ul#ul-group-btn li a#guide{background-position: -615px 0;}
	ul#ul-group-btn li a#word{background-position: -739px 0;}
	ul#ul-group-btn li a#candy{background-position: -863px 0;}
	ul#ul-group-btn li a#picstar{background-position: -987px 0;}

	ul#ul-group-btn li a#guide:hover{background-position: -615px -35px;}
	ul#ul-group-btn li a#word:hover{background-position: -739px -35px;}
	ul#ul-group-btn li a#candy:hover{background-position: -863px -35px;}
	ul#ul-group-btn li a#picstar:hover{background-position: -987px -35px;}

	div#box-conten-main a#banner-papa {
		display: block;
		width: 250px;
		height: 65px;
		text-indent: -9999px;
		background-position: -765px -167px;
	}
	div#box-conten-main a#banner-papa:hover{
		background-position: -765px -232px;	
	}