@charset "UTF-8";

@import url(/css/common.css);
@import url(/css/contents.css);
@import url(/css/side.css);

/* h1 */
/*---------------------------------------------------------*/
div#mainContents h1 {
	width:590px;
	height:34px;	
}

div#mainContents h1.link {
	background:url(/link/img/list_title.jpg) no-repeat 0 0;
}

div#mainContents h1.about {
	background:url(/about/img/about_title.jpg) no-repeat 0 0;
}

div#mainContents h1.privacy {
	background:url(/about/privacy/img/privacy_title.jpg) no-repeat 0 0;
}

div#mainContents h1.access {
	background:url(/company/access/img/access_title.jpg) no-repeat 0 0;
}

div#mainContents h1.outline {
	background:url(/company/img/outline_title.jpg) no-repeat 0 0;
}

div#mainContents h1.history {
	background:url(/company/history/img/history_title.jpg) no-repeat 0 0;
}

div#mainContents h1.elekit {
	background:url(/elekit/img/elekit_title.jpg) no-repeat 0 0;
}

div#mainContents h1.record {
	background:url(/elekit/record/img/record_title.jpg) no-repeat 0 0;
}

div#mainContents h1.casestudy {
	background:url(/elekit/casestudy/img/casestudy_title.jpg) no-repeat 0 0;
}

div#mainContents h1.user {
	background:url(/elekit/user/img/user_title.jpg) no-repeat 0 0;
}

div#mainContents h1.sales {
	background:url(/about/sales/img/sub_title.jpg) no-repeat 0 0;
}

/* h2 */
/*---------------------------------------------------------*/
div#mainContents h2 {
	margin-top:20px;
	padding-left:15px;
	height:37px;
	background:url(/img/common/h2_back.gif) no-repeat 0 0;
	font-size:1.1em;
	line-height:2.1;
}

div#mainContents h2.top {
	margin-top:0px;
}

/* link */
/*--------------------------------------------------*/
div#mainContents table.link {
	margin-top:10px;
	width:590px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

div#mainContents table.link th, div#mainContents table.link td {
	padding:5px;
	text-align:left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:0.9em;
}

div#mainContents table.link th {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	background-color:#E6F2FF;
	color:#663333;
}

/* sitemap */
/*--------------------------------------------------*/
div#mainContents div.wrap {
	width:590px;
}

div#mainContents div.wrap div.left {
	width:285px;
	float:left;
}

div#mainContents div.wrap div.right {
	width:285px;
	float:right;
}

div#mainContents div.wrap div.left h2, 
div#mainContents div.wrap div.right h2 {
	height:26px;
	padding-left:22px;
	background:url(/sitemap/img/h2_back.jpg) no-repeat 0 0;
	font-size:1.0em;
	line-height:1.8;
	color:#fff;
}

div#mainContents div.wrap div.left h2.top, 
div#mainContents div.wrap div.right h2.top {
	margin-top:0;
}

div#mainContents div.wrap div.left ul, 
div#mainContents div.wrap div.right ul {
	margin:0 5px 0 5px;
	padding:5px;
}

div#mainContents div.wrap div.left ul li, 
div#mainContents div.wrap div.right ul li {
	margin-top:5px;
	padding-left:15px;
	background:url(/sitemap/img/arrow.gif) no-repeat 0 50%;
	font-size:0.9em;
}

/* about */
/*--------------------------------------------------*/
div#mainContents h3 {
	margin:15px 0.7em 0 0.7em;
	padding-bottom:3px;
	padding-left:15px;
	border-bottom:1px dotted #ccc;
	background:url(/sitemap/img/arrow.gif) no-repeat 0 30%;
	font-size:1.0em;
	color:#FF9900;
}

div#mainContents p.text {
	margin-top:10px;
	line-height:1.4;
	font-size:0.9em;
}

div#mainContents p.text a {
	padding-left:20px;
	background:url(/img/common/bullet.gif) no-repeat 0 50%;
	font-size:0.9em;
}

div#mainContents ul.plugin {
	margin-top:10px;
	width:590px;
}

