@charset "utf-8";
/*----------------------------------------------------
	company.css
----------------------------------------------------*/
@import url("common.css");



/* ==============================================================

　■社長から皆様へ
　■ネットワーク
　■ネットワーク　各支社ページ
　■ネットワーク　製作本部紹介
　■沿革
　■会社概要
　■ストラテジー
　■クライアント
　■企業情報　汎用css

============================================================== */

/*----------------------------------------------------
	社長から皆様へ
----------------------------------------------------*/
/* 社長から皆様へ　h2 */
h2#comp-president {
	height: 20px;
	background: url(../img/company/ttl_president.gif) no-repeat;
}


/* 社長コメントボックス */
#toeverybodyBox {
	width: 560px;
}

	/* 写真 */
	#toeverybodyBox .photo {
		width: 160px;
		float: right;
		display:inline;
		margin-right:35px;
	}
	
	/* テキスト */
	#toeverybodyBox .text {
		width: 320px;
		padding: 0 40px 0 0;
		float: left;
	}
	
	#toeverybodyBox .text p {
		line-height: 1.7;
	}



/* 社是　h2 */
h2#comp-policy {
	padding: 2px 0 3px 0;
	border-left: 4px solid #0066CC;
	border-bottom: 1px solid #0066CC;
	background: url(../img/company/ttl_comp_policy.gif) no-repeat 8px center;
}

/* 社是ボックス */
.comp-policyBox {
	width: 560px;
}

	/* テキスト */
	.comp-policyBox p {
		color: #3399FF;
	}
	
	/* 画像 */
	.comp-policyimgBox {
		width: 245px;
		float: right;
	}




/*----------------------------------------------------
	ネットワーク
----------------------------------------------------*/
/* ネットワーク　h2 */
h2#comp-network {
	height: 20px;
	background: url(../img/company/ttl_network.gif) no-repeat;
}

div.networkBox{
	width: 560px;
	margin: 0 0 20px 0;
}

/* ボックス背景の地図 */
.network-mapBox {
	height: 315px;
	background: url(../img/company/bg_network_map.jpg) no-repeat 200px;
	position: relative;
}

/* 制作本部紹介　ボタン位置 */
.seisakuBox {
	position: absolute;
	left: 23px;
	bottom: 10px;
}

/* ネットワークページ用　h3 */
div.networkBox h3.branch,div.section h3.branch,div.sectionBtm h3.branch {
	margin: 0 0 10px 0;
	padding: 1px 0 1px 7px;
	color: #0066CC;
	font-weight: normal;
	border-bottom: 1px solid #0066CC;
	background: url(../img/company/bg_h3_network.gif);
}



/* 本社・東京本部・製作本部 */
	/* 写真 */
	.left_photoBox {
		width: 90px;
		float: left;
	}
	
	/* テキスト */
	.right_textBox {
		width: 470px;
		float: right;
	}


p#seisakuTop{
	margin-bottom:20px;
}


/* ネットワーク　住所ボックス　本社・東京本部・製作本部 */
.addressBox02 {
	margin-top: 20px;
	padding-bottom: 5px;
	border-left: 7px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	position: relative;
}

.addressBox02 dt {
	width: 35px;
	padding: 2px 0 2px 8px;
	color: #777;
	font-size: x-small;
	font-weight: bold;
	background: url(../img/company/bg_address.gif) no-repeat right;
	float: left;
	clear: both;
}

.addressBox02 dd {
	width: 350px;
	padding: 0 0 0 10px;
	color: #777;
	font-size: 12px;
	float: left;
}

/* ネットワーク　製作本部・関連会社の住所ボックス */
.addressBox {
	margin-top: 20px;
	padding-bottom: 5px;
	border-left: 7px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
}

.addressBox dt {
	width: 43px;
	padding: 2px 0 2px 10px;
	color: #777;
	font-size: x-small;
	font-weight: bold;
	background: url(../img/company/bg_address.gif) no-repeat right;
	float: left;
	clear: both;
}

.addressBox dd {
	width: 485px;
 	padding-left: 10px;
	color: #777;
	float: right;
}

.addressBox h4 {
	padding-left: 10px;
	margin-bottom: 3px;
	color: #555;
	font-weight: normal;
}



