@charset "UTF-8";
/* ========================================================================================= */
/* [ Jungle 全共通 ] CSS for screen
/*
/* (c)2008 Jungle, Inc. All Rights Reserved.
/* saito@junglejapan.com
/* ========================================================================================= */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#80582e;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
	line-height:1.5;
	font-family: "ＭＳ Ｐゴシック","Osaka";
}
input{line-height:1;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/* ========================================================================================= */

/* ----- BODY ----- */
body {
	background:url(../../common/images/header/body_bg.gif) #e1f2f8 repeat-x top left;
	text-align:center;
}


/* ----- LINK ----- */
a         { text-decoration: none; }
a:link    { color: #2B41B3; }
a:visited { color: #8B4D8C; }
a:active  { color: #0099CC; text-decoration: underline; }
a:hover   { color: #0099CC; text-decoration: underline; }


/* ----- 共通セレクタ ----- */
.small {
	font-size:85%;
	*font-size:77%;
	font-family: "Verdana";
}

.red {
	color:#E51C0E;
}


/* ----- コンテナ ----- */
#container {
	margin:0 auto;
	text-align:left;
	width:900px;
	background:url(../images/contents_bg.jpg) no-repeat 25px top;
	overflow:hidden;
}

	/* ----- グローバルメニュー ----- */
	#navi {
	background:url(../images/navi_bg.jpg) #FFFFFF no-repeat left top;
		width:900px;
		height:64px;
	}
	
		#navi li {
			float:left;
			position:relative;
		}


		#navi li a {
			display:block;
			overflow: hidden;
			text-indent:-9999px;
		}


		#navi_top a { background:url(../images/navi_top.gif) no-repeat top left; margin-left:65px; width:58px; height:34px;}
		#navi_system a { background:url(../images/navi_system.gif) no-repeat top left; margin-left:11px; margin-right:13px; width:77px; height:34px;}
		#navi_deluxe a { background:url(../images/navi_deluxe.gif) no-repeat top left; width:132px; height:34px;}
		#navi_character a { background:url(../images/navi_character.gif) no-repeat top left; margin-left:15px; width:101px; height:34px;}
		#navi_spec a { background:url(../images/navi_spec.gif) no-repeat top left; margin-left:6px; width:73px; height:34px;}
		#navi_yuutai a { background:url(../images/navi_yuutai.gif) no-repeat top left; margin-left:16px; width:78px; height:34px;}
		#navi_shop a { background:url(../images/navi_shop.gif) no-repeat top left; margin-left:18px; width:78px; height:34px;}
		#navi_support a { background:url(../images/navi_support.gif) no-repeat top left; margin-left:14px; width:78px; height:34px;}
		#navi a:hover { background-position: 0 -34px; }



	#index {
		background:#FFFFFF;
		width:850px;
		margin-left:25px;
	}

	#info {
		width:850px;
		overflow:hidden;
	}

	#info_list {
		width:500px;
		float:left;
		margin-left:25px;
		display:inline;
	}

		#info_list table{
			width:480px;
			margin:0 0 5px 0;
		}
		
		#info_list th{
			width:85px;
			padding:8px 0;
			vertical-align:top;
			text-align:center;
			line-height:1.3em;
			border-bottom:1px solid #DDDDDD;
		}
		
		#info_list td{
			padding:8px 0;
			vertical-align:top;
			line-height:1.3em;
			border-bottom:1px solid #DDDDDD;
		}


	#sub_list {
		width:300px;
		float:right;
		margin-right:20px;
		display:inline;
	}

	#sub_list .musou{
		width:300px;
		text-align:center;
		margin:10px 0 20px 0;
	}
	
	#sub_list .trial{
		width:300px;
		text-align:center;
		margin:10px 0 10px 0;
	}
	
	#sub_list .demo{
		width:300px;
		text-align:center;

	}

	#sub_list .demo img{
		margin:10px 0 0 0;
	}


/* ========================================================================================= */
/* ----- ページ上部へ ----- */
.page_up {
	text-align:right;
}


/* ========================================================================================= */
/* ----- フッター ----- */
#footer {
	border-top: 1px solid #dbb894;
	text-align:center;
	margin:25px;
	padding-top:10px;

}