@charset "Shift_JIS";

body {
	background-color: #FFFFFF;
}

div#wrap {
	padding-bottom: 5px;
	background: url(../img_cmn/bg.jpg) bottom center no-repeat;
}

div#bg_star {
	background: #000000 url(../img_cmn/bg_star.jpg) top center repeat-y;
}

div#bg_header {
	background:url(../img_cmn/bg_head.jpg) top center no-repeat;
}

div#container {
	padding-top:17px;
}


/* ********************************************************************************
 * content
 * ******************************************************************************** */
div#content {
	width: 758px;
	margin: 20px auto 0 auto;
	text-align:left;
}

table#pagecontents_navi ul li.play {
	width: 166px;
	height: 34px;
	text-indent: -9999px;
	background: url(../img_cmn/navi_play_now.gif) top center no-repeat;
}

 /* div.box
------------------------------------------------------------*/
div.box {
 	width: 758px;
	margin: 0 auto 30px auto;
}

div.box table tr th,
div.box table tr td {
	text-align: left;
	vertical-align: top;
}

div.box table {
	width: 100%;
}

 /* step1
------------------------------------------------------------*/
div.box table#step1 {
	width: 361px;
}

div.box table#step1 td.caption {
	width: 199px;
}

div.box table#step1 td.img {
	width: 162px;
	padding-bottom: 26px; 
	background: url(../img/play/bg_step1.gif) bottom left no-repeat;
}

 /* step2
------------------------------------------------------------*/
div.box table#step2 {
	width: 360px;
}

div.box table#step2 td.img {
	padding-bottom: 28px; 
	background: url(../img/play/bg_step2.gif) bottom left no-repeat;
}


 /* step3
------------------------------------------------------------*/
div#step3Area {
	margin-bottom: 50px;
}

div.box table#step3 {
	margin-bottom: 0;
}

div.box table#step3 img.img {
	padding-bottom: 24px;
}

div.box table#step3 img#gameoverimg1 {
	padding-right: 37px;
}

div.box table#step3 img#gameoverimg2 {
	padding-right: 57px;
}

div.box table tr th.last,
div.box table tr td.last {
	text-align: right;
}



 /* 下のボタン
------------------------------------------------------------*/
li#item,
li#power {
	float: left;
	width: 360px;
	height: 100px;
}

li#item {
	margin-right: 38px;
}

li#item a,
li#power a {
	overflow: hidden;
	display: block;
	width: 360px;
	height: 100px;
	background: top center no-repeat;
	text-indent: -9999px;
}

li#item a {
	background-image: url(../img/play/btn_item.gif);
}

li#power a {
	background-image: url(../img/play/btn_powerup.gif);
}

li#item a:hover,
li#power a:hover {
	background-position: bottom;
}


 /* foot_navi
------------------------------------------------------------*/
div#foot_navi {
	margin-top: 60px;
}