/*
base
----------------------------------------*/

@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

body{ margin:0; padding:0; color:#666; background:#F3F3F3; text-align: center; font-size:12px; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif; border:0; }

#wrapper { width:100%;text-align:left; margin:0; padding:0; background: #FFF; border:0;}

#main {         margin:0 auto;
                padding:0px;
				border: 0px;
                line-height:150%;
				width:700px;
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.6;/* base line height */
	text-align: left;
	display: block;
	margin: 0px;
}

table {margin : 0;empty-cells: show;}
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}

hr{
	display:none;
}

a:link { color:#3366CC; text-decoration:none;}
a:visited { color:#3366CC; text-decoration:none;}
a:active { color:#3366CC; text-decoration:none;}
a:hover{color:#3399FF;text-decoration: underline;}

/*
ヘッダー
----------------------------------------*/

#header {
margin:0 auto 33px auto;
_margin:0 auto 15px auto;
padding:0;
width:700px;
}

/*
イメージ
----------------------------------------*/

#main h2 {
				clear:both;
				margin:0 0 20px 0; 
		        padding:0;
				width:700px;
				height:250px;
				text-indent : -9000px;
                background: url(/images/index/im_index.jpg) no-repeat;
}

/*
----------------------------------------*/
#header h1 {
				float:left;
				margin:14px 0 0 0; 
		        padding:0;
				width:142px;
				height:43px;
				font-size:12px;
				text-indent : -9000px;
                background: url(/images/common/ci_logo.gif) no-repeat;
}

#header h1 a{
			    text-decoration:none;
				display:block;				
			    margin:0;
				padding:0;
			    width:142px;
				height:43px;
				/*\*/overflow: hidden;/**/
}



/*
ヘッダーメニュー
----------------------------------------*/

#submenu ul { display:block; 
              float:right;
			  margin:0;
              padding:0;
			  height:45px;
			  width:480px;
			  background: url(/images/common/bg_headmenu.gif) no-repeat; 
			  }

#submenu li { 
		float:left;
		margin:10px 0 0 0; 
		padding:4px;
		text-indent:8px;
		display:block;
		list-style:none;
		}

#submenu li.firstChild{
		float:left;
		margin:10px 0 0 30px;
		_margin:10px 0 0 15px;
		padding:4px;
		text-indent:8px;
		display:block;
		list-style:none;
		}

#submenu li.recruit { 
		margin:10px 0 0 0; 
		padding:0;
		display:block;
		list-style:none;
		}
		
#submenu li a{ 
		padding:0 10px 0 10px;
		background: url(/images/common/ic_common01.gif) no-repeat 0 3px;
		/*\*/overflow: hidden;/**/
}

#submenu li.recruit a{ 
		padding:0;
		color:#FFF;
		background:none;
}
		
		

/*
メインナビゲーション----------------------------------------*/

#navigation{
		        				
				clear:both;
				width:100%;
				height:41px;
				margin:0 auto 10px auto; 
				padding:0;
				background: url(/images/common/bg_main.jpg) repeat-x;

}

#navigation ul{ 
			    width:780px;
		        margin:0 auto; 
				padding:0;				
				list-style:none;
}

#navigation li  {
				margin:0;
				padding:0;				
				text-indent:-9000px;
				float:left;
				
}


#navigation li#service  a{
				display:block;
				width:214px;
				height:41px;
				/*\*/overflow: hidden;/**/
				

}

#navigation li#news a{
				display:block;
				width:176px;
				height:41px;
				/*\*/overflow: hidden;/**/

}

#navigation li#showcase  a{
				display:block;
				width:175px;
				height:41px;
				/*\*/overflow: hidden;/**/
}

#navigation li#company  a{
				display:block;
				width:215px;
				height:41px;
				/*\*/overflow: hidden;/**/
}



#navigation li#service  {
                   
                   background: url(/images/index/bt_menu_off.jpg) no-repeat 0 0;

}
#navigation li#news  {
                   background: url(/images/index/bt_menu_off.jpg) no-repeat -214px 0;

}
#navigation li#showcase  {
                   background: url(/images/index/bt_menu_off.jpg) no-repeat -390px 0;

}
#navigation li#company  {
                   background: url(/images/index/bt_menu_off.jpg) no-repeat -565px 0;

}


#navigation li#service a:hover	{
                   text-decoration:none;
                   background: url(/images/index/bt_menu_on.jpg) no-repeat 0 0;

}
#navigation li#news a:hover {
                   text-decoration:none;
                   background: url(/images/index/bt_menu_on.jpg) no-repeat -214px 0;

}
#navigation li#showcase a:hover {
                   text-decoration:none;
                   background: url(/images/index/bt_menu_on.jpg) no-repeat -390px 0;

}
#navigation li#company a:hover {
                   text-decoration:none;
                   background: url(/images/index/bt_menu_on.jpg) no-repeat -565px 0;

}

		
		
/*
サービスナビゲーショ・E----------------------------------------*/


#serviceMenu  {
		float: left;
		padding:0px;
        margin:0 0 20px 0;
		
		}
		
#serviceMenu ul  {
		margin:0px;
		padding:0px;
		width:175px;
		background:  url(/images/index/li_index.gif) repeat-y 173px 0;
		}
		
