@charset "utf-8";
/*----------------------------------------------------------------------*/
/* base */

*{
	margin: 0;
	padding: 0;
}
html,
body{
	margin: 0;
	padding: 0;
	min-height: 100%;
}
html{
	font-family: "ＭＳ Ｐゴシック", 'Helvetica Neue', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Helvetica', 'メイリオ', sans-serif;
	background-color: #FFFFFF;
	
	font-size: 16px;
	line-height: 1.625;
	color: #444;
	-webkit-text-size-adjust: 100%;
}
html.macintosh,
html.ios{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
body{
}

img{
	border: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

a[href]{
	text-decoration: none;
}
a[href]:link{
	color: #666;
}
.mouseUI a[href]:hover{
	text-decoration: underline;
}

table{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}	
.right{
	text-align:right;
}
.left{
	text-align:left;
}

.leftbox{
	float: left;
}
.rightbox{
	float: right;
}
.lefting{
	float: left;
	max-width: 50%;
	margin: 0 10px 10px 0;
}
.righting{
	float: right;
	max-width: 50%;
	margin: 0 0 10px 10px;
}
.centering{
	text-align: center;
}
.clear{
	clear: both;
}

a[onclick]{
	cursor: pointer;
}

a.mouseon{
	display: inline-block;
	vertical-align: top;
	position: relative;
}
a.mouseon span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: contain;
	background-position: 0 0;
	background-repeat: no-repeat;
	opacity: 0;
}
a.mouseon img{
	vertical-align: top;
}
.mouseUI a.mouseon:hover span{
	opacity: 1;
}
.mouseUI a.mouseon:hover img{
	opacity: 0;
}
ruby{
	line-height: 1.5;
}

/*----------------------------------------------------------------------*/
/* ラッパー */
#MainWrapper{
	padding: 0;
	height: auto;
	max-width: 900px;
	margin: 0 auto;
	
	border-width: 0 1px;
	border-style: solid;
	border-color: #666;
	
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: 900px auto;
}
#MainWrapper.toppage{
	background-image: url(../images/page_bg.jpg);
}
@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.25dppx){
	#MainWrapper.toppage{
		background-image: url(../images/page_bg_2x.jpg);
	}
}
@media (max-width:898px){
	#MainWrapper{
		border-width: 0;
	}
}
@media (max-width:740px){
	#MainWrapper.toppage{
		background-image: none;
	}
}

#MainWrapper:after{
	/* プリロードする画像をここに列挙しよう！ */
	/*background-image: url(../images/menuon.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0.05;*/
}

/*----------------------------------------------------------------------*/
/* ヘッダ */
#MainHeader{
	margin: 0px;
	padding: 0px;
	position: relative;
	
	background-image: url(../images/page_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 900px auto;
}
@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.25dppx){
	#MainHeader{
		background-image: url(../images/page_bg_2x.jpg);
	}
}
@media (max-width:740px){
	#MainHeader{
		background-image: url(../images/page_mobilebg.jpg);
		background-size: 100% auto;
	}
	#MainHeader:before{
		content: "";
		display: block;
		padding: 28% 0 0;
	}
}

#MainHeader #BackToHome{
	text-align: right;
	margin: 0;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.666666666666667;
	letter-spacing: 0.1em;
}
#MainHeader #BackToHome a{
	display: inline-block;
	vertical-align: top;
	background-image: url(../images/back_home.png);
	background-size: auto 100%;
	border-radius: 99px;
	padding: 0 1em 0 2em;
	
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Helvetica Neue', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Helvetica', 'メイリオ', sans-serif;
}
.mouseUI #MainHeader #BackToHome a:hover{
	color: #fff;
}
#MainHeader #MainTitle{
	margin: 0;
	line-height: 119px;
	color: transparent;
}
#MainHeader #MainTitle a{
	display: block;
	max-width: 500px;
	margin: 0 auto;
	color: transparent;
}

