@charset "utf-8";
/* -----------------------------------------------------------
CSS Information

 Site URL:       
 File name:      style.css
 Created:        2009-03-10
 Last update:    2009-03-10 by Koji Yamanouchi
 Author:         Koji Yamanouchi(admin)
 Style Info:     デフォルト以外全て
----------------------------------------------------------- */

/*-----------------------------------------------
 __
-----------------------------------------------*/

/* __
------------------------------------------*/

/*------ __ -----*/

/* __ */



#body_company, #body_recruit{
	background-color:#efe9e9;
	line-height:160%;
}
/*----------------------------------------------------

/// __page

----------------------------------------------------*/
#page {
	width:780px;
	margin:0 auto;
	position:relative;
		background:url(../img/table_bg.jpg) repeat-y;

}
.clear {
	clear:both;
	line-height:0;
	font-size:0;
}
/*----------------------------------------------------

/// __header

----------------------------------------------------*/
#header {
	background:url(../img/header_01.jpg) no-repeat 0 0;
	width:780px;
	height:140px;
	display:block;

}
#header ul{
	padding-top:60px;
	display:block;

}
#header li{
 float:left;
 margin:0;
 padding:0; 
 }

#header h1{
	text-indent:-9999px;
	font-size:9px;
}

#header #menu a{
	background:url(../img/header_menu.png) no-repeat 0 0;
	height:55px;
	display:block;
	line-height:55px;
	width:128px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}
#header #menu a:hover{
	width:128px;
	margin:0;
	padding:0;
}

#header #menu  #news a{background-position:0 0; margin-left:5px;}
#header #menu  #news a:hover{background-position:0 -55px;}
#header #menu  #company a{background-position:-128px 0;}
#header #menu  #company a:hover{background-position:-128px -55px;}
#header #menu  #recruit a{background-position:-256px 0;}
#header #menu  #recruit a:hover{background-position:-256px -55px;}
#header #menu  #hiroba a{background-position:-384px 0;}
#header #menu  #hiroba a:hover{background-position:-384px -55px;}
#header #menu  #link a{background-position:-512px 0;}
#header #menu  #link a:hover{background-position:-512px -55px;}
#header #menu  #sitemap a{background-position:-639px 0;padding-right:2px;}
#header #menu  #sitemap a:hover{background-position:-640px -55px;padding-right:2px;}

/*-----------------------------------------------
 __main
-----------------------------------------------*/
#main {
	float:left;
	width:780px;
	padding-bottom:5px;
	background:url(../img/table_bg.jpg) repeat-y;
}
/* __content
------------------------------------------*/
#main #content {
	margin:0px auto;
	width:740px;
}


#main #content h2 {
	background:url(../../img/bar_title.gif);
	background-repeat:no-repeat;
	background-position:100% 0px;
	width:auto;
	height:25px;
	text-indent:15px;
	font-weight:700;
	font-size:14px;
	color:#333333;
	line-height:30px;
	text-align:left;
}


#development ul{
background:url(../img/dev_bg.gif) no-repeat 200px 40px #ffffee;
padding:10px;
display:block;
height:110px;

}
#development li{
	float:left;
}

#development h2{
	width:330px;
	display:block;
}
#development dl{
float:left;
margin-left:20px;
}
#development dt{
float:left;
}

#development dd{
float:left;
}

/*----------------------------------------------------

/// __footer

----------------------------------------------------*/
p#pageTop {
	clear:both;
	margin:0 10px 10px 0;
	text-align:right;
	height:15px;
	font-size:0;
	line-height:0;
	left: 660px;
	top: 960px;
}
#footer {
	clear:both;
	width:780px;
	margin:auto;
	background: url(../../img/footer_bg.gif) repeat-y 0 0;
	height:60px;
	padding: 5px 0 0 0;
}
#footer ul {
	width:760px;
	margin:10px auto 0;
	text-align:center;
}
#footer li {
	display:inline;
	margin-right:8px;
	padding-right:5px;
	line-height:1.1;
	border-right:1px #aaa solid;
}
#footer ul li a {
	color:white;
}
#footer ul li a:hover {
	color:black;
	background:white;
}
#footer p#copyright {
	text-align:center;
	clear:both;
	margin:10px auto;
	width:760px;
	color:#ccc;
	line-height:100%;
}

/*----------------------------------------------------

/// __ＣＣ２トップ　タイトルスライダー

----------------------------------------------------*/
#slider1 {
	width: 520px; /* important to be same as image width */
	height: 290px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#slider1Content {
	width: 520px; /* important to be same as image width or wider */
	top: 0;
	margin:0 auto;
}
.slider1Image {
	float: left;
	position: relative;
	display: none;
}
.slider1Image span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 10px;
	text-align:center;
	letter-spacing:0;
	width: 500px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
	font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
	left: 0;
}
.left {
	top: 0;
	left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul {
	list-style-type: none;
}
.ss li {
	float:left;
	display:block;
	margin:5px;
}