@charset "utf-8";

/*
******************************************************************************************************************
 * Style Name: サンライズステーション CSS
 * Style URI: 
 * Description: トップ用CSS
 * Version: 1.0
 * Last Up Date: 2009.08.04
 * Author: 
 * Structure: 
		1.login
		2.main_left
			2-1.更新情報
			2-2.最新情報
		3.main_right
		4.sidebar

******************************************************************************************************************/
#header {
	top: 20px;
}

#contents {
	background: url(../images/top/bg_top_main.gif) no-repeat top;
	margin-top: -10px;
	position: relative; /* IE6 */
	/top: 131px; /* IE6、7 */
}

#main {
	background: url(../images/top/bg_main_right_foot.gif) no-repeat bottom;
	margin-top: 385px;
	padding-bottom: 15px;
}

	#main #mainFoot {
		background: url(../images/top/bg_main.gif) repeat-y top;
	}

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

	1.login
	
****************************************************************************/
#header .right_free_top,
#header .right_auth_top {
	float: right;
	position: relative; /* IE6 */
	text-align: right;
}

#header .right_free_top {
	margin-top: -13px;
}

#header .right_auth_top {
	margin-top: 30px;
}

#header #loginBox {
	background: url(../images/top/bg_login.png) no-repeat;
	height: 93px;
	width: 463px;
}

	#header #loginBox .left {
		float: left;
		margin: 14px 9px 14px 14px;
		_margin: 14px 5px 14px 7px; /* IE6 */
		width: 230px;
	}
		
		#header #loginBox dl#idBox {
			background: url(../images/top/bg_login_input_id.gif) no-repeat;
		}
		
		#header #loginBox dl#passBox {
			background: url(../images/top/bg_login_input_pass.gif) no-repeat;
		}
		
		#header #loginBox dl {
			height: 31px;
			line-height: 130%;
			padding: 6px 7px 0 0;
			_margin-bottom: 5px; /* IE6 */
		}
		
			#header #loginBox dl dt {
				display: none;
			}
			
			#header #loginBox dl dd input {
				border: 1px solid #abadb3;
				padding: 1px 2px;
			}
			
	#header #loginBox .left2 {
		color: #ffff33;
		float: left;
		font-size: 85%;
		line-height: 130%;
		margin-top: 20px;
		_margin-top: 15px; /* IE6 */
		text-align: left;
		width: 96px;
	}
	
		#header #loginBox .left2 a {
			background: url(../images/top/mark_login.gif) no-repeat 0 3px;
			padding-left: 13px;
		}
		
		#header #loginBox .left2 a:link,
		#header #loginBox .left2 a:visited {
			color: #ffff33;
		}
	
	#header #loginBox .right {
		float: right;
		margin: 9px 9px 0 0;
		_margin: 9px 4px 0 0; /* IE6 */
	}


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

	2.main_left
	