/* 下ラインなしボックス */
.branchBox01 {
	width: 560px;
	padding: 5px 0;	
	position: relative;
}

/* 下ラインありボックス */
.branchBox02 {
	width: 560px;
	padding: 5px 0;	
	background: url(../img/common/dotline.gif) repeat-x bottom;
	position: relative;
}


/* 支社のリスト */
dl.branch_data {
}

dl.branch_data dt {
	color: #000088;
	margin-bottom: 5px;
}

dl.branch_data dd {
}

dl.branch_data dd li {
	padding-right: 3px;
	float: left;
}



/* 制作本部と業務本部 2カラム */
.box_2col {
	width: 280px;
	float: left;
}


/* 詳細ボタン */
.btnDetails {
	position: absolute;
	top: 5px;
	right: 1px;
}




/*----------------------------------------------------
	ネットワーク　各支社ページ
----------------------------------------------------*/
/* 段落 */
.section_net {
	width: 560px;
	margin: 0 0 20px 0;
}

.section_netBtm {
	width: 560px;
	margin: 0 0 60px 0;
}



/* 左側　写真エリア */
.branch_photo {
	width: 150px;
	margin: 0 13px 0 0;
	float: left;
}


/* 右側　テキストエリア */
.branch_text {
	width: 394px;
	float: right;
}


/* 支店住所　ボックス */
.branch_addressBox {
	width: 380px;
	padding: 0 0 10px 7px;
	border-left: 7px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
}

/* h2 */
.section_net h2.branch,.section_netBtm h2.branch {
	margin-bottom: 3px;
	color: #555;
	font-weight: normal;
}



/* 支店住所　リスト */
.branch_addressBox dl {
}

.branch_addressBox dt {
	width: 41px;
	margin: 0 0 5px 0;
	padding: 0 0 0 2px;
	color: #777;
	font-size: x-small;
	font-weight: bold;
	float: left;
}

.branch_addressBox dd {
	width: 325px;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	color: #777;
	border-left: 2px solid #E4E4E4;
	float: left;
}




/*----------------------------------------------------
	ネットワーク　製作本部紹介
----------------------------------------------------*/
/* 製作本部紹介　h2 */
h2#net-seisaku {
	height: 20px;
	background: url(../img/company/network/ttl_seisaku.gif) no-repeat;
}


/* 製作本部　写真 */
.seisaku_photo {
	width: 200px;
	margin-right: 20px;
	float: left;
}

/* 製作本部　テキスト */
.seisaku_text {
	width: 340px;
	float: left;
}


/* 生産体制　h2 */
h2#net-production {
	padding: 2px 0 3px 0;
	border-left: 4px solid #0066CC;
	border-bottom: 1px solid #0066CC;
	background: url(../img/company/network/ttl_net_production.gif) no-repeat 8px center;
}


/* 製作本部 セクション　ボックス */
#seisaku_section {
	width: 560px;
	height: 148px;
}


/* 製作本部 セクション ロールオーバー */
ul#btnSection li {
	float: left;
}

/* 各ボックス サイズ設定 */
ul#btnSection li#section1,
ul#btnSection li#section2,
ul#btnSection li#section3 {
	width: 134px;
	height: 148px;
	margin-right: 8px;
}
/* section4は右マージンなし */
ul#btnSection li#section4 {
	width: 134px;
	height: 148px;
}

ul#btnSection li a {
	width: 134px;
	height: 148px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}


	/* 工場総務部　section1 */
	#section1 a {
		background: url(../img/company/network/btn_section1.jpg) no-repeat;
	}

	/* 生産管理部　section2 */
	#section2 a {
		background: url(../img/company/network/btn_section2.jpg) no-repeat;
	}

	/* 編集部　section3 */
	#section3 a {
		background: url(../img/company/network/btn_section3.jpg) no-repeat;
	}
	
	/* 製造部　section4 */
	#section4 a {
		background: url(../img/company/network/btn_section4.jpg) no-repeat;
	}

	/* ロールオーバー時 */
	#section1 a:hover,
	#section2 a:hover,
	#section3 a:hover,
	#section4 a:hover {
		background-position: 0px -148px;
	}
	


