@charset "utf-8";
/* COMMON CSS -全ページ共通・大枠のcss-  */

/**
1.初期化
2.共通
3.各カテゴリ画像(h2・h3)
4.フォーム
5.フッター
6.セコムWEBステッカー
7.プライバシーマーク
8.Accessibility
-------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------- (1.初期化) */

* {
	margin: 0px;
	padding: 0px;
	vertical-align: top;/* 上に詰める */
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ","Verdana", "Times New Roman", Times, serif;
}

img {
	boder: 0px;
}


/*IE6で起きる配置に関するバグ修正 */
*html div { height: 1% }
/*End Commented backslashハック */


/*--------------------------------------------------------------------------(/初期化) */
/*---------------------------------------------------------------------------------------- (2.共通) */

body {
	background: url(../images/bg.jpg) repeat-x;
	font-family: Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ","Verdana", "Times New Roman", Times, serif;
	font-size: 62.5%;
	line-height: 17px;
}

/* リンク */
a, a:link {outline: none; text-decoration: underline; color: #097CA9;}
a:hover {text-decoration: none; color:#FF0000;}
#contents.company a:hover {text-decoration: none; color:#E60012;}
#contents.business a:hover {text-decoration: none; color:#F39700;}
#contents.recruitment a:hover {text-decoration: none; color:#8EC31F;}
#contents.contact a:hover {text-decoration: none; color:#8ACADC;}
a:visited {color: #585858;}


/* csshover.htc(これでIEもhoverが効く様になる) */
body.home {
	background: url(../images/bg_home.jpg) repeat-x;
}

#wrapper {
	background: #fff url(../images/bg_wrapper.jpg) repeat-x;
	width: 860px;
	margin: 0 auto;
	padding: 0px;
	min-height: 700px;
}

p,ul,ol,li,th,td,dt,dd {
	font-size: 13px;
	line-height: 17px;
}
 
small,
small p {
	font-size: 12px;
	color: #666;
}

td {
	vertical-align: middle;
}

ul {
	list-style: none;
}

ul.ABC_li {
	list-style-type:upper-alpha;
}

ul.disc_li {
	list-style-type: disc;
	margin-left: 25px;
}

ol {
	margin-left: 23px;
}

li {
	text-decoration: none;
}

span {
	margin: 0px;
	padding: 0px;
}


#flow li h4 {
	font-size: 18px;
	padding: 0px 0px 5px 1px;
	background: none;
} 

#flow li p {
	background: url(../images/icon_arrow_under_middle.gif) -1px 7px repeat-y;
	padding: 5px 0px 5px 30px;
	line-height: 17px;
}

#flow li p.under {
	background: url(../images/icon_arrow_under.gif) -1px 7px no-repeat;
	padding: 10px 0px 20px 30px;
	margin-top: -10px;
}

table {
	border-bottom: solid 2px #666;
	border-left: solid 2px #666;
	border-right: solid 2px #666;
	border-top: solid 2px #666;
}
caption {
	display: none;
}
th {
	background-color: #666;
	padding: 10px 10px 10px 0px;
	text-align: right;
	color: #fff;
	font-weight: normal;
	width: 130px;
}
td {
	width: 400px;
	border-left: dashed 1px #666;
	border-top: dashed 1px #666;
	vertical-align: middle;
	padding: 10px 10px 8px 10px;
}
td.top_boder_none {
	border-top: none;
}

/* ボーダーは要らない場合 */
.recruitment table.boder_none,
.recruitment table.boder_none td,
.contact table.boder_none,
.contact table.boder_none td {
	border: none;
}

/* tdのボーダーTOPが要らない場合 */
.recruitment td.top_boder_none,
.contact td.top_boder_none {
	border-top: none;
}


/* 各カテゴリごとの色 */

/*---- RECRUITMENT ----*/
.recruitment table {
	border-bottom: solid 2px #8EC31F;
	border-left: solid 2px #8EC31F;
	border-right: solid 2px #8EC31F;
	border-top: solid 2px #8EC31F;
}
.recruitment th {
	background-color: #8EC31F;
}
.recruitment td {
	border-left: dashed 1px #8EC31F;
	border-top: dashed 1px #8EC31F;
}

.btn_chk {
	background: url(../images/btn_chk.jpg) center center no-repeat;
}
.recruitment.btn_chk:hover {
	background: url(../images/btn_chk_recruit.jpg) center center no-repeat;
}

.recruitment div.oubo td {
	width: 445px;
	padding: 10px;
	font-size: 12px;
}

