@charset "Shift_JIS";
@import "default.css"; /* 各ブラウザの差異リセット用CSSを読み込み */
@import "navi.css"; /* メニューバー＆GISページのタブバーの設定CSSを読み込み */

/* /////////////////////////////////////////////////////////// サイト共通の全体レイアウト（基本、変更の必要なし） /////////////////////////////////////////////////////////// */
body  { /* ページ全体 */
    background: #F4F6F5; /*url('../img/body_background.gif');*/
    color: #333;
        margin:0px;          /* ページ全体のmargin */
        padding:0px;         /* ページ全体のpadding */
        text-align:center;   /* 下記のautoに未対応用のセンタリング */
}
#centerBOX1  {		 /* ページ全体センタリングの為 */
    margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
    width:958px;         /* 幅を決定する */
    text-align:center;
    background-image: url('../img/cenbg.jpg');
/*border: 2px solid #000;*/
}

#centerBOX  {		 /* ページ全体センタリングの為 */
    margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
    text-align:left;     /* 中身を左側表示に戻す */
    width:940px;         /* 幅を決定する */
}

#header { /* ヘッダエリア */
    width: 925px;
    height: 80px;
    background: #FFF;
        padding: 10px 0px 0px 10px;
}

#header2 { /* ヘッダエリア2 */
    width: 935px;
    background: url('../img/bar-ho.gif');
    height: 7px;
        padding: 0px 0px 0px 5px;
}

#menubar { /* メニューバーエリア */
    background: url('../img/bar2.png') repeat-x;
    width: 940px;
}

#mainImage { /* イメージエリア */
    height: 229px;
    width: 940px;
    padding: 0px 0px 0px 0px;
    border-bottom: 3px #003300 solid;
}

#mainImageL { /* GISイメージ画像エリアL */
    height: 229px;
    width: 567px;
    float: left;
}

#mainImageR { /* イメージ画像横エリアR */
    height: 229px;
    background: url('../img/R-back1.gif');
    width: 373px;
    float:right;
    position:relative;
}

#mark { /* GISマーク */
    height: 280px;
    width: 200px;
    background: url('../img/GISlogo.png');
    position:absolute;
    right:25px;
}

#container { /* ボディエリア */
    width: 940px;
    margin: 0 0; /* 幅をautoで中央揃え */
        background: url('../img/layer.gif');
        background-position:500px 10px;
        background-repeat:no-repeat;
}

#containertec { /* ボディエリア技術紹介 */
    width: 940px;
    margin: 0 0; /* 幅をautoで中央揃え */
}

#containertec2 { /* ボディエリア技術紹介その２*/
    width: 940px;
    margin: 0 0; /* 幅をautoで中央揃え */
}

#containerkatu { /* ボディエリア活動紹介 */
    width: 940px;
    margin: 0 0; /* 幅をautoで中央揃え */
}

#containerkaiin { /* ボディエリア会員紹介 */
    width: 940px;
    margin: 0 0; /* 幅をautoで中央揃え */
}

#containerlink { /* ボディエリアリンク */
    width: 940px;
    margin: 0 0; /* 幅をautoで中央揃え */
}

#containerB { /* ボディエリアB各ページ用 */
    width: 940px;
    margin: 0 0; /* 幅をautoで中央揃え */
}

#sidebar { /* 左側バナーエリア */
    float: left;
    width: 210px;
    padding: 20px 5px;
    text-align: left;
}

#sidebar li { /* バナーエリアのリスト高さ制御 */
    font-size: 0;
    line-height: 1;
}

.bannerLarge, .bannerSmall { /* バナー大,バナー小の天地スペース制御 */
    padding-bottom: 30px;
}

.bannerSmall {
    padding-bottom: 10px;
    text-align: right;
}

#mainContent { /* 右側エリア */
    margin: 0 0 0 220px; /* この左マージンで #sidebar divが設定される（#sidebarの後に #mainContent divのテキストを追加する場合はこのマージンを削除） */
        padding: 40px 0px 0px 0px;
        border-left: 3px #003300 solid;
        /*background: url('../img/waku.png');*/
        background-position:20% 14%;
        background-repeat:no-repeat;
}

.contentArea { /* 本文エリア（左右50pxスペース） */
    padding: 10px 50px 30px 50px;
}

