@charset "utf-8";
/*=====================================
最終更新日；2006年12月31日

1.各要素のリセット
2.基本レイアウト
3.リンク

4.ヘッダ
5.ナビゲーション
6.メインコンテンツ
7.サイドバー
8.フッタ

9.テーブル
10フォーム
11.アクセシビリティ関連
12.その他
======================================*/

/*======================================
各要素のリセット
======================================*/
* {
    margin:0;
    padding:0;
}
body {
	font-size: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif,"Hiragino Kaku Gothic Pro","Osaka","ＭＳＰゴシック";
	font-size:75%;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../img/back_g.jpg);
}
h1,h2,h3,h4,h5,h6,p,ul,ol {
    margin: 0;
    padding: 0;
}
html {
    overflow-y:scroll;
}
p,li,dt,dl {
    line-height:2;
}
p {
    margin:0 0 1em 0;
	text-indent: 1em; 
}

li {
    list-style-type:none;
}
img {
    border:0;
}
address {
    font-style:normal;
}
hr {
    display: none;
}
a{
	outline-width:0;
		}
/*======================================
リンク
======================================*/
a:link {
    color:#000099;
    text-decoration:none;
}
a:visited {
    color:#000099;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a:active {
    color:#666;
}

/*======================================
コンテナ
======================================*/
#container{
	/*width:740px;*/
	margin:0 auto;
}
  
/*======================================
ヘッダー
======================================*/
#header {
	width:740px;
	height:130px;
	margin:0 auto;
	background: url(../img/header.jpg) no-repeat left top;
	}
#logo {
	width:205px;
	height:85px;
    margin-top:45px;
	}	
/*======================================
メインナビ
======================================*/
#mainNavi{
	height:62px;
	background:url(../img/back_mainNavi.jpg) repeat-x left top;
	}

#mainNavi ul{
	height:62px;
	width:740px;
	margin:0 auto;
	padding:0;
	}
#mainNavi li{
	float:left;
	}

#mainNavi a{
	display:block;
	width:148px;
	height:55px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	}
#president a{
	background: url(../img/nav_presi.jpg) no-repeat left top;
}	
#president a:hover,#president_active a{
	background: url(../img/nav_presi.jpg) no-repeat left -55px;
}
#job a{
	background: url(../img/nav_job.jpg) no-repeat left top;
}	
#job a:hover,#job_active a{
	background: url(../img/nav_job.jpg) no-repeat left -55px;
}
#aboutproduct a{
	background: url(../img/nav_about.jpg) no-repeat left top;
}	
#aboutproduct a:hover,#aboutproduct_active a{
	background: url(../img/nav_about.jpg) no-repeat left -55px;
}
#strength a{
	background: url(../img/nav_strength.jpg) no-repeat left top;
}	
#strength a:hover,#strength_active{
	background: url(../img/nav_strength.jpg) no-repeat left -55px;
}
#collect a{
	background: url(../img/nav_collect.jpg) no-repeat left top;
}	
#collect a:hover,#collect_active{
	background: url(../img/nav_collect.jpg) no-repeat left -55px;
}
#result a{
	background: url(../img/nav_result.jpg) no-repeat left top;
}	
#result a:hover,#result_active{
	background: url(../img/nav_result.jpg) no-repeat left -55px;
}
#employee a{
	background: url(../img/nav_employee.jpg) no-repeat left top;
}	
#employee a:hover,#employee_active{
	background: url(../img/nav_employee.jpg) no-repeat left -55px;
}
#office a{
	background: url(../img/nav_office.jpg) no-repeat left top;
}	
#office a:hover,#office_active a{
	background: url(../img/nav_office.jpg) no-repeat left -55px;
}
#summary{
	background: url(../img/nav_summary.jpg) no-repeat left top;
}	
#summary a:hover,#summary_active a{
	background: url(../img/nav_summary.jpg) no-repeat left -55px;
}
#map{
	background: url(../img/nav_map.jpg) no-repeat left top;
}	
#map a:hover,#map_active a{
	background: url(../img/nav_map.jpg) no-repeat left -55px;
}
/*.active a{
	width:148px;
	height:55px;
	background-position:left -55px
	}*/
/*======================================
コンテンツ
======================================*/		
#content{
	width:740px;
	margin:0 auto;
}
#content::after{
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
#content{
width:100
}	
	
/*======================================
パンくずリスト
======================================*/		
#topicPath{
	width:740px;
	line-height:1.5em;
	padding-left:10px;
	margin-top:5px;
	}	
#topicPath a{
	margin:0 0.5em;} 	
/*======================================
エントリーボタン
======================================*/	
#btn_entry a{
	width:220px;
	height:36px;
	display:block;
	background:url(../img/btn_entry.jpg) no-repeat left top;
	margin:10px 3px 30px 0;
	float:right;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	}	
