@charset "UTF-8";

/* ----------------------------------------------------
作成日: 2009.07.09
最終更新日: 2010.04.20
作成者: AY
最終編集者: AY

startguide-mainArea.css
---------------------------------------------------- */
body#startguide h2 {
	background:url(../image/h2_startguide.gif) no-repeat left top;
}

ul.step-sectiton {
	background:url(../image/step.gif) no-repeat 0 0;
	width:580px;
	height:40px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
}

ul.step-sectiton li {
	text-indent:-9999px;
	text-decoration:none;
	font-size:0;
	line-height:0;
}

ul.step-sectiton li a {
	float:left;
	width:130px;
	height:40px;
	margin:0 20px 0 0;
	padding:0;
	display:block;
}

ul.step-sectiton li a.tabLetsplay {margin:0;}

ul.step-sectiton li a.tabStep01:hover {background:url(../image/step.gif) no-repeat 0 -40px;}
ul.step-sectiton li a.tabStep02:hover {background:url(../image/step.gif) no-repeat -150px -40px;}
ul.step-sectiton li a.tabStep03:hover {background:url(../image/step.gif) no-repeat -300px -40px;}
ul.step-sectiton li a.tabLetsplay:hover {background:url(../image/step.gif) no-repeat -450px -40px;}

/*------------------------------
ゲームをはじめよう！　body#startguide
------------------------------*/

body#startguide #stepList {
	width:640px;/*640*/
	height:446px;/*486*/
	margin:0 auto;
	padding:40px 0 0 0;
	background:url(../image/step_background.jpg) no-repeat left top;
}

body#startguide #stepList:after {
	content:".";
	height:0;
	clear:both;
	display: block;
	visibility:hidden;
}

body#startguide #stepList {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html body#startguide #stepList { height:1%; }
body#startguide #stepList { display:block; }
/* End hide from IE-mac */

body#startguide #stepList dl,
body#startguide #stepList dl dd a {
	width:420px;
	height:100px;
	margin:0 auto;
	padding:0;
	display:block;
	font-size:0;
	line-height:0;
}

body#startguide #stepList p,
body#startguide #stepList dl dt,
body#startguide #stepList dl dd {
	text-indent:-9999px;
	text-decoration:none;
	font-size:0;
	line-height:0;
	height:0;
}

body#startguide #stepList dl#step01 {
	background:url(../image/stepdl.gif) no-repeat 0 0;
	margin:0 auto 10px;
}

body#startguide #stepList dl#step02 {
	background:url(../image/stepdl.gif) no-repeat 0 -100px;
	margin:0 auto 10px;
}

body#startguide #stepList dl#step03 {
	background:url(../image/stepdl.gif) no-repeat 0 -200px;
	margin:0 auto 10px;
}
body#startguide #stepList dl#letsplay {
	background:url(../image/stepdl.gif) no-repeat 0 -300px;
	margin:0 auto;
}

body#startguide #stepList dl#step01 dd a:hover {
	background:url(../image/stepdl.gif) no-repeat -420px 0;
}
body#startguide #stepList dl#step02 dd a:hover {
	background:url(../image/stepdl.gif) no-repeat -420px -100px;
}
body#startguide #stepList dl#step03 dd a:hover {
	background:url(../image/stepdl.gif) no-repeat -420px -200px;
}
body#startguide #stepList dl#letsplay dd a:hover {
	background:url(../image/stepdl.gif) no-repeat -420px -300px;
}