#MenuOpener{
	display: none;
	position: absolute;
	top: 65%;
	right: 0;
	margin: -22px 2%;
	width: 44px;
	height: 44px;
	cursor: pointer;
	color: transparent;
}
#MenuOpener:before,
#MenuOpener:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACwBAMAAABdmfltAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFAAAAAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeMhEuiAAAABB0Uk5TACCf3/+Pr+9wEL9QgDDPYBQWlHMAAAD+SURBVHgB7dohSAZBEMXxuU8VDOL1JJhsInYEn5xJDHa+ni9YbIJgEqsd7M1eDTY72LEne5sXXln+v86y7N0M7L4pDAsAAADAdCLD+Vxd97JcV9O+TFtjw4ktT7L1Tnkj23F17Mh2Vh27sl2OtXD+jPdku6uOaZVpmavlSaab6tn49dH0LMtDdR28XKjt6uO1xgEAAPD+ZfistjdZTqvpcJVl+a6eH5keq+dXpttqOZLtz7r8G7bcTPML5z9e/neLF0igpPNNKN827UYPAAAwgMDjfyCuiAcs+UhokmuZY7HbAGEsYWwyos8PFeTHIPKDG/6oSX44BgAAAAAG8w/3DOhZVKXIFwAAAABJRU5ErkJggg==);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
#MenuOpener:after{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACwBAMAAABdmfltAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRQTFRFAAAAAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeMF/03gAAAAx0Uk5TAECAMGDf/1AQr4+f7sw4GQAAAXZJREFUeAHswYEAAAAAgKD9qRepCgAAAIDFwKikZIBblllJSYA8c1nC0tJSC3DJsoNkHcgxl2NaGhBk4ZJeBpLNbCDDYM40MNiAXZYbIjuBDIPdIFqzsctug8imkGFwGIBVOiZCKABiKMhAhwokYOqHgh49qEAfApaGTE7Auy0SyIBzFJNIIANO/h/GOYEMOLkVYciAyzBkwG0YsuAifIlkwbkXc5Ms+Ch2/JIs+FGEr4EMOO9TcR/IgJ9N18LvfyPyAGxjBTYyAltZgc0swJJXYMkzsGTBG7LgEVnwiCx4RBY8JwsekQVvyIJHZMEbsuARWfCGLHhEFrwhCx6Rv9owFAwGtGcnBQAAIRRC+7cmxbtBg1n1I9gKcHjgusEHAp60/4T8t8k+elWaWDFV5Z81LKrFYk2hamNZ462iAgs3Io6BAAkiLwjpQCsAEQLUDZBNQI8BoWcUpJemTPMyMa1UOpP/bFzBBixqJOSGWDMzMzMzMzMzEwZ3mT/c6FAIAAAAAElFTkSuQmCC);
	opacity: 0;
}
#MenuOpener[aria-expanded="true"]:before,
#MenuOpener[aria-expanded="true"]:after{
	opacity: 0;
	transform: rotate(90deg);
}
#MenuOpener[aria-expanded="true"]:after{
	opacity: 1;
}

