/* トップページ用CSS */

body{
margin: 0;
padding: 0;
font-size:100%;
}

img {
	border: none;
}

/* ==================================================== */
/* ヘッダー部分                                         */
/* ==================================================== */
#header {
	height: 399px;
}

/* 2007.11.30 jetgraph追加*/
#header-conte{
	background-image: url(../images/header-conte-back.gif);
	height: 65px;
	width: 788px;
	margin: 0 auto;
}
#logo{
	float: left;
	height: 65px;
	width: 156px;
}
#menu{
	float: right;
	margin: 40px 0px 0px 0px;
	font-size: 0.8em;
}
#menu a{
	color: #666666;
	text-decoration: none;
}
#menu a:hover{
	color: #6AC4FF;
}
/* リスト
---------------------------------------------------- */
ul {
	font-size: 0.8em;
	} 
/* 2007.11.30 jetgraph追加*/


#flash {
	width: 788px;
	margin: 0 auto;
	height: 284px;
}
#header #box {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 788px;
	height: 45px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-image: url(../images/header-navi.gif);
}


/* ==================================================== */
/* コンテンツ部分　　　　　　　　　　　　　　　　　  　 */
/* ==================================================== */

/* レイアウト関連
---------------------------------------------------- */
#contents {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
#right {
	width: 282px;
	float: right;
	margin-bottom: 20px;
}
#left {
	width: 480px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-bottom: 20px;
}


/* レフトエリア
---------------------------------------------------- */
/* 会社紹介ムービー */
#movie {
	width: 282px;
	height: 89px;
	background-image: url(../images/movie-back.gif);
	margin-top: 12px;
}
#movie .high {
	width: 131px;
	height: 15px;
	padding-left: 34px;
	padding-top: 34px;
	background-repeat: no-repeat;
}
#movie .low {
	width: 131px;
	height: 15px;
	padding-left: 34px;
	padding-top: 14px;
	background-repeat: no-repeat;
}

#trust {
	width:282px;
	padding-top:40px;
}

/* ブログ */
#blog {
	width: 282px;
	height: 90px;
	background-image: url(../images/blog_back.jpg);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
	padding:36px 0px 0px;
	clear:both;
}
#blog .bn {
	margin: 0px 0px 10px 0px;
	background-repeat: no-repeat;
}




/* ライトエリア
---------------------------------------------------- */
/* リクルートメニュー */

/* 最新ニュース */

#news {
}

#news-area{
	float: left;
	margin-top: 12px;
}

#news .title{
	background-image: url(../images/title-news.gif);
	height: 37px;
	width: 479px;
	background-repeat: no-repeat;
}
#news ul{
	font-size: 70%;
	list-style: none;
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.3em;
}
#news li{
	display: block;
	margin: 0;
	color: #333;
	width: 479px;
	border-bottom: 1px solid #D0EBF9;
}
#news li a{
	display: block;
	width: 454px;
	color: #333;
	text-decoration: none;
	padding-left: 25px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(../images/icon-list.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#news li a:hover{
	background-color: #EAF5FB;
}


#recruit-area{
	width: 238px;
	float: left;
	background-image: url(../images/rc-back.gif);
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
#recruit-area ul{
	font-size: 0.8em;
	list-style: none;
	margin: 7px 0 0 7px;
	padding: 3px 0 7px 0;
}
#recruit-area li{
	display: block;
	width: 223px;
	line-height: 1.6;
	margin: 0;
	color: #333;
}
#recruit-area li a{
	display: block;
	width: 203px;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #333;
	background-image: url(../images/icon-list.gif);
	background-repeat: no-repeat;
	background-position: 6px 50%;
}
#recruit-area li a:hover{
	color: #333;
	background-color: #EAF5FB;
}

/* 会社情報メニュー */
#corporate-area{
	width: 238px;
	float: left;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-image: url(../images/rc-back.gif);
}
#corporate-area ul{
	font-size: 0.8em;
	list-style: none;
	margin: 7px 0 0 7px;
	padding: 3px 0 7px 0;
}
#corporate-area li{
	display: block;
	width: 223px;
	line-height: 1.6;
	margin: 0;
	color: #333;
	background: url(images/listmark.gif) no-repeat 0 0.5em;
}
#corporate-area li a{
	display: block;
	width: 203px;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #333;
	background-image: url(../images/icon-list.gif);
	background-repeat: no-repeat;
	background-position: 6px 50%;
}
#corporate-area li a:hover{
	color: #333;
	background-color: #EAF5FB;
}

#saiyo-area{
	font-size: 80%;
	margin-top: 10px;
	width: 476px;
	float: left;
}

