@charset "utf-8";

/*
******************************************************************************************************************
 * Style Name: 
 * Style URI: 
 * Description: トップレイアウト用CSS
 * Version: 1.0
 * Last Up Date: 2009.12.29
 * Author: Rail Link
 * Structure: 

******************************************************************************************************************/
#topContainer { 
	background: url(../images/top/bg_top.jpg) no-repeat top center;
}

#topOutline {
	float: left;
	width: 690px;
}

		#recommendTop ul { padding: 0 20px 20px 0;}
		 
			 #recommendTop ul li {
				color: #999;
				display: inline;
				display: inline-block;
				line-height: 120%;
				margin: 0 0 10px 22px;
				vertical-align: top;
				width: 110px;
				_margin: 0 0 10px 18px; /* IE6 */
				/display: inline; /* IE6,7 */
				/zoom: 1; /* IE6,7 */
			 }
			 
		#searchTop { padding: 0 20px;}
		#searchTop .left { float: left;}
		#searchTop .right { float: right;}
	
	h2#tiAreaPickup {
		position: relative;
		top: 3px;
		z-index: 100;
	}
	
	#topOutline #areaPickup {
		background: url(../images/top/img_rosen_default.gif) no-repeat;
		float: left;
		height: 369px;
		width: 520px;
	}
	#areaPickup .left { float: left;}
	#areaPickup li { text-indent: -9999px;}
	
	#areaPickup li a {
		display: block;
		height: 100%;
		width: 70px;
	}
	
	#areaPickup .wi01 { width: 70px;}
	#areaPickup .he01 { height: 25px;}
	#areaPickup .he02 { height: 26px;}
	#areaPickup .he03 { height: 28px;}
	
	#areaPickup #ap1_1 {position: relative; top: 153px; left: 6px;}
	#areaPickup li#ap1_1_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -6px -153px;}
	#areaPickup li#ap1_1_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -6px -178px;}
	#areaPickup li#ap1_1_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -6px -203px;}
	#areaPickup li#ap1_1_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -6px -153px;}
	#areaPickup li#ap1_1_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -6px -178px;}
	#areaPickup li#ap1_1_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -6px -203px;}
	
	#areaPickup #ap1_2 {position: relative; top: 158px; left: 6px;}
	#areaPickup li#ap1_2_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -6px -234px;}
	#areaPickup li#ap1_2_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -6px -259px;}
	#areaPickup li#ap1_2_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -6px -284px;}
	#areaPickup li#ap1_2_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -6px -234px;}
	#areaPickup li#ap1_2_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -6px -259px;}
	#areaPickup li#ap1_2_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -6px -284px;}
	
	#areaPickup #ap2_1 {position: relative; top: -24px; left: 79px;}
	#areaPickup li#ap2_1_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -79px -128px;}
	#areaPickup li#ap2_1_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -79px -153px;}
	#areaPickup li#ap2_1_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -79px -178px;}
	#areaPickup li#ap2_1_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -79px -128px;}
	#areaPickup li#ap2_1_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -79px -153px;}
	#areaPickup li#ap2_1_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -79px -178px;}
	
	#areaPickup #ap2_2 {position: relative; top: 29px; left: 79px;}
	#areaPickup li#ap2_2_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -79px -259px;}
	#areaPickup li#ap2_2_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -79px -284px;}
	#areaPickup li#ap2_2_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -79px -309px;}
	#areaPickup li#ap2_2_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -79px -259px;}
	#areaPickup li#ap2_2_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -79px -284px;}
	#areaPickup li#ap2_2_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -79px -309px;}
	
	#areaPickup #ap3_1 {position: relative; top: 6px; left: 82px;}
	#areaPickup li#ap3_1_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -152px -6px;}
	#areaPickup li#ap3_1_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -152px -31px;}
	#areaPickup li#ap3_1_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -152px -6px;}
	#areaPickup li#ap3_1_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -152px -31px;}
	
	#areaPickup #ap3_2 {position: relative; top: -90px; left: 82px;}
	#areaPickup li#ap3_2_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -152px -62px;}
	#areaPickup li#ap3_2_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -152px -87px;}
	#areaPickup li#ap3_2_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -152px -112px;}
	#areaPickup li#ap3_2_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -152px -62px;}
	#areaPickup li#ap3_2_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -152px -87px;}
	#areaPickup li#ap3_2_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -152px -112px;}
	
	#areaPickup #ap3_3 {position: relative; top: -28px; left: 82px;}
	#areaPickup li#ap3_3_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -152px -202px;}
	#areaPickup li#ap3_3_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -152px -227px;}
	#areaPickup li#ap3_3_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -152px -252px;}
	#areaPickup li#ap3_3_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -152px -202px;}
	#areaPickup li#ap3_3_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -152px -227px;}
	#areaPickup li#ap3_3_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -152px -252px;}
	
	#areaPickup #ap3_4 {position: relative; top: -23px; left: 82px;}
	#areaPickup li#ap3_4_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -152px -285px;}
	#areaPickup li#ap3_4_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -152px -310px;}
	#areaPickup li#ap3_4_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -152px -285px;}
	#areaPickup li#ap3_4_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -152px -310px;}
	
	#areaPickup #ap4_1 {position: relative; top: -74px; left: 85px;}
	#areaPickup li#ap4_1_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -224px -78px;}
	#areaPickup li#ap4_1_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -224px -103px;}
	#areaPickup li#ap4_1_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -224px -128px;}
	#areaPickup li#ap4_1_4 { background:url(../images/top/img_rosen_bt.gif) no-repeat -224px -153px;}
	#areaPickup li#ap4_1_5 { background:url(../images/top/img_rosen_bt.gif) no-repeat -224px -178px;}
	#areaPickup li#ap4_1_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -224px -78px;}
	#areaPickup li#ap4_1_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -224px -103px;}
	#areaPickup li#ap4_1_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -224px -128px;}
	#areaPickup li#ap4_1_4 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -224px -153px;}
	#areaPickup li#ap4_1_5 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -224px -178px;}
	
	#areaPickup #ap4_2 {position: relative; top: -69px; left: 85px;}
	#areaPickup li#ap4_2_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -224px -210px;}
	#areaPickup li#ap4_2_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -224px -235px;}
	#areaPickup li#ap4_2_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -224px -260px;}
	#areaPickup li#ap4_2_4 { background:url(../images/top/img_rosen_bt.gif) no-repeat -224px -285px;}
	#areaPickup li#ap4_2_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -224px -210px;}
	#areaPickup li#ap4_2_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -224px -235px;}
	#areaPickup li#ap4_2_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -224px -260px;}
	#areaPickup li#ap4_2_4 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -224px -285px;}
	
	#areaPickup #ap5_1 {position: relative; top: 6px; left: 158px;}
	#areaPickup li#ap5_1_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -298px -6px;}
	#areaPickup li#ap5_1_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -298px -6px;}
	
	#areaPickup #ap5_2 {position: relative; top: 1px; left: 88px;}
	#areaPickup li#ap5_2_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -298px -153px;}
	#areaPickup li#ap5_2_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -298px -178px;}
	#areaPickup li#ap5_2_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -298px -153px;}
	#areaPickup li#ap5_2_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -298px -178px;}
	
	#areaPickup #ap5_3 {position: relative; top: 30px; left: 88px;}
	#areaPickup li#ap5_3_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -298px -235px;}
	#areaPickup li#ap5_3_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -298px -260px;}
	#areaPickup li#ap5_3_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -298px -285px;}
	#areaPickup li#ap5_3_4 { background:url(../images/top/img_rosen_bt.gif) no-repeat -298px -310px;}
	#areaPickup li#ap5_3_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -298px -235px;}
	#areaPickup li#ap5_3_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -298px -260px;}
	#areaPickup li#ap5_3_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -298px -285px;}
	#areaPickup li#ap5_3_4 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -298px -310px;}
	
	#areaPickup #ap6_1 {position: relative; top: -140px; left: 92px;}
	#areaPickup li#ap6_1_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -12px;}
	#areaPickup li#ap6_1_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -37px;}
	#areaPickup li#ap6_1_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -62px;}
	#areaPickup li#ap6_1_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -12px;}
	#areaPickup li#ap6_1_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -37px;}
	#areaPickup li#ap6_1_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -62px;}
	
	#areaPickup #ap6_2 {position: relative; top: -135px; left: 92px;}
	#areaPickup li#ap6_2_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -95px;}
	#areaPickup li#ap6_2_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -120px;}
	#areaPickup li#ap6_2_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -95px;}
	#areaPickup li#ap6_2_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -120px;}
	
	#areaPickup #ap6_3 {position: relative; top: -130px; left: 92px;}
	#areaPickup li#ap6_3_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -153px;}
	#areaPickup li#ap6_3_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -178px;}
	#areaPickup li#ap6_3_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -203px;}
	#areaPickup li#ap6_3_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -153px;}
	#areaPickup li#ap6_3_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -178px;}
	#areaPickup li#ap6_3_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -203px;}
	
	#areaPickup #ap6_4 {position: relative; top: -125px; left: 92px;}
	#areaPickup li#ap6_4_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -235px;}
	#areaPickup li#ap6_4_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -260px;}
	#areaPickup li#ap6_4_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -285px;}
	#areaPickup li#ap6_4_4 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -310px;}
	#areaPickup li#ap6_4_5 { background:url(../images/top/img_rosen_bt.gif) no-repeat -371px -335px;}
	#areaPickup li#ap6_4_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -235px;}
	#areaPickup li#ap6_4_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -260px;}
	#areaPickup li#ap6_4_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -285px;}
	#areaPickup li#ap6_4_4 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -310px;}
	#areaPickup li#ap6_4_5 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -371px -335px;}
	
	#areaPickup #ap7_1 {position: relative; top: 34px; left: 235px;}
	#areaPickup li#ap7_1_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -444px -34px;}
	#areaPickup li#ap7_1_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -444px -59px;}
	#areaPickup li#ap7_1_3 { background:url(../images/top/img_rosen_bt.gif) no-repeat -444px -84px;}
	#areaPickup li#ap7_1_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -444px -34px;}
	#areaPickup li#ap7_1_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -444px -59px;}
	#areaPickup li#ap7_1_3 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -444px -84px;}
	
	#areaPickup #ap7_2 {position: relative; top: 126px; left: 235px;}
	#areaPickup li#ap7_2_1 { background:url(../images/top/img_rosen_bt.gif) no-repeat -444px -202px;}
	#areaPickup li#ap7_2_2 { background:url(../images/top/img_rosen_bt.gif) no-repeat -444px -227px;}
	#areaPickup li#ap7_2_1 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -444px -202px;}
	#areaPickup li#ap7_2_2 a:hover { background:url(../images/top/img_rosen_bt_o.gif) no-repeat -444px -227px;}
	
	#topOutline #areaFav {
		float: right;
		width: 160px;
	}
	
		#topOutline #areaFav .bgFav {
			border: 1px solid #eee;
			padding: 10px;
		}
		
		#areaFav .bgFav ol li { margin-bottom: 5px; padding-left: 25px;}
		#areaFav .bgFav ol li a:link,#areaFav .bgFav ol li a:visited { color: #454545;}
		#areaFav .bgFav ol li a:hover { color: #999;}
		#areaFav .bgFav ol li.one { background: url(../images/top/img_ranking1.gif) no-repeat 0 2px;}
		#areaFav .bgFav ol li.two { background: url(../images/top/img_ranking2.gif) no-repeat 0 2px;}
		#areaFav .bgFav ol li.three { background: url(../images/top/img_ranking3.gif) no-repeat 0 2px;}
		#areaFav .bgFav ol li.four { background: url(../images/top/img_ranking4.gif) no-repeat 0 2px;}
		#areaFav .bgFav ol li.five { background: url(../images/top/img_ranking5.gif) no-repeat 0 2px;}

#topInfo {
	float: right;
	width: 200px;
}

	#topInfo #bannerArea {
		background: #eee;
		padding: 10px 0 9px;
		text-align: center;
	}
	
		#topInfo #bannerArea li { margin-bottom: 1px;}
		
	#topInfo #topicsArea {
		border: 1px solid #3386f9;
		padding-bottom: 5px;
	}
		
		#topInfo #topicsArea dl {
			border-bottom: 1px solid #aaa;
			line-height: 130%;
			margin: 0 10px 10px;
			padding-bottom: 10px;
		}
		#topInfo #topicsArea dl.last {
			border-bottom: none;
			margin: 0 10px 10px;
			padding-bottom: 0;
		}
		
			#topInfo #topicsArea dl dt {
				font-weight: bold;
			}

#total_count {
	padding-top:11px;
	padding-left:30px;
	float: left;
	height: 30px;
	width: 500px;
	vertical-align: bottom; !important;
	font-weight:bold;
	
	_margin-top: -22px;
}

*+html #total_count {
	margin-top: -19px;
	padding-top: 0px;
	line-height: 3em;
}

span.counter {
	font-weight: bold;
	font-size: 200%;
	color: #E28408;
}

#contents {
	padding-top:10px;
}