@charset "UTF-8";
/*********************************************
**    Copyright (c) 2008 MITSUWA Co.,Ltd..
**                  All Rights Reserved.
**********************************************/
/*++++++++++++++++++++++++++++++++++++++++
         初期化設定
++++++++++++++++++++++++++++++++++++++++*/
* {
	margin				: 0;
	padding				: 0;
	font-family			: "ＭＳ Ｐゴシック", "Osaka?等幅";
	line-height			: 150%;
	font-size			: small;
}
img {
	border				: none;
}

/*++++++++++++++++++++++++++++++++++++++++
         基本設定
++++++++++++++++++++++++++++++++++++++++*/
body {
	margin				: 0 0 30px 0;
	background			: url(images/body_bg.jpg) repeat-x 0 top;
}

#container {
	background			: url(images/container_bg.jpg) repeat-y 0 0;
	width				: 815px;
	margin				: 0 auto;
	padding				: 0 4px 0 4px;
}
#main {
	width				: 770px;
	margin				: 0 auto;
	padding				: 8px 0 0 0;
}
.container_bottom {
	width				: 823px;
	margin				: 0 auto;
}
/*-----------------------------
         その他
-----------------------------*/
/*  リンク
-----------------------------*/
a:link {

}
a:visited {
}
a:hover {
}

/*++++++++++++++++++++++++++++++++++++++++
         ヘッダー設定
++++++++++++++++++++++++++++++++++++++++*/
#header {
	width				: 815px;
	height				: 90px;
	margin				: 0 auto;
	padding				: 0 4px;
	overflow			: hidden;
}
	#header h1 {
		float				: left;
		margin				: 21px 0 0 21px;
	}
	#header ul.sub_menu {
		float				: right;
		margin				: 26px 24px 13px 0;
	}
	/* IE6hack */
	* html #header ul.sub_menu {
		margin-bottom		: 16px;
	}
	/* end */
	/* Operahack */
	html:first-child #header ul.sub_menu {
		margin-bottom		: 18px;
	}
	/* end */
		#header ul.sub_menu li {
			float				: left;
			margin				: 0 0 0 15px;
			list-style			: none;
			font-size			: 12px;
		}
/*++++++++++++++++++++++++++++++++++++++++
         ヘッダーメニュー設定
++++++++++++++++++++++++++++++++++++++++*/
#header ul.header_menu li {
	float				: left;
	list-style			: none;
}
/*++++++++++++++++++++++++++++++++++++++++
         フッター設定
++++++++++++++++++++++++++++++++++++++++*/
#footer {
	width				: 770px;
	margin				: 20px auto 0;
}
	#footer img {
		float				: right;
		vertical-align		: middle;
		margin				: 2px 0 0 20px;
	}
	#footer p {
		font-size			: 85%;
		color				: #666666;
	}
		#footer p a {
			font-size			: 100%;
			color				: #666666;
			text-decoration		: none;
		}
			#footer p a:hover {
				text-decoration		: underline;
			}
		#footer p.copy {
			border-top			: 4px solid #00815C;
			padding				: 4px 0 3px 0;
			margin				: 4px 0 0 0;
		}

/*++++++++++++++++++++++++++++++++++++++++
         左部設定
++++++++++++++++++++++++++++++++++++++++*/
#LeftBox {
	width				: 150px;
	float				: left;
	border				: 1px solid #00AE8C;
	margin				: 0 13px 0 0;
}
	#LeftBox p {
		background			: #00AE8C;
		padding				: 2px 5px 2px 10px;
		margin				: 1px;
	}
		#LeftBox p span {
			border-left			: 3px solid #73D3C0;
			font-weight			: bold;
			color				: #ffffff;
			padding				: 0 0 0 5px;
		}
	#LeftBox ul {
		list-style			: none;
		margin				: 10px 0 10px 10px;
	}
		#LeftBox ul li {
			background			: url(images/icon03.gif) no-repeat 0 center;
			padding				: 0 0 0 10px;
			margin				: 0 0 7px 0;
		}

/*++++++++++++++++++++++++++++++++++++++++
         中央設定
++++++++++++++++++++++++++++++++++++++++*/
#contents {
	float				: left;
	width				: 605px;
	margin				: 0 9px 0 0;
}
#CenterBox h2 {
	background			: url(images/title_bg.jpg) repeat-x 0 bottom;
	font-size			: 116%;
	padding				: 3px 0 6px 10px;
	margin				: 0 0 10px 0;
	border				: 1px solid #cccccc;
}

#RightBox {
	width				: 605px;
	float				: left;
}
	#RightBox h2 {
		background			: url(images/title_bg.jpg) repeat-x 0 bottom;
		font-size			: 116%;
		padding				: 3px 0 6px 10px;
		margin				: 0 0 10px 0;
		border				: 1px solid #cccccc;
	}
	#RightBox p {
		margin				: 0 10px 18px 10px;
	}

/*++++++++++++++++++++++++++++++++++++++++
         右部設定
++++++++++++++++++++++++++++++++++++++++*/
#right {
	float				: left;
	width				: 156px;
}


/*++++++++++++++++++++++++++++++++++++++++
         共通設定
++++++++++++++++++++++++++++++++++++++++*/
/*-----------------------------
         要素関連 
-----------------------------*/
/*  見出し
-----------------------------*/

