@charset "utf-8";

@import "common.css";


/* 背景指定 */
#content {
	background-color: #d9f6fa;
}


/*
		top
 -------------------------------------------------- */

/* 背景指定 */
#content .top {
	height: 760px;
	background: url(../img/top-bg.jpg) no-repeat 0px 0px;
}

/* タイトル枠 */
#content .top .ttl {
	height: 207px;
	background: url(../img/top-ttl-bg.gif) no-repeat 260px 20px;
}

/* 中枠 */
#content .top .ttl dl {
	width: 440px;
	padding: 35px 0px 0px 0px;
	margin: 0px 0px 0px 280px;
}

/* サブタイトル画像 */
#content .top .ttl dl dt {
	float: left;
}

/* サブタイトルテキスト */
#content .top .ttl dl dd {
	margin: 0px 0px 0px 130px;
	font-size: 10px;
	line-height: 160%;
}

/* タイトル画像 */
#content .top p img {
	position: absolute;
	top: 103px;
	right: 290px;
}



/*
		ranking
 -------------------------------------------------- */

/* 枠 */
#content .ranking {
	margin: 100px 0px 0px 263px;
}

/* 左枠 */
#content .ranking dl.left {
	float: left;
	padding: 12px 0px 10px 0px;
}

/* タイトル画像 */
#content .ranking dl.left dt img {
	margin: 5px 0px 0px 23px;
}

/* 右枠 */
#content .ranking dl.right {
	margin: 0px 0px 0px 250px;
}

/* タイトル画像 */
#content .ranking dl.right dt img {
	margin: 3px 0px 0px 15px;
}

/* ●位 */
#content .ranking dl dd.number {
	margin: 15px 0px 0px 20px;
}

/* ボタン */
#content .ranking dl dd.btn {
	margin: 5px 0px 10px 100px;
}



/*
		matome
 -------------------------------------------------- */

/* 枠 */
#content .matome {
	height: 260px;
	margin: 30px 0px 15px 15px;
	background: url(../img/matome-bg.gif) no-repeat 0px 0px;
}

/* 中枠 */
#content .matome dl {
	margin: 0px 0px 15px 0px;
}

/* テキスト */
#content .matome dl dd.text {
	margin: 15px 70px 15px 40px;
}

/* ボタン */
#content .matome dl dd.btn {
	margin: 0px 0px 0px 55px;
}


/*
		pagetop
 -------------------------------------------------- */

#content .pagetop {
	padding: 20px 30px 0px 0px;
	margin: 0px;
	background: #ffffff url(/img/common/cat-page-top.gif) no-repeat scroll 637px 23px;
	text-decoration: none;	
}