/* 製作の流れ　h2 */
h2#flow {
	padding: 2px 0 3px 0;
	border-left: 4px solid #0066CC;
	border-bottom: 1px solid #0066CC;
	background: url(../img/company/network/ttl_net_flow.gif) no-repeat 8px center;
}


/* 製作の流れボックス */
.flowBox {
	width: 560px;
}




/* h2　上から順に01、02…にする */
h2#h2_01,h2#h2_02,h2#h2_03 {
	margin: 0 0 10px 0;
	padding: 3px 0 1px 7px;
	color: #0066CC;
	font-weight: normal;
	border-bottom: 1px solid #0066CC;
	background: url(../img/company/bg_h3_network.gif);
	text-indent: 0;
}


/* 編集部・製造部　h2～h4 */
/* 段落
div.section_s {
	width: 560px;
	margin: 0 0 40px 0;
}

div.section_sBtm {
	width: 560px;
	margin: 0 0 60px 0;
}
 */

/* h2
div.section_s h2,div.section_sBtm h2 {
	margin-bottom: 20px;
	text-indent: -9999px;
}

h2#h2_henshu {
	height: 45px;
	background: url(../img/company/network/ttl_section3.gif) no-repeat;
}

h2#h2_seizou {
	height: 45px;
	background: url(../img/company/network/ttl_section4.gif) no-repeat;
}
 */


/* h3
div.section_s h3,div.section_sBtm h3 {
	margin-bottom: 20px;
	padding: 2px 0 3px 0;
	border-left: 4px solid #0066CC;
	border-bottom: 1px solid #0066CC;
	text-indent: -9999px;
}
 */
/* 見出し画像　個別に設定
h3#henshu {
	background: url(../img/company/network/ttl_henshu.gif) no-repeat 8px center;
}

h3#seihan {
	background: url(../img/company/network/ttl_seihan.gif) no-repeat 8px center;
}

h3#insatsu {
	background: url(../img/company/network/ttl_insatsu.gif) no-repeat 8px center;
}

h3#seihon {
	background: url(../img/company/network/ttl_seihon.gif) no-repeat 8px center;
}
 */


/* h4
div.section_s h4,div.section_sBtm h4 {
	margin: 0 0 15px 0;
	padding: 3px 0 1px 7px;
	color: #0066CC;
	font-weight: normal;
	border-bottom: 1px solid #0066CC;
	background: url(../img/company/bg_h3_network.gif);
	text-indent: 0;
}
 */


/* 編集部・製作部　左ボックス */
dl.photo dd {
	color: #000088;
	font-size: x-small;
	margin-bottom: 15px;
}

p.imgCenter {
	text-align: center;
}




/*----------------------------------------------------
	沿革
----------------------------------------------------*/
/* 沿革　h2 */
h2#comp-history {
	height: 20px;
	background: url(../img/company/ttl_history.gif) no-repeat;
}


/* 年表　各ボックス背景 */
	/* 草創期 */
	.historyBox01 {
		width: 552px;
		margin: 0 auto 30px auto;
		background: url(../img/company/img_chrono01.gif) no-repeat top right;
	}
	
	/* 発展期 */
	.historyBox02 {
		width: 552px;
		margin: 0 auto 30px auto;
		background: url(../img/company/img_chrono02.gif) no-repeat top right;
	}
	
	/* 新世紀 */
	.historyBox03 {
		width: 552px;
		padding-bottom: 20px;
		margin: 0 auto;
		background: url(../img/company/img_chrono03.gif) no-repeat top right;
	}


/* 年表テーブル */
.chronoTable {
	width: 498px;
}

/* 下ライン */
.chronoTable tr {
	background: url(../img/company/bg_chrono.gif) repeat-x bottom;
}

.chronoTable th {
	width: 53px;
	padding: 4px 5px 4px 0;
	color: #6295D2;
	font-weight: bold;
	vertical-align: top;
}

.chronoTable td {
	width: 440px;
	padding: 3px 0;
}




/*----------------------------------------------------
	会社概要
----------------------------------------------------*/
dl.profile_data {
	width: 560px;
	padding: 8px 0;
	background: url(../img/company/bg_profile.gif) repeat-x bottom;
}

