@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////

[unitRankingTitle]
[txtUpdate]
[txtLead]
[boxRanking]
[btnEntry]

[navWithinPage]
[contentZoomRanking]
[boxZoomRanking]
[contentAreaRanking]
[contentSpotRanking]
[contentSoupRanking]
[boxRankingTrend]

-- FontSize --
  BASE:  75% (12px)

 SMALL:  83% (10px)
 LARGE: 130% (16px)
XLARGE: 150% (18px)

/////////////////////////////////////////////////////////////////// */

@import url(reset.css);
@import url(common.css);
@import url(module.css);

/* =========================================================
■unitRankingTitle
========================================================= */
div#Main div.unitRankingTitle {
	position: relative;
	height: 68px;
	background: url(/img/ranking/title_bg_01.gif) no-repeat 0 0;
}

div#Main div.unitRankingTitle h1 {
	position: absolute;
	top: 6px;
	left: 20px;
}

div#Main div.unitRankingTitle ul {
	position: absolute;
	top: 21px;
	right: 13px;
}

div#Main div.unitRankingTitle ul li {
	float: left;
	/display: inline; /* IE6,7 */
	margin-right: 4px;
}



/* =========================================================
■txtUpdate
========================================================= */
div#Main p.txtUpdate {
	margin: 5px 0;
	font-weight: bold;
	text-align: right;
}



/* =========================================================
■txtLead
========================================================= */
div#Main p.txtLead {
	margin: 0 0 10px;
}



/* =========================================================
■boxRanking
========================================================= */
div#Main div.boxRanking {
	margin: 0 0 15px;
	background: url(/img/common/box_common_950_mdl_01.gif) repeat-y 0 0;
}

div#Main div.boxRanking div.innerRanking {
	background: url(/img/common/box_common_950_btm_01.gif) no-repeat 0 100%;
}


/* heading
---------------------------------------- */
div#Main div.boxRanking h3 {
	background: url(/img/common/box_common_950_top_01.gif) no-repeat 0 0;
	font-weight: bold;
	font-size: 150%;
	line-height: 1.25;
}

div#Main div.boxRanking h3 span {
	display: block;
	padding: 18px 10px 8px 130px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

/* ----- icon ----- */
div#Main div.boxRanking h3 span.no1 {
	background-image: url(/img/ranking/ico_no1.gif);
}

div#Main div.boxRanking h3 span.no2 {
	background-image: url(/img/ranking/ico_no2.gif);
}

div#Main div.boxRanking h3 span.no3 {
	background-image: url(/img/ranking/ico_no3.gif);
}

div#Main div.boxRanking h3 span.no4 {
	background-image: url(/img/ranking/ico_no4.gif);
}

div#Main div.boxRanking h3 span.no5 {
	background-image: url(/img/ranking/ico_no5.gif);
}

div#Main div.boxRanking h3 span.no6 {
	background-image: url(/img/ranking/ico_no6.gif);
}

div#Main div.boxRanking h3 span.no7 {
	background-image: url(/img/ranking/ico_no7.gif);
}

div#Main div.boxRanking h3 span.no8 {
	background-image: url(/img/ranking/ico_no8.gif);
}

div#Main div.boxRanking h3 span.no9 {
	background-image: url(/img/ranking/ico_no9.gif);
}

div#Main div.boxRanking h3 span.no10 {
	background-image: url(/img/ranking/ico_no10.gif);
}


/* body
---------------------------------------- */
div#Main div.boxRanking div.unitRanking2 {
	padding: 15px 20px;
	background: url(/img/common/box_common_950_top_01.gif) no-repeat 0 0;
}

div#Main div.boxRanking div.unitRanking2 p.oubo {
	font-weight: bold;
	font-size: 90%;
	text-align:center;
}


div#Main div.boxRanking div.unitRanking {
	padding: 15px 20px;
	background: url(/img/common/box_common_950_line_01.gif) no-repeat 0 0;
}