/* 中途採用情報 */
#saiyou_info {
	clear: left;
	margin-bottom: 0px;
	margin-top: 20px;
	float: left;
}
#saiyou_info .title{
	border-top: 1px solid #5EBAE9;
	background-image: url(../images/saiyou_info.jpg);
	height: 35px;
	width: 479px;
	background-repeat: no-repeat;
	border-bottom: 1px dashed #D0EBF9;
}
#saiyou_info ul{
	font-size: 70%;
	list-style: none;
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.3em;
}
#saiyou_info li{
	display: block;
	margin: 0;
	color: #333;
	width: 450px;
	border-bottom: 1px dashed #D0EBF9;
}
#saiyou_info li a{
	display: block;
	width: 450px;
	color: #333;
	text-decoration: none;
	padding-left: 25px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(../images/icon-list.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
}
#saiyou_info li a:hover{
	background-color: #EAF5FB;
}




/* サービスメニュー */
#servise-area{
	clear: both;
}
#servise-area .title{
	background-image: url(../images/title-2.gif);
	height: 35px;
	width: 282px;
	background-repeat: no-repeat;
}
#a{
	display: block;
	width: 282px;
	height: 58px;
	font-size: 10px;
	background: url(../images/aboutservice-a.gif) no-repeat;
	letter-spacing: 0.1em;
}
#a a{
	display: block;
	width: 282px;
	height: 58px;
	padding: 18px 0px 0px 0px;
	text-decoration: none;
	color: #333;
	background: url(../images/aboutservice-a.gif) no-repeat;
}
#a a:hover{
    display: block;
	background: url(../images/aboutservice-ah.gif) no-repeat;
}
#b{ 
    display: block;
	width: 282px;
	height: 58px;
	font-size: 10px;
	background-image: url(../images/aboutservice-b.gif);
	letter-spacing: 0.1em;
}
#b a{ 
      display: block;
	  width: 228px;
	  height: 38px;										
	  padding: 18px 0px 0px 250px;																															
	  text-decoration: none;
	  color: #333;
	  background-image: url(../images/aboutservice-b.gif);
}
#b a:hover{
    display: block;
	background-image: url(../images/aboutservice-bh.gif);
}
#c{
	display: block;
	width: 282px;
	height: 58px;
	font-size: 10px;
	background-image: url(../images/aboutservice-c.gif);
	letter-spacing: 0.1em;
}
#c a{
	display: block;
	width: 228px;
	height: 38px;											
	padding: 18px 0px 0px 250px;																															
	text-decoration: none;
	color: #333;
	background-image: url(../images/aboutservice-c.gif);
}
#c a:hover{
    display: block;
	background-image: url(../images/aboutservice-ch.gif);
}

#d{
	display: block;
	width: 282px;
	height: 58px;
	font-size: 10px;
	background-image: url(../images/aboutservice-d.gif);
	letter-spacing: 0.1em;
}

#d a{
	display: block;
	width: 228px;
	height: 38px;											
	padding: 18px 0px 0px 250px;																															
	text-decoration: none;
	color: #333;
	background-image: url(../images/aboutservice-d.gif);
}
#d a:hover{
    display: block;
	background-image: url(../images/aboutservice-dh.gif);
}


#e{
	display: block;
	width: 282px;
	height: 58px;
	font-size: 10px;
	background-image: url(../images/aboutservice-e.gif);
	letter-spacing: 0.1em;
}

#e a{
	display: block;
	width: 228px;
	height: 38px;											
	padding: 18px 0px 0px 250px;																															
	text-decoration: none;
	color: #333;
	background-image: url(../images/aboutservice-egif);
}
#e a:hover{
    display: block;
	background-image: url(../images/aboutservice-eh.gif);
}



/* その他 */
.rc-bottom{
	width: 479px;
	height: 13px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/rc-bottom.gif);
}
#shade{
	width: 282px;
	height: 8px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	background-image: url(../images/shade.gif);
	clear: both;
}
.shade-b{
	width: 479px;
	height: 4px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}
.icon{
	float: right;
}


/* スタッフ大募集 */

#stuff {
	background-image: url(../images/stuff_back.gif);
	width: 282px;
	height: 114px;
	padding: 140px 0px 0px 0px;
	background-repeat: no-repeat;
}

#stuff ul{
	font-size: 0.8em;
	list-style: none;
	margin: 0px 0px 0px 14px;
	padding: 0 0 1em 0;
	line-height: 1.3em;
	width: 230px;
	display: block;
}

#stuff li a{
	display: block;
	width: 247px;
	color: #FFF;
	text-decoration: none;
	padding-left: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../images/recruit_circle.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
}

#stuff li a:hover{
	color: #6AC4FF;
}

/*バナーエリア*/

div.banner-area {
	width:250px;
	height:200px;
	margin:0 auto;
}


/* ==================================================== */
/* フッター部分                                    　   */
/* ==================================================== */

#wrapper {
	width: 788px;
	margin: 0px auto;
	margin-top:20px;
	clear: both;
	font-size:12px;
	/*border-top:1px solid #006ab1;*/
}

#footnavi {
	margin: 0px auto;
}

#footer {
	height: 60px;
	clear: left;
	background-image: url(../images/footer-back.png);
	background-repeat: repeat-x;
	width: 788px;
	margin: 0px auto;
}
#copyright {
	height: 50px;
	float: left;
}
#pagetop {
	margin: 0px auto;
	float: right;
	margin-bottom:5px;
}