@charset "utf-8";
/* CONTENTS CSS -カテゴリ内で使用するcss- */

/**
1.h4(カテゴリ内での見出し)
2.h5
3.コンテンツ内のナビ
4.ボックス
5.メーリングリスト画像
6.アクセスマップ
7.サイトマップ
8.カテゴリ内のバナー
-------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------- (1.h4) */

h4 {
	margin-top: 15px;
	font-size: 17px;
	font-weight: bold;
	padding: 0px 0px 12px 22px;
}

/*---- COMPANY ----*/
.company h4 {
	color: #DA171B;
	background: url(../images/h4_profile.jpg) no-repeat;
}

/*---- BUSINESS ----*/
.business h4 {
	color: #F59608;
	background: url(../images/h4_business.jpg) no-repeat;
}
#business_0 h4 {/* 事業内容のh4 */
	border-top: dotted 2px #999;
	padding-top: 20px;
	background: url(../images/h4_business.jpg) 0px 19px no-repeat;
	margin-top: 30px;
}
*+html #business_0 h4 {
	background: url(../images/h4_business.jpg) 0px 22px no-repeat;
}
#business_0 h4.business_0_top {
	border-top: none;
	margin-top: 0px;
	padding-top: 10px;
	background: url(../images/h4_business.jpg) 0px 9px no-repeat;
}

/*---- RECRUITMENT ----*/
.recruitment h4 {
	color: #97BD46;
	background: url(../images/h4_recruit.jpg) no-repeat;
}

/*---- CONTACT ----*/
.contact h4 {
	color: #75C2CA;
	background: url(../images/h4_contact.jpg) no-repeat;
}

/*---- SECURITY ----*/
.security h4 {
	color: #9D4494;
	background: url(../images/h4_security.jpg) no-repeat;
}

/*---- SITEMAP ----*/
.sitemap h4 {
	color: #EFC6D6;
	background: url(../images/h4_sitemap.jpg) no-repeat;
}



/*------------------------------------------------------------------------------------------------------ (2.h5) */

h5 {
	border-left: solid 5px #848484;
	padding-left: 5px;
	margin: 7px 0px;
	color: #848484;
	font-size: 14px;
	font-weight: bold;
}

/*-------------------------------------------------------------------------------------- (3.コンテンツ内のナビ) */
.top_30 {
	margin-top:30px;
}
.top_0 {
	margin-top:-10px;
	_margin-top:0px;
}
#contents_navi {
	width: 580px;
	margin: 15px 0px 0px 15px;
}
#contents_navi ul {
	list-style: none;
}
#contents_navi ul div.contents_navi_ListBox {
	clear: both;
	float: left;
	width: 213px;
	border-left: solid 5px #666;
	margin-bottom: 30px;
}
/* IE7用 */
*+html #contents_navi ul div.contents_navi_ListBox {
	margin-bottom: 0px;
}
#contents_navi ul div.contents_navi_ListBox li a p,
#contents_navi ul div.contents_navi_ListBox li a {
	display: block;
	text-decoration: underline;
	font-size: 25px;
	font-weight: bold;
	color: #666;
	padding: 0px 0px 0px 7px;
	line-height: 27px;
}
#contents_navi ul div.contents_navi_ListBox li a p {
	padding: 0px 0px 0px 0px;
}
#contents_navi ul div.contents_navi_ListBox li a:hover p,
#contents_navi ul div.contents_navi_ListBox li a:hover {
	text-decoration: none;
	color:#E60012;
}
#contents_navi ul div.contents_navi_ListBox li span {
	display: block;
	text-decoration: none;
	font-size: 25px;
	font-weight: bold;
	color: #666;
	padding: 0px 0px 0px 7px;
	line-height: 25px;
}
/* IE7用 */
*+html #contents_navi ul div.contents_navi_ListBox li a,
*+html #contents_navi ul div.contents_navi_ListBox li span {
	padding: 0px 0px 0px 0px;
	margin-left: -5px;
}
/* IE6用 */
* html #contents_navi ul div.contents_navi_ListBox li a,
* html #contents_navi ul div.contents_navi_ListBox li span {
	padding: 0px 0px 0px 0px;
	text-indent: 0px;
}
* html #contents_navi ul div.contents_navi_ListBox li a p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
* html #contents_navi ul div.contents_navi_ListBox li a p.p_second {
	margin: 0px 0px 0px 15px;
}