****************************************************************************/
#main .left {
	float: left;
	width: 430px;
}

	/*
	****************************************************************************
	
		2-1.更新情報
		
	****************************************************************************/
	#main .left #renewBox {
		background: url(../images/top/bg_renew_foot.gif) no-repeat bottom;
		margin-bottom: 15px;
		_padding-bottom: 5px; /* IE6 */
	}
	
		#main .left #renewBoxFoot {
			background: url(../images/top/bg_renew_foot.gif) no-repeat 0 40px;
		}
		
		img.sp_spacer {
			position:absolute;
			top:380px;
			left:720px;
		}
	
	
	#main .left #renewBox2 {
		background: url(../images/top/bg_renew_foot.gif) no-repeat bottom;
		margin-bottom: 15px;
		_padding-bottom: 5px; /* IE6 */
	}
	
		#main .left #renewBoxFoot2 {
			background: url(../images/top/bg_renew_foot.gif) no-repeat 0 40px;
			_margin-left: 0px; /* IE6 */
		}
	/*
	****************************************************************************
	
		2-2.最新情報
		
	****************************************************************************/
	#main .left #newBox {
		background: url(../images/top/bg_new_foot.gif) no-repeat bottom;
		margin-bottom: 15px;
		_padding-bottom: 5px; /* IE6 */
	}
	
		#main .left #newBoxFoot {
			background: url(../images/top/bg_new_foot.gif) no-repeat 0 40px;
		}
		
			#main .left #newBoxFoot ul#newList {
				padding-top: 6px;
			}
			
			#main .left #newBoxFoot ul#newList li {
				background: url(../images/top/mark_new.gif) no-repeat 0 5px;
				float: none;
				padding-left: 15px;
				width: 395px;
				_width: auto; /* IE6 */
			}

	/*
	****************************************************************************
	
		2-3.情報 - 共通
		
	****************************************************************************/
	#main .left ul.informationList {
		background: url(../images/top/bg_renew.gif) repeat-y;
		margin: 10px 0 13px;
		padding: 0 10px;
	}
	
		#main .left ul.informationList li {
			float: left;
			margin: 10px 20px 0 0;
			width: 195px;
		}
		
		#main .left ul.informationList li.even {
			margin-right: 0;
		}
		
			#main .left ul.informationList li .right {
				float: right;
				width: 130px;
			}
			
				#main .left ul.informationList li .right .date {
					background: url(../images/top/bg_renew_date.gif) repeat;
					padding: 2px 5px;
				}
				
					#main .left ul.informationList li .right .date span {
						color: #fff;
						font-size: 85%;
						line-height: 130%;
					}
			
			#main .left ul.informationList li .left {
				float: left;
				width: 60px;
			}
			
			#main .left ul.informationList li dl,
			#main .left ul.informationList li p {
				line-height: 130%;
			}
			
			#main .left ul.informationList li ul.footlink {
				font-size: 85%;
				line-height: 130%;
				text-align: right;
				background: #ff0000;
			}
			
				#main .left ul.informationList li ul.footlink li {
					margin: 0;
				}
			
	#main .left ul.dotborder {
		background: url(../images/top/bg_dotborder.gif) no-repeat top;
		font-size: 85%;
		line-height: 130%;
		padding: 30px 10px 15px;
		text-align: right;
	}
	
	/** 追加分 **/
	
	#main .left ul.informationList2 {
		background: url(../images/top/bg_renew.gif) repeat-y;
		margin: 10px 0 13px;
		padding: 0 10px;
	}
	
		#main .left ul.informationList2 li {
			float: left;
			margin: 10px 20px 0 0;
			width: 410px;
		}
		
		#main .left ul.informationList2 li.even {
			margin-right: 0;
		}
		
			#main .left ul.informationList2 li .right {
				float: right;
				width: 130px;
			}
			
				#main .left ul.informationList2 li .date2 {
					background: url(../images/top/bg_renew_date.gif) repeat;
					padding: 2px 5px;
				}
				
					#main .left ul.informationList2 li .date2 span {
						color: #fff;
						font-size: 85%;
						line-height: 130%;
					}
			
			#main .left ul.informationList2 li .left {
				float: left;
				width: 60px;
			}
			
			#main .left ul.informationList2 li dl,
			#main .left ul.informationList2 li p {
				line-height: 130%;
			}
			
			#main .left ul.informationList2 li ul.footlink {
				font-size: 85%;
				line-height: 130%;
				text-align: right;
				background: #ff0000;
			}
			
				#main .left ul.informationList2 li ul.footlink li {
					margin: 0;
				}
	
	#main .left ul.dotborder2 {
		background: url(../images/top/bg_dotborder.gif) no-repeat top;
		font-size: 85%;
		line-height: 130%;
		padding: 30px 10px 15px;
		text-align: right;
	}
	/*
	****************************************************************************
	
		2-4.最新動画一覧
		
	****************************************************************************/
	#main .left #newMovieBox {
		background: #eee;
		border: 5px solid #999;
		padding: 5px 5px 0;
		text-align:center;
	}
	
	#main .left table{
		padding-left: 5px;
	}

	#main .left table td {
		padding: 7px;
	}
	
		#main .left #newMovieBox ul#newMovieBoxList {
			margin: 0 5px;
		}
		
			#main .left #newMovieBox ul#newMovieBoxList li {
				margin-bottom: 10px;
				width: 400px;
			}
			
				#main .left #newMovieBox ul#newMovieBoxList li .right {
					float: right;
					line-height: 130%;
					width: 230px;
				}
				
					#main .left #newMovieBox ul#newMovieBoxList li .right dt {
						font-size: 128%;
						margin: 5px 0 10px;
					}
					
					#main .left #newMovieBox ul#newMovieBoxList li .right dd {
						margin-left: 3px;
					}
				
				#main .left #newMovieBox ul#newMovieBoxList li .left {
					float: left;
					width: 160px;
				}
	/*
	****************************************************************************
	
		2-5.サンライズ作品ウェブ
		
	****************************************************************************/
	#main .left #sakWebBox {
		background: #e0f5ff;
		border: 5px solid #99ccff;
		padding: 5px 5px 0;
		margin-top:15px;
		text-align:center;
	}
	
		#main .left #sakWebBox ul#sakWebBoxList {
		
		}
		
			#main .left #sakWebBox ul#sakWebBoxList li {
				margin-bottom: 5px;
				width: 400px;
				_width:410px;
				_padding-left:10px;
			}
			

