/* 小倉鉄工団地Webサイト　CSS   */

/* 全体 */
body{
	font-size: 14px;
	color: #14327d;
	background-color: #ffffff;
	text-align: center;
	line-height: 130%;
	margin: 0px auto;
	padding: 0px;
	left: auto;
	width: 760px;
}

img { border-width: 0px; }
img_b1 { border-width: 1px; }

/* ◆◆◆◆◆◆◆ */

/* ヘッダー */
#header {
	text-align: left;
	width: 760px;
}
#header01 {
	float: left;
}
#header02 {
	float: left;
}
#header03 {
	float: left;
}
#header04 {
	float: left;
}

/* ◆◆◆◆◆◆◆ */

/* コンテンツ　トップページ */
#contents_top {
	background-image: url( image/contents_bg01.gif );
	background-repeat: repeat-y;
	text-align: center;
	width: 760px;
}

/* top左側 */
#top_left {
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	width: 164px;
	float: left;
	float: left;
}

/* メニュー */
#menu {
	width: 160px;
}

/* メールアイコン */
#mail_icon {
	text-align: center;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

/* 住所・電話番号 */
#address_tel {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 160px;
}
#address_tel_text {
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	line-height: 130%;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 10px;
}

/*カウンター*/
#counter{
	text-align:center;
}

/* top右側 */
#top_right {
	text-align: center;
	width: 590px;
	float: left;
}

/* topイメージ */
#top_image {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* topごあいさつ */
#bar01 {
	background-image: url( image/bar01.gif );
	background-repeat: repeat-x;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 570px;
	height: 27px;
	}
#greet {  text-align: center;
	margin-top: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #14327d;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	width: 510px;
}
#greet_text {
	font-size: 15px;
	color: #14327d;
	text-align: left;
	line-height: 130%;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}


/* ◆◆◆◆◆◆◆ */

/* サブメニュー */

#sub_menu {
	background-image: url( image/contents_bg02.gif );
	background-repeat: repeat-y;
	text-align: center;
	margin: 0px;
	padding: 0px 5px;
	width: 750px;
	zoom:100%;
}
#sub_menu:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#sub_menu img{
	float:left;
}

/* ◆◆◆◆◆◆◆ */

/* サブページ　コンテンツ */
#contents {
	clear:both;
	padding:20px 0px 10px;
	background-image: url( image/contents_bg02.gif );
	background-repeat: repeat-y;
	text-align: center;
	width: 760px;
}

/* ◆◆◆◆◆◆◆ */

/* 枠 */
.main_frame{
	margin:0px auto;
	padding: 25px 0px 10px;
	width: 520px;
	border:double 3px #14327d;
}

/* 大枠 */
#frame1 {
	text-align: center;
	padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

/* 枠 */
#frame2 {
	text-align: center;
	border-width: 3px;
	border-style: double;
	border-color: #14327d;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	width: 520px;
}

/* ◆◆◆◆◆◆◆ */

/* 組合員企業一覧 */
#list {
	text-align: left;
	padding-top: 40px;
	width: 210px;
	float: left;
}

#list_inside {
	text-align: left;
	float: left;
}

#list_explanation {
	text-align: left;
	margin-top: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #7891c2;
	width: 180px;
	float: left;
}

#list_explanation_text {
	font-size: 13px;
	color: #14327d;
	text-align: left;
	padding: 7px;
}

/* 組合員企業一覧　テキスト */
ul.member{
	margin:0px;
	padding:0;
	list-style:none;
}
.member li{
	padding:3px 0px 2px;
	font-size: 14px;
	line-height: 130%;
}
.member a{
	padding:2px 15px 1px 12px;
	text-decoration: none;
	color: #14327d;
}
.member a:hover{
	padding:2px 14px 1px 11px;
	color: #9900cc;
	border:solid 1px #66ccff;
	background-color: #ccffff;
}
.member .this{
	color: #9900cc;
}

