@charset "EUC-JP";   /*   文字コード   */


/*   共通   */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,address,form { margin: 0; padding: 0; }
a img			{ border: none; }
a span, hr		{ display: none; }
.clear			{ clear: both; }
.clear br		{ display: none; }
body			{ background: #0D0D0D url(/musou-online/image/g_bg.jpg) repeat; }
#whole			{ width: 876px; margin: 0 auto; background: #181818 url(/musou-online/image/bg.jpg); position: relative; }

/* temp */
a 		{ color:#F70;}
a:hover	{ color:#FEBA11;}


/*   header new  */
#head			{ position: relative; height: 322px; }
#top_image		{ position: absolute; top: 0; left: 0; background: url(/musou-online/image/h_top_bg.jpg) no-repeat; width: 876px; height: 331px; }
#top_image h1 	{ text-indent: -9999px; }
#top_image #siteid img	{ display: none; }
#top_image #siteid a		{ position: absolute; top: 0; left: 0; background: url(/musou-online/image/h_logo.jpg) no-repeat; width: 292px; height: 216px; display: block; }

#head .clear		{ position: absolute; top: 0; left: 292px; background: url(/musou-online/image/h_chara.jpg) no-repeat; width: 650px; height: 316px; display: block; margin: 0}
#head p			{ position: absolute; top: 216px; left: 0; background: url(/musou-online/image/h_catch_copy_new.jpg) no-repeat; width: 292px; height: 100px; font-size: 1px; text-indent: -9999px; }

#head p.only		{ background: url(/musou-online/image/h_catch_copy_only.jpg) no-repeat;}

#head p.bnr		{ background: url(/musou-online/image/h_catch_copy_bnr_mygc2012spring.jpg) no-repeat;}
#head p.bnr a { display:block; height:100px; width:300px;}


#head .clear #head_banner_area {
	position:absolute;
	top: 265px;
	left: 50px;
}




/*   main   */
#main			{ position: relative; left: 236px; width: 640px; padding: 15px 0; font-size: 13px; line-height: 17px; color: #FFF; }


/*   side   */
#side_top			{ position: absolute; top: 7px; left: -233px; background: url(/musou-online/image/common_side01.jpg) 0 0 no-repeat; width: 213px; }
#side_bot			{ background: url(/musou-online/image/common_side02.jpg) bottom no-repeat; width: 213px; padding-bottom: 13px; }
#side_top ul			{ list-style: none; font-size: 1px; line-height: 1px; margin: 11px 0 0 13px; }
#side_top li			{ width: 187px; display: block; }
#side_top li a			{ background: url(/musou-online/image/common_side06.jpg) no-repeat; width: 187px; height: 50px; display: block; }
#side_top li#main_page a	{ background-position: 0 0; }		#side_top li#main_page a:hover		{ background-position: -187px 0;}
#side_top li#game_page a	{ background-position: 0 -50px; }	#side_top li#game_page a:hover		{ background-position: -187px -50px;}
#side_top li#begin_page a	{ background-position: 0 -100px; height:40px; }	#side_top li#begin_page a:hover		{ background-position: -187px -100px; }
#side_top li#account_page a	{ background-position: 0 -140px; height:31px; }	#side_top li#account_page a:hover	{ background-position: -187px -140px; }
#side_top li#program_page a	{ background-position: 0 -171px; height:51px; }	#side_top li#program_page a:hover	{ background-position: -187px -171px; }
#side_top li#payment_page a	{ background-position: 0 -222px; height:57px }	#side_top li#payment_page a:hover	{ background-position: -187px -222px; }
#side_top li#support_page a	{ background-position: 0 -279px; }	#side_top li#support_page a:hover	{ background-position: -187px -279px; }

/*side banner chg height*/
#side_banner			{ background: url(/musou-online/image/bg.jpg); padding: 5px 0 0 6px; }
#side_banner br		{ display: none; }

/*   footer   */
#foot			{
	position: relative;
	width: 859px;
	height: 62px;
	left: 8px;
	background-color: #101010;
	background-image: url(/musou-online/image/foot_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#foot ul		{ position: absolute; top: 2px; left: -13px; list-style:none; }
#foot li a		{
	position: absolute;
	display: block;
	background-image: url(/musou-online/image/foot.jpg);
	background-repeat: no-repeat;
}
#foot li.ft1 a		{ top: 6px; left: 438px; background-position: -276px 0;    width: 145px; height: 17px; }
#foot li.ft2 a		{ top: 8px; left: 584px; background-position: -421px 0;    width: 155px; height: 20px; }
#foot li.ft3 a		{ top: 6px; left: 740px; background-position: -576px 0;    width: 118px; height: 17px; }
#foot li.ft4 a		{ top: 6px;  left: 24px;  background-position: 0 0;         width: 54px; height: 54px; }
#foot li.ft5 a		{ top: 10px; left: 81px;  background-position: -56px -5px; width: 76px; height: 46px; }
#foot li.ft6		{ position: absolute; top: 20px; left: 125px; width: 36px; height: 28px; display: block; background: url(/musou-online/image/foot.jpg) -101px -12px no-repeat; font-size: 1px; text-indent: -9999px; }
#foot li.ft7 a		{ top: 5px; left: 163px;  background-position: -705px 0; width: 122px; height: 55px; }
#foot li.ft1 a:hover	{ background-position: -276px -17px; }
#foot li.ft2 a:hover	{ background-position: -421px -20px; }
#foot li.ft3 a:hover	{ background-position: -576px -17px; }
#foot li.ft4 a:hover	{ background-position: -138px 0; }
#foot li.ft5 a:hover	{ background-position: -194px -5px; }
#foot li.ft7 a:hover	{ background-position: -827px 0; }
#foot p			{
	position: absolute;
	top: 35px;
	left: 497px;
	width: 340px;
	height: 2px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background-image: url(/musou-online/image/copyright_mol.gif);
	background-repeat: no-repeat;
}
#foot address		{
	position: absolute;
	top: 43px;
	left: 537px;
	width: 300px;
	height: 13px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	background-image: url(/musou-online/image/foot.jpg);
	background-repeat: no-repeat;
	background-position: -295px -40px;
}


/*   ページトップ（リンク）   */
#page_top		{ margin: 15px 0 0 495px; }
#page_top a		{ background: url(/musou-online/image/page_top.gif) no-repeat; width: 97px; height: 15px; display: block; }
#page_top a:hover	{ background-position: 0 -15px; }
