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

#description {
	width:650px;
	float:left;
}

#description p {
	float:left;
}

/*account----------*/
#account {
	width:320px;
	height:370px;
	margin:15px;
	float:left;
	position:relative;
}

#account h2 {
	font-size:large;
	font-weight:bold;  
}

#account dl {
	width:300px;
	padding:15px
}

#account dt {
	width:60px;
	float:left;
	padding:5px 10px 5px 0px;
	clear:both;
	font-weight:bold;  
}

#account dd {
	padding:5px 0px;
}

#account p.smallphoto {
	float:left;
	margin-right:5px;
	margin-top:10px;
}

#account p#purchase {
	width:320px;
	position:absolute; right:0; bottom:0;
}

#account p#purchase a{
	float:right;
	width:172px;
	height:33px;
	background: url(../images/purchase_btn.gif) no-repeat 0 0;
}

#account p#purchase a:hover{
	background-position:0 bottom;
}

/*5contents----------*/

#five_contents li {
	display:block;
	float:left;
}

#five_contents li.space {
	margin-left:25px;
}

/*3contents----------*/
.title {
	margin-top:5px;
	text-align:center;
	font-weight:bold;
	height:17px;
	line-height:17px;
}

.sentences {
	margin:10px;
	color:#666;
	font-size:11px;
	line-height:1.5em;
}

/*ranking----------*/
#ranking_1 a {
	display: block;
	width: 200px;
	height: 200px;
	background: url(../images/ranking_1.jpg) no-repeat 0 0;
}

#ranking_1 a:hover {
	background-position: 0 bottom;
}

#ranking_2 a {
	display: block;
	width: 200px;
	height: 200px;
	background: url(../images/ranking_2.jpg) no-repeat 0 0;
}

#ranking_2 a:hover {
	background-position: 0 bottom;
}

#ranking_3 a {
	display: block;
	width: 200px;
	height: 200px;
	background: url(../images/ranking_3.jpg) no-repeat 0 0;
}

#ranking_3 a:hover {
	background-position: 0 bottom;
}