@charset "utf-8";

/* -------------------------
   リセット
------------------------- */

@import "reset.css";


/* -------------------------
   初期値
------------------------- */

body  {
	font-size: 62.5%; /* 10px相当 */
	font-family: Meiryo, Osaka, verdana, arial, sans-serif;
	background: #666666;
	text-align: center; /* これにより、IE 5* ブラウザでコンテナを中央揃え。（テキストは #containerで左揃え） */
	color: #000000;
}


a :link {
	color: #1000FF;
}
a :visited {
	color: #0000FF;
}
a :hover {
	color: #0000FF;
}
a :active {
	color: #0000FF;
}

/* コンテンツ */
.main #container {
/*
	position: absolute;
	top: 50%;
	left: 50%;
	width: 95.2em;
	height: 68em;
	margin: -34em 0 0 -46.4em;
*/
	width: 95.2em;
	background: #FFFFFF;
	margin: 1em auto 0;
	border: 0.1em solid #000000;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
}

.sidebar {
	float: left;
	width: 19.04em;
	height: 68em;
	padding: 1.5em 0;
}

.sidebar #sidebarImg{
	width: 1.2em;
	height: 68em;
}

.mainContents {
	float: left;
	width: 76.16em;
}

.contentsArea {
	position: relative;
	height: 68em;
	padding: 1.5em 0;
	overflow: hidden;
	line-height: 1.4;
}

.mainbar {
	position: relative;
	top: 16em;
}

.mainbarText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #999999;
}

.mainbar .mainbarText #CompanyName {
	font-size: 1.2em;
	font-weight: bold;
}

.mainbar #mainbarImg {
	width: 72.4em;
	height: 2.4em;
}

#mainTab {
	position: relative;
	top: 17em;
	width: 72em;
	max-height: 43.5em;
	overflow: hidden;
}

#mainTab h2 {
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 1em;
}

#mainTab h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 0.2em;
}

#mainTab h4 {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 0.3em;
}

#mainTab p {
	font-size: 1.2em;
	line-height: 1.5;
}

#mainTab .companyInfo {
	display: block;
	float: left;
	width: 22em;
	font-size: 1.2em;
	font-weight: nomal;
}

#mainTab .list-wrap div .logo {
	float: right;
	width: 43em;
}

#serviceInfo {
}

#serviceInfo .serviceDetail {
	float: left;
	width: 32em;
	padding: 1em;
}

#serviceInfo .serviceDetail li {
	display: block;
	border-bottom: 1px solid #666;
	padding: 0.4em;
	color: #111
}

.copyright {
	position: absolute;
	left: 2em;
	bottom: 2em;
}
