/*------------------------------------------------*
	[ Top CSS ]
		filename:top.css
		Top CSS
		by:yk
*------------------------------------------------*/


/*------------------------------------------------*
トップ中央ユニット*/

#munit #cunit #topnavi ul{
		list-style: none;
		margin: 0;
		padding: 0;
		}
#munit #cunit #topnavi ul li{
		display: inline;
		float: left;
		padding-left: 5px;
		}
#munit #cunit #topnavi ul #tn01{
		padding-left: 0px;
		}
#munit #cunit #topnavi ul li a{
		display: block;
		float: left;
		width: 135px;
		height: 25px;
		_height: 100px;
		background-repeat: no-repeat;
		text-align: center;
		padding: 75px 0 0 0;
		color: #ffffff;
		font-weight: bold;
		}
#munit #cunit #topnavi ul #tn01 a{
		background-image: url('../image/tn_01.gif');
		}
#munit #cunit #topnavi ul #tn02 a{
		background-image: url('../image/tn_02.gif');
		}
#munit #cunit #topnavi ul #tn03 a{
		background-image: url('../image/tn_03.gif');
		}
#munit #cunit #topnavi ul #tn04 a{
		background-image: url('../image/tn_04.gif');
		}


/*tunit01*/
#tunit01{
		clear: both;
		}


#topimg{
		width: 328px;
		float: left;
		margin-bottom: 10px;
		font-size: 81%;
		}
#topimg p{
		margin-bottom: 5px;
		}

#tunit01_2{
		width: 220px;
		float: right;
		margin-bottom: 10px;
		}
#tunit01_2 h2{
		background-image: url('../image/tunit01_h2.gif');
		background-repeat: no-repeat;
		font-size: 94%;
		color: #2A5782;
		padding: 5px 10px 3px 10px;
		margin-bottom: 0px;
		}
#tunit01_2 #gyosei{
		background-image: url('../image/tunit_gyosei_bg.gif');
		background-repeat: no-repeat;
		background-position: left bottom;
		padding: 10px;
		}
#tunit01_2 #gyosei p{
		font-size: 81%;
		margin-bottom: 5px;
		}
#tunit01_2 #gyosei .gdata{
		border-top: 1px dotted #8d8d8d;
		}
#tunit01_2 #gyosei a{
		text-decoration: underline;
		}


/*トップライフイベント*/
#tople	{
		clear: both;
		margin-bottom: 10px;
		background-image: url('../image/waku_557.gif');
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-bottom: 10px;
		}
#tople h2{
		background-image: url('../image/tople_h3.gif');
		background-repeat: no-repeat;
		font-size: 100%;
		padding: 8px 0px 7px 40px;
		margin-bottom: 0px;
		}
#tople ul{
		list-style: none;
		margin: 0;
		padding: 0 0 0 4px;
		height: 110px;
		font-size: 81%;
		border-left: 1px solid #C7C7C7;
		border-right: 1px solid #C7C7C7;
		}
#tople ul li{
		display: inline;
		float: left;
		padding: 0;
		margin: 0;
		}
#tople ul li a{
		background-image: url('../image/topleico.gif');
		background-repeat: no-repeat;
		display: block;
		width: 60px;
		float: left;
		text-align: center;
		padding-top: 60px;
		color: #333333;
		}
#tople ul .tle01 a{
		background-position: 0 0;
		}
#tople ul .tle01 a:hover{
		background-position: 0 -120px;
		}

#tople ul .tle02 a{
		background-position: -60px 0;
		}
#tople ul .tle02 a:hover{
		background-position: -60px -120px;
		}

#tople ul .tle03 a{
		background-position: -120px 0;
		}
#tople ul .tle03 a:hover{
		background-position: -120px -120px;
		}

#tople ul .tle04 a{
		background-position: -180px 0;
		}
#tople ul .tle04 a:hover{
		background-position: -180px -120px;
		}

#tople ul .tle05 a{
		background-position: -240px 0;
		}
#tople ul .tle05 a:hover{
		background-position: -240px -120px;
		}

#tople ul .tle06 a{
		background-position: -300px 0;
		}
#tople ul .tle06 a:hover{
		background-position: -300px -120px;
		}

#tople ul .tle07 a{
		background-position: -360px 0;
		}
#tople ul .tle07 a:hover{
		background-position: -360px -120px;
		}

#tople ul .tle08 a{
		background-position: -420px 0;
		}
#tople ul .tle08 a:hover{
		background-position: -420px -120px;
		}

#tople ul .tle09 a{
		background-position: -480px 0;
		}
#tople ul .tle09 a:hover{
		background-position: -480px -120px;
		}


/*ベスト10*/
#b10_01	{
		width: 310px;
		float: left;
		background-image: url('../image/b10_02.gif');
		background-repeat: no-repeat;
		background-position: left bottom;
		margin-bottom: 10px;
		}
#b10_02{
		background-image: url('../image/b10_01.gif');
		background-repeat: no-repeat;
		padding-top: 10px;
		}
#bestten{
		background-image: url('../image/best10_bg.gif');
		background-repeat: repeat-y;
		margin-bottom: 10px;
		}

#bestten #btitle{
		width: 120px;
		_width: 140px;
		float: left;
		padding: 0px 10px 0px 10px ;
		font-size: 81%;
		}
#bestten #btitle h2{
		color: #2a5782;
		font-size: 110%;
		background-image: url('../image/best10_h2.gif');
		background-repeat: no-repeat;
		padding-top: 67px;
		background-position: center top;
		}

#bestten ol{
		width: 132px;
		_width: 170px;
		float: right;
		margin: 0;
		padding: 8px 8px 8px 30px;
		font-size: 81%;
		}
#bestten ol li{
		/*list-style-position: inside;*/
		margin-bottom: 3px;
		}

#cunit #bana li{
		padding-left: 20px;
		}


/*------------------------------------------------*
トップ右ユニット*/

#munit #runit{
		border-left: 1px dotted #8d8d8d;
		}

#munit #runit #rbana{
		padding-left: 10px;
		}