@charset "utf-8";

@import "../../../../css/common/default.css";		/* Browser Reset, Common Setting css */
@import "../../../../css/common/layout.css";		/* Layout, Frame Setting css */
@import "../../../../css/common/header-new.css";		/* Header Setting css */
@import "../../../../css/common/sidebar.css";		/* Sidebar Setting css */
@import "../../../../css/common/sidebar-hall.css";		/* Sidebar-Hall Setting css */
@import "../../../../css/common/footer.css";		/* Footer Setting css */
@import "../../../../css/common/enhance.css";		/* Enhance Setting css */



/*
		Top
 -------------------------------------------------- */

/* 全体枠 */
#content .top{
	width: 760px;
	height: 216px;
}

/*
		Top_txt
 -------------------------------------------------- */

#content .top_txt{
	width: 760px;
	height: 150px;
	background-image: url(../../../../ring/manual/img/top_txt_bg.gif);
	background-repeat: no-repeat;
}

#content .top_txt p{
	padding: 21px 0px 0px 46px;
}


/*
		navi
 -------------------------------------------------- */

#content .top_navi{
	width: 760px;
	height: 120px;	
	background-image: url(../../../../ring/manual/img/navi_bg.gif);
	background-repeat: no-repeat;
}

#content .top_navi ul li{
	float: left;
	width: 345px;
	height: 100px;
	padding: 0px 0px 0px 25px;	
}

#content .top_navi ul li.r{
}

/*
		top_con
 -------------------------------------------------- */
 
#content .top_con{
	width: 760px;
	height: 220px;	
	background-color:#feebe5;
	background-repeat: repeat;
}

#content .top_con p{
	padding: 15px 0px 0px 46px;
}

#content .top_con ul{
	padding: 10px 0px 0px 46px;
}

#content .top_con ul li{
	padding: 3px 0px 0px 0px;
}

#content .top_con ul li img.link{
	padding: 0px 10px 6px 0px;
}
 

/*
		wrap01
 -------------------------------------------------- */

/* 全体枠 */
#content .wrap01{
	width: 740px;
	height: 307px;
	text-align: left;
	margin-left: 10px;
	background-image: url(../img/debox01_bg.jpg);
	background-repeat: no-repeat;
}

#content .wrapme01{
	width: 740px;
	height: 106px;
	text-align: left;
	margin-left: 10px;
	background-image: url(../img/pro_mess01.jpg);
	background-repeat: no-repeat;
}

#content .wrapme02{
	width: 740px;
	height: 207px;
	text-align: left;
	margin-left: 10px;
	background-image: url(../img/pro_mess02.jpg);
	background-repeat: no-repeat;
}

#content .wrapme03{
	width: 740px;
	height: 106px;
	text-align: left;
	margin-left: 10px;
	background-image: url(../img/pro_mess01.jpg);
	background-repeat: no-repeat;
}

/* 画像-タイトル */
#content .wrap01 h3{
	height: 39px;
	width: 708px;
	padding-left: 31px;
}


/* テキスト-リード 右*/
#content .wrap01 p.r{
	margin: 0px ;
	padding: 105px 0 0 320px;
	line-height: 160%;
}

/* テキスト-リード 下*/
#content .wrapme01 p.u{
	padding: 42px 0 0 20px;
	line-height: 160%;
}

#content .wrapme02 p.u{
	padding: 40px 0 0 20px;
	line-height: 160%;
}

#content .wrapme03 p.u{
	padding: 38px 0 0 20px;
	line-height: 160%;
}

/*
		wrap02
 -------------------------------------------------- */

/* 全体枠 */
#content .wrap02{
	width: 740px;
	height: 307px;
	text-align: left;
	margin-left: 10px;
	background-image: url(../img/debox02_bg.jpg);
	background-repeat: no-repeat;
}

/* 画像-タイトル */
#content .wrap02 h3{
	height: 39px;
	width: 708px;
	padding-left: 31px;
}


/* テキスト-リード 右*/
#content .wrap02 p.r{
	margin: 0px ;
	padding: 45px 0 0 320px;
	line-height: 160%;
}

/* テキスト-リード 下*/
#content .wrap02 p.u{
	margin: 77px 55px 0px 60px;
	line-height: 160%;
}




/*
		wrap03
 -------------------------------------------------- */

/* 全体枠 */
#content .wrap03{
	width: 740px;
	height: 307px;
	text-align: left;
	margin-left: 10px;
	background-image: url(../img/debox04_bg.jpg);
	background-repeat: no-repeat;
}

/* 画像-タイトル */
#content .wrap03 h3{
	height: 39px;
	width: 708px;
	padding-left: 31px;
}


/* テキスト-リード 右*/
#content .wrap03 p.r{
	margin: 0px ;
	padding: 110px 0 0 320px;
	line-height: 160%;
}

/* テキスト-リード 下*/
#content .wrap03 p.u{
	margin: 77px 55px 0px 60px;
	line-height: 160%;
}




/*
		wrap04
 -------------------------------------------------- */

/* 全体枠 */
#content .wrap04{
	width: 740px;
	height: 307px;
	text-align: left;
	margin-left: 10px;
	background-image: url(../img/debox05_bg.jpg);
	background-repeat: no-repeat;
}

/* 画像-タイトル */
#content .wrap04 h3{
	height: 39px;
	width: 708px;
	padding-left: 31px;
}


