@charset "Shift-JIS";
/*  */
/* 
------------------------------------------------------------
common style
file name: common.css
Author: author name
create: 2007.00.00

======================= contents ===========================

   1: 
;
============================================================
*/
/* グローバルメニュー　-------------------------------------------------------------------------*/
div#all div#header {
	width: 900px;
	background: url(http://image.mgame.jp/portal/test1011/bg_header.png) no-repeat;
	}
	
/* 左メニュー　-------------------------------------------------------------------------*/
/* 基本の枠(左右共通) */
	div#notice {
		float:left;
		width: 210px;
	}
	div#notice div.top {
		width: 210px; height: 20px;
		background: url(http://image.mgame.jp/portal/test1011/left_box_01.png) no-repeat left bottom;
	}
	div#notice div.middle {
		width: 210px;
		background: url(http://image.mgame.jp/portal/main/080328/left_box_02.gif);
	}
	div#notice div.bottom {
		width: 210px;
		height: 11px;
		display:block;
		margin-bottom: 10px;
		background: url(http://image.mgame.jp/portal/test1011/left_box_03.png) no-repeat;
	}
/* -------- */
/* profile */
	div#profile {
		width: 210px;
	}
/* beginner guide 初心者ガイド*/
	div#beginner_guide {
		width: 210px;
	}
	div#beginner_guide div.title_beginner {
		width: 210px; height: 73px;
		background: url(http://image.mgame.jp/portal/test1011/guide_beginner_head.png) no-repeat;
	}
	div#beginner_guide div.contents {
		width:210px;
		background: url(http://image.mgame.jp/portal/main/080328/left_box_02.gif) repeat-y;
	}
	div#beginner_guide div.contents a.button1 {
		display:block;
		position: relative;
		left: 10px; top: 0px;
		width: 190px; height: 55px;
		background: url(http://image.mgame.jp/portal/main/080328/btn_guide_beginner.gif) no-repeat;
	}

/* using guide 利用者ガイド----------------------------------------------------------------*/
	div#using_guide {
		width: 210px;
	}
	div#using_guide div.title_guide {
		width: 210px; height: 73px;
		background: url(http://image.mgame.jp/portal/test1011/guide_head.png) no-repeat;
		overflow: hidden;
	}
	div#using_guide div.contents {
		width: 210px;
		background: url(http://image.mgame.jp/portal/main/080328/left_box_02.gif) repeat-y;
	}
	div#using_guide div.contents ul {
		display: block;
		position: relative;
		top:0px; left:10px;
		width: 190px;
		margin:0; padding:0;
		list-style: none;
	}
	div#using_guide div.contents ul li {
		display: block;
		width: 190px; height: 22px;
		margin:0; padding:0;
	}
	div#using_guide ul li.guide_beginner { background: url(http://image.mgame.jp/portal/main/080328/guide_game.gif) no-repeat center bottom; }
	div#using_guide ul li.guide_mya { background: url(http://image.mgame.jp/portal/main/080328/guide_mya.gif) no-repeat center bottom; }
	div#using_guide ul li.guide_auction { background: url(http://image.mgame.jp/portal/main/080328/guide_auction.gif) no-repeat center bottom; }
	div#using_guide ul li.guide_blog { background: url(http://image.mgame.jp/portal/main/080328/guide_blog.gif) no-repeat center bottom; }
	div#using_guide ul li.guide_circle { background: url(http://image.mgame.jp/portal/main/080328/guide_circle.gif) no-repeat center bottom; }
	div#using_guide ul li.guide_mint { background: url(http://image.mgame.jp/portal/main/080328/guide_mint.gif) no-repeat center bottom; }
	div#using_guide div.contents ul li a {
		display:block;
		width: 190px; height: 20px;
		text-indent; -9999px;
		overflow: hidden;
	}
	
/* site notice お知らせ＆イベント-------------------------------------------------------------------------*/
/* 各タイトル指定 */
	div#notice div.title,div#notice div.title2,div#notice div.title3 {
		position: relative;
		top: 0px; left: 10px;
		width: 190px; height: 27px;
	}
	div#notice div.title {
		background: url(http://image.mgame.jp/portal/main/080328/ttl_information.gif) no-repeat left bottom;
	}
	div#notice div.title2 {
		background: url(http://image.mgame.jp/portal/main/080328/ttl_event.gif) no-repeat left bottom;
	}
	div#notice div.title3 {
		background: url(http://image.mgame.jp/portal/test1011/ttl_blog.gif) no-repeat left bottom;
	}
	div#notice div.title a,div#notice div.title2 a,div#notice div.title3 a {
		display: block;
		position: relative;
		left: 140px; top: 5px;
		width: 43px; height: 14px;
	}
