@charset "utf-8";

/* CSS Document */

/*==========================================================================================

	// system.html

==========================================================================================*/


div#main h1 {
	height: 70px;
	background:url(../images/system-h1.gif) no-repeat;
	text-indent:-999999px;
	width: 500px;
}

div#main h2 {
	text-indent:-999999px;
	width: 100px;
}


div#genre {width:650px;}

div#genre ul {
	width:620px;
	height:50px;
	margin-left: 20px;
}


div#genre ul li { height:52px;
float:left}


/*==========================================================================================

	// price1

==========================================================================================*/

div#price1 {
	width:650px;
	height:450px;
	background:url(../images/system-price.gif) no-repeat;
	text-indent:-999999px;
}

div#main p {
	text-align:center;
	font-size:123.1%;
	font-weight:bold;
	margin-bottom: 10px;
}

/*==========================================================================================

	// price2

==========================================================================================*/
div#price2 {
	width:650px;
	height:360px;
}


div#price2 .areamap1 {
	width:354px;
	height:354px;
	background:url(../images/system-areamap.gif) no-repeat;
	float:left;

}


div#price2 .hakencourse {
	width:296px;
	float:left;
}

div#price2 .hakencourse dl {
	margin-bottom:10px;
}

div#price2 .hakencourse dl dd { margin:2px 5px;}

div#price2 .hakencourse dl dd span{
	color: #FF0000;
}

/*==========================================================================================

	// price3

==========================================================================================*/
div#price3 { margin-bottom:20px;}


div#price3 dl {
	margin-bottom:10px;
	width: 650px;
	height: 115px;
	line-height: 20px;
}

div#price3 dl dt {
	float:left;
	width: 190px;
	height:56px;
}

div#price3 dl dd {
	float:left;
	width: 450px;
	margin: 5px 0;
}

div#price3 dl dd#blue {color:#00CCFF;}

div#price3 dl dd#green {color:#00CC33;}

div#price3 dl dd#yellow {color:#FF9900;}

div#price3 dl dd#orange {color:#FF3300;}

/*==========================================================================================

	// price4

==========================================================================================*/
div#price4 {
	width:650px;
	margin-bottom:5px;
	height: 1470px;
}


div#price4 ul li {
	display: block;
	float: left;
	width: 208px;
	background: url(../images/system-play-bg.gif) no-repeat;
	margin: 0 2px;
	padding: 15px 0;
}


div#price4 ul li ul li {
	padding: 0;
	margin: 0 auto;
	line-height: 1;
	text-align: center;
	background-image: none;
}


div#price4 ul li ul li.photo img {border: 1px solid #cccccc;}


div#price4 ul li ul li.photo {
	margin-bottom:5px;
	width: 208px;
}


div#price4 ul li ul li.name {
	font-size: 100%;
	font-weight: bold;
	color:#FF0066;
	height: 40px;
}

div#price4 p#point {
	font-size:174%;
	color:#FF0000;
}

/*==========================================================================================

	// price5

==========================================================================================*/
div#price5 {
	width:650px;
	margin-bottom:20px;
	height: 530px;
}


div#price5 p {
	color:#ff4c8c;
	font-size:100%;
	text-align: left;
	margin-left: 30px;
	font-weight: normal;
}


div#price5 ul {
	width:600px;
	line-height:25px;
	font-size:116%;
	color:#FF0066;
	list-style-type:square;
	font-weight: bold;
	margin-bottom: 10px;
}

div#price5 ul li {
	list-style:square outside;
	margin-left:50px;
}


div#price5 img { margin:10px 0;}