@charset 'utf-8';
@import url("/common/common.css");

/*----------------------------------------------------------
	Apis
	Index

	Build:2008.05.15
----------------------------------------------------------*/

/*======================================
	Color Glossary
	
	Ruby =>#A2313D(Staff chapter text)
	Fuchsia=>#D7707B(Staff pagetitle bg)
	Pink=>#F7C4CA(Staff chapter bg)

	Navy =>#1174AE(Client chapter text)
	Sky=>#38ACC9(Client pagetitle bg)
	Aqua=>#95DCE1(Client chapter bg)

	Olive =>#536534(About chapter text)
	Sage=>#97B922(About pagetitle bg)
	Lime=>#DBEF94(About chapter bg)
======================================*/


/*--------------------------------------
	Facade
--------------------------------------*/
#facade {
	z-index:2;
	height:384px;
	background:#A69182;
	margin-top:-34px;padding-left:15px;
}
#facade h2{
	float:left;
	padding:5px 0;
}

#facade .intro{
	float:right;
	width:213px;
	padding-top:48px;
}
#facade .intro img{
	display:block;
}
#facade .intro h3,
#facade .intro dl.area{
	padding-right:15px;padding-left:13px;
}
#facade .intro h3{
	padding-bottom:13px;
}
#facade .intro .area{
	position:relative;
	z-index:4;
}
#facade .intro .area dt{
	padding-bottom:6px;
}
#facade .intro .area dd img{
	margin:0 0 0 auto;
}
#facade .intro .regist{
	z-index:3;
	background:url(img/regist_bg.jpg) right top no-repeat;
	margin-top:-16px;padding:43px 15px 5px 13px;
}


/*--------------------------------------
	Contents
--------------------------------------*/
#contents{
	background:url(img/contents_bg.gif) left top repeat-x;
	padding-top:6px;padding-right:15px;padding-left:15px;
}
#main{
	float:left;
	width:595px;

	height:100%
	padding-top:2px;

}
#lnav{
	float:right;
	width:210px;
	padding-top:11px;
}


/*--------------------------------------
	News
--------------------------------------*/
.news {
	background:url(img/news_bg.gif) left top no-repeat;
}
.news dt{
	padding:21px 0 10px 32px;
}
.news dt img{
	display:block;
}
.news dd{
	height:147px;overflow:auto;
	margin-right:3px;_margin-right:20px;padding:0 10px;
}
.newslist{
	width:100%;

	height:auto
	background:url(/common/img/dotline.gif) left top repeat-x;
	height: auto;
}
.newslist th,
.newslist td{
	background:url(/common/img/dotline.gif) left bottom repeat-x;
	padding:5px;
}
.news .newslist th{
	width:20%;
	color:#666666;
}
.news .newslist td{
	width:80%;
	height:100%
}


/*--------------------------------------
	Banners
--------------------------------------*/
#lnav .bannerlist li{
	margin-bottom:7px;
}
#lnav .bannerlist li.blog{
	background:url(img/banner_blog_bg.gif) left bottom no-repeat;
	margin-bottom:0;padding-bottom:8px;
}