@charset "UTF-8";

/*
 ################################
 Create on : 2009/06/15 4681
 Edit on   : 2009/09/02 PM1423 4681
 ################################
 Style Index
 ################################
 1 Shared
 2 container
 3 promotion-box
 4 column-wrapper
 5 latest-news-box
 6 atlink-server-service
 7 atlink-misc-service
 8 content-footer
 ################################
 Browser
 ################################
 [ie]  IE6+
 [e6]  IE6-
 [e7]  IE7+
 [e8]  IE8+
 [s2]  Safari2+
 [s3]  Safari3+
 [op]  Opera9+
 [f2]  Firefox2+
 [f3]  Firefox3+
 [mb]  Modern browser
**/


/* ------------------------------
 1 Shared
------------------------------ */
body {
	/* add 09.08.26 PM1856 [ 4681 ] */
	position: relative;
}

body a.target-blank { background: none; padding-right: 0; }

#header-left #primary-navi div.first-child p { margin-left: 5px; }


/* ------------------------------
 2 container 
------------------------------ */
#container {
	background: url(/shared/images/global/contents_bg.png) repeat-y center top;
	margin-top: -10px;
	}

#column-wrapper {
	}
/* ------------------------------
 3 promotion-box
------------------------------ */
#promotion-box {
	background: url(/shared/images/home/promotion.rev6.png) no-repeat 19px bottom;
	position: relative;/**/
	height: 240px;
	text-align: left;
}

#promotion-box p {
	position: absolute;
	font-size: 2em;
	top: 30px;
	left: 40px;
}
* html body #promotion-box p { font-weight: bold; }

#promotion-box p strong {
	display: block;
	padding-top: 34px;
	color: #36f;
	font-size: 1.2em;
	font-weight: bold;
	}

#campaign-button {
	position: absolute;
	top: 130px;
	left: 30px;
}
* html body #campaign-button {
	/*behavior: url(/shared/styles/iepngfix.htc);*/
}


/* ------------------------------
 3 merit-box
------------------------------ */
#merit-box {
	background: url(/shared/images/home/merit_box_bg.png) no-repeat left bottom;
	width: 913px;
	height: 177px;
	margin-left: 19px;
	padding-left: 11px;
	padding-top: 15px;zoom: 1;
}
	#merit-box h2 {
		height: 15px;
		padding-left: 3px;
		padding-bottom: 8px;
		font-size: 1.5em;
		font-weight: 800;
		line-height: 16px;
		overflow: hidden;
	}
	#merit-box ul { margin-left: 1px; }
	#merit-box ul li { display: block; float: left; }
	#merit-box ul li a {}
	
	#mb-merit1, 
	#mb-merit2, 
	#mb-merit3, 
	#mb-merit4 {
		position: relative;
		display: block;
		height: 140px;
	}
	#mb-merit1 { width: 224px; background: url(/shared/images/home/merit_support.rev3.png) no-repeat left top; }
	#mb-merit2 { width: 214px; background: url(/shared/images/home/merit_rental.rev3.png) no-repeat left top; }
	#mb-merit3 { width: 234px; background: url(/shared/images/home/merit_maintenance.rev3.png) no-repeat left top; }
	#mb-merit4 { width: 228px; background: url(/shared/images/home/merit_line.rev3.png) no-repeat left top; }
	
	* html #mb-merit2 h3 { letter-spacing: -1px; }
	
	#merit-box ul li h3 {
		margin-top: 56px;
		padding: 0 15px;
		color: #c0ff45;
		font-size: 1.5em;
		font-weight: 800;
		line-height: 1.3em;
	}
	#merit-box ul li#mb-merit3 h3 { margin-top: 48px; font-size: 1.4em; }
	#merit-box ul li h3 a { color: #c0ff45; }
	
	#merit-box ul li p {
		position: absolute;
		top: 92px;
		padding: 0 15px;
		color: #fff;
		font-size: 1.2em;
		line-height: 1.4em;
		letter-spacing: -0.05em;
	}
	html:not(:target) body #merit-box ul li p { letter-spacing: -0.09em; }
	#merit-box ul li#mb-merit4 p { padding-right: 10px; }


/* ------------------------------
 5 column-wrapper
------------------------------ */
#column-wrapper {}

	#two-columns  { padding-left: 20px; }
	/* ########## main ########## */
	#two-columns #main {
		background: none;
		float: left;
		width: 616px;
		margin-top: 20px;
		padding-top: 5px;
		padding-bottom: 20px;
		padding-left: 0;
	}

	/* ########## sub ########## */
	#two-columns #sub  { margin-top: 5px; }


