@charset "utf-8";
/* home.php用 */

div#home_container {
	margin-top: 14px;
}
	div#home_container div#left {
		float: left;
		width: 450px;
	}
		div#center_banner { 
			width: 440px;
			height: 230px;
/*			background-image: url(../images/banner.gif); */
		}

		div#info {
			float: left;
			margin-top: 10px;
		}
			div#info div.info_list {
			}

		.info_menu {
			width: 440px;
			height: 21px;
			background-image: url("../images/infobg.gif");
			background-repeat: repeat-x;
		}

		a.tab {
			display:block;
			float: left;
			width: 87px;
			height: 16px;
			background-image: url("../images/tab.gif");
			padding-top: 3px;
			border-bottom: 1px solid #666;
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
		}
		a:hover.tab {
			background-position: -87px 0px;
			border-bottom: 2px solid #fff;
		}
		a.tab.selected {
			background-position: -87px 0px;
			border-bottom: 2px solid #fff;
		}

		a.info_line {
			float: left;
			display: none;
			width: 440px;
			height: 24px;
			padding-top: 4px;
			border-bottom: 1px solid #666;
			background-color: #ffffff;
			cursor: pointer;
		}
		a:hover.info_line {
			background-color: #ffffcc;
		}
			.info_line img.icon {
				float: left;
				margin-right: 10px;
			}
			.info_line span.txt {
				float: left;
				width: 290px;
			}
			.info_line div.date {
				float: right;
				width: 65px;
				height: 20px;
			}

		div#forum_title,
		div#playersimg_title {
			margin-top: 20px;
		}

		div#forum {
			float: left;
		}
			div#forum div.info_list {
				height: 230px;
			}

		div#forum div.info_menu a.commu {
			float: right;
			display: block;
			width: 120px;
			height: 18px;
			padding-top: 2px;
			background-image: url("../images/commu.gif");
			text-align: center;
			font-weight: bold;
		}
		div#forum div.info_menu a:hover.commu {
			color: #ffffff;
		}

		div#forum div.info_list a.info_line {
			display: none;
		}
			div#forum div.info_list a.info_line span.txt {
				width: 310px;
			}
		div#forum div.info_list div.info_link {
			display: none;
			float: right;
		}
		div#forum div.info_list div.info_link a {
			padding: 5px;
		}
		
		div#playersimg ul li {
			float: left;
			width: 78px;
			height: 78px;
			padding: 2px;
			margin: 0 2px;
			background: url("../images/playersimg.gif");
			border: #CCCCCC solid 1px;
			text-align: center;
		}
		div#playersimg ul li:hover { background: url("../images/playersimg_on.gif"); }
		div#playersimg ul li a { text-decoration: none; }
		div#playersimg ul li a:hover span { text-decoration: underline; }
		div#playersimg ul li img { width: 76px; height: 76px; border: #FFFFFF solid 1px; }


	div#home_container div#right {
		float: left;
		width: 150px;
	}
		div#home_container div#right * {
			float: left;
		}
		div#home_container div#right div#title_wp {
			margin-top: 10px;
			margin-bottom: 5px;
		}
		div#home_container div#right div#title_ss {
			margin-top: 10px;
			margin-bottom: 5px;
		}
		div#home_container div#right a.wp_ss {
			display: block;
			border: 2px solid #fff;
			width: 140px;
			height: 105px;
			margin: 2px;
			overflow: hidden;
		}
		div#home_container div#right .more {
			position: relative;
			top: -5px;
			float: right;
		}
	
	a.right_sub_l,
	a.right_sub_m,
	a.right_sub_s {
		display: block;
		width: 140px;
		margin-top: 4px;
		margin-left: 5px;
		cursor: pointer; /*for ie6 iepngfix*/
	}

	a.right_sub_l { height: 90px; }
	a.right_sub_m { height:  90px; }
	a.right_sub_s { height:  50px; }
	
	a#schedule_btn { margin-bottom: 5px; background: url("../images/schedule_btn.gif") left top; }
		a#schedule_btn:hover { background-position: left -50px; }
	a#movie_contest { background-image: url("/images/cs_100716_movie_contest_button.jpg");}
	a#summer_banner { background-image: url("/images/cs_100708_summer_button.png"); }	
	/*a#anniversary_banner { background-image: url("/images/anniversary_button.png"); }*/
	/*a#phantasmal_castle_button { background-image: url("/images/100308_pc_button.png");}*/
	/*a#r_u_new_button { background-image: url("/images/cs_100415_r_u_new_button.png");}*/
	a#itemmall_top_pick_banner { background-image: url("/images/cs_100708_itemmall_button.png"); }
	a#beast_reels_banner { background-image: url("../images/cs_100722_itemmall_button.jpg"); }
	/*a#pet_guide_updeted_button { background-image: url("/images/100401_pet_guide_updeted_button.png");}*/
  a#ultimate_pet_guide_button { background-image: url("/images/cs_100430_ultimate_pet_guide_button.png"); }
	a#cb_banner {
		width: 140px;
		height: 0px;
		padding-top: 180px;
		overflow: hidden;
		display: block;
		background-image: url("/images/hb_cb.png");
		margin-left: 5px;
	}
	
	a#campaign01 { background-image: url("../images/campaign01.gif"); }
	a#campaign02 { background-image: url("../images/campaign02.gif"); }
	a#campaign03 { background-image: url("../images/campaign03.gif"); }
	
	a#latias_hbo_guide { 
		background-image: url("/images/latias_hbo_guide.png");
		margin-top: 5px;
		margin-left: 5px;
		cursor: pointer;
		display: block;
		width: 140px;
		height: 90px;
	}
	
	a#webcomic {
		background-image: url("/images/100129_web_comic_button.png");
		width: 140px;
		height: 90px;
		display: block;
		margin: 5px 0 2px 5px;
		cursor: pointer;
	}

/* event calendar
#event_calendar {
	width: 200px;
	font-size: 10px;
}
	#event_calendar #calendar_head {
		width: 200px;
		height: 40px;
		background: url(../images/eventcalendar.png) no-repeat left top;
		text-indent: -9999px;
	}
	#event_calendar #calendar_foot {
		width: 195px;
		height: 20px;
		padding-right: 5px;
		background: url(../images/eventcalendar.png) no-repeat left bottom;
		text-align: right;
		line-height: 20px;
	}
	
	#event_calendar table {
		border-collapse: separate;
		border-spacing: 0;
		* border-collapse: collapse;
		border-left: solid 1px #999999;
		border-right: solid 1px #999999;
	}
	#event_calendar table tr td {
		padding: 2px;
		border-bottom: #999999 solid 1px;
		text-align: center;
	}
	#event_calendar table tr th {
		height: 20px;
		background: #990000;
		color: #fff;
		font-weight: bold;
	}
		#event_calendar table tr.eventday td  { background: #FFFFCC; }
		#event_calendar table tr.saturday td  { background: #99CCFF; }
		#event_calendar table tr.sunday td    { background: #FFCCCC; }
		#event_calendar table tr td.event_box { text-align: left; } */