@charset "shift-jis";

/* ヘッダーロゴ */
* html body div#head div#head_logo div {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./common/images/head/head_logo.png", sizingMethod="scale");
}


/* flash部分 */

div#contents div#flash {
	margin: 0 0 5px 0;
}


/* サイドコンテンツ */

div#contents div#side {
	padding: 14px 0 0 0;
}

* html body div#side div#side_contact h3 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./common/images/side/contact.png", sizingMethod="scale");
}



/* コンテンツスタイル
----------------------------------------------------------- */

/* メッセージ */

div#main div#massage {
	width: 578px;
	margin: 0 0 16px 0;
	background: url(../images/massage_bg.gif) 0 0 repeat-y;
}

div#main div#massage h1 {
	width: 578px;
	height: 59px;
	margin: 0 0 10px 0;
}

div#main div#massage img.image {
	margin: 0 0 0 12px;
}

div#main div#massage p {
	margin: -121px 0 3px 91px;
}

div#main div#massage p#name {
	margin: 0 0 5px 436px;
}

div#main div#massage div#massage_bottom {
	width: 578px;
	height: 3px;
	background: url(../images/massage_bg_bottom.gif) 0 bottom no-repeat;
	font-size: 0;
	line-height: 0;
}


/* 業務内容 */

div#main div#duties {
	background: url(../images/duties_bg.jpg) right bottom no-repeat;
}

div#main div#duties h2 {
	margin: 0 0 15px 0;
}

div#main div#duties ul {
	margin: 0 0 0 10px;
}

div#main div#duties ul li {
	margin: 0 0 15px 0;
}

div#main div#duties ul li h3 {
	padding: 0 0 0 1px;
	height: 15px;
}

div#main div#duties ul li a {
	display: block;
	width: 87px;
	height: 15px;
	margin: -15px 0 6px 227px;
	font-size: 0;
	line-height: 0;
}

* html body div#main div#duties ul li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div#main div#duties ul li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/* ご契約パターン */

div#main div#pattern {
	margin: 30px 0 0 0;
}

div#main div#pattern h2 {
	margin: 0 0 15px 0;
}

div#main div#pattern p {
	margin: 0 10px;
}

div#main div#pattern div#pattern_basic,
div#main div#pattern div#pattern_standard,
div#main div#pattern div#pattern_adviser {
	width: 576px;
	margin: 0 0 10px 0;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
}

div#main div#pattern div#pattern_basic {
	margin-top: 8px;
	background: url(../images/pattern_bg01.jpg) right 3px no-repeat;
}

div#main div#pattern div#pattern_standard {
	background: url(../images/pattern_bg02.jpg) right 3px no-repeat;
}

div#main div#pattern div#pattern_adviser {
	background: url(../images/pattern_bg03.jpg) right 3px no-repeat;
}

div#main div#pattern div#pattern_basic h3,
div#main div#pattern div#pattern_standard h3,
div#main div#pattern div#pattern_adviser h3 {
	position: relative;
	width: 578px;
	margin: 0 -1px;
}

div#main div#pattern div#pattern_basic ul,
div#main div#pattern div#pattern_standard ul,
div#main div#pattern div#pattern_adviser ul {
	display:inline-block;
	position: relative;
	z-index: 3;
	margin: -27px 0 12px 257px;
}

div#main div#pattern div#pattern_basic ul:after,
div#main div#pattern div#pattern_standard ul:after,
div#main div#pattern div#pattern_adviser ul:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

div#main div#pattern div#pattern_basic ul li,
div#main div#pattern div#pattern_standard ul li,
div#main div#pattern div#pattern_adviser ul li {
	float: left;
	width: 40px;
}


div#main div#pattern div#pattern_basic p,
div#main div#pattern div#pattern_standard p,
div#main div#pattern div#pattern_adviser p {
	clear: both;
	margin-bottom: 6px;
	line-height: 1.3;
}

div#main div#pattern div#pattern_basic h4,
div#main div#pattern div#pattern_standard h4,
div#main div#pattern div#pattern_adviser h4 {
	margin: 0 0 6px 10px;
}

div#main div#pattern div#pattern_basic p.detail,
div#main div#pattern div#pattern_standard p.detail,
div#main div#pattern div#pattern_adviser p.detail {
	position: relative;
	z-index: 5;
	width: 578px;
	height: 30px;
	margin: 0 -1px;
}

div#main div#pattern div#pattern_basic p.detail {
	background: url(../images/pattern_detail01_bg.gif) 0 0 no-repeat;
}

div#main div#pattern div#pattern_standard p.detail {
	background: url(../images/pattern_detail02_bg.gif) 0 0 no-repeat;
}

div#main div#pattern div#pattern_adviser p.detail {
	background: url(../images/pattern_detail03_bg.gif) 0 0 no-repeat;
}

div#main div#pattern div#pattern_basic p.detail a,
div#main div#pattern div#pattern_standard p.detail a,
div#main div#pattern div#pattern_adviser p.detail a {
	display: block;
	width: 121px;
	height: 29px;
	margin: 0 0 0 456px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#main div#pattern div#pattern_basic p.detail a {
	background: url(../images/pattern_detail01.gif) 0 0 no-repeat;
}

div#main div#pattern div#pattern_standard p.detail a {
	background: url(../images/pattern_detail02.gif) 0 0 no-repeat;
}

div#main div#pattern div#pattern_adviser p.detail a {
	background: url(../images/pattern_detail03.gif) 0 0 no-repeat;
}


div#main div#pattern div#pattern_basic p.detail a:hover {
	background: url(../images/pattern_detail01_hover.gif) 0 0 no-repeat;
}

div#main div#pattern div#pattern_standard p.detail a:hover {
	background: url(../images/pattern_detail02_hover.gif) 0 0 no-repeat;
}

div#main div#pattern div#pattern_adviser p.detail a:hover {
	background: url(../images/pattern_detail03_hover.gif) 0 0 no-repeat;
}


/* 新着情報 / セミナー */

div#main div#information {
	width: 578px;
	margin: 18px 0;
}

div#main div#information h2 {
	position: relative;
	width: 582px;
	margin: 0 0 2px -4px;
}

div#main div#information ul {
	width: 576px;
	height: 140px;
	padding: 8px 0 6px 0;
	border: 1px solid #D6D6D6;
	overflow: auto;
}

* html body div#main div#information ul {
	width: 578px;
}

div#main div#information ul li {
	margin: 0 15px 6px 15px;
	padding: 0 0 5px 0;
	background: url(../images/dotline01.gif) 0  bottom repeat-x;
}

div#main div#information ul li dl {
	width: 520px;
	background: url(../images/arrow01.gif) 0 7px no-repeat;
}

div#main div#information ul li dl dt {
	float: left;
	margin: 0 0 0 24px;
}

* html body div#main div#information ul li dl dt {
	margin: 0 0 0 12px;
}

div#main div#information ul li dl dd {
	margin: 0 0 0 108px;
}


/* 人事労務レポート */

div#main div#report h2 {
	position: relative;
	width: 579px;
	margin: 0 0 3px -1px;
}

div#main div#report ul {
	width: 576px;
	height: 140px;
	padding: 8px 0 6px 0;
	border: 1px solid #D6D6D6;
	overflow: auto;
}

* html body div#main div#report ul {
	width: 578px;
}

div#main div#report ul li {
	margin: 0 15px 6px 15px;
	padding: 0 0 5px 0;
	background: url(../images/dotline01.gif) 0  bottom repeat-x;
}

div#main div#report ul li a {
	padding: 0 0 0 24px;
	background: url(../images/arrow01.gif) 0 3px no-repeat;
}