@charset "utf-8";
/* CSS Document */
/* import core styles | Basis-Stylesheets */
@import url(base.css);
/* import print layout | Druck-Layout einbinden */
@import url(print-base.css);

div#header{
	position:absolute;
	text-indent:-9999px;
}

/* ----------------------------------------
*	汎用要素スタイル 
---------------------------------------- */
object{
	width:100%;
}

/* ----------------------------------------
*	ページスタイル　index.html
---------------------------------------- */
div#wrapper{
	position:relative;
	width:100%;
}
div#content{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
div#navigation{
	position:absolute;
	top:530px;
	left:0;
	width:100%;
	background:url(../images/common/bg_navigation.png) repeat-x 0% 0%;
	height:77px;
}
div#navigation div#nav_main{
	width:900px;
	margin:0 auto;
}
div#navigation ul{	margin:0;}
div#navigation li{
	list-style:none;
	height:57px;
	padding:10px 0;
	float:left;
}
div#navigation li a{
	display:block;
	height:57px;
	background:url(../images/common/btn_navigation.png) no-repeat 0% 0%;
	text-indent:-9999px;
	overflow:hidden;
}
/*Normal*/
div#navigation li#nav_whats-tranga a{ background-position:0px 0px; width:190px;}
div#navigation li#nav_service a{ background-position:-190px 0px; width:135px;}
div#navigation li#nav_sample a{ background-position:-325px 0px; width:146px;}
div#navigation li#nav_flow a{ background-position:-471px 0px; width:140px;}
div#navigation li#nav_cost-period a{ background-position:-611px 0px; width:138px;}
div#navigation li#nav_faq a{ background-position:-749px 0px; width:151px;}
/*Hover*/
div#navigation li#nav_whats-tranga a:hover{ background-position:0px -57px;}
div#navigation li#nav_service a:hover{ background-position:-190px -57px;}
div#navigation li#nav_sample a:hover{ background-position:-325px -57px;}
div#navigation li#nav_flow a:hover{ background-position:-471px -57px;}
div#navigation li#nav_cost-period a:hover{ background-position:-611px -57px;}
div#navigation li#nav_faq a:hover{ background-position:-749px -57px;}

/*	footer フッター		---------------------------------------- */
div#footer{
	position:absolute;
	top:630px;
	width:100%;
}
div#footer_inner{
	width:900px;
	margin:0 auto;
}
div#footer ul{
	margin-bottom:23px;
}
div#footer ul li{
	list-style:none;
	float:left;
	margin-right:16px;
	text-align:center;
	font-size:10px;
}
div#footer ul li a{
	color:#333;
}
div#footer address{
	background:url(../images/common/txt_copyright.png) no-repeat 0% 0%;
	width:278px;
	height:11px;
	text-indent:-9999px;
	margin:auto;
}