div#mainContents ul.plugin li {
	width:196px;
	float:left;
	text-align:center;
	font-size:0.9em;
}

div#mainContents ul.plugin li img {
	margin-bottom:5px;
}

div#mainContents p.alert {
	margin:10px 0.7em 0 0.7em;
	color:#CC6600;
	font-size:0.9em;
	line-height:1.4;
}

div#mainContents ol.number {
	margin:0 0.7em 0 0.7em;
	padding-top:5px;
}

div#mainContents ol.number li {
	margin:7px 0 0 1.6em;
	list-style:outside decimal;
	font-size:0.9em;
	line-height:1.4;
}

div#mainContents ol.number li img {
	margin-top:5px;
}

div#mainContents ol.number li ul {

}

div#mainContents ol.number li ul li {
	list-style:outside disc;
	font-size:0.9em;
}

div#mainContents table.sales {
	margin:20px 0 0 0;
}

div#mainContents table.sales td, div#mainContents table.sales th {
	font-size:0.9em;
	line-height:1.6;
	padding:5px;
}

div#mainContents table.sales th {
	background:#D0E1FD;
}

/* privacy */
/*--------------------------------------------------*/
div#mainContents p.author {
	margin:15px 0.7em 0 0.7em;
	padding:15px 0 0 390px;
	border-top:1px dotted #ccc;
	font-size:0.9em;
	line-height:1.4;
}

/* company menu */
/*--------------------------------------------------*/
div#mainContents ul#companyMenu {
	margin-top:20px;
	width:590px;
	height:35px;
	background:url(/company/img/company_menu.jpg) no-repeat 0 0;
}

div#mainContents ul#companyMenu li {
	display:inline;
}

div#mainContents ul#companyMenu li a {
	display:block;
	float:left;
	height:35px;
}

div#mainContents ul#companyMenu li a span {
	position:absolute;
	text-indent:-9999px;
}

div#mainContents ul#companyMenu li a#c01 {
	width:198px;
	background:url(/company/img/company_menu.jpg) no-repeat 0 0;
}

div#mainContents ul#companyMenu li a#c02 {
	width:194px;
	background:url(/company/img/company_menu.jpg) no-repeat -198px 0;
}

div#mainContents ul#companyMenu li a#c03 {
	width:194px;
	background:url(/company/img/company_menu.jpg) no-repeat -392px 0;
}

div#mainContents ul#companyMenu li a#c01:hover {
	background:url(/company/img/company_menu.jpg) no-repeat 0 -35px;
}

div#mainContents ul#companyMenu li a#c02:hover {
	background:url(/company/img/company_menu.jpg) no-repeat -198px -35px;
}

div#mainContents ul#companyMenu li a#c03:hover {
	background:url(/company/img/company_menu.jpg) no-repeat -392px -35px;
}

div#mainContents ul#companyMenu li a#c01.crr, div#mainContents ul#companyMenu li a#c01.crr:hover {
	background:url(/company/img/company_menu.jpg) no-repeat 0 -70px;
}

div#mainContents ul#companyMenu li a#c02.crr,div#mainContents ul#companyMenu li a#c02.crr:hover {
	background:url(/company/img/company_menu.jpg) no-repeat -198px -70px;
}

div#mainContents ul#companyMenu li a#c03.crr,div#mainContents ul#companyMenu li a#c03.crr:hover {
	background:url(/company/img/company_menu.jpg) no-repeat -392px -70px;
}

/* elekit menu */
/*--------------------------------------------------*/
div#mainContents ul#elekitMenu {
	margin-top:20px;
	width:590px;
	height:35px;
	background:url(/elekit/img/elekit_menu.jpg) no-repeat 0 0;
}

div#mainContents ul#elekitMenu li {
	display:inline;
}

div#mainContents ul#elekitMenu li a {
	display:block;
	float:left;
	height:35px;
}

div#mainContents ul#elekitMenu li a span {
	position:absolute;
	text-indent:-9999px;
}