div#Main div.boxRanking div.unitRanking p.pic {
	float: left;
	width: 210px;
}

div#Main div.boxRanking div.unitRanking div.unitInfo {
	float: right;
	width: 685px;
}

div#Main div.boxRanking div.unitRanking p.ramen {
	font-weight: bold;
	font-size: 250%;
}

div#Main div.boxRanking div.unitRanking p.access {
	margin-bottom: 20px;
	color: #000000;
}

div#Main div.boxRanking div.unitRanking p.comment {
	width: 436px;
	padding: 5px 10px 5px 230px;
	border: 1px #885533 solid;
	background: url(/img/ranking/title_comment_01.gif) no-repeat 0 50%;
}



/* =========================================================
■btnEntry
========================================================= */
div#Main p.btnEntry {
	width: 674px;
	margin: 0 auto 15px;
	padding: 13px 0;
	background: url(/img/ranking/txt_entry_01.gif) no-repeat 0 50%;
	text-align: right;
}



/* =========================================================
■navWithinPage
========================================================= */
div#Main ul.navWithinPage {
	width: 960px;
	margin: 0 -10px 15px 0;
}

div#Main ul.navWithinPage li {
	float: left;
	/display: inline; /* IE6,7 */
	margin-right: 10px;
}



/* =========================================================
■contentZoomRanking
========================================================= */
div#Main div#contentZoomRanking {
}

/* title
---------------------------------------- */
div#Main div#contentZoomRanking div.unitTitle03 {
	margin: 0 0 10px;
	padding: 0 0 8px;
	background: #FFFFA8 url(/img/ranking/title_bg_zoom_02.gif) repeat-x 0 100%;
}

div#Main div#contentZoomRanking div.unitTitle03 div.innerTitle03 {
	padding: 8px 0 0;
	background: url(/img/ranking/title_bg_zoom_01.gif) repeat-x 0 0;
}

div#Main div#contentZoomRanking div.unitTitle03 h2 span {
	background-image: url(/img/common/ico_zoom_01.gif);
}



/* =========================================================
■boxZoomRanking
========================================================= */
div#Main div#contentZoomRanking div.boxZoomRanking {
	margin: 0 0 15px;
}

div#Main div#contentZoomRanking div.boxZoomRanking div.no1,
div#Main div#contentZoomRanking div.boxZoomRanking div.no2,
div#Main div#contentZoomRanking div.boxZoomRanking div.no3 {
	float: left;
	/display: inline; /* IE6,7 */
	width: 230px;
	margin-right: 10px;
}

div#Main div#contentZoomRanking div.boxZoomRanking div.no1 {
	padding: 25px 0 0;
	background: url(/img/ranking/ico_ranking_01.gif) no-repeat 0 0;
}

div#Main div#contentZoomRanking div.boxZoomRanking div.no2 {
	padding: 25px 0 0;
	background: url(/img/ranking/ico_ranking_02.gif) no-repeat 0 0;
}

div#Main div#contentZoomRanking div.boxZoomRanking div.no3 {
	padding: 25px 0 0;
	background: url(/img/ranking/ico_ranking_03.gif) no-repeat 0 0;
}

h4{
	font-size:14px;
	font-weight:bold
}

p.linkMore{
	padding-top:5px
}

/* unitZoomRanking
---------------------------------------- */
div#Main div#contentZoomRanking div.boxZoomRanking div.unitZoomRanking {
	width: 228px;
	border: 1px #885533 solid;
}

div#Main div#contentZoomRanking div.boxZoomRanking div.unitZoomRanking p.pic {
	margin: 10px 0;
	text-align: center;
}

div#Main div#contentZoomRanking div.boxZoomRanking div.unitZoomRanking p.ramen {
	margin: 0 10px 10px;
	font-size: 130%;
}

