@charset "shift-jis";

/*--------------------

areaContents

--------------------*/
#areaContents {
}

#areaContents img {
	border: 0 none;
	outline: 0;
}

#areaContents a {
	color: #000;
}

#areaContents a:hover {
	color: #999;
}

/*--------------------

content

--------------------*/
#content {
	margin: 30px auto;
	width: 820px;
	text-align: center;
}

div.hapilaki {
	background: url(images/bg_pink.gif) repeat-y;
}

div.inuboshi {
	background: url(images/bg_blue.gif) repeat-y;
}

div.bank {
	background: url(images/bg_green.gif) repeat-y;
}

div.info {
	background: url(images/bg_purple.gif) repeat-y;
}

div.dance {
	background: url(images/bg_orange.gif) repeat-y;
}

/*--------------------

contentMain

--------------------*/
#contentMain {
	text-align: left;
	padding-top: 30px;
	position: relative;
}

#contentMain h1 {
	text-align: center;
	margin: 0 auto 30px;
}

#contentMain table {
	width: 582px;
	margin: 0 auto 10px;
	padding: 0;
}

#contentMain table th,
#contentMain table td {
	margin: 0;
	padding: 0;
	text-align: center;
}

.hapilaki #contentMain table td {
	background: url(images/bg_content_pink.gif) repeat-y center 0;
}

.inuboshi #contentMain table td {
	background: url(images/bg_content_blue.gif) repeat-y center 0;
}

.bank #contentMain table td {
	background: url(images/bg_content_green.gif) repeat-y center 0;
}

.info #contentMain table td {
	background: url(images/bg_content_purple.gif) repeat-y center 0;
}

.dance #contentMain table td {
	background: url(images/bg_content_orange.gif) repeat-y center 0;
}

#inuboshi_sp {
	position: absolute;
	top: 780px;
	left: 490px;
}

#bank_sp {
	position: absolute;
	top: 175px;
	left: 98px;
}

#contentMain table td.works {
	text-align: left;
}

td.works ul {
	display: inline;
	float: left;
	margin: 0 0 0 53px;
	padding: 0;
}

td.works ul li {
	list-style-type: none;
	background: url(images/icon_list.gif) no-repeat left center;
	padding-left: 20px;
	font-size: 12px;
	margin: 0 0 5px;
}

/*--------------------

contentFooter

--------------------*/
#contentFooter {
	padding-bottom: 30px;
	text-align: center;
	clear: both;
}

#contentFooter table {
	margin: 20px auto 0;
	text-align: left;
}

#contentFooter table td {
	padding: 5px;
	text-align: center;
}

/*--------------------

class

--------------------*/
p.back {
	display: inline;
	float: left;
	margin: 0 0 0 118px;
	padding: 0;
}

ul.pageNavi {
	display: inline;
	float: right;
	margin: 0 118px 0 0;
	padding: 0;
	height: 30px;
}

ul.pageNavi li {
	display: inline;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
	
}