/* -------- */
/* ニュース用内枠設定 */
	div#notice div.new_posts {
		position: relative;
		top: 0px; left: 10px;
		width: 190px;
	}
	div#notice div.new_posts div.top {
		width: 190px; height: 15px;
		background: url(http://image.mgame.jp/portal/main/080328/left_s_box_01.gif) no-repeat left bottom;
	}
	div#notice div.new_posts div.contents {
		width: 190px;
		padding:0 0 5px 0;
		background: url(http://image.mgame.jp/portal/main/080328/left_s_box_02.gif);
	}
	div#notice div.new_posts div.contents ul {
		display:block;
		position:relative;
		top: 2px; left:8px;
		width: 175px;
		margin:0; padding:0;
		list-style: none;
	}
	div#notice div.new_posts div.contents ul li {
		margin:0;
		padding:1px 0 2px 0;
		background: url(http://image.mgame.jp/portal/main/080328/left_dotline.gif) repeat-x left bottom;
	}
	div#notice div.new_posts div.bottom {
		width: 190px; height:7px;
		margin: 0px;
		background: url(http://image.mgame.jp/portal/main/080328/left_s_box_03.gif) no-repeat left top;
	}
/* -------- */
/* お知らせ内バナースペース */
	div#notice div.banner_left {
		padding-left: 8px;
		width: 195px;
	}
	div#notice div.banner_left a {
		display: block;
		width: 195px; height: 57px;
		margin:8px 0 0 0;
		overflow: hidden;
	}
/* -------- */

/*　バナースペース　*/
div#all div#main div#banner_top {
	float: right;
	width: 680px;
	height: 86px;
	}


/* center area 中央ゲーム枠----------------------------------------------------- */
	div#sub_left_column div.title {
		width: 460px; height: 46px;
		background: url(http://image.mgame.jp/portal/test1011/ttl_game.png) no-repeat;
	}
	div#sub_left_column div.title a {
		display:block;
		position: relative;
		top: 24px; left: 408px;
		width: 43px; height: 14px;
	}
	div#sub_left_column div.contents {
		width: 460px;
		background: url(http://image.mgame.jp/portal/main/080328/game_box_02.gif) repeat-y left top;
	}
	div#sub_left_column div.contents div {
		overflow: hidden;
	}
	div#sub_left_column div.contents div.games {
		position: relative;
		top: 0px; left: 10px;
		margin:10px 0 0 0;
		padding:0 0 10px 0;
		width: 440px;
	}

	div#sub_left_column div.bottom {
		width: 460px; height: 7px;
		background: url(http://image.mgame.jp/portal/test1011/game_box_03.png) no-repeat;
	}
/* mmorpg オンラインゲーム */
	div#mmorpg {
		position: relative;
		top: 0px; left: 10px;
		width: 440px;
		padding-bottom: 15px;
	}
	div#mmorpg div.title {
		width: 440px; height: 30px;
		background: url(http://image.mgame.jp/portal/test1011/ttl_mmorpg.gif) no-repeat left bottom;
	}
	div#mmorpg ul {
		display: block;
		width: 440px;
		margin:0; padding:0;
		list-style: none;
	}
	div#mmorpg ul li {
		display: block;
		width: 215px; height:100px;
		margin:0; padding:0;
		vertical-align:bottom;
	}
	div#mmorpg ul li a {
		display: block;
		position: relative;
		top: 10px; left: 0px;
		width: 215px; height:83px;
	}
	div#mmorpg .mmorpg_title {
	position:absolute;
	top: 83px;
	left: 0px;
	height: 13px;
	width: 215px;
	}
	
	div#mmorpg ul li.game_argo {
	float:right;
	background: url(http://image.mgame.jp/portal/test1011/btn_argo_top.gif) no-repeat;
	text-align:center;
	position: relative;
	}
	div#mmorpg ul li.game_knightonline {
	float:left;
	background: url(http://image.mgame.jp/portal/main/100517/btn_knight.gif) no-repeat;
	text-align:center;
	position: relative;
	}
	div#mmorpg ul li.anistar {
	float:left;
	background: url(http://image.mgame.jp/portal/test1011/btn_anistar_top.gif) no-repeat;
	text-align:center;
	position: relative;
	}
	div#mmorpg ul li.game_lostonline{ 
	float:right;
	background: url(http://image.mgame.jp/portal/main/100517/btn_lost.gif) no-repeat;
	text-align:center;
	}
	div#mmorpg ul li.game_hero {
	float:right;
	background: url(http://image.mgame.jp/portal/main/100517/btn_hero.gif) no-repeat;
	text-align:center;
	}
	div#mmorpg ul li.game_Operation7 {
	float:right;
	background: url(http://image.mgame.jp/portal/main/100517/btn_operation_reload.gif) no-repeat;
	text-align:center;
	}
	div#mmorpg ul li.game_lunatia {
	float:left;
	background: url(http://image.mgame.jp/portal/main/100517/btn_lunatia_top.jpg) no-repeat;
	text-align:center;
	}
	div#mmorpg ul li.game_nkonline {
	float:left;
	background: url(http://image.mgame.jp/portal/main/100517/btn_nk.gif) no-repeat;
	text-align:center;
	}
	div#mmorpg ul li.game_onidama {
	float:left;
	background: url(http://image.mgame.jp/portal/main/100517/btn_ghost.gif) no-repeat;
	text-align:center;
	}
	div#mmorpg ul li.game_lapis {
	float:right;
	background: url(http://image.mgame.jp/portal/main/100517/btn_lapis.gif) no-repeat;
	text-align:center;
	}
	div#mmorpg ul li.game_darkfall {
	float:left;
	background: url(http://image.mgame.jp/portal/main/100517/btn_darkfall_top.jpg) no-repeat;
	text-align:center;
	}