#btn_entry a:hover{
	width:220px;
	height:36px;
	display:block;
	background:url(../img/btn_entry.jpg) no-repeat left -36px;
	clear:both;
	}	
/*======================================
ｈ1
======================================*/	
h1 {
	width:740px;
	height:50px;
	margin:0 auto 20px;
	clear:both;
	}
/*======================================
ｈ2
======================================*/
h2{
	font-size:110%;
	margin-bottom:10px;
	}
/*======================================
動画
======================================*/	
#movie{
	width:730px;
	height:531px;
	margin:0 auto;
	background-color:#D9EFC0;
	clear:both;
	}	
	
#waku{
	padding:10px;
	}
/*======================================
このページのトップへ
======================================*/
#toTop a{
	background-image:url(../img/toTop.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:right;
	line-height:1.2;
	margin:20px 0pt;
	padding:0pt 0pt 0pt 15px;
	width:10em;
	}
	
/*======================================
フッター
======================================*/
#footer{
	font-size:90%;
	margin:10px auto 40px;
	padding:20px 0;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../img/back_footer.jpg);
	text-align:center;
	}
#footer a{
	padding:0 3px;
	}
	
#footerNavi{
	width:700px;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	}
#footerNavi li{
 	float:left;
	}	
#footerNavi ul{
	margin:0 auto;
	xwidth:600px;
	text-align:center;
	}
#copyright{
	text-align:center;
	clear:both;
	margin-top:20px;
	}

/*======================================
「トップ」ページ
======================================*/
#whatsnew{
	width:400px;
	margin:20px 0 0 5px;
	}

#top_news{
	width:400px;
	height:30px;
	background:url(../img/back_top_news.jpg) no-repeat left top;
	text-indent:-9999px;
	}
#mid_news{
	width:400px;
	background:url(../img/back_mid_news.jpg) repeat-y left top;
	padding:15px 0 5px;
	}
#btm_news{
	width:400px;
	height:10px;
	background:url(../img/back_btm_news.jpg) no-repeat left top;
	}	
.day,.description{
	font-size:85%;
	line-height:0.5;
	padding:3px 10xp 0;
	}
.day{
	font-weight:bold;
	}	
.divider{
	width:380px;
	height:3px;
	margin:5px auto;
	background:url(../img/dot.gif) repeat-x left top;
	}	
/*======================================
「社長メッセージ」のページ
======================================*/
#message{
	width:740px;
	margin:0 auto;
	}

#photo_president{
	float:left;
	margin:5px 15px 5px 4px;
	}
#murakamishuichi{
	text-align:right;
	font-size:90%;
	}
/*======================================
「仕事内容」のページ
======================================*/
.content_job{
	width:730px;
	margin:0 auto;
	}
.content_job h2{
	width:730px;
	height:30px;
	background:url(../img/h2_job.jpg) no-repeat left top;
	margin-bottom:0;
	color:#FFFFFF;
	text-indent:1em;
	padding-top:10px;	
	font-size:130%
	}
.content_job p{
	width:710px;
	background:url(../img/content_job_back.jpg) repeat-y left top;
	margin:0;
	padding:10px;
	}
.content_job_btm{
	width:730px;
	height:10px;
	background:url(../img/content_job_btm.jpg) no-repeat left top;
	margin-bottom:20px;
	}
	
/*======================================
「プロダクトについて」のページ
======================================*/	
.photo_product{
	width:210px;
	float:left;
	margin:0 80px 20px;
	display:inline;/*IE6のマージン幅増加対策*/
	}
.caption_photo{
	width:210px;
	text-align:center;
	font-size:90%;
	}
#product p{
	clear:both;
	}
#ml440{
	xmargin:0 45px 0 5px;
	}
#rl440{
}

/*======================================
「プロダクトの強み」のページ
======================================*/	
#strength_product{
	width:730px;
	margin:20px auto;
	}
#strength_product p{
	clear:both;
	}
.photo_strength{
	float:left;
	}	
#capture1{
	margin-right:66px;
}
#capture2{
	margin-right:66px;
	}
#reason{
	width:710px;
	padding:10px;
	background-color:#E8E8E8;
	}
#reason p{
	text-indent:0;	
	}
/*======================================
「募集要項」のページ
======================================*/	
#table_collect table{
	margin:20px auto 40px;
		border:1px solid #CCCCCC;
	border-collapse:collapse;
	}

#table_collect th,#table_collect td{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:5px;
	line-height:2;
}
#table_collect th{
	font-weight:normal;
	text-align:left;
	background-color:#F4FBEA;
	text-indent:1em;
	width:150px;
	padding:10px;
	vertical-align:top;
}
#table_collect td{
	padding:10px;
}
#collect_sales table,#collect_development table,#collect_service table,#collect_assistant table, #collect_technique table{
	margin:20px auto 40px;
	}