/* ローカルナビ */
#contents_navi ul div.contents_navi_ListBox li div.contents_navi_LocalNavi ul {
	width: 213px;
	margin-top: 6px;
}
#contents_navi ul div.contents_navi_ListBox li div.contents_navi_LocalNavi li {
	float: left;
	margin: 0px 10px 0px 10px;
	line-height: 20px;
}
#contents_navi ul div.contents_navi_ListBox li div.contents_navi_LocalNavi li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	background: transparent url(../images/list_arrow1.jpg) 0px 6px no-repeat;
	padding-left: 18px;
	color: #666;
	padding-top: 4px;
	line-height: 20px;
}
/* IE7用 */
*+html #contents_navi ul div.contents_navi_ListBox li div.contents_navi_LocalNavi li {
	margin: 0px 0px 2px 17px;
	padding: 0px 0px 0px 0px;
}
*+html #contents_navi ul div.contents_navi_ListBox li div.contents_navi_LocalNavi li a {
	background: transparent url(../images/list_arrow1.jpg) 0px 6px no-repeat;
}
/* IE6用 */
* html #contents_navi ul div.contents_navi_ListBox li div.contents_navi_LocalNavi li {
	margin: 0px 10px 0px 10px;
	padding: 6px 0px 0px 0px;
}

/* ボックス内のテキストエリア */
#contents_navi ul div.contents_navi_text {
	float: right;
	border-left: dotted 1px #666;
	width: 330px;
	padding-left: 15px;
}


/*---- カテゴリ別指定 ----*/

/*---- COMPANY ----*/
.company #contents_navi ul div.contents_navi_ListBox li a:hover {
	color: #E60012;
	background: none;
}
/* 2階層目 */
.company #contents_navi ul div.contents_navi_ListBox li div.contents_navi_LocalNavi li a:hover {
	color: #E60012;
	background: transparent url(../images/list_arrow1_red.jpg) 0px 6px no-repeat;
}

/*---- BUSINESS ----*/
.business #contents_navi ul div.contents_navi_ListBox li a:hover {
	color: #F39700;
	background: none;
}
/* 2階層目 */
.business #contents_navi ul div.contents_navi_ListBox li div.contents_navi_LocalNavi li a:hover {
	color: #F39700;
	background: transparent url(../images/list_arrow1_orange.jpg) 0px 6px no-repeat;
}

/*---- RECRUITMENT ----*/
.recruitment #contents_navi ul div.contents_navi_ListBox li a:hover {
	color: #8EC31F;
	background: none;
}
/* 2階層目 */
.recruitment #contents_navi ul div.contents_navi_ListBox li div.contents_navi_LocalNavi li a:hover {
	color: #8EC31F;
	background: transparent url(../images/list_arrow1_green.jpg) 0px 6px no-repeat;
}

/*---- SECURITY ----*/
.security #contents_navi ul div.contents_navi_ListBox li a:hover {
	color: #841774;
	background: none;
}
/* 2階層目 */
.security #contents_navi ul div.contents_navi_ListBox li div.contents_navi_LocalNavi li a:hover {
	color: #841774;
	background: transparent url(../images/list_arrow1_purple.jpg) 0px 6px no-repeat;
}



/*------------------------------------------------------------------------------------------- (4.ボックス) */
/*---------- 主にテーブルを囲うボックスとして使用 ----------*/

.box {
	width: 585px;
	padding: 0px 0px 10px 13px;
	border-left: 1px solid #AAABAB;
	border-right: 1px solid #AAABAB;
}

*+html .box,
*+html .box_small {
	position: relative;
	top: -6px;
}
*html .box,
*html .box_small {
	margin-top: -6px;
}
*+html img.adjustment {
	position: relative;
	top: -10px;
}

*+html .contact div.box_small p {
	line-height: 15px;
	padding-bottom: 10px;
}

.box h4,
.box h5 {
	width: 547px;
	font-weight: bold;
	border-bottom: dotted 1px #AAABAB;
	margin-top: 0px;

	padding: 2px 0px 5px 22px;
}


/*----- エントリー・アクセスのボックス -----*/
.recruitment div.entry_box {
	width: 571px;
	margin-left: 20px;
}

.recruitment div.box_small_left,
.company div.box_small_left {
	float: left;
	width: 280px;
	margin-left: 10px;
	margin-bottom: 30px;
	background: none;
	vertical-align: top;
}
*html .recruitment div.box_small_left,
*html .company div.box_small_left {
	margin-left: 5px;
}