div#mainContents ul#elekitMenu li a#e01 {
	width:198px;
	background:url(/elekit/img/elekit_menu.jpg) no-repeat 0 0;
}

div#mainContents ul#elekitMenu li a#e02 {
	width:194px;
	background:url(/elekit/img/elekit_menu.jpg) no-repeat -198px 0;
}

div#mainContents ul#elekitMenu li a#e03 {
	width:194px;
	background:url(/elekit/img/elekit_menu.jpg) no-repeat -392px 0;
}

div#mainContents ul#elekitMenu li a#e01:hover {
	background:url(/elekit/img/elekit_menu.jpg) no-repeat 0 -35px;
}

div#mainContents ul#elekitMenu li a#e02:hover {
	background:url(/elekit/img/elekit_menu.jpg) no-repeat -198px -35px;
}

div#mainContents ul#elekitMenu li a#e03:hover {
	background:url(/elekit/img/elekit_menu.jpg) no-repeat -392px -35px;
}

div#mainContents ul#elekitMenu li a#e01.crr, div#mainContents ul#companyMenu li a#e01.crr:hover {
	background:url(/elekit/img/elekit_menu.jpg) no-repeat 0 -70px;
}

div#mainContents ul#elekitMenu li a#e02.crr,div#mainContents ul#companyMenu li a#e02.crr:hover {
	background:url(/elekit/img/elekit_menu.jpg) no-repeat -198px -70px;
}

div#mainContents ul#elekitMenu li a#e03.crr,div#mainContents ul#companyMenu li a#e03.crr:hover {
	background:url(/elekit/img/elekit_menu.jpg) no-repeat -392px -70px;
}

/* outline */
/*--------------------------------------------------*/
div#mainContents table.outline {
	margin-top:20px;
	width:590px;
	border-top:3px solid #ccc;
	border-bottom:2px solid #ccc;
}

div#mainContents table.outline th, div#mainContents table.outline td  {
	padding:10px;
	border-bottom:1px solid #ccc;
	font-size:0.9em;
	line-height:1.5;
}

div#mainContents table.outline th {
	padding-left:20px;
	border-top:1px dotted #fff;
	background:#ECF2FF url(/img/common/orange_arrow.gif) no-repeat 8px 50%;
	white-space:nowrap;
}

div#mainContents table.outline td  {
	padding-left:15px;
}

div#mainContents div.explane p.user {
	margin:10px 5px 10 5px;
	padding:2px 0 2px 20px;
	background:url(/img/common/yellow_balloon.gif) no-repeat 0 50%;
	color:#993300;
	font-weight:bold;
}

/* record */
/*--------------------------------------------------*/
div#mainContents div.recordWrap {
	margin-top:20px;
	width:590px;
	background:url(/elekit/casestudy/img/folder_back.gif) repeat-y 0 0;
}

div#mainContents div.recordWrap h2 {
	margin:0;
	padding-left:30px;
	height:32px;
	background:url(/elekit/casestudy/img/folder_top.gif) no-repeat 0 0;
	font-size:1.0em;
	color:#003399;
}

div#mainContents div.recordWrap div.bottom {
	width:590px;
	height:11px;
	background:url(/elekit/casestudy/img/folder_bottom.gif) no-repeat 0 0;
	font-size:0;
}

div#mainContents div.recordWrap ul {
	margin:3px 15px;
}

div#mainContents div.recordWrap ul li {
	display:inline;
	margin-right:5px;
	padding-left:12px;
	background:url(/elekit/casestudy/img/blue_arrow.gif) no-repeat 0 50%;
	font-size:0.9em;
	line-height:2;
}

* html div#mainContents div.recordWrap ul li {
	letter-spacing:normal;
}

div#mainContents div.return {
	margin-top:10px;
}

div#mainContents div.return a {
	float:right;
	width:42px;
	height:17px;
	background:url(/img/common/btn_top.gif) no-repeat 0 0;
}

div#mainContents div.return a span {
	position:absolute;
	text-indent:-9999px;
}

#gmap {
	width:590px;
	height:400;	
}


