@charset "Shift_JIS";
/* CSS Document */

body { height:100%;}

html { height:100%;}

#Container {
	width: 898px; 
	height:100%;
	min-height: 100%;
	margin: 0 auto;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;}

body > #Container { height: auto; }

#Contents  {
	width: 898px;
	height: auto;
	}


#Header #Header-Inner {
	position: relative;
	height: 120px;}


/* Gnavi
======================= */

#Header #Gnavi {
	width: 898px;
	height: 45px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding-top: 4px;
	background: url(../images/line.gif) no-repeat top center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index:10; }

#Header #Gnavi ul {}

#Header #Gnavi ul li {
	list-style: none;
	height: 45px; 
	float: left; }

#Header #Gnavi ul li.nav1,
#Header #Gnavi ul li.nav1 a { width: 180px; background-image: url(../images/navi1_top.gif);}

#Header #Gnavi ul li.nav2,
#Header #Gnavi ul li.nav2 a { width: 180px; background-image: url(../images/navi2_top.gif);}

#Header #Gnavi ul li.nav3,
#Header #Gnavi ul li.nav3 a { width: 179px; background-image: url(../images/navi3_top.gif);}

#Header #Gnavi ul li.nav4,
#Header #Gnavi ul li.nav4 a { width: 180px; background-image: url(../images/navi4_top.gif);}

#Header #Gnavi ul li.nav5,
#Header #Gnavi ul li.nav5 a { width: 179px; background-image: url(../images/navi5_top.gif);}

/** 導入事例ヘッダー用 **/
#Header #Gnavi ul li.nav6,
#Header #Gnavi ul li.nav6 a { width: 179px; background-image: url(../images/navi6_top.gif);}


#Header #Gnavi ul li.nav1_New,
#Header #Gnavi ul li.nav1_New a { width: 150px; background-image: url(../images/navi1_top_new.gif);}

#Header #Gnavi ul li.nav2_New,
#Header #Gnavi ul li.nav2_New a { width: 150px; background-image: url(../images/navi2_top_new.gif);}

#Header #Gnavi ul li.nav3_New,
#Header #Gnavi ul li.nav3_New a { width: 150px; background-image: url(../images/navi3_top_new.gif);}

#Header #Gnavi ul li.nav4_New,
#Header #Gnavi ul li.nav4_New a { width: 150px; background-image: url(../images/navi4_top_new.gif);}

#Header #Gnavi ul li.nav5_New,
#Header #Gnavi ul li.nav5_New a { width: 149px; background-image: url(../images/navi5_top_new.gif);}

#Header #Gnavi ul li.nav6_New,
#Header #Gnavi ul li.nav6_New a { width: 149px; background-image: url(../images/navi6_top_new.gif);}

#Header #Gnavi ul li a {
	display: block;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: left top; }

#Header #Gnavi ul li a.current,
#Header #Gnavi ul li a:hover {
	background-position: left bottom; }

/* Contents
==========================*/

#Contents {
	background: url(../images/image_main_s.jpg) no-repeat;
	width: 898px; 
	height: 400px;}

#Contents #Contents-Inner {
	width: 898px; 
	position: relative;}

h2 {
	position: absolute;
	line-height: 170%;
	top: 10px;
	left: 260px;
	_left: 280px;
	text-align: center; 
	font-size: 28px; }

#Contents #loginBox {
	position: absolute;
	left: 234px;
	top: 60px;
	background: url(../images/bg_login.gif) no-repeat;
	width: 389px; 
	height: 128px;
	padding: 20px;
	}

#Contents #loginBox p {
	font-size: 16px;
	text-align: center;  }

#Contents #loginBox p.btn_login {
	padding-top: 20px}

#Contents #loginBox p.btn_login a {
	display: block;
	width: 300px; 
	height: 79px;
	margin: 0 auto;
	text-indent: -9999px; over-flow: hidden;
	background: url(../images/btn_login_top.gif) no-repeat;
}


#Contents #topix {
	position: absolute;
	left: 250px;
	top: 360px;
/*	background: url(../images/bg_green.gif); */
	width: 510px; 
	height: 40px;
	padding: 3px;
	}


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