/* テキスト-リード 右*/
#content .wrap04 p.r{
	margin: 0px ;
	padding: 65px 0 0 355px;
	line-height: 160%;
}

/* テキスト-リード 下*/
#content .wrap04 p.u{
	margin: 77px 55px 0px 60px;
	line-height: 160%;
}



/*
		wrap05
 -------------------------------------------------- */

/* 全体枠 */
#content .wrap05{
	width: 740px;
	height: 345px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	background-image: url(../img/debox03_bg.jpg);
	background-repeat: no-repeat;
}

/* 画像-タイトル */
#content .wrap05 h3{
	height: 39px;
	width: 708px;
	padding-left: 31px;
}


/* テキスト-リード 右*/
#content .wrap05 p.r{
	margin: 0px ;
	padding: 130px 0 0 400px;
	line-height: 160%;
}

/* テキスト-リード 下*/
#content .wrap05 p.u{
	margin: 77px 55px 0px 60px;
	line-height: 160%;
}


/*
		Next Ring
 -------------------------------------------------- */


/* 全体枠 */
#content .wrap06{
	width: 740px;
	height: 231px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	background-image: url(../img/pickup_item01_bg.jpg);
	background-repeat: no-repeat;
}

/* 画像-タイトル */
#content .wrap06 h3{
	height: 39px;
	width: 708px;
	padding-left: 31px;
}


/* テキスト-リード 右*/
#content .wrap06 p.r{
	margin: 0px ;
	padding: 60px 0 0 300px;
	line-height: 160%;
}

/* テキスト-リード 下*/
#content .wrap06 p.u{
	margin: 77px 55px 0px 60px;
	line-height: 160%;
}


#content .wrap07{
	width: 740px;
	height: 231px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	background-image: url(../img/pickup_item02_bg.jpg);
	background-repeat: no-repeat;
}

#content .wrap07 p.r{
	margin: 0px ;
	padding: 40px 0 0 300px;
	line-height: 160%;
}


#content .wrap08{
	width: 740px;
	height: 231px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	background-image: url(../img/pickup_item03_bg.jpg);
	background-repeat: no-repeat;
}

#content .wrap08 p.r{
	margin: 0px ;
	padding: 60px 0 0 300px;
	line-height: 160%;
}


#content .wrap09{
	width: 740px;
	height: 231px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	background-image: url(../img/pickup_item04_bg.jpg);
	background-repeat: no-repeat;
}

#content .wrap09 p.r{
	margin: 0px ;
	padding: 60px 0 0 300px;
	line-height: 160%;
}




/*
		Next Ring
 -------------------------------------------------- */



/* 全体枠 */
#content .nextring{
	width: 760px;
	height: 145px;	
	background-image: url(../../../../ring/manual/img/next_ring.gif);
	background-repeat: no-repeat;
}

/* 誘導ボタン */
#content .nextring img{
	width: 346px;
	height: 100px;
	padding: 23px 0px 0px 386px;
}


/*
		Information
 -------------------------------------------------- */

/* 全体枠 */
#content .information{
	width: 760px;
	height: 367px;
	background-image: url(../../../../ring/manual/img/info_bg.jpg);
	background-repeat: no-repeat;
}

/* ttl画像 */
#content .information img{
	margin: 0px 0px 0px 31px;
}

/* info_txt */

#content .information p.font{
	margin: 29px 0px 0px 306px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color: #593900;	
}

#content .information ul.txt{
	margin: 29px 0px 0px 306px;
}

/* 誘導リンクボタン */
#content .information ul.btn{
	margin: 46px 0px 0px 281px;		
}

#content .information ul.btn li{
	float:left;
}


/* ring more */
#content .morering{
	width: 760px;
	height: 401px;
	background-image: url(../../../../ring/manual/img/ring_more.gif);
	background-repeat: no-repeat;
}

#content .morering h2{
	padding: 10px 0 0 52px;
}

#content .morering ul.ring{
	margin: 14px 0px 0px 47px;	
}

#content .morering ul.ring li{
	float:left;	
	margin: 0px 0px 0px 5px;	
}

#content .morering img.btn{
	margin: 10px 0px 0px 497px;
}


.rank-item{
	border-collapse: collapse;
	background-image: url(../img/item_bg.png);
	background-repeat: no-repeat;
	height: 39px;
	vertical-align:top;
	padding-left: 50px;
	padding-top: 10px;
	width: 140px;
	}
	
.rank-item2{
	border-collapse: collapse;
	background-image: url(../img/item_bg.png);
	background-repeat: no-repeat;
	height: 44px;
	vertical-align:top;
	padding-left: 40px;
	padding-top: 5px;
	width: 150px;
	}
	
.rank-item3{
	border-collapse: collapse;
	background-image: url(../img/item_bg.png);
	background-repeat: no-repeat;
	height: 39px;
	vertical-align:top;
	padding-left: 50px;
	padding-top: 10px;
	width: 140px;
	}
	
.rank-item4{
	border-collapse: collapse;
	background-image: url(../img/item_bg.png);
	background-repeat: no-repeat;
	height: 44px;
	vertical-align:top;
	padding-left: 40px;
	padding-top: 5px;
	width: 150px;
	}

.ranking-table{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border-style: none;	
	}