/* 
============================================================
	ver1.0 2008.11.27
	**- AngelLoveOnline -**
	URL: http://www.angelloveonline.jp/
	author:Q Entertainment, Inc.
============================================================
 */

@import url(share.css);
@import url(textstyle.css);

/*====================================================================================================
	Header (TOP)
======================================================================================================*/
/* ˆêŽž“I‘[’u */
/*
#HeaderTop{
	height:342px;
	background:url("../../images/share/headerR_bg.jpg") no-repeat left center;
	}
#HeaderTop #topflash{
	margin:0 auto;
	position:relative;
	z-index:0;
	width:940px;
	height:342px;
	text-align:center;
	}

#HeaderTop #navigation{
	z-index:1;
	text-align:center;
	}
*/

/*====================================================================================================
	Layout:Header(no flash ver.)
======================================================================================================*/
#HeaderTop{
	height:342px;
	background:url("../../images/share/header_top_01.jpg") no-repeat center top;
	}
#HeaderTop #topmenu{
	position:relative;
	top:0;
	}
#HeaderTop #topmenu li{
	position:absolute;
	list-style:none;
	}

#HeaderTop #topmenu a{
	display:block;
	text-indent:-9999px;
	outline:none;
	text-decoration: none;
	height:20px;
	}


#HeaderTop #topmenu li.menu_announce	{ right:278px; width:60px; }
#HeaderTop #topmenu li.menu_mainte		{ right:198px; width:80px; }
#HeaderTop #topmenu li.menu_event		{ right:138px; width:60px; }
#HeaderTop #topmenu li.menu_sitemap		{ right:58px; width:80px; }


#HeaderTop #topmenu li.menu_announce a,
#HeaderTop #topmenu li.menu_announce a:link,
#HeaderTop #topmenu li.menu_announce a:visited{
	background:url("../../images/share/btn_menu_announce.gif") no-repeat 0 0;
	}
#HeaderTop #topmenu li.menu_announce a:hover,
#HeaderTop #topmenu li.menu_announce a:active,
#HeaderTop #topmenu li.menu_announce a:focus{
	background:url("../../images/share/btn_menu_announce.gif") no-repeat 0 100%;
	}

#HeaderTop #topmenu li.menu_mainte a,
#HeaderTop #topmenu li.menu_mainte a:link,
#HeaderTop #topmenu li.menu_mainte a:visited{
	background:url("../../images/share/btn_menu_maintenance.gif") no-repeat 0 0;
	}
#HeaderTop #topmenu li.menu_mainte a:hover,
#HeaderTop #topmenu li.menu_mainte a:active,
#HeaderTop #topmenu li.menu_mainte a:focus{
	background:url("../../images/share/btn_menu_maintenance.gif") no-repeat 0 100%;
	}

#HeaderTop #topmenu li.menu_event a,
#HeaderTop #topmenu li.menu_event a:link,
#HeaderTop #topmenu li.menu_event a:visited{
	background:url("../../images/share/btn_menu_event.gif") no-repeat 0 0;
	}
#HeaderTop #topmenu li.menu_event a:hover,
#HeaderTop #topmenu li.menu_event a:active,
#HeaderTop #topmenu li.menu_event a:focus{
	background:url("../../images/share/btn_menu_event.gif") no-repeat 0 100%;
	}

#HeaderTop #topmenu li.menu_sitemap a,
#HeaderTop #topmenu li.menu_sitemap a:link,
#HeaderTop #topmenu li.menu_sitemap a:visited{
	background:url("../../images/share/btn_menu_sitemap.gif") no-repeat 0 0;
	}
#HeaderTop #topmenu li.menu_sitemap a:hover,
#HeaderTop #topmenu li.menu_sitemap a:active,
#HeaderTop #topmenu li.menu_sitemap a:focus{
	background:url("../../images/share/btn_menu_sitemap.gif") no-repeat 0 100%;
	}

#HeaderTop #Logo{
	padding:5px 0 0 65px;
	text-align:left;
	}

#HeaderTop #Entrybtn{
	padding:19px 0 0 51px;
	text-align:left;
	}

#HeaderTop #Entrybtn a{
	width:155px;
	height:140px;
	display:block;
	text-indent:-9999px;
	outline:none;
	}

#HeaderTop #Entrybtn a,
#HeaderTop #Entrybtn a:link,
#HeaderTop #Entrybtn a:visited{
	background:url("../../images/share/btn_entry_top.jpg") no-repeat 0 0;
	}
#HeaderTop #Entrybtn a:hover,
#HeaderTop #Entrybtn a:active,
#HeaderTop #Entrybtn a:focus{
	background:url("../../images/share/btn_entry_top.jpg") no-repeat 0 100%;
	}