/*---- CONTACT ----*/
.contact table {
	border-bottom: solid 2px #8AC9DB;
	border-left: solid 2px #8AC9DB;
	border-right: solid 2px #8AC9DB;
	border-top: solid 2px #8AC9DB;
}
.contact th {
	background-color: #8AC9DB;
}
.contact td {
	border-left: dashed 1px #8AC9DB;
	border-top: dashed 1px #8AC9DB;
}

.contact table.table_boder_no {
	border: none;
}
.contact table.table_boder_no th,
.contact table.table_boder_no td {
	background: none;
	border: none;
}

.error_msg {
	position: relative;
	height: 0px;
}

/* 回り込ませる */
/* 左へ */
.turns_left {
	float: left;
}
/* 右へ*/
.turns_right {
	float: right;
}
/* 解除 */
.turns_clear {
	clear: both;
}

/*  */
.t_center {
	text-align:center;
}
.t_right {
	text-align:right;
}


/* コンテンツボックスの間のスペース */
.space_5 {
	height: 5px;
	background: transparent;
}
.space_10 {
	height: 10px;
	background: transparent;
}
.space_15 {
	height: 15px;
	background: transparent;
}
.space_20 {
	height: 20px;
	background: transparent;
}
.space_25 {
	height: 25px;
	background: transparent;
}
.space_30 {
	height: 30px;
	background: transparent;
}

.space_100 {
	height: 100px;
	background: transparent;
}


/* 枠 */
.border_red {
	width: 532px;
	padding: 0px 10px 10px 10px;
	border-left: 2px solid #646464;
	border-right: 2px solid #646464;
}

.border_red h5 {
	border-left: none;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 13px 0px;
	border-bottom: 1px dotted #646464;
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
}

/*---- フォーム内 ----*/
input,textarea {
	font-size: 13px;
}

textarea {
	width: 400px;
	height:200px;
}

.boder_A5ACB2 {
	border-right: #A5ACB2 1px solid;
	border-top: #A5ACB2 1px solid;
	border-left: #A5ACB2 1px solid;
	border-bottom: #A5ACB2 1px solid;
}

.w_max {
	width: 400px;
}

.w_300 {
	width: 300px;
}

.w_163 {
	width: 163px;
}

.w_162 {
	width: 162px;
}


.w_30 {
	width: 30px;
}

.address {
	width: 400px;
	height: 100px;
}

.error_form .error_box,
.error_form td.error_radio {
	background-color: #FFFF99;
}
.error_form p.error_box2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.error_form p.error_box2 label {
	background-color: #FFFF99;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*---- エラーメッセージ ----*/
.error_msg {
	width: 540px;
	height: 100%;
	margin: 10px 0px;
	padding: 10px;
	background: #FFFFCC;
}.error_msg ul {
	list-style: disc;
	color: #FF0000;
	padding: 10px 0px 10px 30px;
}
tr.error_form {
	/*background-color: #FFFF99 !important;*/
}

.error_rad {
	color: #CC0000;
	font-weight: bold;
}

/*---- ロゴ ----*/
#logo {
	background: url(../images/logo_bg.jpg) no-repeat;
	width: 365px;
	height: 73px;
}
#logo h1 {
	background: url(../images/logo.jpg) no-repeat;
	width: 211px;
	height: 48px;
	position: relative;
	top: 16px;
	left: 11px;
}
#logo h1 a {
	display: block;
	height: 0px;
	padding-top: 48px;
	overflow: hidden;
	line-height: 15px;
	text-indent: -9999px;
}




/*---- コンテンツ ----*/
#contents {
	/*clear: both;*/
	width: 860px;
}
#contents_right {
	float: right;
	width: 684px;
	background: url(../images/bg_contents.png) -2px 0px repeat-y;
	padding-bottom: 60px;
}
/*IE6で起きる配置に関するバグ修正*/
* html #contents_right {
	float: right;
	width: 684px;
	background: url(../images/bg_contents.gif) -2px 0px repeat-y;
}
#contents h2 {
	width: 860px;
	height: 112px;
	text-indent: -9999px;
	z-index: 1;
}
#contents_right h3 {
	width: 650px;
	height: 66px;
	position: absolute;
	margin-top: -90px;
	margin-left: 2px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	padding: 25px 0px 0px 25px;/* 文字の位置 */
	z-index: 2;
}


/*---- パンくずリスト ----*/
#breadcrumb {
	width: 660px;
	position: absolute;
	margin: -28px 0px 0px 0px;
	padding-left: 9px;
	font-size: 1.2em;
	z-index: 3;
}

