@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:#444444;}
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) #FFFFFF repeat-x top left;
}


/* ----- 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 {
	text-align:center;
	margin:0;
}


/* ----- ヘッダー ----- */
#header {
	overflow:hidden;
	height: 130px;
	background: url(../images/header/header_bg.gif) repeat-x center top;

}

	#header_title {
		text-align:left;
		width:850px;
		height:91px;
		overflow:hidden;
		margin:0 auto;

	}
	
		#header_title .gdata_mark {
			float:left;
			width:45px;
			margin:18px 0 0 5px;
			display:inline;
		}


		#header_title .gdata_logo {
			float:left;
			width:45px;
			margin:18px 0 0 0;
			width:300px;
		}

			#header_title .gdata_logo h1{
				font-weight:bold;
				color:#FFF;
				margin:0; padding:5px 0 0 2px; line-height:1em;
			}

/* ----- グローバルメニュー ----- */
#navi {
	height:39px;
	background:url(../images/header/navi_bg.gif) repeat-x top left;
}

	#navi_btn {
		margin:0 auto;
		width:850px;
		height:39px;
		overflow:hidden;
		background:url(../images/header/navi_btn_bg.gif) no-repeat top left;
	}

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

	#navi_biz a { background:url(../images/header/navi_btn_biz.gif) no-repeat top left; margin-top:2px; width:89px; height:28px;}
	#navi_support a { background:url(../images/header/navi_btn_support.gif) no-repeat top left; margin-top:2px; width:88px; height:28px;}
	#navi_company a { background:url(../images/header/navi_btn_company.gif) no-repeat top left; margin-top:2px; width:122px; height:28px;}

	#navi a:hover { background-position: 0 -28px; }

	#navi_product a { background:url(../images/header/navi_btn_product.gif) no-repeat top left; margin-left:10px; width:87px; height:30px;}
	#navi_product a:hover { background-position: 0 -30px; }


/* ========================================================================================= */
/* ----- メイン部分 ----- */
#main {
	width:860px;
	margin : 0 auto;
	text-align:left;
}


/* ----- トピックパス ----- */
#topic_path {
	width:850px;
	height:20px;
	margin:0 auto;
	overflow:hidden;
}

	#topic_path ul{
		margin:0 0 0 10px;
	}
	
	#topic_path li{
		margin:5px 0 0 0;
		padding : 0 0 0 5px;
		float:left;
	}
	
	#topic_path li,
	#topic_path li a{
		font-family: "Verdana";
	}


/* ----- 左メニュー ----- */
#left_menu {
	float:left;
	width:210px;
	display:inline;
	margin: 20px 0 20px 0;
}

	#trial_banner{
		margin: 0 0 10px 0;
	}

	#buy_menu{
		background:url(../images/lmenu/buy_bg.gif) no-repeat left bottom;
		width:200px;
		height:130px;
		margin:0 0 15px 10px;
	}

		#buy_menu li{
			margin:9px 0 0 0;
		}

		#buy_menu a {
			display:block;
			overflow: hidden;
			text-indent:-9999px;
			width:200px;
			height:23px;
		}
		
		#buy_menu_new a { background:url(../images/lmenu/buy_btn_new.gif) no-repeat top left;}
		#buy_menu_upg a { background:url(../images/lmenu/buy_btn_upg.gif) no-repeat top left;}
		#buy_menu_license a { background:url(../images/lmenu/buy_btn_license.gif) no-repeat top left;}
		#buy_menu a:hover { background-position: 0 -23px; }
	

	#buy_menu2{
		margin:0 0 0 10px;
	}

	#buy_menu2 p{
		margin:0 0 15px 0;
	}


	#lineup_menu{
		background:url(../images/lmenu/lineup_bg.gif) no-repeat left bottom;
		width:200px;
		height:315px;
		margin:0 0 15px 10px;
	}

		#lineup_menu h2{
			margin:0 0 5px 0;
		}

		#lineup_menu li{
			margin:0;
		}

		#lineup_menu a {
			display:block;
			overflow: hidden;
			text-indent:-9999px;
			width:200px;
			height:62px;
		}
		
		#lineup_menu_tc a { background:url(../images/lmenu/lineup_btn_tc.gif) no-repeat top left;}
		#lineup_menu_is a { background:url(../images/lmenu/lineup_btn_is.gif) no-repeat top left;}
		#lineup_menu_isu a { background:url(../images/lmenu/lineup_btn_isu.gif) no-repeat top left;}
		#lineup_menu a:hover { background-position: 0 -62px; }
	
		#lineup_menu_av a { background:url(../images/lmenu/lineup_btn_av.gif) no-repeat top left; height:45px;}
		#lineup_menu_av a:hover { background-position: 0 -45px; }

		#lineup_menu_hikaku a { background:url(../images/lmenu/lineup_btn_hikaku.gif) no-repeat top left; height:23px; margin:10px 0 18px 0;}
		#lineup_menu_hikaku a:hover { background-position: 0 -23px; }


	#sub_menu{
		margin:0 0 15px 10px;
	}

	#lineup_old{
		background:url(../images/lmenu/lineup_old_bg.gif) no-repeat left bottom;
		width:200px;
		height:44px;
		margin:0 0 30px 10px;
		text-align:center;
	}

		#lineup_old select{
			margin:11px 0 0 0 ;
			width:180px;
		}

	#left_etc{
		margin:0 0 20px 10px;
	}

		#left_etc .banner{
			margin:0 0 20px 0;
		}


/* ----- コンテンツ部分 ----- */
#contents {
	float:right;
	width:610px;
	display:inline;
	margin: 0 10px 20px 0;
}

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


/* ========================================================================================= */
/* ----- フッター ----- */
#footer {
	clear:both;
	border-top:#CCCCCC 1px solid;
	padding-top:10px;
}

#footer p {
	margin-bottom:10px;
}