/*-----------------------------
         レイアウト関連 
-----------------------------*/
.flt_left	{ float: left; }
.clr		{ clear: both; }
.lyt_block	{ display: block; }
.lyt_spc5	{ margin-bottom: 5px; }
.lyt_spc10	{ margin-bottom: 10px; }
.lyt_spc20	{ margin-bottom: 20px; }
.lyt_spc30	{ margin-bottom: 30px; }
.lyt_spc40	{ margin-bottom: 30px; }
.lyt_spc50	{ margin-bottom: 50px; }
.lyt_left	{ text-align: left; }
.lyt_center	{ text-align: center; }
.lyt_right	{ text-align: right; }
.lyt_top	{ vertical-align: top; }
.lyt_middle	{ vertical-align: middle; }
.lyt_bottom	{ vertical-align: bottom; }

.entry {
	margin				: 0 0 20px 0;
}
	.entry p {
		margin				: 0 0 18px 0;
	}

/*-----------------------------
         ナビゲーション関連 
-----------------------------*/
#navi {
	margin				: 0 0 10px 0;
}
.PageTop {
	text-align			: right;
	border-bottom		: 1px dotted #cccccc;
	padding				: 0 0 5px 0;
}
/*-----------------------------
         画像関連 
-----------------------------*/
.border_non { border: none; }

/*-----------------------------
         テキスト関連 
-----------------------------*/
.txt_bld	{ font-weight: bold; }
.txt_f10	{ font-size: 78%; }
.txt_f15	{ font-size: 117%; }


/*-----------------------------
         フォーム関連 
-----------------------------*/
input {
	margin				: 3px 2px 3px 2px;
	vertical-align		: -20%;
}
/* IE7hack */
*:first-child+html input {
	line-height			: 100%;
}
/* end */
/* IE6以外 */
input[type="radio"] {
	vertical-align		: -35%;
}
/* end */
select {
	vertical-align		: middle;
	margin				: 3px 5px 3px 2px;
}
	select option {
		padding				: 0 5px 0 0;
	}
.frm_button {
	height				: 30px;
	padding				: 0 10px 0 10px;
}
textarea {
	line-height			: 120%;
	margin				: 0 0 0 2px;
}
label {
	margin				: 0 5px 0 0;
}

/*-----------------------------
         テーブル関連 
-----------------------------*/

/*-----------------------------
         注釈関連 
-----------------------------*/
.txt_annotation {
	color				: red;
}

/* ++++++++++++++++++++ 各ページデザイン部分設定 ++++++++++++++++++++ */
/* ++++++ トップページ ++++++ */
/* flash設定 */
.flash_image {
	margin				: 0 0 8px 0;
}
/* サービスのご案内 */
.index_service {
	width				: 148px;
	float				: left;
	margin				: 3px 4px 0 0;
}
	.index_service div {
		border				: solid #d6d6d6;
		border-width		: 0 1px 1px 1px;
		height				: 180px;
		margin				: 0 0 5px 0;
		overflow			: hidden;
		line-height			: 100%;
		font-size			: 11px;
	}
		.index_service div img {
			margin				: 8px 0 0 8px;
		}
		.index_service ul {
			padding				: 5px 0 0 10px;
		}
			.index_service li {
				list-style			: none;
				background			: url(images/icon01.gif) no-repeat 0 center;
				padding				: 0 0 0 13px;
				margin				: 0 0 5px 0;
				line-height			: 100%;
				font-size			: 11px;
			}
				.index_service li a {
					font-size			: 11px;
					color				: #333333;
					text-decoration		: none;
				}
					.index_service li a:hover {
						text-decoration		: underline;
					}
/* ニュースリリース */
.news_all {
	text-align			: right;
	position			: relative;
	z-index				: 99;
	margin				: -28px 10px 10px 0;
}
	.news_all span {
		background			: url(images/icon02.gif) no-repeat 0 center;
		padding				: 0 0 0 12px;
	}

.news th {
	border-bottom		: 1px dotted #cccccc;
	width				: 138px;
	padding				: 6px 0 6px 10px;
	text-align			: left;
	font-weight			: normal;
	vertical-align		: top;
}
.news td {
	border-bottom		: 1px dotted #cccccc;
	padding				: 6px 0 6px 0;
}


/* ++++++ ニュースページ ++++++ */
.tbl_news {
	border-collapse		: collapse;
	table-layout		: fixed;
	width				: 605px;
	margin				: 5px 0 10px 0;
}
	.tbl_news th {
		width				: 130px;
		font-weight			: normal;
		text-align			: left;
		vertical-align		: top;
		border-bottom		: 1px dotted #cccccc;
		padding				: 7px 5px 7px 10px;
	}
	.tbl_news td {
		border-bottom		: 1px dotted #cccccc;
		padding				: 7px 5px 7px 0;
	}

/* ++++++ 採用情報ページ ++++++ */
.RecruitBox {
	border-bottom		: 1px dotted #cccccc;
	padding				: 0 0 20px 0;
	margin				: 0 0 10px 0;
}
.RecruitBox h3 {
	font-weight			: bold;
	font-size			: 110%;
	padding				: 10px 0 0 20px;
	background			: url(images/recpoint.gif) no-repeat 6px 17px;
}
.RecruitBox table.Recruit {
	table-layout		: fixed;
	width				: 550px;
	margin				: 10px 0 0 20px;
	border-collapse		: collapse;
}
	.Recruit th {
		width				: 120px;
		background			: #F4FFFD;
		border				: 1px solid #cccccc;
		text-align			: left;
		vertical-align		: top;
		font-weight			: normal;
		padding				: 5px 10px 5px 10px;
	}
	.Recruit td {
		border				: 1px solid #cccccc;
		padding				: 5px 20px 5px 20px;
	}
		#RightBox .Recruit td p {
			margin			: 0;
			padding			: 0;
		}