#MainHeader ul{
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%);
	
	font-family: 'Helvetica Neue', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Helvetica', 'メイリオ', sans-serif;
}
#MainWrapper.toppage #MainHeader ul{
	background-image: none;
}
#MainHeader ul li{
	display: block;
	margin: 0;
	padding: 0;
}
#MainHeader ul li a{
	display: block;
	position: relative;
	margin: 3px 0 3px 3px;
	line-height: 25px;
	font-size: 11px;
	font-weight: bold;
	background-color: #00479d;
	color: #fff !important;
	text-decoration: none !important;
	padding: 0 6px 0 27px;
	border-radius: 99px;
	white-space: nowrap;
}
#MainHeader ul li a:before{
	content: "";
	display: block;
	width: 31px;
	position: absolute;
	top: -3px;
	left: -3px;
	bottom: -3px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAB8CAMAAACcwCSMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGNQTFRFAAAAAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeIF6qEFOkQHW2cJjIj6/Vv9Hnz93t////AEeeUIG8YIzCr8bhn7rb3+jz7/T5MGqwgKPPBzMPXgAAABl0Uk5TABBAcIC/7/8wr99gnyCPUP//////////z5sRqH4AAAMrSURBVHgB1JjBsqowDIYPIA2IKK3QCGLx/Z/yLu6MhyCUpqWL862Z+Sbtn6T6wydJs1OeC/gg8vyUpclPbIqsPMMG5zIroomT6iJgB3GpYpxAVYIjZXWsub4KYCCu9WHqNAc2eRpXHV9fMNVEX4QF/AJBXAKiXwkIRFS+Ec/hAHKv4N8cym5cir/x3Zbbluredho/6K69K2m5eW7SHlvivtW4im57Ces8WLkrxLp5eKKV57DuF0VoytWIDowqLPUVrDBodEQPsELl7x5eyOA1cO0Wt+qQSac4dotbjujBKL/tfHdv0AvTM+3fPSZb9KaVrI5Llu5GYwC6WdoTi/wBlMlgEGYCysN9ng8YzOA6529MdzcoNXRM+8aOq4Wrm6S5Nyy7qFflOa9uRYLhbs8tHe7qHgE87dVul024g2J8PO31G016Y3AHVjwae+ILOtc07gEcu6azrrCmrcVdGpa9tWUupbvEcXow7HTLpNuFS4P7vCTLbuRm6bTwEV0YgWVvN0snhSvEGHa1UXoNczqMYu9gTv2RXxnJ8beTiF4/cjLcXhjJ/iJjjkx1TuEW++hQOpnwJczQGM2uYUb5350woh5mJ4FPvk99RC6tu32k577cZxL5DO52+bXbBI1bPDv9Unwt0ydGtT+XizWjpx7VTs49WzRaj5Ht/aLZzvQREdVOWuO86HKNwXb7S0zTTk/plce206We0fEW265I4k7wyx2D6B3sd/jlRB4xbfgPYrudJi4n8g6j2zsiF5awm/cEfKx2TQYszLD/q3GMHWZY5Ia4fWmMl/wNh/D2kk9wCJObXCIBDuIPyP8Vb9cGAEIBDEQr3GX/WWlxh8cE2LfkDrx288P5oWYnGTq90oWFLql0M0G3UZMs6O8NJN06w0ODPi7RgyI9ItNwwMYiNBCiURgNAW38SYNfG3nTsJ/WHLOCp/+34KHVli31aJ1pi1xaYdvynmILFtiwqAqFdCyeZMEsi6RRGM9iiKsAZv/KY0dR5tFTD9163NiD1gIxB3D9C1pBtKYV7Akl7wsVZ6+w8iqJl2i8PuTFKa+MeVnOa4JekPRqKJBigQ48AFR438B47eilAAAAAElFTkSuQmCC);
	background-size: contain;
	background-repeat: no-repeat;
}
.mouseUI #MainHeader ul li a:hover:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAB8CAMAAACcwCSMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGNQTFRFAAAAAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeAEeeIF2XEFKaQHOQcJSFj6p9v8tzz9Zv//dkAEeeUH6MYImIr8B2n7V63+Fr7+xoMGiTgJ+BU2u2uwAAABl0Uk5TABBAcIC/7/8wr99gnyCPUP//////////z5sRqH4AAAMrSURBVHgB1JjBsqowDIYPIA2IKK3QCGLx/Z/yLu6MhyCUpqWL862Z+Sbtn6T6wydJs1OeC/gg8vyUpclPbIqsPMMG5zIroomT6iJgB3GpYpxAVYIjZXWsub4KYCCu9WHqNAc2eRpXHV9fMNVEX4QF/AJBXAKiXwkIRFS+Ec/hAHKv4N8cym5cir/x3Zbbluredho/6K69K2m5eW7SHlvivtW4im57Ces8WLkrxLp5eKKV57DuF0VoytWIDowqLPUVrDBodEQPsELl7x5eyOA1cO0Wt+qQSac4dotbjujBKL/tfHdv0AvTM+3fPSZb9KaVrI5Llu5GYwC6WdoTi/wBlMlgEGYCysN9ng8YzOA6529MdzcoNXRM+8aOq4Wrm6S5Nyy7qFflOa9uRYLhbs8tHe7qHgE87dVul024g2J8PO31G016Y3AHVjwae+ILOtc07gEcu6azrrCmrcVdGpa9tWUupbvEcXow7HTLpNuFS4P7vCTLbuRm6bTwEV0YgWVvN0snhSvEGHa1UXoNczqMYu9gTv2RXxnJ8beTiF4/cjLcXhjJ/iJjjkx1TuEW++hQOpnwJczQGM2uYUb5350woh5mJ4FPvk99RC6tu32k577cZxL5DO52+bXbBI1bPDv9Unwt0ydGtT+XizWjpx7VTs49WzRaj5Ht/aLZzvQREdVOWuO86HKNwXb7S0zTTk/plce206We0fEW265I4k7wyx2D6B3sd/jlRB4xbfgPYrudJi4n8g6j2zsiF5awm/cEfKx2TQYszLD/q3GMHWZY5Ia4fWmMl/wNh/D2kk9wCJObXCIBDuIPyP8Vb9cGAEIBDEQr3GX/WWlxh8cE2LfkDrx288P5oWYnGTq90oWFLql0M0G3UZMs6O8NJN06w0ODPi7RgyI9ItNwwMYiNBCiURgNAW38SYNfG3nTsJ/WHLOCp/+34KHVli31aJ1pi1xaYdvynmILFtiwqAqFdCyeZMEsi6RRGM9iiKsAZv/KY0dR5tFTD9163NiD1gIxB3D9C1pBtKYV7Akl7wsVZ6+w8iqJl2i8PuTFKa+MeVnOa4JekPRqKJBigQ48AFR438B47eilAAAAAElFTkSuQmCC);
}