/* browser games ブラウザゲーム */
	div#browser {
	position: relative;
	top: 0px; left: 10px;
	width: 440px;
	height: 140px;
	display:block;
	}
	div#browser div.title {
		width: 440px; height: 30px;
		background: url(http://image.mgame.jp/portal/test1011/ttl_browser.gif) no-repeat left bottom;
	}
	div#browser ul {
		display: block;
		width: 440px;
		margin:0; padding:0;
		list-style: none;
	}
	div#browser ul li {
		display: block;
		width: 215px; height:100px;
		margin:0; padding:0;
		vertical-align:bottom;
	}
	div#browser ul li a {
		display: block;
		position: relative;
		top: 10px; left: 0px;
		width: 215px; height:83px;
	}
	div#browser .browser_title {
	position:absolute;
	top: 83px;
	left: 0px;
	height: 13px;
	width: 215px;
	display:block;
	line-height: 100%;
	}
	div#browser ul li.game_buranko {
	float:left;
	background: url(http://image.mgame.jp/portal/test1011/btn_buranko_top.gif) no-repeat;
	text-align:center;
	position: relative;
	}
	div#browser ul li.game_shinmarei {
	float:right;
	background: url(http://image.mgame.jp/portal/test1011/btn_shinmarei_top.gif) no-repeat;
	text-align:center;
	position: relative;
	}

/* tool games ライトゲーム＆ツール */
	div#tool {
	position: relative;
	top: 0px; left: 10px;
	width: 440px;
	}
	div#tool div.title {
		width: 440px; height: 30px;
		background: url(http://image.mgame.jp/portal/test1011/ttl_tool.gif) no-repeat left bottom;
	}