.contentAreaAA { /* 本文エリア  [上][右][下][左]   [上下][左右]*/
    padding: 10px 10px 20px 35px;
}

.contentAreaBB { /* 本文エリア  [上][右][下][左]   [上下][左右]*/
    padding: 10px 10px 20px 35px;
    background: #FFF;
}
.contentAreaCC { /* 本文エリア  [上][右][下][左]   [上下][左右]*/
    padding: 10px 10px 20px 35px;
    background: #FFF;
}

.scrbox {
    position: relative;
    padding: 10px 5px 20px 35px;
    overflow: auto;/*scroll;*/
    width: 650px;
    height: 145px;
    overflow-x: hidden;
}

.scrbox2 {
    position: relative;
    padding: 10px 10px 20px 35px;
    overflow: auto;/*scroll;*/
    width: 650px;
    height: 195px;
}

.scrbox3 {
    position: relative;
    padding: 10px 10px 20px 35px;
    overflow-y: auto;/*scroll;*/
    width: 650px;
    height: 118px;
}

#rss{
    height: 200px;
}

#footer { /* フッタエリア */
    text-align: center;
    width: 940px;
    clear:both;
    background: #FFF;
}

#pageTop { /* ページの先頭へ */
    margin: 0 0 5px 0;
    padding: 5px 50px 0 50px;
    text-align: right;
    border-top: 3px #003300 solid;
}

#textLink { /* フッタのテキストリンク */
    padding: 10px 10px 0 10px;
}

#address { /* 会社情報 */
    padding: 10px 0 0 0;
}

#copyright { /* コピーライト */
    padding: 10px 0;
}


/* /////////////////////////////////////////////////////////// テキスト関連（サイズの設定はsize_*.cssに記述） /////////////////////////////////////////////////////////// */
h1, p, td, #textLink, #address, ol.ol_decimal, ul.ul_disc { /* 行間設定その1 */
    line-height: 170%;
}

h2, h3, h4, h5, h6, #sizeChange, #pageTop { /* 行間設定その2 */
    line-height: 90%;
}

h2 { /* 大見出し（下線が実線） */
    background-image:url('../img/h2_underline.gif');
    font-weight: bold;
    padding:5px 10px 15px 50px;
}

h3 { /* 中見出し（下線が点線） */
    width:620px;
   _width:615px; /* IE6以下用 */
    margin: 0 0 5px 0;
    padding: 0 0 3px 0;
    font-weight: bold;
    color: #0059b1;
    border-bottom: 1px #AAA dotted;
}

h4 { 
    padding:0px 0px 0px 50px;
    line-height: 150%;
    font-weight: bold;
}

h6 { 
    padding:0px 0px 0px 75px;
    line-height: 150%;
}
#recruit{
    width:650px;
}

#recruit h6{
    text-align:justify;
    text-justify: distribute-all-lines;
}
p { /* 本文 */
    padding: 0 0 15px 0;
}

p.noPadding { /* 本文（下スペースが要らない場合） */
    padding: 0;
}

p.pp1 { /* 本文（下スペースが要らない場合） */
    padding: 5px 0 5px 0;
}

p.non {
    line-height: 110%;
}

.strong { /* ボールド＋青文字表示用 */
    font-weight: bold;
    color: #0059b1;
}

.bold { /* ボールド表示用 */
    font-weight: bold;
}

.blockquote { /* 引用（枠で囲みたい時） */
    padding: 10px;
    border: 1px solid #AAA;
    background: #f2f6fb url('../img/table_background_lightgray.gif');
    margin:0 30px 20px 30px;
}

ol.ol_decimal{ /* リスト（数字） */
    padding: 0 0 0 25px;
    list-style-type: decimal;
}

ul.ul_disc{ /* リスト（黒丸） */
    padding: 0 0 0 25px;
    list-style-type: disc;
}

.aka{
    color:red;
}

/* /////////////////////////////////////////////////////////// リンク関連 /////////////////////////////////////////////////////////// */

a:hover img{ /* 画像リンクマウスオーバー時の透明度変更（簡易ロールオーバー） */
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#header a:hover img{ /* 透明度変更無し（会社ロゴ,Pマーク） */
    opacity: 1;
    filter: alpha(opacity=100);
}