@media (max-width:888px){
	#MainHeader ul li a{
		font-size: 10px;
		line-height: 22px;
		padding: 0 6px 0 25px;
	}
	#MainHeader ul li a:before{
		width: 28px;
	}
}
@media (max-width:800px){
	#MainHeader ul li a{
		letter-spacing: -1px;
	}
}
@media (max-width:740px){
	#MainHeader #BackToHome{
		position: absolute;
		top: 0;
		right: 0;
		padding: 0.416666666666667em;
		letter-spacing: 0;
	}
	#MainHeader #BackToHome a{
		padding-right: 0.75em;
	}
	#MainHeader #MainTitle{
		position: absolute;
		top: 30%;
		left: 0;
		line-height: 3;
	}
	#MenuOpener{
		display: block;
	}
	#MainHeader ul{
		position: absolute;
		z-index: 9999;
		top: calc(65% + 26px);
		right: 5px;
		
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.2s ease-out;
		
		display: block;
		background-image: none;
		background-color: #fff;
		box-shadow: 0 6px 12px rgba(0,0,0,0.25);
		border: 2px solid #00479d;
		border-radius: 10px;
		padding: 10px;
	}
	#MainHeader ul:before{
		content: "";
		display: block;
		border-width: 0 8px 8px;
		border-color: rgba(0,71,158,0) rgba(0,71,158,0) rgba(0,71,158,1);
		border-style: solid;
		position: absolute;
		right: 15px;
		top: -10px;
	}
	#MainHeader #MenuOpener[aria-expanded="true"] + ul{
		opacity: 1;
		pointer-events: auto;
	}
	#MainHeader ul li + li{
		margin: 10px 0 0;
		padding: 10px 0 0;
		border-top: 1px solid #eee;
	}
	#MainHeader ul li a{
		font-size: 16px;
		text-align: left;
		background-color: #fff;
		color: #00479d !important;
		padding: 0 2em 0 0;
		margin: 0;
	}
	#MainHeader ul li a:before{
		left: auto;
		right: 0;
		top: 0;
		bottom: 0;
		background-position: 100% 50%;
	}
}
@media (max-width:460px){
	#MainHeader #BackToHome a span{
		display: none;
	}
}

/*----------------------------------------------------------------------*/
/* フッタ */