#collect_sales th,#collect_development th,#collect_service th,#collect_assistant th, #collect_technique th{
	font-weight:normal;
	text-align:left;
	background-color:#EAEAEA;
	text-indent:1em;
	width:150px;
	padding:10px;
	}	

#collect_sales h2,#collect_development h2,#collect_service h2,#collect_assistant h2, #collect_technique h2{
	width:730px;
	height:34px;
	text-indent:-9999px;
}

/*----------営業募集----------*/
#collect_sales h2{
	background: url(../img/bar_h2_sales.jpg) no-repeat left top;
		}
	
/*----------開発募集----------*/
#collect_development h2{
	background: url(../img/bar_h2_development.jpg) no-repeat left top;
		}
	
/*----------サービス募集----------*/
#collect_service h2{
	background: url(../img/bar_h2_service.jpg) no-repeat left top;
		}

/*----------営業アシスタント募集----------*/
#collect_assistant h2{
	background: url(../img/bar_h2_assistant.jpg) no-repeat left top;
		}


/*----------技術募集----------*/
#collect_technique h2{
	background: url(../img/bar_h2_technique.jpg) no-repeat left top;
		}

/*======================================
「社員紹介」のページ
======================================*/
/*h1{
	background:url(../img/bar_h1_employee.jpg) no-repeat left top;
	}*/
#intro{
	width:730px;
	margin:20px auto 0;
	}	
#intro h2{
	width:220px;
	height:30px;
	background-color:#6666CC;
	text-indent:-9999px;
	}
#salesdivision,	#developdivision,#servicedivision{
	width:220px;
	float:left;
	}
#salesdivision,	#developdivision{
	margin-right:35px;
}
#salesdivision h2{
	background:url(../img/h2_employee_sales.gif) no-repeat left top;
	}
#developdivision h2{
	background:url(../img/h2_employee_develop.gif) no-repeat left top;
	}	
#servicedivision h2{
	background:url(../img/h2_employee_service.gif) no-repeat left top;
	}
.photo_employee{
	width:220px;
	height:180px;
	background-color:#99CC33;
	margin:16px auto 10px;
	}
.career{
	width:60px;
	height:60px;
	float:left;
	text-indent:-9999px;
	}
#year2{
	background-image: url(../img/2year.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#year6{
	background:url(../img/6year.jpg) no-repeat left top;
}
#year1{
	background:url(../img/1year.jpg) no-repeat left top;
	}
.divison_simei {
	width:150px;
	height:60px;
	float:right;
	text-indent:0;
	}
.simei{
	font-size:120%;
	font-weight:bold;
	text-indent:10px;
}
/*======================================
「社員紹介」の「佐藤陽一」ページ
======================================*/
#employee_satoyoichi{
	width:730px;
	margin:20px auto 0;
	}
#ph_sato_1{
	width:226px;
	height:186px;
	margin:0 15px 15px 0;
	float:left;
	}
#ph_sato_2{
	width:226px;
	height:186px;
	margin:0 0 15px 15px;
	float:right;
	}	
#employee_satoyoichi h2{
	width:230xp;
	height:40px;
	}
.profile{
	font-weight:bold;
	text-indent: 0; 
	}
.seek{
	margin-top:10px;
	}

/*======================================
「職場風景」のページ
======================================*/	
#officescene{
	width:730px;
	margin:0 auto;
	}
.mass{
	width:243px;
	float:left;
	}
.ph_office{
	width:226px;
	height:186px;
	margin:0 auto;
}
.caption_office{
	width:200px;
	height:2em;
	margin:5px auto 20px;
	font-size:90%;
	line-height:1.5em;
	}
/*======================================
「会社概要」のページ
======================================*/	
#table_summary{
	width:730px;
	margin:0 auto 10px;
	}
#table_summary th{
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	text-indent:3em;
	}
#table_summary td{
	line-height:1.8;
	}
#table_summary a{
	display:block;
	width:46px;
	height:22px;
	background:url(../img/btn_map.gif) no-repeat left top;
	text-indent:-9999px;
}

/*======================================
「地図」のページ
======================================*/	
#map_mediasite{
	width:730px;
	margin:0 auto 10px;
	}
#mapaddress{
	width:4em;
	float:left;
	font-weight:bold;
	}
address{
	margin-bottom:20px;
	display:block;
	float:left;
	line-height:140%;
	}
	
/*======================================
「エントリー」のページ
======================================*/
form table{
	margin:20px auto 40px;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	}

form th,form td{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:5px;
	line-height:2;
}	
form th{
	width:150xp;
	font-weight:normal;
	text-align:left;
	text-indent:2em;
	vertical-align:top;
	}

form td{
	width:570px;
	}
#btn_entry_reset{
	width:500px;
	margin:-20px auto 20px;
}
#btn_reset{
	margin-left:10px;
	}