@charset "shift_jis";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}
	
body,header,footer,h1,h2,h3,h4,h5,h6,img,p,a,ul,ol,li,dl,dt,dd,form,textarea,input,blockquote,pre,address,em {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
}

ol, ul, li {
	 list-style:none;
 }

img, a img {
	border : 0;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.clr {
	clear: both;
}

.text_right {
	text-align: right;
}

.text_center {
	text-align: center;
}

.right {
	float:right;
}

.left {
	float:left;
}

/* リンク */
a:link { color:#000000; text-decoration:underline; }
a:visited { color:#000000; text-decoration:underline; }
a:hover { color:#4c4c4c; text-decoration: underline; }
a:active { color:#000000; text-decoration:underline; }

.necessary {
	font-size: 12px;
	color: #cc0000;
	padding-left: 4px;
}

/* =========================================================
   レイアウト
========================================================= */
body {
	font-size: 13px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	text-align:center;
	margin: 0px auto;
	color: #000000;
	background: url(../images/common/bg.gif) center top repeat-y;
}

body#top {
	background: url(../images/common/bg_top.gif) center top repeat-y;
}


#wrap {
	overflow: hidden;
	width: 961px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

/* =========================================================
   コンテンツ
========================================================= */
#side {
	overflow: hidden;
	float: left;
	width: 229px;
	text-align: left;
	margin: 20px 22px 0 40px;
	padding: 0;
}

#container {
	float: right;
	width: 670px;
	margin: 0;
	padding: 0;
	background: url(../images/common/contents_bg.gif) left top no-repeat;
}

body#top #wrap #container {
	float: right;
	width: 630px;
	margin: 20px;
	padding: 0;
}


/* メインタイトル設定 */
body#top #wrap #container #mainImage {
	width: 630px;
	height: 381px;
	margin: 0;
	padding: 0;
	background: url(../images/index/main_img.jpg) no-repeat;
	text-indent: -9999px;
}

body#company #wrap #container #mainImage,
body#business #wrap #container #mainImage,
body#job #wrap #container #mainImage,
body#results #wrap #container #mainImage,
body#contact #wrap #container #mainImage {
	width: 219px;
	height: 24px;
	margin: 36px 0 10px 20px;
	padding: 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

body#company #wrap #container #mainImage { background-image: url(../images/company/main_ti.png); }
body#business #wrap #container #mainImage { background-image: url(../images/business/main_ti.png); }
body#job #wrap #container #mainImage { background-image: url(../images/job/main_ti.png); }
body#results #wrap #container #mainImage { background-image: url(../images/results/main_ti.png); }
body#contact #wrap #container #mainImage { background-image: url(../images/contact/main_ti.png); }


body#top #wrap #container article {
	overflow: hidden;
	width: 630;
	margin: 20px auto 0;
	padding: 0;
	background: none;
}

body#company #wrap #container article,
body#business #wrap #container article,
body#job #wrap #container article,
body#results #wrap #container article,
body#contact #wrap #container article {
	width: 590px;
	margin: 0 20px 0px;
	padding: 20px;
	text-align: left;
	background-color: #ffffff;
}





/* =========================================================
   左カラム
========================================================= */
#side #rogo {
	display:block;
	width: 229px;
	height: 85px;
	margin-bottom: 10px;
	padding:0;
	background: url(../images/common/logo.gif) no-repeat;
	text-indent: -9999px;
}


nav#g_navi {
	float: left;
	list-style-type:none;
	display: inline;
	width: 229px;
	margin: 0;
	padding: 0;
}

nav#g_navi ul {
}

nav#g_navi ul li {
	width: 229px;
}

nav#g_navi ul li h3, nav#g_navi ul li p {
	position:absolute;
	left:-9999px;
}

nav#g_navi ul li, nav#g_navi ul li a {
	clear:both;
	float:left;
	display:block;
	width: 229px;
	height: 41px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: url(../images/common/g_navi.png) no-repeat;
}

nav#g_navi ul li#n1 a { background-position: 0px 0px; }
nav#g_navi ul li#n2 a { background-position: 0px -41px; }
nav#g_navi ul li#n3 a { background-position: 0px -82px; }
nav#g_navi ul li#n4 a { background-position: 0px -123px; }
nav#g_navi ul li#n5 a { background-position: 0px -164px; }
nav#g_navi ul li#n6 a { background-position: 0px -205px; }

nav#g_navi ul li#n1 a:hover { background-position: -229px 0px; }
nav#g_navi ul li#n2 a:hover { background-position: -229px -41px; }
nav#g_navi ul li#n3 a:hover { background-position: -229px -82px; }
nav#g_navi ul li#n4 a:hover { background-position: -229px -123px; }
nav#g_navi ul li#n5 a:hover { background-position: -229px -164px; }
nav#g_navi ul li#n6 a:hover { background-position: -229px -205px; }