#accordion a:hover img{
    opacity: 1;
    filter: alpha(opacity=100);
}

a:link { /* リンクの色 */
    color:#0059b1;
}

a:visited { /* リンク訪問済み時の色 */
    color:#0059b1;
}

a:hover { /* リンクマウスオーバー時の色 */
    color:#FBB03B;
}

a:active { /* リンククリック時の色 */
    color:#FF0000;
}


/* /////////////////////////////////////////////////////////// 共有パーツ /////////////////////////////////////////////////////////// */

/* ------------------------------ テーブル設定 ------------------------------ */
table { /* テーブル設定 */
    width: 620px;
   _width: 615px; /* IE6以下用 */
}

.horizonalLineBox td {  /* 天地にのみ罫線が入るセル設定 */
    border-left:0px solid #003300;
    border-right:0px solid #003300;
    border-top:3px solid #003300;
    border-bottom:3px solid #003300;
    padding:5px;
    vertical-align: middle;

}

.boxLeft { /* 左セルに背景色 */
    background: #FFE4E1;
    padding: 0 7px 0 0; /* セル内側の余白 */
}

th {
    background: #F08080;
    padding: 3px 0 3px 0; /* セル内側の余白 */
}


/* ------------------------------ 2カラム設定（テキストのどちらかに画像を配置する場合） ------------------------------ */
.twoColumns { /* 2カラム外枠 */
    width: 100%;
   _width: 99%; /* IE6以下用 */
}

.twoColumns .item { /* 2カラム内枠 */
    /zoom: 1;
    overflow: hidden;
}

.twoColumns div.rightImage { /* 2カラム画像を右配置用 */
    float: right;
    margin: 0 0 0 10px;
}

.twoColumns div.leftImage { /* 2カラム画像を左配置用 */
    float: left;
    margin: 0 10px 0 0;
}

.twoColumns .text { /* 2カラムテキスト */
    /zoom: 1;
    overflow: hidden;
}

/* ------------------------------ フローティング制御パーツ ------------------------------ */
.clearfloat { /* divかブレークエレメントに適用 */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;
}

.riflo{
    float: right;
}
.lefflo{
    float: left;
}
.cb{
    clear: both;
}

/* /////////////////////////////////////////////////////////// 各ページ固有 /////////////////////////////////////////////////////////// */

/* ------------------------------ トップページ ------------------------------ */
.top table { /* テーブル幅 */
    width:auto;

}
.top td.head { /* 更新情報の◆の色 */
    color: #00585b;
}
.top span.head { /* 更新情報の◆の色 */
    color: #00585b;
}
.top ul li.co9{
    font-size: 14px;
}

.top td.date { /* 更新情報の日付 */
    padding: 0 10px 0 0;
}
.whitebox1{
    padding: 0px 0px -30px 50px;
    margin-right: 50px;
    width: 400px;
    background: rgba(255,255,255,0.7);
}
.whitebox2{
    padding: 0px -10px 10px 50px;
    width: 660px;
    background: rgba(255,255,255,0.7);
}
/* ------------------------------ 方針ページ ------------------------------ */
.tt h6{
    line-height: 30px;
}
/* ------------------------------ 会社概要ページ ------------------------------ */
.company .companyBorder { /* 区切り線 */
	border-left:0px solid #DDD;
	border-right:0px solid #DDD;
	border-top:1px solid #DDD;
	border-bottom:0px solid #DDD;
	height: 1px;
	margin: 10px 0;
}

.company .right { /* 署名エリア */
	text-align:right;
}

.map body { /* 地図ウインドウbody */
	background-color: #FFF;
	background-image: url('none');
}

.map table { /* 地図ウインドウテーブル */
	margin: 0 auto;
	background: #FFFFFF;
	vertical-align: top;
}

/* ------------------------------ 個人情報ページ ------------------------------ */
.privacy .right { /* 署名テーブルエリア */
	padding: 20px 0;
}

.privacy table { /* 署名テーブルエリア */
	width: auto;
}

.privacy table td.date { /* 日付セル右揃え */
	text-align: right;
}

/* ------------------------------ GISページ ------------------------------ */
.gis .comparison td  {  /* 比較表のセル共通 */
	width: 46%;
	padding: 8px;
	vertical-align: top;
}