.profile_data dt {
	width: 150px;
	background: url(../img/common/icon_listmark.gif) no-repeat 0.4em;
	padding-left: 20px;
	color: #000066;
	float: left;
}

.profile_data dd {
	width: 390px;
	float: right;
}


/* 外部リンクアイコン位置 */
.position_p {
	vertical-align: 2px;
}




/*----------------------------------------------------
	ストラテジー
----------------------------------------------------*/
/* ストラテジー　h2 */
h2#comp-strategy {
	height: 46px;
	background: url(../img/company/ttl_strategy.gif) no-repeat;
}

/* ストラテジー　h3 */
#vision, #ad, #kanmin, #wagamati {
	width: 535px;
	height: 70px;
	margin: 0 auto 15px auto;
	text-indent: -9999px;
	border:none;
}



/* 官民協働による...　h3 */
h3#kanmin {
	background: url(../img/company/ttl_title.gif) no-repeat 0 0;
}

/* わが街事典　h3 */
h3#wagamati {
	background: url(../img/company/ttl_title.gif) no-repeat 0 -70px;
}




/* 中長期ビジョン下　ボックス */
.visionBox {
	width: 514px;
	margin: 0 auto;
}

	/* 高度化 */
	#advancedBox {
		width: 240px;
		margin-right: 34px;
		padding-bottom: 50px;
		background: url(../img/company/bg_visionbox.gif) no-repeat bottom;
		float: left;
	}
	
	dl.advanced dt {
		height: 39px;
		background: url(../img/company/img_advanced01.gif) no-repeat;
		text-indent: -9999px;
	}
	
	dl.advanced dd.img {
		height: 149px;
		background: url(../img/company/img_advanced02.gif) no-repeat;
		text-indent: -9999px;
	}
	
	dl.advanced dd.text {
		color: #000066;
		text-align: center;	
	}
	
	
	/* 多角化 */
	#diversificationBox {
		width: 240px;
		padding-bottom: 50px;
		background: url(../img/company/bg_visionbox.gif) no-repeat bottom;
		float: left;
	}
	
	dl.diversification dt {
		height: 39px;
		background: url(../img/company/img_diversification01.gif) no-repeat;
		text-indent: -9999px;
	}
	
	dl.diversification dd.img {
		height: 149px;
		background: url(../img/company/img_diversification02.gif) no-repeat;
		text-indent: -9999px;
	}
	
	dl.diversification dd.text {
		color: #000066;
		text-align: center;	
	}

	/* 中小事業者活性化支援ボックス */	
	.supportBox {
		width: 317px;
		height: 29px;
		margin: 15px auto 0 auto;
		background: url(../img/company/img_support.gif) no-repeat;
		text-indent: -9999px;
	}



/* 第二創業ボックス */
.reformBox {
	width: 534px;
	padding: 0 12px 12px 12px;
	border: 1px solid #3FA6C6;
	background: #49ACC8 url(../img/company/bg_reformbox.jpg) repeat-x top;
}

dl.reform dt {
	height: 68px;
	background: url(../img/company/img_reform.jpg) no-repeat;
	text-indent: -9999px;
}

dl.reform dd {
	padding-top: 12px;
	color: #FFFFFF;
}

/* 新ＡＤ戦略 */
div#adBox {
	width:534px;
	height:440px;
	background: url(../img/company/img_ad.jpg) no-repeat;
	display:block;
	margin-top:15px;
	text-indent:-9999px;
	margin:15px auto;
}


/* 官民協働事業 */
div#kanminBox {
	width:534px;
	height:550px;
	background: url(../img/company/img_kanmin.jpg) no-repeat;
	display:block;
	margin-top:15px;
	text-indent:-9999px;
	margin:15px auto;
}


/* わが街事典 */
div#wagamatiBox {
	width:534px;
	height:660px;
	background: url(../img/company/img_wagamati.jpg) no-repeat;
	display:block;
	margin-top:15px;
	text-indent:-9999px;
	margin:15px auto;
}








/*----------------------------------------------------
	クライアント
----------------------------------------------------*/
/* クライアント　h2 */
h2#comp-clients {
	height: 44px;
	background: url(../img/company/ttl_client.gif) no-repeat;
}