@charset "utf-8";

/*-- wrapper2
-------------------------------------------------------- */
#wrapper2 {
	padding:0 100px;
	width:750px;
}

#wrapper2 #main {
	width:750px;
}

#wrapper2 #main #toparea {
	margin:30px 0 10px;
	width:750px;
	height:290px;
	background:url(/imgs/beginner/main-visual.jpg) 0 0 no-repeat;
}

#wrapper2 #main #toparea h3,
#wrapper2 #main #toparea p {
	text-indent:-9999px;
}

#wrapper2 #main #explainarea {
	padding:0 0 30px;
	width:750px;
	border-bottom:1px dotted #999;
}

#wrapper2 #main #explainarea h2 {
	margin:0 0 20px;
	padding:0;
	width:750px;
	height:45px;
	font-size:10px;
	text-indent:-9999px;
	background:url(/imgs/beginner/about-headline.gif) 0 0 no-repeat;
}

#wrapper2 #main #explainarea h3 {
	margin:0 0 20px;
	padding:0;
	width:750px;
	height:65px;
	font-size:10px;
	text-indent:-9999px;
	background:url(/imgs/beginner/about-lead.gif) 0 0 no-repeat;
}

#wrapper2 #main #explainarea p {
	width:750px;
	height:300px;
	font-size:10px;
	text-indent:-9999px;
	background:url(/imgs/beginner/about-chart.jpg) 0 0 no-repeat;
}

#wrapper2 #main #registlogin-l {
	padding:0 0 30px;
	margin:30px 0 0;
	width:750px;
	height:206px;
	background:url(/imgs/beginner/reglogin-lead.jpg) 0 0 no-repeat;
	border-bottom:1px dotted #999;
}

#wrapper2 #main #registlogin-l h2 {
	margin:0;
	padding:0;
	height:50px;
	font-size:10px;
	text-indent:-9999px;
}

#wrapper2 #main #registlogin-l p {
	margin:0;
	padding:0;
	height:21px;
	font-size:10px;
	text-indent:-9999px;
}

#wrapper2 #main #registlogin-l ul {
	margin:0;
	padding:0;
	height:114px;
	background:url(/imgs/beginner/reglogin-back.jpg) 0 0 no-repeat;
}

#wrapper2 #main #registlogin-l ul li {
	float:left;
}

#wrapper2 #main #registlogin-l ul .regist {
	margin:3px 0 0 11px;
	width:361px;
	height:97px;
}

#wrapper2 #main #registlogin-l ul .regist a {
	width:360px;
	height:94px;
	text-indent:-9999px;
	background:url(/imgs/beginner/reglogin-reg-button.jpg) 0 0 no-repeat;
	display:block;
}

#wrapper2 #main #registlogin-l ul .regist a:hover {
	width:360px;
	height:94px;
	text-indent:-9999px;
	background:url(/imgs/beginner/reglogin-reg-button.jpg) 0 -100px no-repeat;
	display:block;
}

#wrapper2 #main #registlogin-l ul .login {
	margin:3px 0 0;
	width:360px;
	height:94px;
}

#wrapper2 #main #registlogin-l ul .login a {
	width:360px;
	height:94px;
	text-indent:-9999px;
	background:url(/imgs/beginner/reglogin-login-button.jpg) 0 0 no-repeat;
	display:block;
}

#wrapper2 #main #registlogin-l ul .login a:hover {
	width:360px;
	height:94px;
	text-indent:-9999px;
	background:url(/imgs/beginner/reglogin-login-button.jpg) 0 -100px no-repeat;
	display:block;
}

#wrapper2 #main #practice01 {
	padding:0 0 30px;
	margin:30px 0 0;
	width:750px;
	border-bottom:1px dotted #999;
}

#wrapper2 #main #practice01 h2 {
	margin:0 0 20px;
	padding:0;
	width:750px;
	height:45px;
	font-size:10px;
	text-indent:-9999px;
	background:url(/imgs/beginner/save-headline.gif) 0 0 no-repeat;
}