/*---- パンくずリスト 西屋風味    ----*/
#breadcrumb_2 {
	color: #fff;
	background: url(../images/bg_breadcrumb.png) no-repeat;
	height: 28px;
	width: 660px;
	position: absolute;
	margin: -28px 0px 0px 0px;
	padding: 0;
	padding-left: 9px;
	font-size: 1.2em;
	z-index: 3;
}

#breadcrumb_2 a {
	color: #fff;
	display: block;
	padding: 5px;
	float: left;
}

#bn_separator {  /*区切り */
 /*そーいえばIE6に背景透過は使えないんだった･･･org
	display: block;
	width: 20px;
	height: 28px;
	background: url(../images/bg_bn_separator.png) no-repeat;
	text-indent: -9999px;

	float: left;
*/
	background: none;}

/*#thispage_title {
	display: block;
	padding: 5px 7px;
/*	clear: both;
}*/
/*---- パンくずリスト 西屋風味 END ----*/

#contents_box {
	padding: 10px 25px 20px 30px;
	margin-top: 0px;
	min-height: 400px;
	height: auto !important;/* IE6でもmin-heightが使えるように */
	height: 400px;/* IE6でもmin-heightが使えるように */ 
}

p.emphasis_text {
	font-size: 11px;
	color: #333;
	margin-top: 5px;
	line-height: 14px;
}

/*--------------------------------------------------------------------------(/共通) */
/*---------------------------------------------------------------------------------------- (3.各カテゴリ画像(h2・h3)) */

/*---- COMPANY ----*/
#contents.company h2 {
	background: url(../images/h2_profile.gif) no-repeat;
}
#contents.company #contents_right h3 {
	background: #fff url(../images/h3_profile.jpg) no-repeat;
}

/*---- BUSINESS ----*/
#contents.business h2 {
	background: url(../images/h2_business.gif) no-repeat;
}
#contents.business #contents_right h3 {
	background: #fff url(../images/h3_business.jpg) no-repeat;
}

/*---- RECRUITMENT ----*/
#contents.recruitment h2 {
	background: url(../images/h2_recruit.gif) no-repeat;
}
#contents.recruitment #contents_right h3 {
	background: #fff url(../images/h3_recruit.jpg) no-repeat;
}

/*---- CONTACT ----*/
#contents.contact h2 {
	background: url(../images/h2_contact.jpg) no-repeat;
}
#contents.contact #contents_right h3 {
	background: #fff url(../images/h3_contact.jpg) no-repeat;
}

/*---- SECURITY ----*/
#contents.security h2 {
	background: url(../images/h2_security.jpg) no-repeat;
}
#contents.security #contents_right h3 {
	background: #fff url(../images/h3_security.jpg) no-repeat;
}

/*---- SITEMAP ----*/
#contents.sitemap h2 {
	background: url(../images/h2_sitemap.gif) no-repeat;
}
#contents.sitemap #contents_right h3 {
	background: #fff url(../images/h3_sitemap.gif) no-repeat;
}


/*-------------------------------------------------------(/各カテゴリ画像(h2・h3)) */
/*---------------------------------------------------------------------------------------- (5.フッター) */

#footer {
	clear: both;
	background: #000;
}

.footer_box {
	margin: 0 auto;
	width: 860px;
	padding: 10px 0px 0px 0px;
	font-size: 1.1em;
	text-align: right;
	height: 150px;
	color: #fff;
}

div.PageTop {
	width: 157px;
	height: 38px;
	position: relative;
	left: 712px;
	margin-top: -43px;
	margin-bottom: 5px;
}

*+html div.PageTop {
	position: relative;
	left: 13px;
}
*html div.PageTop {
	position: relative;
	left: 20px;
}

div.PageTop a {
	display: block;
	background: url(../images/btn_PageTop.png) no-repeat;
	width: 157px;
	height: 0px;
	padding-top: 38px;
	overflow: hidden;
}
div.PageTop a:hover {
	background: url(../images/btn_PageTop2.png) no-repeat;
	width: 157px;
	height: 0px;
}

*html div.PageTop a {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/btn_PageTop.png' ,sizingmethod=image);
}

*html div.PageTop a:hover {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/btn_PageTop2.png' ,sizingmethod=image);
}




* html #footer {
	z-index: 3;
}

/*---------------------------------------------------------------------(/フッター) */
/*  -------------------------------------------------------------------------------- (8.Accessibility) */

/* CSSが効いてない時に現れる様に(CSSが効いてる時は見えないから使えない) */
hr {
	display:none;
}

.txthidden {
	display:none;
}
/**/

/*----------------------------------------------------------------(/Accessibility) */