nav#g_navi ul li#n1 { background-position: -229px 0px; }
nav#g_navi ul li#n2 { background-position: -229px -41px; }
nav#g_navi ul li#n3 { background-position: -229px -82px; }
nav#g_navi ul li#n4 { background-position: -229px -123px; }
nav#g_navi ul li#n5 { background-position: -229px -164px; }
nav#g_navi ul li#n6 { background-position: -229px -205px; }

 
/* =========================================================
  フッター
========================================================= */
footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* ページトップ */
#pagetop{
	clear: both;
	width: 961px;
	height: 23px;
	margin: 0 auto;
	padding: 10px 0 10px;
	background: url(../images/common/bg.gif) repeat-y;
}

#pagetop a{
	float: right;
	background:url(../images/common/icon_pagetop.gif) no-repeat;
	width: 76px;
	height: 23px;
	margin-right: 40px;
	display: block;
	text-indent :-9000px;
	text-align: left;
}

#pagetop a:hover { background-position: 0 -23px; }


footer #box {
	overflow: hidden;
	width: 961px;
	margin: 0 auto;
	padding: 0;
	border-top: 2px #00213d solid;
	border-bottom: 2px #00213d solid;
	background-color: #ffffff;
}

footer #box #contact {
	float: left;
	width: 638px;
	margin: 0;
	padding: 38px 0 10px 10px;
	background: url(../images/common/f_contact.gif) left top no-repeat;
	border-right: 1px #00213d solid;
}

footer #box #contact h1 {
	display: none;
}

footer #box #contact #f_tel1 {
	float: left;
	margin-right: 15px;
	margin-bottom: 18px;
	width: 239px;
	height: 43px;
	background: url(../images/common/f_tel1.gif) no-repeat;
	text-indent: -9999px;
}

footer #box #contact #f_fax {
	float: left;
	margin-right: 15px;
	width: 218px;
	height: 27px;
	background: url(../images/common/f_fax.gif) no-repeat;
	text-indent: -9999px;
}

footer #box #contact #f_tel2 {
	float: left;
	margin: 0;
	width: 139px;
	height: 27px;
	background: url(../images/common/f_tel2.gif) no-repeat;
	text-indent: -9999px;
}

footer #box #contact small {
	clear: both;
	float: left;
	font-size: 10px;
}

footer #box #address {
	float: right;
	text-align: left;
	width: 282px;
	margin: 0;
	padding: 38px 20px 10px 10px;
	background: url(../images/common/f_address.gif) left top no-repeat;
}

footer #box #address h3 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}

footer #box #address p {
	font-size: 11px;
	line-height: 13px;
}

footer nav#foot {
	display: block;
	width: 941px;
	margin: 0 auto;
	padding: 15px 10px 30px;
	text-align: left;
	letter-spacing: 1px;
	color: #7e7e7e;
	background-color: #ffffff;
}

footer nav a:link { color:#7e7e7e; text-decoration:underline; }
footer nav a:visited { color:#7e7e7e; text-decoration:underline; }
footer nav a:hover { color:#a4a4a4; text-decoration: underline; }
footer nav a:active { color:#7e7e7e; text-decoration:underline; }

/* =========================================================
   共通パーツ
========================================================= */
/* タイトル */
.ti {
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 8px;
	padding-left: 30px;
	padding-top: 1px;
	background: url(../images/common/ti_arrow.gif) no-repeat;
}

.sti {
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 8px;
	padding: 2px 0 0 7px;
	border-left: 5px solid #21578c;
}


/* 測量カテゴリーボタン */
ul#cate_navi {
	clear: both;
	display: inline-block;
	list-style-type: none;
	width:590px;
	height: 60px;
	margin-bottom: 30px;
	padding-bottom: 13px;
	border-bottom: 1px solid #e2e9f0;
}

ul#cate_navi li{
	position: relative;
	float: left;
	text-indent: -9000px;
	height: 60px;
	margin-right: 25px;
}

ul#cate_navi li a {
	display: block;
	text-indent: -9000px;
	width: 180px;
	height: 60px;
	background: url(../images/common/category_btn.gif) no-repeat;
}

ul#cate_navi li:last-child {
	margin-right: 0;
}

ul#cate_navi li#s1 a { background-position: 0px 0px; }
ul#cate_navi li#s2 a { background-position: -205px 0px; }
ul#cate_navi li#s3 a { background-position: -410px 0px; }

ul#cate_navi li#s1 a:hover { background-position: 0px -60px; }
ul#cate_navi li#s2 a:hover { background-position: -205px -60px; }
ul#cate_navi li#s3 a:hover { background-position: -410px -60px; }


/* 基本テーブル */
table {
	border-collapse: collapse;
	width:100%;
	border:#8e8a89 solid 1px;
	margin: 0;
	font-size: 13px;
}

table th {
	text-align:left;
	color: #ffffff;
	background-color:#005599;
	border-bottom: #ffffff solid 1px;
	padding: 13px 15px;
	width:120px;
	letter-spacing: 1px;
}

table th:last-child {
	border-bottom: #8e8a89 solid 1px;
}

table td {
	text-align:left;
	padding: 13px 15px;
	border-bottom: #8e8a89 solid 1px;
}

/* 画像枠 */
img.frame {
	border: 1px solid #8e8a89;
}