#serviceMenu li  {
        margin:0px 0px 0px 10px;
		padding:2px;
		text-indent : 6px;
		display:block;
		list-style:none;
		background:  url(/images/common/ic_common01.gif) no-repeat 0 6px;
		}
		
/*
ショーケースビゲーショ・E----------------------------------------*/
		
#showcaseMenu  {
		padding:0px;
		margin:0px 0px 20px 0px;
        float: left;
		background:  url(/images/index/li_index.gif) repeat-y 173px 0;
		}
				
#showcaseMenu ul  {
		margin:0px;
		padding:0px;
		width:175px;

		}
		
#showcaseMenu li  {
        margin:0 0 0 10px;
		padding:2px;
		text-indent:6px;
		display:block;
		list-style:none;
		background:  url(/images/common/ic_common01.gif) no-repeat 0 6px;
		}		


/*
カンパニーナビゲーショ・E----------------------------------------*/

#companyMenu  {
		padding:0;
		margin:0 0 20px 0;
		float: left;
		height:100%;
		background:  url(/images/index/li_index.gif) repeat-y 173px 0;
        
		}
		
#companyMenu ul  {
		margin:0;
		padding:0;
		width:175px;

		}
		
#companyMenu li  {
        margin:0 0 0 10px;
		padding:2px;
		text-indent : 6px;
		display:block;
		list-style:none;
		background:  url(/images/common/ic_common01.gif) no-repeat 0 6px;
		}


/*
採用メニュー
----------------------------------------*/

#recruitMenu {
        float: left;
		padding:0;
		margin:0 0 20px 0;
		
        
		}
		
#recruitMenu ul  {
		margin:0;
		padding:0;
		width:175px;
		}
		
#recruitMenu li  {
		width:160px;
		margin:0px 0px 0px 10px;
		padding:2px;
		text-indent : 6px;
		display:block;
		list-style:none;
		background:  url(/images/common/ic_common01.gif) no-repeat 0 6px;
		}

/*
ニュース・E蝓璽根----------------------------------------*/

#Content  {
		clear:both;
		width:700px;
		padding:0;
		margin:0;
        
		}
		
/*
セキュ・E謄が----------------------------------------*/
#security {
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		width:700px;
		height:24px;
        background:#EEEEEE;
		border:1px solid #DDDDDD;
}
		

#security span.link{
padding:0;
margin:8px 0 0 10px;
text-indent : 12px;
display:block;
background:  url(/images/common/ic_common01.gif) no-repeat 4px 4px;
}
		
/*
ニュース
----------------------------------------*/
#newsContent {
        float: left;
		width:460px;
		padding:0;
		margin:0 0 10px 0;
        
		}
#newsContent #newstitle{
		padding:0;
		margin:0 0 8px 0;
		width:460px;
		border:0;
}

#newsContent #newstitle td img{
		border:0;
		padding:0;
		margin:0;
}	
		
/*
バナーコンテンツ
----------------------------------------*/
#bannerContent {
        float: right;
		width:234px;
		padding:0px;
		margin:0 0 10px 0;
}

#bannerContent P.banner1 {
		padding:0;
		margin:0 0 4px 0;
}

#bannerContent P.banner2 {
		padding:0;
		margin:0 0 4px 0;
}

#bannerContent P.banner3 {
		padding:0px;
		margin:0 0 4px 0;
}

#bannerContent P.banner4 {
		padding:0px;
		margin:0 0 4px 0;
}

#bannerContent P.banner5 {
		padding:0px;
		margin:0 0 4px 0;
}

#bannerContent P.banner6 {
		padding:0px;
		margin:0 0 4px 0;
}

#bannerContent P.banner7 {
		padding:0px;
		margin:0 0 18px 0;
}

#bannerContent P.banner8 {
		padding:0;
		margin:0 0 4px 0;
}

#bannerContent div.privacymark {
		padding:0;
		margin:0 0 8px 0;
}

#bannerContent p.privacymarkImg {
		padding:0;
		margin:0 0 8px 0;
		float:left;
}

#bannerContent p.privacymarkTxt {
		padding:0;
		margin:0 0 8px 0;
		float:right;
		font-size:10px;
		color:#999;
		width:140px;
}


/*
フッター
----------------------------------------*/

#footer {clear:both; width:100%; height:21px; background:url(/images/common/bg_footer.gif) repeat-x #F3F3F3; margin:0; padding:0; border:0; }

/*
コピーライト
----------------------------------------*/

#footer P{
				margin:0;
				padding:0;
				height:14px;
				text-indent : -9000px;
				background: url(/images/common/tx_copyright.gif) no-repeat ;
				background-position: top center;
				}

#main p.flash{ margin:0 0 10px 0;}
				 
/*システムスタッフバナー*/	 
.systemstaff{
	width:700px;
	height:80px;
	margin:0 0 2{}0px 0;
	display:block;
	clear:both;
	}
	
	/**/
div.clearFix{
				margin:0;
				padding:0;
				clear:both;
				height:1px;
				}

/*夏*/	 
p.summer2008{
	width:700px;
	margin:0 0 8px 0;
	display:block;
	clear:both;
	}