.recruitment div.box_small h4,
.recruitment div.box_small h5,
.company div.box_small h4,
.company div.box_small h5 {
	width: 240px;
	font-weight: bold;
	border-bottom: dotted 1px #AAABAB;
	margin: 0px 0px 5px 0px;
	padding-top: 2px;
}
.recruitment div.box_small {
	line-height: 15px;
}
.company div.box_small p {
	line-height: 15px;
	padding-left: 20px;
}
.recruitment div.box_small_left h4,
.company div.box_small_left h4 {
	padding: 1px 0px 5px 27px;
	margin-top: 0px;
}
.recruitment div.box_small_left p,
.company div.box_small_left p {
	padding: 10px 15px 0px 10px;
}


.recruitment div.box_small_right {
	float: right;
	width: 280px;
	background: none;
	margin-right: 20px;
}
.company div.box_small_right {
	float: right;
	width: 280px;
	background: none;
	margin-right: 23px;
}
*html .recruitment div.box_small_right,
*html ..company div.box_small_right {
	margin-right: 25px;
}

.recruitment div.box_small_right h4,
.company div.box_small_right h4 {
	padding: 0px 0px 5px 27px;
	margin-top: 0px;
}
.recruitment div.box_small_right p,
.company div.box_small_right p {
	padding: 10px 15px 0px 10px;
}

.recruitment div.ToEntry {
	background: #FF9933;
	width: 195px;
	height: 50px;
	margin: 0 auto;
	
}

.recruitment div.ToEntry a {
	display: block;
	background: url(../images/btn_ToEntry.gif) no-repeat;
	width: 195px;
	height: 50px;
	text-indent: -9999px;
}
.recruitment div.ToEntry a:hover {
	background: url(../images/btn_ToEntry2.gif) no-repeat;
}

/*----- お問合せのボックス -----*/

/* フォームでのお問合せボックス */
.contact div.contact_box {
	clear: both;
	width: 600px;
	margin-left: 5px;
	background: url(../images/box_bottom.gif) bottom left no-repeat;

}
.contact div.box {
	background: url(../images/img_pencil.gif) bottom right no-repeat;
}

*+html .contact div.contact_box {
	background: none;

}
/* IE6用 */
*html .contact div.contact_box {
	margin-left: 10px;
	padding-bottom: 0px;
}
*html .contact div.box {
	background: url(../images/img_pencil.gif) bottom right no-repeat;
	margin-bottom: 8px;
}
*html img.IE6_no {
	display: none;
	overflow: hidden;
	height: 0px;
}

.contact div.box h4 {
	background:url(../images/img_pencil_small.jpg) no-repeat;
	color: #999;
	font-size: 14px;
}


/* 電話・メールボックス */
.box_small {
	width: 274px;
	padding: 0px 0px 10px 7px;
	border-left: 1px solid #AAABAB;
	border-right: 1px solid #AAABAB;
}
.contact div.box_small h4,
.contact div.box_small h5 {
	width: 240px;
	font-weight: bold;
	border-bottom: dotted 1px #AAABAB;
	margin: 0px 0px 5px 0px;
	padding-top: 2px;
}
.contact div.box_small p {
	line-height: 25px;
}
/* 電話 */
.contact div.box_small_left {
	float: left;
	width: 280px;
	margin-left: 5px;
	margin-bottom: 30px;
	background: url(../images/img_tel.gif) bottom right no-repeat;
	vertical-align: bottom;
}
.contact div.box_small_left h4 {
	background:url(../images/img_tel_small.jpg) no-repeat;
	color: #999;
	font-size: 14px;
	padding: 1px 0px 5px 27px;
	margin-top: 0px;
}
.contact div.box_small_left p {
	margin-left: 30px;
}

/* IE7用 */
*+html .contact div.box_small_left {
	background: none;
	background: url(../images/img_tel.gif) 50px right no-repeat;
	vertical-align: bottom;
}


/* メール */
.contact div.box_small_right {
	float: right;
	width: 280px;
	/*background: url(../images/img_mail.gif) bottom right no-repeat;*/
	background: #fff;
	margin-right: 27px;
	vertical-align: bottom;
	padding-bottom: 0px;
}
.contact div.box_small_right h4 {
	background: url(../images/img_mail_small.jpg) 0px 1px no-repeat;
	color: #999;
	font-size: 14px;
	padding: 0px 0px 5px 27px;
	margin-top: 0px;
}
.contact div.box_small_right img.MailAddress {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 267px;
	height: 81px;
}
.contact div.box_small_right p {
	margin-left: 15px;
}