/* ------------------------------
 6 latest-news-box
------------------------------ */
#latest-news-box {
	margin-bottom: 30px;
	zoom: 1;
}
	#latest-news-box div.top {
		position: relative;
		background: url(/shared/images/home/news_box_top.png) no-repeat left top;
	}
		#latest-news-box h2 {
			border-bottom: 2px solid #39f;
			margin: 0 20px;
			padding: 12px 0 10px 0;
			color: #333;
			font-size: 1.6em;
			line-height: 1em;
			font-weight: normal;
		}
		#more-info {
			position: absolute;
			top: 12px;
			right: 20px;
			}
	#latest-news-box div.box {
		background-image: url(/shared/images/home/news_box_bottom.png);
		background-position: left bottom;
		background-repeat: no-repeat;
		padding-bottom: 0 !important;
	}/* boxxx */


	#latest-news-box dl {
		margin-top: -7px;
		padding: 0 5px;
		font-size: 12px !important;
	}
		#latest-news-box dl dt {
			clear: both;
			display: block;
			height: 17px;
			margin-top: 7px;
			line-height: 19px;
			overflow: hidden;
		}
		#latest-news-box dl dt.very-new {
			background-image: url(/shared/images/home/icon_very_new.png);
			background-repeat: no-repeat;
			background-position: 7em center;
		}
		#latest-news-box dl dd {
			display: block;
			border-bottom: 1px dotted #d3d6df;
			margin-top: 7px;
			padding-bottom: 7px;
			line-height: 1.4em;
		}
		#latest-news-box dl dd a { font-size: 12px !important; }


/* ------------------------------
 7 atlink-server-service
------------------------------ */
#atlink-server-service { margin-left: 15px; margin-right: 15px; }
	#atlink-server-service div.top {
		background:url(/shared/images/home/bg_page_top.png) repeat-x left top;
		height: 16px;
		padding: 12px 0 10px 0;
	}
		#atlink-server-service h2 {	float: left; display: inline; }
		#atlink-server-service ul.server-service {
			clear: both;
			background: url(/shared/images/home/line_top_service.png) no-repeat left top;
			list-style: none;
		}
			#atlink-server-service ul.server-service li {
				width: 195px;
				display: inline;
				display: block;
				float: left;
				font-size: 9px;
				letter-spacing: 0;
				text-align: center;
			}
			#atlink-server-service ul.server-service li img { margin: 0 auto 4px auto; }
			#atlink-server-service ul.server-service li br  { display: none; }
			#atlink-server-service ul.server-service li a   { text-decoration:none; }


/* ------------------------------
 8 atlink-misc-service
------------------------------ */
#atlink-misc-service {
	background:url(/shared/images/home/bg_page_top.png) repeat-x left top;
	margin: 25px 15px 0 15px;
	padding-top: 25px;
}
	#atlink-misc-service h2 { margin-bottom: 10px; font-size: 12px; font-weight: 800; }
	#atlink-misc-service ul {}
		#atlink-misc-service ul li {
			float: left;
			margin-right: 20px;
			margin-bottom: 0 !important;
			padding-bottom: 0 !important;
			height: 16px;
		}


/* ------------------------------
 9 content-footer
------------------------------ */
#content-footer {
	clear: both;
	overflow: visible;
	background: url(/shared/images/global/content_footer.png) no-repeat center bottom;
	text-align: center;
	padding-bottom: 15px;
	height: inherit;
	height: auto;
}
	#content-footer div.wrapper {
		background: url(/shared/images/global/contents_bg.png) repeat-y center top #fff;
		width: 972px;
		margin: 0 auto;
		padding-bottom: 5px;
		text-align: left;
	}
	
	#content-footer div.wrapper div.column {
		border-top: 1px solid #ccc;
		width: 962px;
		margin-left: 5px;
	}
	#content-footer div.wrapper p {
		background: url(/shared/images/home/cf_opt_bg.png) no-repeat left top;
		padding: 10px 30px 0 210px;
		font-size: 12px;
	}

	*:first-child+html #content-footer div.wrapper p { background-position: left -5px; }/* [e7] */
	head~/* */ body #content-footer div.wrapper p { background-position: left -5px; }/* [e8] */
	html:not(:target) body #content-footer div.wrapper p { background-position: left top; }

/* ------------------------------
10 footer-menu
------------------------------ */
#footer-menu { padding-bottom: 19px; }



#pf-notice {
	width: 924px;
	height: 50px;
	margin: 26px auto 0;
	background: url(/shared/images/home/pf.png) no-repeat left top;
	}

#pf-notice a {
	display: block;
	width: 924px;
	height: 50px;
	color: #900;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	}
#pf-notice a:hover { color: #36f; }