@charset "utf-8";

/* 
----------------------------------------------------------------------------- 
GLOBAL ELEMENTS BASIC POSITIONING AND LAYOUT
-----------------------------------------------------------------------------*/
.header {
	height:91px;
	position: relative;
	background:url(bgHeader.jpg) top center no-repeat;
	}
h1{
	color:#808080;
	font-size:10px;
	letter-spacing : 1px;
	font-weight:normal;
	text-align: right;
	margin-top: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10;
}	

/* 
----------------------------------------------------------------------------- 
CLEAR ELEMENTS REGISTRATION
-----------------------------------------------------------------------------*/
.header:after,
.gnav:after,
.main:after,
.footer:after {
	content: '';
	display: block;
    clear: both;
    height: 0;
    visibility: hidden;
	}

.alt{
	display:none;
     }


/* 
----------------------------------------------------------------------------- 
HEADER/LOGO/UTILITY
-----------------------------------------------------------------------------*/
.header h2.site-logo {
	position:absolute;
	left:5px;
	top:34px;
	width:206px;
	height:44px;
	}
	
.header h2.site-logo a {
	display:block;
	width:206px;
	height:44px;
	}
	
.header ul.utility-menu {
	position:absolute;
	width:621px;
	height:13px;
	margin:0;
	right:0;
	top: 57px;
	}
	
.header ul.utility-menu li {
    float:right;
	display:block;
	padding:0 0 0 20px;
	margin-left:15px;
	background:url(arrow.gif) left no-repeat;
	font-size:10px;
	}
	
.header ul.utility-menu li.last-child {
	padding-right:5px;
	}
	
	
/* 
----------------------------------------------------------------------------- 
breadCrumbs(パンくず)
-----------------------------------------------------------------------------*/
.breadCrumbs{
    clear:left;
    text-align:left;
	font-size: 90%;
	margin:13px 0px 13px 5px;
	color:#636563;
	}
	
.breadCrumbs a {
	font-size: 90%;
	text-decoration:underline;
	color:#213C73;
	overflow:hidden; /* Delete Link Border for Firefox */
	}
	
.breadCrumbs a:hover {
	font-size: 90%;
	color:#636563;
	text-decoration:none;
	}

	
	
/* 
----------------------------------------------------------------------------- 
GNAV(GLOBAL NAVIGATION)
-----------------------------------------------------------------------------*/

div .gnav {
    width:804px;
	height:47px;
	margin:0;
	padding:0;
	}

.gnav {
    width:800px;
	height:47px;
	background:url(gnav-bg.jpg) top center no-repeat;
	margin:0;
	padding:0;
	text-align:center;
	}

.gnav ul {
    margin:0;
	padding:0 0 0 2px;
	}
	
.gnav ul li {
	float:left;
	margin:0;
	padding:0;
	width:160px;
	height:47px;
	line-height:47px;
	list-style:none;
	background:none;
	}
	
.gnav .toppage a {
	display:block;
	width:160px;
	height:47px;
	line-height:47px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(gnav-btn_top.jpg) 0 0 no-repeat;
	alt:top;
	}
	
.gnav .servicepage a {
	display:block;
	width:160px;
	height:47px;
	line-height:47px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(gnav-btn_ser.jpg) 0 0 no-repeat;
	}

.gnav .demopage a {
	display:block;
	width:160px;
	height:47px;
	line-height:47px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(gnav-btn_demo.jpg) 0 0 no-repeat;
	}
	
.gnav .examplepage a {
	display:block;
	width:160px;
	height:47px;
	line-height:47px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(gnav-btn_ex.jpg) 0 0 no-repeat;
	}
	
.gnav .companypage a {
	display:block;
	width:160px;
	height:47px;
	line-height:47px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(gnav-btn_com.jpg) 0 0 no-repeat;
	}
	



.gnav .toppage a:hover {
	background:url(gnav-btn_top_on.jpg) 0 0 no-repeat;
	}
	
.gnav .servicepage a:hover {
	background:url(gnav-btn_ser_on.jpg) 0 0 no-repeat;
	}
	
.gnav .demopage a:hover {
	background:url(gnav-btn_demo_on.jpg) 0 0 no-repeat;
	}
	
.gnav .examplepage a:hover {
	background:url(gnav-btn_ex_on.jpg) 0 0 no-repeat;
	}
	
.gnav .companypage a:hover {
	background:url(gnav-btn_com_on.jpg) 0 0 no-repeat;
	}
	


	
.top .gnav .toppage a {
	background:url(gnav-btn_top_on.jpg) 0 0 no-repeat;
	}
	
.service .gnav .servicepage a {
	background:url(gnav-btn_ser_on.jpg) 0 0 no-repeat;
	}
	
.demo .gnav .demopage a {
	background:url(gnav-btn_demo_on.jpg) 0 0 no-repeat;
	}
	
.example .gnav .examplepage a {
	background:url(gnav-btn_ex_on.jpg) 0 0 no-repeat;
	}
	
.company .gnav .companypage a {
	background:url(gnav-btn_com_on.jpg) 0 0 no-repeat;
	}
	


/*
----------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/
.content {
    margin:0;
	padding:0;
	}

		

	
/* 
----------------------------------------------------------------------------- 
PAGETOP BUTTON
-----------------------------------------------------------------------------*/
.pagetop{/*全ページ対応(サービスページ以外)*/
	width:800px;
	text-align:right;
	padding:0;
	margin:30px 4px 10px 0;
	font-size:90%;
	}
	
.pagetop-left{/*サービス内容詳細ページ一番下*/
	width:594px;
	text-align:right;
	padding:0;
	margin:30px auto 10px 0;
	font-size:90%;
	}

.pagetop-ser {/*サービス内容詳細ページ真ん中*/
	text-align:right;
	margin:17px 0px 17px auto;
	font-size:90%;
	}
	
	
/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
.container #footerInner{
    width:804px;
	height:40px;
	margin:0;
    padding:0;
	clear:both;
	text-align:center;
	}


#footerNav{
	width:800px;
	height: 3px;
	margin:0;
	padding:0;
	text-align:center;
	}

#fNav ul{
   width:480px;
    float:left;
	width:450px;
	color:#213C73;
	padding:0;
	margin:0;
	text-align:left;
	}

#footerNavItems li{
	padding:4px 0 0;
	margin:0;
	}

.fNavItem{
    width:480px;
	font-size: 90%;
	padding:0;
	margin:5px 0 0 ; 
	}

.fNavItem a{
    padding:0;
	padding:0 4px; 
	margin:0; 
	}
	
.container .fNavItem a { 
	color:#213C73;
	text-decoration:none;	
	overflow:hidden; /* Delete Link Border for Firefox */
	}
	
.container .fNavItem a:hover {
	color:#213C73;
	text-decoration:underline;
	}
	
/* 
----------------------------------------------------------------------------- 
copyright
-----------------------------------------------------------------------------*/

#copy {
	float: right;
	display: block;
	padding:0;
	margin:4px 4px 0 0;
	font-size:90%;
	color:#213C73;
	}