/* IE7用 */
*+html .contact div.box_small_right {
	/*background: url(../images/img_mail.gif) 30px right no-repeat;*/
	background: #fff;
	vertical-align: bottom;
}
/* IE6用 */
*html .box_small_right {
	position: relative;
	left: 34px;
	/*background: url(../images/img_mail.gif) 43px right no-repeat;*/
	background: #fff;
}
*html .contact div.box_small_right p {
	margin-bottom: 13px;
}


/*------------------------------------------------------------------------------ (5.メーリングリスト・沿革の画像) */

/* お問合せ用 */
div.box_small div.MailAddress {
	background: url(../images/img_MailAddress2.gif) no-repeat;
	text-indent: -9999px;
	width: 268px;
	height: 80px;
}
/* Safari only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	div.box_small div.MailAddress {background: url(../images/img_MailAddress_safari.gif) no-repeat;}
}
/* */


/* 個人情報用 */
div.EstInfo_security {
	background: url(../images/img_EstInfo_security.gif) no-repeat;
	text-indent: -9999px;
	width: 160px;
	position: relative;
	margin: -14px 0px 0px 180px;
}
/* Safari only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	div.EstInfo_security {background: url(../images/img_EstInfo_security_safari.gif) no-repeat;}
}
/* */

/* 採用情報用 */
div.EstRecruit {
	background: url(../images/img_EstRecruit.gif) no-repeat;
	text-indent: -9999px;
	width: 155px;
	height: 14px;
	float: left;
	margin: -20px 0px 0px 140px;
}
/* Safari only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	div.EstRecruit {background: url(../images/img_EstRecruit_safari.gif) no-repeat;}
}
/* */

/* 沿革 */
div.ennkaku_img {
	background:url(../images/profile_img_enkaku.gif) no-repeat;
	text-indent: -9999px;
	width: 575px;
	height: 914px;
}
/* Safari only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	div.ennkaku_img {background:url(../images/profile_img_enkaku_safari.gif) no-repeat;}
}
/* */

/* 経営理念 */
div.topmgr_img {
	background:url(../images/img_topmgr.gif) no-repeat;
	text-indent: -9999px;
	width: 155px;
	height: 14px;
}
/* Safari only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	div.topmgr_img {background:url(../images/img_topmgr_safari.gif) no-repeat;}
}
/* */


/*------------------------------------------------------------------------------------------- (6.アクセスマップ) */
.access {
	border: solid 5px #999;
	width: 550px;
	height: 350px;
	margin-left: 5px;
}

.security_ToContact {
	background: #F0DFF2;
	padding: 20px;
	margin-top: 20px;
}

/*------------------------------------------------------------------------------------------- (7.サイトマップ) */

#sitemap {
	width: 500px;
	margin: 15px 0px 0px 60px;
}



#sitemap ul.sitemap_level1 li {
	font-size: 20px;
	padding-bottom: 15px;
	border-bottom: dashed 1px #999;
	margin-bottom: 15px;
}

#sitemap ul.sitemap_level1 li a,
#sitemap ul.sitemap_level1 li span {
	border-left: solid 5px #999;
	padding-left: 8px;
	color: #999;
	font-weight: bold;
}


#sitemap ul.sitemap_level1 li ul.sitemap_level2 {
	margin: 15px 0px 0px 120px;
	width: 380px;
}
#sitemap ul.sitemap_level1 li ul.sitemap_level2 li {
	padding: 5px 0px;
	font-size: 15px;
	border-bottom: dashed 1px #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 8px;
}
#sitemap ul.sitemap_level1 li ul.sitemap_level2 li.sitemap_level2_li_last {
	border: none;
}
#sitemap ul.sitemap_level1 li ul.sitemap_level2 li a,
#sitemap ul.sitemap_level1 li ul.sitemap_level2 li span {
	background: url(../images/list_arrow1.jpg) no-repeat;
	padding-left: 20px;
	border: none;
}

#sitemap ul.sitemap_level1 li ul.sitemap_level2 li ul.sitemap_level3 {
	width: 300px;
	margin: 5px 0px 5px 70px;
}
#sitemap ul.sitemap_level1 li ul.sitemap_level2 li ul.sitemap_level3 li {
	font-size: 12px;
	border: none;
	color: #999;
	margin: 0px;
	padding-bottom: 3px;
}
#sitemap ul.sitemap_level1 li ul.sitemap_level2 li ul.sitemap_level3 li a {
	background: none;
	border: none;
	padding: 0px;
}

/*------------------------------------------------------------------------------------------- (8.カテゴリ内のバナー) */
#banner_local {
	margin: 20px 0px 0px 15px;
	text-align: center;
	width: 140px;
}

#banner_local img {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px -3px;
}