/*====================================================================================================
	Layout:Main Contents
======================================================================================================*/
#MainTop{
	margin:0 auto;
	width:900px;
	background:url("../../images/share/contents_bg_top.gif") no-repeat 0 0;
	}


/* Contents Area
------------------------------------------------------------------------------------------------------*/
#ContentsTop{
	margin:0;
	padding:0 40px 20px 0;
	width:625px;
	position:relative;
	z-index:0;
	float:right;
	text-align:left;
	}
#ContentsTop #TopAnnounce{
	width:455px;
	float:left;
	}

#ContentsTop #TopEvent{
	margin:8px 0 5px 9px;
	padding:11px 11px 0;
	width:424px;
	height:194px;
	background:#39a0dc url("../../images/top/event/top_event_bg.gif") no-repeat 0 0;
	}

/* Top Event Area
------------------------------------------------------------------------------------------------------*/
#MainImage {
	margin:0;
	padding:0;
	width:424px;
	height:161px;
	text-align:center;
	}

UL#MainThumbnails {
	margin:8px 0 0;
	padding:0;
	width:auto;
	height:18px;
	text-align:right;
	border:none;
	}
UL#MainThumbnails li {
	height:18px;
	display:inline;
	list-style-type:none;
	}
UL#MainThumbnails li img {
	margin:0 0 0 5px;
	vertical-align:middle;
	}

/* Top Announce Area
------------------------------------------------------------------------------------------------------*/
#TopCaution{
	margin:0 auto;
	background:url("../../images/top/topttl01_caution.gif") no-repeat 0 0;
	}
#TopInformation{
	background:url("../../images/top/topttl02_info.gif") no-repeat 0 0;
	}
#TopMainte{
	background:url("../../images/top/topttl03_mainte.gif") no-repeat 0 0;
	}

#TopCaution h1{
	display:block;
	height:45px;
	text-indent:-9999px;
	}
#TopInformation h1,
#TopMainte h1{
	height:45px;
	position:absolute;
	z-index:1;
	text-indent:-9999px;
	}

#TopInformation .toprss,
#TopMainte .toprss{
	margin:22px 0 12px;
	width:38px;
	height:18px;
	display:block;
	position:absolute;
	left:410px;
	background:url("../../images/share/btn_rss.gif") no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	z-index:2;
	}

.toprss a{
	display:block;
	text-indent:-9999px;
	outline:none;
	text-decoration: none;
	height:18px;
	}
.toprss a:hover,
.toprss a:active,
.toprss a:focus{
	background:url("../../images/share/btn_rss.gif") no-repeat 100% 100%;
	}

.topbody{
	margin:0 0 0 9px;
	padding:55px 0 0 5px;
	}

#TopCaution .topbody{
	padding:0;
	border-left:2px solid #ff8bb3;
	border-right:2px solid #ff8bb3;
	border-bottom:2px solid #ff8bb3;
	}
#TopCaution .topbody ul{
	margin:0;
	padding:10px;
	border:none;
	}
#TopCaution .topbody ul li{
	padding-left:15px;
	line-height:1.5em;
	color:#c10939;
	font-weight:bold;
	background:#fff url("../../images/top/topcautionbg.gif") repeat-y 0 0;
	border-bottom:1px solid #c3c3c3;
	}
#TopCaution .topbody ul li a{
	color:#c10939;
	}
#TopCaution .topbody ul li .ud_thiswk{
	color:#5984bd;
	}

#TopInformation dl,
#TopMainte dl{
	border-bottom:1px solid #c3c3c3;
	clear: left;
	line-height:20px;
	}

#TopInformation dt,
#TopMainte dt {
	float: left;
	width: 8em;
	line-height:20px;
	}
#TopInformation dt img,
#TopMainte dt img{
	vertical-align:middle;
	margin:1px 1px 2px 3px;
	_margin:3px 1px 4px 3px;
	}
#TopInformation dd,
#TopMainte dd{
	width:340px;
	margin-left: 8em;
	line-height:20px;
	background:#fff url("../../images/share/dotline02.gif") repeat-y 0 0;
	}

#TopInformation dd img,
#TopMainte dd img{
	vertical-align:middle;
	margin-left:2px;
	_margin:3px 1px 4px 1px;
	}
#TopInformation .list_more,
#TopMainte .list_more {
	margin:2px auto 0;
	text-align:right;
	}

/* Right Banner
------------------------------------------------------------------------------------------------------*/
#ContentsTop #TopRightBanner{
	width:150px;
	float:right;
	}
#ContentsTop #TopRightBanner ul{
	margin:8px 0 0;
	}
#ContentsTop #TopRightBanner ul li{
	margin:0 0 5px;
	}