/* flash games フラッシュゲーム */
	div#flashgame {
	position: relative;
	top: 0px; left: 10px;
	width: 440px;
	}
	div#flashgame div.title {
		width: 440px; height: 25px;
		background: url(http://image.mgame.jp/portal/test1011/ttl_flash.gif) no-repeat left bottom;
	}
	div#flashgame ul {
		margin:10px 0 0 0;
		padding:0;
		list-style: none;
	}
	div#flashgame ul li {
		display: block;
		width: 215px; height:38px;
		margin:0; padding:0;
		vertical-align:bottom;
		margin-bottom: 3px;
	}
	div#flashgame ul li a {
		display: block;
		width: 215px; height:38px;
		margin:5px 0 0 0;
	}
	div#flashgame ul li.fgame_029 {
	background: url(http://image.mgame.jp/portal/main/080328/btn_flash_11.gif) no-repeat center bottom;
	float:left;
	}
	div#flashgame ul li.fgame_026{ 
	background: url(http://image.mgame.jp/portal/main/080328/btn_flash_12.gif) no-repeat center bottom;
	float:right;
	}
	div#flashgame ul li.fgame_036 {
	background: url(http://image.mgame.jp/portal/main/080328/btn_flash_13.gif) no-repeat center bottom;
	float:left;
	}
	div#flashgame ul li.fgame_031 { 
	background: url(http://image.mgame.jp/portal/main/080328/btn_flash_04.gif) no-repeat center bottom;
	float:right;
	}
	div#flashgame ul li.fgame_028 {
	background: url(http://image.mgame.jp/portal/main/080328/btn_flash_28.gif) no-repeat center bottom;
	float:left;
	}
	div#flashgame ul li.fgame_030 {
	background: url(http://image.mgame.jp/portal/main/080328/btn_flash_14.gif) no-repeat center bottom;
	float:right;
	}
	div#flashgame ul li.fgame_032 {
	background: url(http://image.mgame.jp/portal/main/080328/btn_flash_15.gif) no-repeat center bottom;
	float:left;
	}
	div#flashgame ul li.fgame_033 {
	background: url(http://image.mgame.jp/portal/main/080328/btn_flash_33.gif) no-repeat center bottom;
	float:right;
	}
	
	div#flashgame div.more,div#flapagame div.more,div#download div.more {
	width: 215px; height: 21px;
	float:right;
	}

	div#flashgame div.more a,div#flapagame div.more a,div#download div.more a {
	display: block;
	width: 127px; height: 21px;
	float:right;
	background: url(http://image.mgame.jp/portal/main/080328/btn_more.gif) no-repeat;
	}

	*html div#flashgame div.more,div#flapagame div.more,div#download div.more {
		float:right;
		margin:0 0 0 225px;
	}

/* download ダウンロードゲーム */
	div#download {
		position: relative;
		top: 0px; left: 10px;
		width: 440px;
	}
	div#download div.title {
		width: 440px; height: 25px;
		background: url(http://image.mgame.jp/portal/test1011/ttl_download.gif) no-repeat left bottom;
	}
	div#download ul {
		display: block;
		width: 440px;
		margin:0; padding:0;
		list-style: none;
	}
	div#download ul li {
		display: block;
		width: 142px; height:40px;
		margin:5px 0 0; padding:0;
		vertical-align:bottom;
	}
	div#download ul li a {
		display: block;
		position: relative;
		top: 10px; left: 0px;
		width: 142px; height:40px;
	}
	div#download ul li.download_bejeweld2 { float:left; margin-right:5px; background: url(http://image.mgame.jp/portal/main/080328/btn_bejeweld2.gif) no-repeat; }
	div#download ul li.download_insaniquarium { float:left; margin-right:5px; background: url(http://image.mgame.jp/portal/main/080328/btn_insaniquarium.gif) no-repeat; }
	div#download ul li.download_peggle { float:left; background: url(http://image.mgame.jp/portal/main/080328/btn_peggle.gif) no-repeat; }
	div#download ul li.download_zuma { float:left; margin-right:5px; background: url(http://image.mgame.jp/portal/main/080328/btn_zuma.gif) no-repeat; }
	div#download ul li.download_heavy { float:left; margin-right:5px; background: url(http://image.mgame.jp/portal/main/080328/btn_heavy.gif) no-repeat; }
	div#download ul li.download_bookworma { float:left; background: url(http://image.mgame.jp/portal/main/080328/btn_boolworma.gif) no-repeat; }
		div#download div.title .ic_new {
		margin:10px 0 0 130px;
	}

/* light games ライトゲーム */
	div#lightgame {
	position: relative;
	top: 0px; left: 10px;
	width: 440px;
	}
	div#lightgame div.title {
		width: 440px; height: 25px;
		background: url(http://image.mgame.jp/portal/test1011/ttl_light.gif) no-repeat left bottom;
	}
	div#lightgame ul {
		margin:10px 0 0 0;
		padding:0;
		list-style: none;
	}
	div#lightgame ul li {
		display: block;
		width: 215px; height:50px;
		margin:0; padding:0;
		vertical-align:bottom;
	}
	div#lightgame ul li a {
		display: block;
		width: 215px; height:50px;
		margin:0; padding:0;
		text-indent: -9999px;
		overflow: hidden;
	}
	div#lightgame ul li.lgame_pachinko1 { 
	background: url(http://image.mgame.jp/portal/main/080328/btn_light_pachinko_1.gif) no-repeat center top;
	float:right;
	}
	div#lightgame ul li.lgame_pachinko2 { 
	background: url(http://image.mgame.jp/portal/main/080328/btn_light_pachinko_2.gif) no-repeat center top;
	float: left;
	}