#wrapper2 #main #practice01 .headding01 {
	margin:0 0 20px;
	width:750px;
	height:36px;
	font-size:10px;
	text-indent:-9999px;
	background:url(/imgs/beginner/save-sub01.gif) 0 0 no-repeat;
}

#wrapper2 #main #practice01 .inbox {
	padding:10px;
}

#wrapper2 #main #practice01 .inbox .inleft {
	margin:0;
	padding:0;
	width:218px;
	float:left;
}

#wrapper2 #main #practice01 .inbox .inleft .comment {
	margin:0 10px 0 0;
	padding:0;
	font-size:134%;
	line-height:137%;
	text-indent:1em;
	background:url(/imgs/beginner/list-1.gif) 1px 5px no-repeat;
}

#wrapper2 #main #practice01 .inbox .inleft .comment span {
	color:#f00;
	font-size: 90%;
}

#wrapper2 #main #practice01 .inbox .inleft .link {
	margin:0 10px 0 0;
	padding:0;
	font-size:117%;
	text-indent:1.2em;
	background:url(/imgs/beginner/list-2.gif) 5px 4px no-repeat;
	float:right;
}

#wrapper2 #main #practice01 .inbox .inleft .link a {
	font-weight:bold;
	text-decoration:underline;
	color:#06f;
}

#wrapper2 #main #practice01 .inbox .inleft .link a:hover {
	color:#0cf;
}

#wrapper2 #main #practice01 .inbox .inright {
	width:512px;
	float:right;
}

#wrapper2 #main #practice01 .headding02 {
	margin:20px 0;
	width:750px;
	height:36px;
	font-size:10px;
	text-indent:-9999px;
	background:url(/imgs/beginner/save-sub02.gif) 0 0 no-repeat;
}

#wrapper2 #main #practice01 #button {
	width:750px;
	height:100px;
}

#wrapper2 #main #practice01 #button li {
	width:150px;
	height:100px;
	float:left;
}

#wrapper2 #main #practice01 #button li a {
	width:150px;
	height:100px;
	text-indent:-9999px;
	display:block;
}

#wrapper2 #main #practice01 #button .shopping a {
	background:url(/imgs/beginner/save-service-icon.jpg) 0 0 no-repeat;
}

#wrapper2 #main #practice01 #button .shopping a:hover {
	background:url(/imgs/beginner/save-service-icon.jpg) 1px 1px no-repeat;
}

#wrapper2 #main #practice01 #button .game a {
	background:url(/imgs/beginner/save-service-icon.jpg) 0 -100px no-repeat;
}

#wrapper2 #main #practice01 #button .game a:hover {
	background:url(/imgs/beginner/save-service-icon.jpg) 1px -99px no-repeat;
}

#wrapper2 #main #practice01 #button .enquete a {
	background:url(/imgs/beginner/save-service-icon.jpg) 0 -200px no-repeat;
}

#wrapper2 #main #practice01 #button .enquete a:hover {
	background:url(/imgs/beginner/save-service-icon.jpg) 1px -199px no-repeat;
}

#wrapper2 #main #practice01 #button .movie a {
	background:url(/imgs/beginner/save-service-icon.jpg) 0 -300px no-repeat;
}

#wrapper2 #main #practice01 #button .movie a:hover {
	background:url(/imgs/beginner/save-service-icon.jpg) 1px -299px no-repeat;
}

#wrapper2 #main #practice01 #button .shopping a {
	background:url(/imgs/beginner/save-service-icon.jpg) 0 0 no-repeat;
}

#wrapper2 #main #practice01 #button .shopping a:hover {
	background:url(/imgs/beginner/save-service-icon.jpg) 1px 1px no-repeat;
}

#wrapper2 #main #practice01 #button .game a {
	background:url(/imgs/beginner/save-service-icon.jpg) 0 -100px no-repeat;
}