#MainFooter{
	clear:both;
}
#MainFooter ul{
	display: block;
	margin: 0;
	padding: 0 10px 3px;
	list-style: none;
	font-size: 0;
}
#MainFooter ul li{
	display: inline-block;
	vertical-align: top;
	background-image: url(../images/qanda/footer_list_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 13px;
	padding: 0 13px;
}
#MainFooter p{
	text-align: center;
	color: #fff;
	background-color: #00479d;
	line-height: 1.875;
	font-weight: normal;
	font-style: normal;
	font-family: 'Helvetica Neue', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Helvetica', 'メイリオ', sans-serif;
}
#MainFooter p{
	margin: 0;
}
#MainFooter p small{
	font-size: 1em;
}






/*----------------------------------------------------------------------*/
/* トップページ */
.top_contents{
	display: block;
}

.top_contents_top{
	padding: 10px 20px;
}
.top_contents_top ul{
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
.top_contents_top ul li{
	flex-basis: 33.488372093023256%; /*288 / 860*/
}
.top_contents_top ul li + li{
	flex-basis: 33.13953488372093% /*285 / 860*/
}
.top_contents_top ul li + li + li{
	flex-basis: 33.372093023255814%; /*287 / 860*/
}
.top_contents_top ul li a{
	display: block;
}
.top_contents_top ul li a img{
	width: 100%;
	height: auto;
	vertical-align: top;
}
@media (max-width:740px){
	.top_contents_top{
		/*padding: 0;*/
	}
}
@media (max-width:600px){
	.top_contents_top{
		padding: 10px 30px 0;
	}
	.top_contents_top ul{
		display: block;
	}
	.top_contents_top ul li{
		/*flex-basis: 50.261780104712042%;*/ /*288 / 573*/
	}
	.top_contents_top ul li + li{
		margin: 10px 0 0;
		/*flex-basis: 49.738219895287958%*/ /*285 / 573*/
	}
	.top_contents_top ul li + li + li{
		/*flex-basis: 50.261780104712042%;*/ /*288 / 573*/
	}
}



.top_contents_bottom_onlybanners{
	padding: 5px 20px 38px;
	
	background-image: url(../images/page_bottom.png);
	background-size: 900px;
	background-position: 0 100%;
	background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.25dppx){
	.top_contents_bottom_onlybanners{
		background-image: url(../images/page_bottom_2x.png);
	}
}

.top_contents_bottom_onlybanners > nav{
	display: flex;
	justify-content: space-between;
	padding: 0 0 0;
	margin: -5px;
}
.top_contents_bottom_onlybanners > nav ul{
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	margin: 0;
	list-style: none;
	white-space: nowrap;
	max-width: 390px;
	font-size: 0;
}
.top_contents_bottom_onlybanners > nav ul + ul{
	max-width: 313px;
}
.top_contents_bottom_onlybanners > nav ul li{
	max-width: 101px;
	padding: 5px;
	box-sizing: border-box;
}
.top_contents_bottom_onlybanners > nav ul li:only-child{
	max-width: none;
}
.top_contents_bottom_onlybanners > nav ul li a{
	display: block;
}
.top_contents_bottom_onlybanners > nav ul li a img{
	width: 100%;
	height: auto;
	vertical-align: top;
}

.top_contents_bottom_onlybanners > p{
	flex-basis: 100%;
	text-align: right;
	margin: 1em 0 0;
	font-size: 0.8em;
}

@media (max-width:600px){
	.top_contents_bottom_onlybanners{
		padding: 10px 30px 30px;
	}
	.top_contents_bottom_onlybanners > nav{
		display: block;
		text-align: center;
	}
	.top_contents_bottom_onlybanners > nav ul{
		margin: 0 auto;
		max-width: none !important;
	}
	.top_contents_bottom_onlybanners > nav ul li{
		max-width: none !important;
		width: 100%;
	}
	/*.top_contents_bottom_onlybanners{
		padding: 10px;
		justify-content: center;
	}
	.top_contents_bottom_onlybanners #TopRankingZone{
		flex-basis: 100%;
	}
	.top_contents_bottom_onlybanners #TopRankingZone > p{
		margin: 0;
	}
	.top_contents_bottom_onlybanners > nav{
		padding: 10px 0 0;
		flex-basis: 100%;
	}
	.top_contents_bottom_onlybanners > nav ul li{
		max-width: none;
	}*/
}



.top_contents_bottom{
	display: flex;
	flex-wrap: wrap;
	padding: 0 20px 32px;
	
	background-image: url(../images/page_bottom.png);
	background-size: 900px;
	background-position: 0 100%;
	background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.25dppx){
	.top_contents_bottom{
		background-image: url(../images/page_bottom_2x.png);
	}
}

.top_contents_bottom #TopRankingZone{
	justify-content: 54.651162790697674%;
	max-width: 470px;
	flex-grow: 1;
}
.top_contents_bottom #TopRankingZone h2{
	display: block;
	margin: 0;
	font-size: 0;
}
.top_contents_bottom #TopRankingZone h2 img{
	width: 100%;
	height: auto;
	vertical-align: top;
}
.top_contents_bottom #TopRankingZone > div{
	background-image: url(../images/ranking_body.png);
	background-size: 100% auto;
	background-repeat: repeat-y;
	padding: 0 1.5%;
	overflow: hidden;
}
.top_contents_bottom #TopRankingZone > div table{
	border-collapse: collapse;
	margin: 0;
	border: none;
	border-spacing: 0;
	width: 100%;
}
.top_contents_bottom #TopRankingZone > div table td{
	padding: 2px 4px;
	border-bottom: #ccc 1px dashed;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