div#Main div#contentZoomRanking div.boxZoomRanking div.unitZoomRanking p.access {
	margin: 0 10px;
	padding: 0 0 10px;
	color: #000000;
}


/* dl
---------------------------------------- */
div#Main div#contentZoomRanking div.boxZoomRanking dl {
	width: 230px;
	float: left;
}

div#Main div#contentZoomRanking div.boxZoomRanking dl dt {
	float: left;
	margin: 0 0 10px;
	padding-left: 15px;
	background: url(/img/ranking/ico_ranking_04.gif) no-repeat 0 50%;
	color: #CC0000;
	font-weight: bold;
}

div#Main div#contentZoomRanking div.boxZoomRanking dl dd {
	margin: 0 0 10px 4em;
}



/* =========================================================
■contentAreaRanking
========================================================= */
div#Main div#contentAreaRanking {
}

/* title
---------------------------------------- */
div#Main div#contentAreaRanking div.unitTitle03 {
	margin: 0 0 10px;
	padding: 0 0 8px;
	background: #D8E791 url(/img/ranking/title_bg_area_02.gif) repeat-x 0 100%;
}

div#Main div#contentAreaRanking div.unitTitle03 div.innerTitle03 {
	padding: 8px 0 0;
	background: url(/img/ranking/title_bg_area_01.gif) repeat-x 0 0;
}

div#Main div#contentAreaRanking div.unitTitle03 h2 span {
	background-image: url(/img/common/ico_area_04.gif);
}


/* unitRankingTrend
---------------------------------------- */
div#Main div#contentAreaRanking div.boxRankingTrend div.unitRankingTrend h3 {
	background-image: url(/img/common/box_common_470_top_02.gif);
}

div#Main div#contentAreaRanking div.boxRankingTrend div.unitRankingTrend h3 span {
	background-image: url(/img/common/box_common_470_line_02.gif);
}



/* =========================================================
■contentSpotRanking
========================================================= */
div#Main div#contentSpotRanking {
}

/* title
---------------------------------------- */
div#Main div#contentSpotRanking div.unitTitle03 {
	margin: 0 0 10px;
	padding: 0 0 8px;
	background: #FFB4A0 url(/img/ranking/title_bg_spot_02.gif) repeat-x 0 100%;
}

div#Main div#contentSpotRanking div.unitTitle03 div.innerTitle03 {
	padding: 8px 0 0;
	background: url(/img/ranking/title_bg_spot_01.gif) repeat-x 0 0;
}

div#Main div#contentSpotRanking div.unitTitle03 h2 span {
	background-image: url(/img/common/ico_spot_01.gif);
}


/* unitRankingTrend
---------------------------------------- */
div#Main div#contentSpotRanking div.boxRankingTrend div.unitRankingTrend h3 {
	background-image: url(/img/common/box_common_470_top_03.gif);
}

div#Main div#contentSpotRanking div.boxRankingTrend div.unitRankingTrend h3 span {
	background-image: url(/img/common/box_common_470_line_03.gif);
}



/* =========================================================
■contentSoupRanking
========================================================= */
div#Main div#contentSoupRanking {
}

/* title
---------------------------------------- */
div#Main div#contentSoupRanking div.unitTitle03 {
	margin: 0 0 10px;
	padding: 0 0 8px;
	background: #c9e7ec url(/img/ranking/title_bg_soup_02.gif) repeat-x 0 100%;
}

div#Main div#contentSoupRanking div.unitTitle03 div.innerTitle03 {
	padding: 8px 0 0;
	background: url(/img/ranking/title_bg_soup_01.gif) repeat-x 0 0;
}

div#Main div#contentSoupRanking div.unitTitle03 h2 span {
	background-image: url(/img/common/ico_soup_03.gif);
}


/* unitRankingTrend
---------------------------------------- */
div#Main div#contentSoupRanking div.boxRankingTrend div.unitRankingTrend h3 {
	background-image: url(/img/common/box_common_470_top_04.gif);
}