.gis .comparison td.left {  /* 比較表の左セル */
	background: #EEE url('../img/table_background_gray.gif') repeat-x;
}

.gis .comparison td.right  {  /* 比較表の右セル */
	background: #e5eef7 url('../img/table_background_blue.gif') repeat-x;
}

.gis .comparison td.center  {  /* 比較表の真ん中セル */
	width: 8%;
	vertical-align:middle;
	text-align: center;
	border-width: 0;
}
/* ------------------------------ 会員ページ ------------------------------ */

.kaiin table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}
.kaiin th	{
	padding: 7px 10px;
	color: #1D5C79;
	background: #CAE5F1 url(img/th.jpg) repeat-x;
	border-top: 2px solid #1D5C79;
	border-bottom: 1px solid #FFF;
}
.kaiin td	{
	padding: 7px 10px;
	vertical-align:middle;
	color: #1D5C79;
	background: #F4FAFC url(img/td.jpg) repeat-x;
	border-bottom: 1px solid #FFF;
}

.mida {
  padding: 0.3em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 15px #ffaf58;/*左線（実線 太さ 色）*/
    width:640px;
    margin-bottom: 5px;
}

 table td.rig{
	text-align: right;
}
table td.wid{
	width:340px;
}

.bg001{
    background-color: #fffce7;
    width:640px;
    
    padding: 0.5em;
}

table.Kt1{
    margin-left: 50px;
    border: 1px solid gray;
}
.Kt1 tr, .Kt1 td{
    border: 1px solid gray;
    padding-left: 0.5em;
    padding-right: 0.5em;
    vertical-align:middle;
}

table td.Kttd1{
    width:80px;
}
table td.Kttd2{
    width:210px;
}
/* ------------------------------ 技術紹介 ------------------------------ */
#containertec table	{
	margin: 10px 30px 30px 60px;
}

.tec1 	{
	width: 1000px;
}

.tec2 	{
	padding: 0px 0px 0px 50px;
	width: 400px;
}

.tec3 	{
	width: 200px;
}

.tec4	{
	padding: 7px 7px 0px 50px;
}

/* ------------------------------ 会員募集 ------------------------------ */
#containertec table	{
	margin: 10px 30px 30px 60px;
}

.rec1 	{
	width: 1000px;
}

.rec2 	{
	padding: 0px 0px 0px 30px;
}

.rec3 	{
	width: 200px;
}

.rec4	{
	padding: 0px 0px 0px 20px;
}

/* ------------------------------ 活動情報 ------------------------------ */
#containerkatu table{
	margin: 10px 30px 30px 60px;
}

td.aa{
    width: 350px;
    padding-bottom: 10px;
}

td.bb{
    width: 260px;
    padding-left: 10px;
}
td.cc{
    height:200%;
    font-size:50%
}
td.head2 { /* 更新情報の◆の色 */
    color: #00585b;
    background:linear-gradient(to bottom right, darkseagreen, white);
    background:-ms-linear-gradient(to bottom right, darkseagreen, white); /* IE */
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

td.tt1{
    font-size:100%;
    font-weight: bold;
}
td.tt1 img{
    margin: 0px;
    width:100px;
    object-fit: contain;
}
td.tt1 a{
    text-decoration: none;
}
/* ------------------------------特設ページ仮CSS記述------------------------------ */
#mainContent2 table	{
	margin: 10px 30px 30px 60px;
}

#mainContent3 table{
	padding: 10px 5px;
}

#mainContent4 table{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#mainContent4 table td{
	width:321px;
	padding: 0px 9px 0px 9px;
	text-align: justify;
text-justify: distribute-all-lines;
}

#mainContent4 table td p{
	text-align: right;
}

#mainContent5 table{
	width:520px;

letter-spacing:0.1em; 
}

#mainContent5 table td{
text-align: justify;
text-justify: distribute-all-lines;
}

#mainContent5 table p{
	text-align: right
}
p#aaa{position:relative;}
 span#lef{position:absolute;top:0;left:0;width:100%;text-align:left; }
 span#righ{position:absolute;top:0;left:0;width:100%;text-align:right; }
 
