@charset "UTF-8";


/*
	body
=========================================*/
body {
	background: #f6f6f6;
	padding: 0 5px;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
}
a {
	color: #33c;
	text-decoration: underline;
}
a:visited {
	color: #36f;
	text-decoration: underline;
}
a:hover {
	color: #e60;
	text-decoration: underline !important;
}
strong {
	font-weight: bold;
	font-size: 1.16em;
}
em {
	font-weight: bold;
}


/*
	x
=========================================*/
.xLeft {
	text-align: left !Important;
}
.xCenter {
	text-align: center !Important;
}
.xRight {
	text-align: right !Important;
}
.xTop {
	vertical-align: top !important;
}
.xMiddle {
	vertical-align: middle !important;
}
.xBottom {
	vertical-align: bottom !important;
}
.xBaseline {
	vertical-align: baseline !important;
}
.xRed {
	color: #dc0000 !important;
}
.xOrange {
	color: #e60 !important;
}
.xBlue {
	color: #0000dc !important;
}
.xGray {
	color: #808080 !important;
}

/*
	.asdf
=========================================*/
.asdf {
	background: #fee;
	padding: 5px;
}




/*
	#container
=========================================*/
#container {
	background: url(../img/base/bg_01.gif) 0 0 repeat-y;
	width: 800px;
	_width: 804px;
	margin: 0 auto;
	padding: 0 2px;
	text-align: left;
	font-size: 0.75em;
	line-height: 1.5;
}




/*
	.headerArea
=========================================*/
.headerArea {
	background: url(../img/base/bg_new.gif) 0 0 no-repeat;
	min-height: 122px;
	_height: 122px;
	margin: 0 -1px;
	border-top: 4px solid #475cdd;
	border-bottom: 3px solid #11228c;
	z-index: 1;
}
.headerAreaProxy {
	background-position: 0px -15px;
}
.headerArea:after {
	content: "";
	display: block;
	clear: both;
}
	.headerArea .sitelogo {
		position: absolute;
		top:45%;
		margin-top:-59px;
		left: 0;
		z-index: 1;
		background: #11228c;
	}
	.headerArea .sitelogoProxy {
		position: absolute;
		top:26%;
		margin-top:-59px;
		left: 0;
		z-index: 1;
		background: #11228c;
	}
	.headerArea .companylogo {
		position: absolute;
		top: 0;
		right: 15px;
		z-index: 1;
	}
		.headerArea .companylogo a {
			display: block;
			_float: left;
			padding: 5px;
			zoom: 1;
		}

	.headerArea .user {
		padding: 33px 20px 5px 220px;
	}
	.headerArea .user:after {
		content: "";
		display: block;
		clear: both;
	}
		.headerArea .user .wrap {
			float: right;
			padding: 0 0 0 11px;
			border-left: 6px solid;
		}
		.headerArea .user .wrap:after {
			content: "";
			display: block;
			clear: both;
		}
		.headerArea .user .role {
			_width: 1px;
			_white-space: nowrap;
			padding: 0 0 8px;
			font-size: 1.16em;
			font-weight: bold;
		}
		.headerArea .user .name {
			float: left;
			width: 180px;
		}
		.headerArea .user .tel {
			float: left;
			margin: 0 0 0 10px;
			padding: 0 0 0 18px;
			border-left: 2px solid;
			width: 180px
		}
			.headerArea .user .tel strong {
				display: block;
				margin: 0 0 0 -8px;
			}

		.headerArea .user .user_01 .tel,
		.headerArea .user .user_01 {
			border-color: #2db18a;
		}
		.headerArea .user .user_02 .tel,
		.headerArea .user .user_02 {
			border-color: #4399e9;
		}
		.headerArea .user .user_03 .tel,
		.headerArea .user .user_03 {
			border-color: #f95872;
		}
		.headerArea .user .user_04 .tel,
		.headerArea .user .user_04 {
			border-color: #ef9a4e;
		}
		.headerArea .user .user_05 .tel,
		.headerArea .user .user_05 {
			border-color: #fcea52;
		}




/*
	.bodyArea
=========================================*/
.bodyArea {
	background: url(../img/base/bg_03.gif) 0 0 no-repeat;
	padding: 1px 0 0;
}
.bodyArea:after {
	content: "";
	display: block;
	clear: both;
}
	.bodyArea .sideArea {
		float: left;
		width: 203px;
	}
	.bodyArea .mainArea {
		float: right;
		width: 566px;
		_width: 595px;
		padding: 17px 15px 0 14px;
	}
	.bodyArea .loginArea {
		background: url(../img/base/bg_04.gif) 0 0 repeat-x #fff;
		margin: -1px 0 0;
		padding: 80px 170px 50px;
	}




/*
	.footerArea
=========================================*/
.footerArea {
	background: #10228c;
	margin: 0 -1px;
	padding: 15px 10px;
	color: #fff;
}
.footerArea:after {
	content: "";
	display: block;
	clear: both;
}
	.footerArea .copyright {
		float: left;
		padding: 0.1em 0;
		font-size: 0.83em;
	}
	.footerArea .link {
		float: right;
	}
	.footerArea .link:after {
		content: "";
		display: block;
		clear: both;
	}
		.footerArea .link ul {
			float: right;
			overflow: hidden;
		}
		.footerArea .link ul:after {
			content: "";
			display: block;
			clear: both;
		}
			.footerArea .link ul li {
				float: left;
				margin: 0 0 0 -1px;
				padding: 0 11px 0 10px;
				border-left: 1px solid #fff;
			}
				.footerArea .link ul li a {
					color: #fff;
				}




/*
	
=========================================*/