#main .left #sakWebBox ul#sakWebBoxList li dl {
line-height: 130%;
width: 130px;
background: url(../images/top/bg_sakweb_1.gif) repeat-x;
padding:3px 0px 5px;
float:left;
}

#main .left #sakWebBox ul#sakWebBoxList li dl.nosak {
background: url(../images/top/bg_sakweb_2.gif) repeat-x;
height:65px;
}
			
#main .left #sakWebBox ul#sakWebBoxList li dl.left
{
/margin-left:-5px;

}

#main .left #sakWebBox ul#sakWebBoxList li dl.center {
margin:0px 10px;
}

#main .left #sakWebBox ul#sakWebBoxList li dl.right
{
margin-right:-10px;
}

#main .left #sakWebBox ul#sakWebBoxList li dl dd,
#main .left #sakWebBox ul#sakWebBoxList li dl dt {
width:130px;
font-size: 0.7em;

}
				/*
					#main .left #sakWebBox ul#sakWebBoxList li .right dt {
						font-size: 128%;
						margin: 5px 0 10px;
					}
					
					#main .left #sakWebBox ul#sakWebBoxList li .right dd {
						margin-left: 3px;
					}
				
				#main .left #sakWebBox ul#sakWebBoxList li .left {
					float: left;
					width: 160px;
				}
				*/
/*
****************************************************************************

	3.main_right
	
****************************************************************************/
#main .right {
	float: right;
	width: 220px;
	
}

	#main .right dl#mobile {
		background: url(../images/top/bg_main_right_head.gif) no-repeat top;
		height: 181px;
		margin-top: -40px;
		position: relative; /* IE6 */
	}
	
		#main .right dl#mobile dt {
			display: none;
		}
		
		#main .right dl#mobile dd {
			color:#888;
			font-size: 85%;
			left: 122px;
			line-height: 130%;
			position: relative;
			top: 115px;
			width: 65px;
		}
	
	#main .right span#mobile2 {
		background: url(../images/top/bg_main_right_head2.gif) no-repeat top;
		height: 181px;
		margin-top: -40px;
		position: relative; /* IE6 */
	}
	
	#main .right dl#mobile2 {
		background: url(../images/top/bg_main_right_head2.gif) no-repeat top;
		height: 272px;
		margin-top: -40px;
		position: relative; /* IE6 */
	}
	
		#main .right dl#mobile2 dt {
			display: none;
		}
		
		#main .right dl#mobile2 dd {
			color:#888;
			font-size: 85%;
			left: 122px;
			line-height: 130%;
			position: relative;
			top: 115px;
			width: 65px;
		}
	
	#main .right ul#banner {
		background: url(../images/top/bg_main_right_border.gif) no-repeat;
		margin: 10px 25px 0 15px;
		padding-top: 10px;
	}
	
		#main .right ul#banner li {
			margin-bottom: 5px;
		}
	
	#main .right ul#s_search {
		/*background: url(../images/top/bg_main_right_border.gif) no-repeat;*/
		margin: 10px 25px 0 15px;
		padding-top: 15px;
	}
	
		#main .right ul#s_search li {
			margin-bottom: 5px;
		}

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

	4.sidebar
	
****************************************************************************/
#sidebar {
	margin-top: 50px;
	padding-left: 5px;
}

	/*
	****************************************************************************
	
		4-1.会員登録
		
	****************************************************************************/
	#sidebar #joint {
		background: url(../images/top/bg_joint.gif) no-repeat bottom;
	}
	
		#sidebar #joint #jointBox {
			background: url(../images/top/bg_joint.gif) no-repeat top;
		}
		
	/*
	****************************************************************************
	
		4-2.サイドナビ
		
	****************************************************************************/
	#sidebar #sidebarNav_Top {
		background: url(../images/top/bg_sidebarnav_top.gif) no-repeat bottom;
	}
	
		#sidebar #sidebarNav_Top .sidebarNavBox {
			background: url(../images/top/bg_sidebarnav_top.gif) no-repeat top;
		}
		
		#sidebar #sidebarNav_Top2 .sidebarNavBox {
			background: url(../images/top/bg_sidebarnav_top.gif) no-repeat top;
		}
		
/*
****************************************************************************

	5.flash
	
****************************************************************************/
.topflash {
position:absolute;
z-index:1;
top:41px;
left:285px;
}