#lef{float:left}
#rig{text-align:right}
#cen{text-align:center}
/* ------------------------------ リンクページ ------------------------------ */
.linkp table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}
.linkp th	{			/* [上][右][下][左] */
	padding: 10px 20px;
	color: #1C582E;
	background: #AEE7B6; /*url(/img/th2.jpg) repeat-x;*/
	border-top: 2px solid #3B8257;
	border-bottom: 1px solid #FFF;
}
.linkp td	{
	width: 430px;
	padding: 10px 20px;
	vertical-align:middle;
	color: #1C582E;
	background: #E5F9EC; /* url(/img/td2.jpg) repeat-x;*/
	border-top: 2px solid #3B8257;
	border-bottom: 1px solid #FFF;
}
.linkp a:link { /* リンクの色 */
	color:#058019;
}
.linkp a:visited { /* リンク訪問済み時の色 */
	color:#058019;
}
.linkp a:hover { /* リンクマウスオーバー時の色 */
	color:#FBB03B;
}

/* ------------------------------ 事業内容ページ ------------------------------ */
.business .columnContainer { /* 2カラム外枠 */
	width: 100%;
   _width: 717px; /* IE6以下用 */
	padding: 0 0 40px 0;
}

.business .columnContainer .item { /* 2カラム内枠 */
	/zoom: 1;
	overflow: hidden;
}

.business .columnContainer div.right { /* 2カラム右側 */
	float: right;
	/zoom: 1;
	overflow: hidden;
	width: 410px;
   _width: 407px; /* IE6以下用 */
}

.business .columnContainer div.left { /* 2カラム左側 */
	float: left;
	/zoom: 1;
	overflow: hidden;
	width: 310px;
}

.business .twoColumns div.leftImage { /* 画像のスペース調整 */
	padding: 0 0 0 50px;
}


/* /////////////////////////////////////////////////////////// フォントサイズ切り替えボタン（実際のサイズ変更→size_*.css） /////////////////////////////////////////////////////////// */

ul#css_switch { /* 切り替えボタン */
	float: right;
	margin: 10px 15px 10px 0;
	font-size: 100%;
	line-height: 1;
	list-style: none;
	width: 132px;
	height: 17px;
	overflow: hidden;
}

ul#css_switch li { /* 切り替えボタン（リスト設定） */
	width: 17px;
	height: 17px;
	float: right;
	overflow: hidden;
}

ul#css_switch li.sizetext { /* 「文字サイズ変更」画像 */
	width: 81px;
}

ul#css_switch li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -100em;
	overflow: hidden;
}

ul#css_switch li.middle a { /* 「中」画像 */
	background: url('../img/header_font_m.gif') no-repeat left center;
}

ul#css_switch li.large a { /* 「大」画像 */
	background: url('../img/header_font_l.gif') no-repeat left center;
}

ul#css_switch li.small a { /* 「小」画像 */
	background: url('../img/header_font_s.gif') no-repeat left center;
}



/* /////////////////////////////////////////////////////////// google検索フォーム（行の入れ替えは絶対にしないでください！） /////////////////////////////////////////////////////////// */

#searchform { /* 検索フォームエリア */
    position: relative;
	line-height: 1;
}

#q { /* 検索フォーム */
	width: 150px;
	height: /**/18px;
	padding: 2px 10px 2px 10px;
	border: 1px solid #AAA;
}

#btnG { /* 検索ボタン */
	position: absolute;
	top:0px;
	left: 163px;
}

*:first-child+html #btnG { /* IE7用 */
	top: 1px;
}

/* \ */
* html #q {
	height: 18px; /* IE6用 */
}

/* \ */
* html #btnG { /* IE6用 */
	top: 1px;
	left: 130px;
}

input#sample { /* 検索フォーム内の消える文字位置 */
    width: 200px;
    padding: 2px;
}

input.dummy_text { /* 検索フォーム内の消える文字色 */
    color: #888;
}
li.a {
    padding-bottom: 20px;
}


/* /////////////////////////////////////////////////////////// CSSアニメーション風クラス /////////////////////////////////////////////////////////// */
.border_slide_btn {
  position: relative;
  display: inline-block;
  color: #1B1B1B;
  text-decoration: none;
}
.border_slide_btn:hover {
  cursor: pointer;
  text-decoration: none;
}
.border_slide_btn::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
.border_slide_btn:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}