/* compose 作曲ツール */
	div#compose {
	position: relative;
	top: 0px; left: 10px;
	width: 440px;
	}
	div#compose div.title {
		width: 440px; height: 25px;
		background: url(http://image.mgame.jp/portal/test1011/ttl_compose.gif) no-repeat left bottom;
	}
	div#compose ul {
		margin:10px 0 0 0;
		padding:0;
		list-style: none;
	}
	div#composeul li {
		display: block;
		width: 215px; height:50px;
		margin:0; padding:0;
		vertical-align:bottom;
	}
	div#compose ul li a {
		display: block;
		width: 215px; height:50px;
		margin:0; padding:0;
		text-indent: -9999px;
		overflow: hidden;
	}
	div#compose ul li.compose_onzo { 
	background: url(http://image.mgame.jp/portal/test1011/btn_compose_onzo.gif) no-repeat center top;
	float: left; 
	}
/* center area 中央ゲーム枠----------------------------------------------------- */
/* blog ブログ*/
	div#blog {
	}
	div.middle div#blog div.new_posts {
		position: relative;
		top: 0px; left: 10px;
		width: 190px;
	}
	div.middle div#blog div.new_posts .list_title {
		display:block;
		width: 84px; height: 22px;
		margin: 0; padding: 0;
		background: url(http://image.mgame.jp/portal/main/080328/ico_blog.gif) no-repeat left bottom;
	}
	div.middle div#blog .blog_tab {
		padding:10px 0 19px;
		border-bottom:1px #98cde3 solid;
	}
	div.middle div#blog div.new_posts a.list_title_all {
		display:block;
		float:left;
		width: 55px; height: 20px;
		margin: 0; padding: 0;
		background: url(http://image.mgame.jp/portal/main/080328/ico_blog_all_off.gif) no-repeat left bottom;
	}
	div.middle div#blog div.new_posts a.list_title_friend {
		display:block;
		float:left;
		width: 80px; height: 20px;
		margin: 0; padding: 0;
		background: url(http://image.mgame.jp/portal/main/080328/ico_blog_friend_off.gif) no-repeat left bottom;
	}
	div.middle div#blog div.new_posts a:hover.list_title_all {
		display:block;
		float:left;
		width: 55px; height: 20px;
		margin: 0; padding: 0;
		background: url(http://image.mgame.jp/portal/main/080328/ico_blog_all_on.gif) no-repeat left bottom;
	}
	div.middle div#blog div.new_posts a:hover.list_title_friend {
		display:block;
		float:left;
		width: 80px; height: 20px;
		margin: 0; padding: 0;
		background: url(http://image.mgame.jp/portal/main/080328/ico_blog_friend_on.gif) no-repeat left bottom;
	}
	div.middle div#blog div.new_posts a.list_title_all_over {
		display:block;
		float:left;
		width: 55px; height: 20px;
		margin: 0; padding: 0;
		background: url(http://image.mgame.jp/portal/main/080328/ico_blog_all_on.gif) no-repeat left bottom;
	}
	div.middle div#blog div.new_posts a.list_title_friend_over {
		display:block;
		float:left;
		width: 80px; height: 20px;
		margin: 0; padding: 0;
		background: url(http://image.mgame.jp/portal/main/080328/ico_blog_friend_on.gif) no-repeat left bottom;
	}
	div.middle div#blog div.new_posts ul {
		display: block;
		clear:left;
		width: 190px;
		margin:0;
		padding:0 0 7px 0;
		list-style: none;
	}
	div.middle div#blog div.new_posts ul li {
		margin:0;
		padding:5px 0 4px 0;
		background: url(http://image.mgame.jp/portal/main/080328/left_dotline.gif) repeat-x left bottom;
	}
	div.middle div#blog div.new_posts ul li a {
		display:block;
		padding:0 0 0 10px;
		text-align: left;
		background: url(http://image.mgame.jp/portal/main/080328/ico_list.gif) no-repeat left 5px;
	}

/* add 2009-05-08(H.Park) メディアレイヤー設定
------------------------------------------------------------ */
#mediabbsinfo_layer {
	/*position:absolute;
	top:440px;
	left:30px;*/
	padding:20px 10px;
	width:200px;
	height:140px;
	display:none;
	background: url(http://image.mgame.jp/portal/main/080328/bg_back.gif) no-repeat;
	}
#mediabbsinfo_layer a.mediabbs_layer {
	position:absolute;
	display:block;
	top:115px;
	left:175px;
	width:15px;
	height:15px;
	}