/* 組合員企業一覧　テキスト　戻り */
.list_text_back {
	font-size: 13px;
	text-decoration: none;
	color: #14327d;
	padding-top: 30px;
	padding-left: 12px;
}
.list_text_back a:link { color : #14327d; text-decoration: none; }
.list_text_back a:visited { color : #14327d; text-decoration: none; }
.list_text_back a:active { color : #008040; text-decoration: none; }
.list_text_back a:hover { color : #ff0080; text-decoration: none; }

/* ◆◆◆◆◆◆◆ */

/* サブページ　タイトル */
#sub_title{
	margin:0px auto;
	width: 400px;
	height: 34px;
	background: url(image/several_title.gif) no-repeat center top;
	font-size: 20px;
	color: #14327d;
	line-height:36px;
}

/* サブページ　見出し　*/
#h3{
	font-size: 20px;
	font-weight: bold;
	color: #14327d;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

/* サブページ　タイトル テキスト　*/
#sub_title_text{
	font-size: 20px;
	font-weight: bold;
	color: #14327d;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

/* サブページ　キャッチフレーズ */
#sub_catch{
	font-size: 14px;
	color: #14327d;
	text-align: center;
	line-height: 140%;
	padding-bottom: 10px;
}

/* サブページ　キャッチフレーズ幅320px左揃え */
#sub_catch_w{
	font-size: 14px;
	color: #14327d;
	text-align: left;
	line-height: 140%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	width: 320px;
}

/* サブページ　キャッチフレーズ0305_1 */
.sub_catch_0305_1{
	font-size: 14px;
	font-weight: bold;
	color: #14327d;
	text-align: left;
	line-height: 140%;
	margin-left: 100px;
	margin-right: 20px;
	padding-bottom: 3px;
}

/* サブページ　キャッチフレーズ0305_2 */
.sub_catch_0305_2{
	font-size: 13px;
	color: #14327d;
	text-align: left;
	line-height: 140%;
	margin-left: 105px;
	margin-right: 20px;
	padding-bottom: 10px;
}

/* サブページ　キャッチフレーズ0315_1 */
.sub_catch_0315_1{
	font-size: 14px;
	font-weight: bold;
	color: #14327d;
	text-align: center;
	line-height: 140%;
	padding-bottom: 10px;
}

/* サブページ　キャッチフレーズ0315_2 */
.sub_catch_0315_2{
	font-size: 14px;
	color: #14327d;
	text-align: left;
	line-height: 140%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	width: 380px;
}

/* サブページ　イメージ */
.img_border1 {
	border-width: 1px;
	border-style: solid;
	border-color: #14327d;
	margin-left: auto;
	margin-right: auto;
}

/* テキストフィールド */
.text_field {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	width: 460px;
}

/* テキスト01 */
.text01 {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.accent_line01 {
	text-align: center;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
.accent_line02 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* ◆◆◆◆◆◆◆ */

/* 組合員企業各詳細 */
#several {
	text-align: center;
	padding-top: 25px;
	width: 490px;
	float: left;
}

/* 組合員企業各詳細　枠 */
#several_frame {
	text-align: center;
	border-width: 3px;
	border-style: double;
	border-color: #14327d;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 460px;
}

/* 組合員企業各詳細　表 */
.text_field table{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 420px;
	border-collapse: collapse;
}
.text_field th{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background: #8BA5D5 url( image/th_bg.gif ) repeat-x left bottom;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-top-color: #14327d;
	padding-top: 4px;
	border-left-color: #14327d;
	padding-left: 15px;
	border-right-color: #14327d;
	border-bottom-color: #94a8d1;
	height: 24px;
}
.text_field td{
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	border-width: 1px;
	border-style: solid;
	border-color: #94a8d1;
	padding: 2pt;
}

/* 企業Webサイトへのリンク */
.forhp {
	font-size: 13px;
	text-decoration: none;
	color: #14327d;
}
.forhp a:link { text-decoration: underline; color: #6633FF; }
.forhp a:visited { text-decoration: underline; color : #CC00FF; }
.forhp a:active { text-decoration: underline; color : #008040; }
.forhp a:hover { text-decoration: underline; color : #ff0080; }



/* テーブル左側 1 */
.tdleft1{
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	width: 75px;
}

/* テーブル左側 2 */
.tdleft2{
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	width: 85px;
}

/* テーブル左側 3-1 */
.tdleft3-1{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	width: 180px;
}

/* テーブル内列揃え用 */
.listtable {
	text-align: left;
	line-height: 130%;
	padding-right: 20px;
	float: left;
}

/* テーブル内列揃え　リスト用 */
.listtable_list {
	text-align: left;
	line-height: 130%;
	padding-right: 7px;
	float: left;
}

/* テーブル内列揃え　右揃え */
.listtable_r {
	text-align: right;
	line-height: 130%;
	float: left;
}

/* ◆◆◆◆◆◆◆ */

/* 団地案内図 */
#map {
	text-align: left;
	padding-top: 25px;
	width: 490px;
	float: left;
}

/* 団地案内図　枠 */
#map_frame {
	background-image: url( image/map2019.jpg );
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
	border-width: 3px;
	border-style: double;
	border-color: #14327d;
	width: 460px;
	height: 550px;
}

/* 組合員企業　強調表示 */
/* #map_emp01 {
	position: relative;
	left: 161px;
	top: 144px;
	float: left;
}
#map_emp02 {
	position: relative;
	left: 174px;
	top: 191px;
	float: left;
}
#map_emp03 {
	position: relative;
	left: 209px;
	top: 306px;
	float: left;
}
#map_emp04 {
	position: relative;
	left: 54px;
	top: 87px;
	float: left;
}
#map_emp05 {
	position: relative;
	left: 202px;
	top: 114px;
	float: left;
}
#map_emp06 {
	position: relative;
	left: 26px;
	top: 98px;
	float: left;
}
#map_emp07 {
	position: relative;
	left: 38px;
	top: 104px;
	float: left;
}
#map_emp08 {
	position: relative;
	left: 106px;
	top: 48px;
	float: left;
}
#map_emp09 {
	position: relative;
	left: 98px;
	top: 338px;
	float: left;
}
#map_emp10 {
	position: relative;
	left: 67px;
	top: 223px;
	float: left;
}
#map_emp11 {
	position: relative;
	left: 122px;
	top: 65px;
	float: left;
}
#map_emp12 {
	position: relative;
	left: 80px;
	top: 252px;
	float: left;
}
#map_emp13 {
	position: relative;
	left: 23px;
	top: 54px;
	float: left;
}
#map_emp14 {
	position: relative;
	left: 242px;
	top: 169px;
	float: left;
}
#map_emp15 {
	position: relative;
	left: 354px;
	top: 108px;
	float: left;
}
#map_emp16 {
	position: relative;
	left: 109px;
	top: 450px;
	float: left;
}
#map_emp17 {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
}
#map_emp18 {
	position: relative;
	left: 124px;
	top: 15px;
	float: left;
}
#map_emp19 {
	position: relative;
	left: 9px;
	top: 56px;
	float: left;
}*/

#map_emp00,#map_emp01,#map_emp02,#map_emp03,#map_emp04,#map_emp05,#map_emp06,#map_emp07,#map_emp08,#map_emp09,#map_emp10,#map_emp11,#map_emp12,#map_emp13,#map_emp14,#map_emp15,#map_emp16,#map_emp17,#map_emp18,#map_emp19 {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
}

/* ◆◆◆◆◆◆◆ */

/* アクセス */
#access {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 490px;
}

/* アクセス　テキスト */
#access_text01 {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	width: 450px;
}
#access_text02 {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	width: 450px;
}