div#Main div#contentSoupRanking div.boxRankingTrend div.unitRankingTrend h3 span {
	background-image: url(/img/common/box_common_470_line_04.gif);
}



/* =========================================================
■boxRankingTrend
========================================================= */
div#Main div.boxRankingTrend {
	width: 960px;
	margin: 0 -10px 15px 0;
	padding-bottom: 25px;
	background: url(/img/common/box_common_470_btm_11.gif) no-repeat 0 100%;
}

* html div#Main div.boxRankingTrend {
	padding-bottom: 25px;
}

*+html div#Main div.boxRankingTrend {
	padding-bottom: 25px;
}


/* unitRankingTrend
---------------------------------------- */
div#Main div.boxRankingTrend div.unitRankingTrend {
	float: left;
	/display: inline; /* IE6,7 */
	width: 470px;
	margin: 0 10px 0 0;
	background: url(/img/common/box_common_470_mdl_01.gif) repeat-y 0 0;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.innerRankingTrend {
}

div#Main div.boxRankingTrend div.unitRankingTrend h3 {
	margin: 0 0 10px;
	background-repeat: repeat-y;
	background-position: 0 0;
	font-weight: bold;
	font-size: 185%;
}

div#Main div.boxRankingTrend div.unitRankingTrend h3 span {
	display: block;
	padding: 15px 20px 5px;
	background-repeat: no-repeat;
	background-position: 0 100%;
}


/* no1
---------------------------------------- */
div#Main div.boxRankingTrend div.unitRankingTrend div.no1 {
	padding: 25px 15px 0;
	background: url(/img/ranking/ico_ranking_01.gif) no-repeat 15px 0;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.no1 p.pic {
	float: left;
	margin: 0 0 15px;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.no1 p.ramen {
	margin: 0 0 0 220px;
	font-weight: bold;
	font-size: 185%;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.no1 p.access {
	margin: 0 0 20px 220px;
	color: #000000;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.no1 p.comment {
	margin: 0 0 15px 220px;
	color: #000000;
}


/* no2
---------------------------------------- */
div#Main div.boxRankingTrend div.unitRankingTrend div.no2 {
	float: left;
	width: 215px;
	padding: 25px 0 0 15px;
	background: url(/img/ranking/ico_ranking_02.gif) no-repeat 15px 0;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.no2 p.pic {
	float: left;
	margin: 0;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.no2 p.ramen {
	margin: 0 0 10px 110px;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.no2 p.access {
	margin: 0 0 0 110px;
}


/* no3
---------------------------------------- */
div#Main div.boxRankingTrend div.unitRankingTrend div.no3 {
	float: right;
	width: 215px;
	padding: 25px 15px 0 0;
	background: url(/img/ranking/ico_ranking_03.gif) no-repeat 0 0;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.no3 p.pic {
	float: left;
	margin: 0;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.no3 p.ramen {
	margin: 0 0 10px 110px;
}

div#Main div.boxRankingTrend div.unitRankingTrend div.no3 p.access {
	margin: 0 0 0 110px;
}


/* =========================================================
■contentMonthRanking
========================================================= */
div#Main div#contentMonthRanking {
}

/* title
---------------------------------------- */
div#Main div#contentMonthRanking div.unitTitle03 {
	margin: 0 0 10px;
	padding: 0 0 8px;
	background: #eedd99 url(/img/ranking/title_bg_month_02.gif) repeat-x 0 100%;
}

div#Main div#contentMonthRanking div.unitTitle03 div.innerTitle03 {
	padding: 8px 0 0;
	background: url(/img/ranking/title_bg_month_01.gif) repeat-x 0 0;
}

div#Main div#contentMonthRanking div.unitTitle03 h2 span {
	background-image: url(/img/common/ico_post_01.gif);
}

/* social icon */
#socialmedia {
    display: inline-block;
		float: right;
}