@charset "UTF-8";
/* CSS Document */

@import "../../../files/css/common/layout.css";

/*-------------------------------------------------------------------------
	INDEX
/*-----------------------------------------------------------------------*/
#wrapper #contents {
	width:760px;
	padding:0 0 0 0;
}

#wrapper #contents div.box {
}

#wrapper #contents div.box div#how001 {
	position:relative;
	height:428px;
	background:url(../img/index/howto/001/bg.gif) no-repeat top center;
}

	#wrapper #contents div.box div#how001 p {
		position:absolute;
		left: 64px;
		top: -14px;
		width:257px;
		height:428px;
		background:url(../img/index/howto/001/img001.jpg) no-repeat 1px bottom;
	}

#wrapper #contents div.box div#how002 {
	position:relative;
	height:463px;
	background:url(../img/index/howto/002/bg.gif) no-repeat top center;
}

	#wrapper #contents div.box div#how002 p {
		position:absolute;
		left: 64px;
		top: 23px;
		width:256px;
		height:426px;
		background:url(../img/index/howto/002/img001.jpg) no-repeat 1px 45px;
	}

#wrapper #contents div.box div#how003 {
	position:relative;
	height:463px;
	background:url(../img/index/howto/003/bg.gif) no-repeat top center;
}

	#wrapper #contents div.box div#how003 p {
		position:absolute;
		left: 64px;
		top: 23px;
		width:256px;
		height:426px;
		background:url(../img/index/howto/003/img001.jpg) no-repeat 1px 45px;
	}

#wrapper #contents div.box div#how001 dl {
	position:absolute;
	top:87px;
	left:331px;
}

#wrapper #contents div.box div#how002 dl,
#wrapper #contents div.box div#how003 dl {
	position:absolute;
	top:119px;
	left:331px;
}

#wrapper #contents div.box div#how001 dl dt,
#wrapper #contents div.box div#how002 dl dt,
#wrapper #contents div.box div#how003 dl dt {
	margin:0 0 15px 0;
}

body.wii #wrapper #contents div.box div#how001 p,
body.wii #wrapper #contents div.box div#how002 p,
body.wii #wrapper #contents div.box div#how003 p {
	background:none;
}

#wrapper #contents div.box div#education {
	zoom:1;
}

#wrapper #contents div.box div#education:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#wrapper #contents div.box div#education p#listening {
	float:left;
}

#wrapper #contents div.box div#education p#oyakudachi {
	float:right;
}

#wrapper #header {
	background:url(../img/index/header.gif) no-repeat top center;
}