/* アクセス　テキスト1 */
.access_text1 {
	font-size: 14px;
	font-weight: bold;
	color: #14327d;
	text-align: left;
	padding-left: 10px;
}

/* アクセス　テキスト2 */
.access_text2 {
	font-size: 13px;
	text-decoration: none;
	color: #14327d;
	text-align: left;
	padding-left: 15px;
}
.access_text2 a:link { text-decoration: none; color: #14327d; }
.access_text2 a:visited { text-decoration: none;color : #14327d;  }
.access_text2 a:active { text-decoration: none; color: #008040; }
.access_text2 a:hover { text-decoration: none; color: #ff0080; }

/* アクセス　地図の枠 */
.access_map {
	text-align: center;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	border-width: 3px;
	border-style: double;
	border-color: #14327d;
	width: 450px;
}

/* ◆◆◆◆◆◆◆ */

/* サイトマップ　タイトル */
#sitemap_title {
	font-size: 16px;
	font-weight: bold;
	color: #14327d;
	text-align: center;
	padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #14327d;
	padding-bottom: 10px;
	width: 640px;
}

/* サイトマップ　テキスト */
.sitemap_text {
	font-size: 14px;
	text-decoration: none;
	color: #14327d;
	text-align: left;
	line-height: 130%;
	margin-left: 200px;
	margin-right: 180px;
}
.sitemap_text a:link { text-decoration: none; color: #6633FF; }
.sitemap_text a:visited { text-decoration: none; color : #CC00FF; }
.sitemap_text a:active { text-decoration: none; color : #008040; }
.sitemap_text a:hover { text-decoration: none; color: #ff0080; }


.sitemap_text1 {
	margin-top: 15px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #829CCF;
}
.sitemap_text2 {
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #829CCF;
	margin-left: 50px;
}
.sitemap_text3 {
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #829CCF;
	margin-left: 110px;
}

/* ◆◆◆◆◆◆◆ */

/* フッター */
#footer {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 760px;
}

/* ◆◆◆◆◆◆◆ */


/* このページのトップへ */
.for_top {
	background-image: url( image/sub_for-top_bg.gif );
	background-repeat: no-repeat;
	text-align: right;
	width: 760px;
	height: 50px;
	clear: both;
}
.fortop_text {
	font-size: 12px;
	text-decoration: none;
	color: #14327d;
	padding-top: 25px;
	padding-right: 60px;
}
.fortop_text a:link { text-decoration: none; color : #14327d; }
.fortop_text a:visited { text-decoration: none; color : #14327d; }
.fortop_text a:active { text-decoration: none; color : #008040; }
.fortop_text a:hover { text-decoration: none; color : #ff0080; }

/* ◆◆◆◆◆◆◆ */

/* 上付き文字 */
.sup {
	font-size: 10px;
	vertical-align: 7%;
}

/* 太文字 */
.b {
	font-weight: bold;
}

/* 文字　右寄せ */
.right1 {
	text-align: right;
	padding-right: 30px;
}

/* スペース　横40px */
.space_w40 {
	width: 40px;
	float: left;
}

/* スペース　横10px */
.space_w10 {
	width: 10px;
	float: left;
}

/* スペース　縦20px */
.space_h20 {
	height: 20px;
}

/* スペース　縦30px */
.space_h30 {
	height: 30px;
}

/* スペース　00px */
.space_wh00 {
	border-width: 1px;
	border-style: dotted;
	border-color: #0099ff;
	width: 00px;
	height: 00px;
}

/* スペース　雛形用　500×600px */
.space_xx {
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-style: dotted;
	border-color: #ff0000;
	width: 750px;
	height: 600px;
}