/* ///////////////////////////////////////////////

ファイル名：about.css
適応ページ：会社案内のページ

----------------------------

このCSSの内容

1. hx タグの設定(h1,h2等)
2. header の設定
3. コンテンツ部分の設定


/////////////////////////////////////////////// */


/* 1. hx タグの設定(h1,h2等)
--------------------------------------------- */

h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

/* 2. header の設定
--------------------------------------------- */

/* ページ上部ナビの「会社案内」を選択した状態 */
#mainNavi li#aboutBtn a {
	width: 96px;
	height: 35px;
	background: transparent url(../img/base/navi_about.gif) no-repeat -150px 0;
}


/* タイトル写真 */
#about #header #photoTit {
	clear: both;
	width: 770px;
	height: 140px;
	margin: 4px 0 0 0;
	padding: 0;
	background: transparent url(../img/about/about_tit_photo.jpg) no-repeat 0 0;
}


/* 3. コンテンツ部分の設定
--------------------------------------------- */
/* 会社案内トップ */
#about #contents #contentsBox h3 {
	width: 570px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/about/about_tit.gif) no-repeat 0 0;
}

#about #contents dl {
	margin: 10px;
	font-size: 90%;
}

#about #contents dt {
	margin: 5px 0 5px 15px;
}

#about #contents dd {
	margin: 5px 0 15px 45px;
}


/* 経営理念の場合 */
#about #contents #contentsBox h3#idea {
	width: 570px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/about/about_idea_tit.gif) no-repeat 0 0;
}

/* 社長ご挨拶の場合 */
#about #contents #contentsBox h3#message {
	width: 570px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/about/about_message_tit.gif) no-repeat 0 0;
}

#about #contents #contentsBox h4#message {
    margin-left:1em;
	font-size:80%;
}

#about #contents #contentsBox p.Right {
    text-align:right;
}

/* 会社概要の場合 */
#about #contents #contentsBox h3#company {
	width: 570px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/about/about_company_tit.gif) no-repeat 0 0;
}

#about #tb_company {
	margin: 12px 10px;
	font-size: 75%;
	color: #333;
}

#about #tb_company th {
	margin: 0;
	padding: 6px 8px;
	width: 131px;
	background: #e1e1e1;
	font-weight: lighter;
	vertical-align: top;
}

#about #tb_company td {
	margin: 0;
	padding: 6px 8px;
	background: #ebebeb;
}

/*取締役テーブル、沿革テーブル*/
#about #tb_company #tb_company_directors,
#about #tb_company #tb_company_history
{
	margin: 0;
	padding: 0;
}

#about #tb_company #tb_company_directors td,
#about #tb_company #tb_company_history td
{
	margin: 0;
	padding: 2px;
	line-height: 150%;
	vertical-align: top;
}

/* 求人案内の場合 */
#about #contents #contentsBox h3#recruit {
	width: 570px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/about/about_recruit_tit.gif) no-repeat 0 0;
}

#about #contents #leftNavi h3 {
	width: 190px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/about/about_tit_leftnavi.gif) no-repeat 0 0;
}

#about #contents #tb_recruit {
	width: 550px;
	margin: 12px 10px;
	padding: 0;
	font-size: 75%;
	color: #333;
	border-left: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
}

#about #contents #tb_recruit th {
	margin: 0;
	padding: 6px 8px;
	width: 121px;
	background: #fff;
	font-weight: lighter;
	vertical-align: top;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

#about #contents #tb_recruit td {
	margin: 0;
	padding: 6px 8px;
	background: #fff;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}