#wrapper2 #main #practice01 #button .game a:hover {
	background:url(/imgs/beginner/save-service-icon.jpg) 1px -99px no-repeat;
}

#wrapper2 #main #practice01 #button .enquete a {
	background:url(/imgs/beginner/save-service-icon.jpg) 0 -200px no-repeat;
}

#wrapper2 #main #practice01 #button .enquete a:hover {
	background:url(/imgs/beginner/save-service-icon.jpg) 1px -199px no-repeat;
}

#wrapper2 #main #practice01 #button .movie a {
	background:url(/imgs/beginner/save-service-icon.jpg) 0 -300px no-repeat;
}

#wrapper2 #main #practice01 #button .movie a:hover {
	background:url(/imgs/beginner/save-service-icon.jpg) 1px -299px no-repeat;
}

#wrapper2 #main #practice01 #button .material a {
	background:url(/imgs/beginner/save-service-icon.jpg) 0 -400px no-repeat;
}

#wrapper2 #main #practice01 #button .material a:hover {
	background:url(/imgs/beginner/save-service-icon.jpg) 1px -399px no-repeat;
}

#wrapper2 #main #practice01 .imgbox {
	margin:0 10px;
	width:730px;
	height:463px;
	background:url(/imgs/beginner/save-chart03.jpg) 0 0 no-repeat;
}

#wrapper2 #main #practice01 .imgbox h4 {
	width:750px;
	height:266px;
	text-indent:-9999px;
}

#wrapper2 #main #practice01 .imgbox .incomment {
	width:750px;
	height:50px;
	text-indent:-9999px;
}

#wrapper2 #main #practice01 .imgbox .btnbox {
	margin:0 0 0 560px;
	width:148px;
	height:29px;
}

#wrapper2 #main #practice01 .imgbox .btnbox a {
	width:148px;
	height:29px;
	background:url(/imgs/beginner/save-chart03-button.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
}

#wrapper2 #main #practice01 .imgbox .btnbox a:hover {
	background:url(/imgs/beginner/save-chart03-button.jpg) 0 -30px no-repeat;
}

#wrapper2 #main #practice01 #btmcomment {
	margin:20px 10px 0;
	width:730px;
	height:50px;
	background:url(/imgs/beginner/save-next.gif) 366px 0 no-repeat;
}

#wrapper2 #main #practice01 #btmcomment p {
	text-indent:-9999px;
}

#wrapper2 #main #practice02 {
	margin:30px 0;
	padding:0;
	width:750px;
}

#wrapper2 #main #practice02 h2 {
	margin:0 0 20px;
	padding:0;
	width:750px;
	height:45px;
	font-size:10px;
	text-indent:-9999px;
	background:url(/imgs/beginner/exchange-headline.gif) 0 0 no-repeat;
}

#wrapper2 #main #practice02 .inbox {
	margin:20px 10px 0;
	width:730px;
	position: relative;
}

#wrapper2 #main #practice02 .inbox .comment {
	padding:0;
	font-size:134%;
	line-height:137%;
	text-indent:1em;
	width:550px;
	background:url(/imgs/beginner/list-1.gif) 1px 5px no-repeat;
}

#wrapper2 #main #practice02 ul {
	margin:20px 0 0;
	width:730px;
	height:80px;
	background:url(/imgs/beginner/exchange-icon.gif) 0 0 no-repeat;
}

#wrapper2 #main #practice02 ul li {
	width:120px;
	height:80px;
	text-indent:-9999px;
	float:left;
}

#wrapper2 #main #practice02 .btnbox {
	width:197px;
	height:38px;
	position: absolute;
	top: 0;
	right: 0;
}

#wrapper2 #main #practice02 .btnbox a {
	width:197px;
	height:38px;
	background:url(/imgs/beginner/exchange-button.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
}

#wrapper2 #main #practice02 .btnbox a:hover {
	background:url(/imgs/beginner/exchange-button.jpg) 0 -40px no-repeat;
}

