@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(../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:850px;
	background:url(../images/header/container_bg.jpg) #FFFFFF no-repeat top left;
	overflow:hidden;
}


/* ----- ヘッダー ----- */
#header {
	background: url(../images/header/header_bg.jpg) no-repeat top left;
}

	#header_title {
	}


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


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



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





		#navi2 ul{
			display:none;
			position:absolute;
			top:34px;
			background:url(../images/navi/navi2_deluxe.gif) no-repeat left top;
			width:242px; height:143px;
		}
		
		#navi2 ul li{
			clear:both;
		}
		
		#navi2_del01 a { background:url(../images/navi/navi2_del01.gif) no-repeat top left; margin-top:18px; width:242px; height:21px;}
		#navi2_del02 a { background:url(../images/navi/navi2_del02.gif) no-repeat top left; margin-top:9px; width:242px; height:21px;}
		#navi2_del03 a { background:url(../images/navi/navi2_del03.gif) no-repeat top left; margin-top:9px; width:242px; height:21px;}
		#navi2_del04 a { background:url(../images/navi/navi2_del04.gif) no-repeat top left; margin-top:9px; width:242px; height:21px;}
		#navi2 ul a:hover { background-position: -242px 0; }

/* ----- コンテンツ部分 ----- */
#contents {
	margin-left:25px;
	margin-bottom:30px;
}



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


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

}