.top_contents_bottom #TopRankingZone > div table td img{
	vertical-align: middle;
}
.top_contents_bottom #TopRankingZone > div p{
	text-align: right;
	font-size: 0.75em;
}

.top_contents_bottom #TopRankingZone > p{
	background-image: url(../images/ranking_foot.png);
	background-size: 100% auto;
	background-position: 0 100%;
	background-repeat: no-repeat;
	
	padding: 0 1.5% 5.161290322580645%;
	margin: 0 0 -5.161290322580645%;
	
	overflow: hidden;
	text-align: right;
	font-size: 0.75em;
	font-family: 'Helvetica Neue', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Helvetica', 'メイリオ', sans-serif;
	font-weight: bold;
}
.top_contents_bottom #TopRankingZone > p a{
	color: #313131;
}
.mouseUI .top_contents_bottom #TopRankingZone > p a:hover{
	color: #1a4d96;
}

.top_contents_bottom > nav{
	padding: 2px 0 0 10px;
	flex-basis: 44.186046511627907%;
	max-width: 380px;
	flex-grow: 1;
}
.top_contents_bottom > nav ul{
	display: flex;
	margin: -2px -3px -2px -2px;
	list-style: none;
}
.top_contents_bottom > nav ul + ul{
	margin-top: 5px;
}
.top_contents_bottom > nav ul li{
	flex-basis: 25%;
	padding: 2px 3px 2px 2px;
	max-width: 96px;
	box-sizing: border-box;
}
.top_contents_bottom > nav ul li:only-child{
	flex-basis: 100%;
	max-width: none;
}
.top_contents_bottom > nav ul li a{
	display: block;
}
.top_contents_bottom > nav ul li a img{
	width: 100%;
	height: auto;
	vertical-align: top;
}

.top_contents_bottom > p{
	flex-basis: 100%;
	text-align: right;
	margin: 1em 0 0;
	font-size: 0.8em;
}

@media (max-width:901px){
	.top_contents_bottom{
		padding: 10px;
		justify-content: center;
	}
	.top_contents_bottom #TopRankingZone{
		flex-basis: 100%;
	}
	.top_contents_bottom #TopRankingZone > p{
		margin: 0;
	}
	.top_contents_bottom > nav{
		padding: 10px 0 0;
		flex-basis: 100%;
	}
	.top_contents_bottom > nav ul li{
		max-width: none;
	}
}


/*----------------------------------------------------------------------*/
/* その他 */

/* HTML5要素のフォールバック */
header,footer,main,article,section,nav{
	display: block;
}
*[hidden]{
	display: none;
}