#wrapper2 #main .registlogin-s {
	padding:0 0 30px;
	margin:30px 0 0;
	width:750px;
	height:206px;
	background:url(/imgs/beginner/reglogin-lead2.jpg) 0 0 no-repeat;
}

#wrapper2 #main .registlogin-s h2 {
	margin:0;
	padding:0;
	height:50px;
	font-size:10px;
	text-indent:-9999px;
}

#wrapper2 #main .registlogin-s p {
	margin:0;
	padding:0;
	height:21px;
	font-size:10px;
	text-indent:-9999px;
}

#wrapper2 #main .registlogin-s ul {
	margin:0;
	padding:0;
	height:114px;
	background:url(/imgs/beginner/reglogin-back.jpg) 0 0 no-repeat;
}

#wrapper2 #main .registlogin-s ul li {
	float:left;
}

#wrapper2 #main .registlogin-s ul .regist {
	margin:3px 0 0 11px;
	width:361px;
	height:97px;
}

#wrapper2 #main .registlogin-s ul .regist a {
	width:360px;
	height:94px;
	text-indent:-9999px;
	background:url(/imgs/beginner/reglogin-reg-button.jpg) 0 0 no-repeat;
	display:block;
}

#wrapper2 #main .registlogin-s ul .regist a:hover {
	width:360px;
	height:94px;
	text-indent:-9999px;
	background:url(/imgs/beginner/reglogin-reg-button.jpg) 0 -100px no-repeat;
	display:block;
}

#wrapper2 #main .registlogin-s ul .login {
	margin:3px 0 0;
	width:360px;
	height:94px;
}

#wrapper2 #main .registlogin-s ul .login a {
	width:360px;
	height:94px;
	text-indent:-9999px;
	background:url(/imgs/beginner/reglogin-login-button.jpg) 0 0 no-repeat;
	display:block;
}

#wrapper2 #main .registlogin-s ul .login a:hover {
	width:360px;
	height:94px;
	text-indent:-9999px;
	background:url(/imgs/beginner/reglogin-login-button.jpg) 0 -100px no-repeat;
	display:block;
}

#wrapper2 #main #applied {
	padding:20px 0 0;
	margin:30px 0;
	width:750px;
	border-top:1px dotted #999;
}

#wrapper2 #main #applied h2 {
	margin:0 0 20px;
	padding:0;
	width:750px;
	height:45px;
	font-size:10px;
	text-indent:-9999px;
	background:url(/imgs/beginner/invite-headline.gif) 0 0 no-repeat;
}

#wrapper2 #main #applied .comment {
	margin:20px 10px 0;
	width:730px;
	font-size:117%;
	line-height:143%;
}

#wrapper2 #main #applied .inbox {
	margin:20px 10px 0;
	width:730px;
	height:304px;
	background:url(/imgs/beginner/invite-chart-norank.jpg) 0 0 no-repeat;
}

#wrapper2 #main #applied .inbox h3 {
	height:252px;
	text-indent:-9999px;
}

#wrapper2 #main #applied .inbox .btnbox {
	margin:0 0 0 270px;
	width:198px;
	height:39px;
}

#wrapper2 #main #applied .inbox .btnbox a {
	width:198px;
	height:39px;
	background:url(/imgs/beginner/friends-button.gif) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
}

#wrapper2 #main #applied .inbox .btnbox a:hover {
	background:url(/imgs/beginner/friends-button.gif) 0 -40px no-repeat;
}

a {
	outline:none;
}

/* 初心者ミッションボタン */
.mission-clear {
	width: 506px;
	height: 98px;
	margin: 0 auto 30px;	
}

.mission-clear a {
	display: block;
	width: 506px;
	height: 98px;
	padding: 3px;
	overflow: hidden;
	position: relative;
}

.mission-clear a img {
	position: absolute;
	top: 0;
	left: 0;
}

.mission-clear a:hover img {
	position: absolute;
	top: 1px;
	left: 1px;
}