@charset "utf-8";
/* ----------------------------------------------
	commonCSS START
------------------------------------------------- */
/***************************************************************************************************
 * body,html background
 **************************************************************************************************/
body
{
	background:url(../img/common/head_bg.jpg) repeat-x scroll 0 0;
}

html
{
	background:url(../img/common/foot_bg.jpg) repeat-x scroll center bottom;
}


/***************************************************************************************************
 * a link
 **************************************************************************************************/
a {color:#333;text-decoration:none;}
a:link {color:#000;text-decoration:none;}
a:visited {color:#222;text-decoration:none;}
a:hover {color:#555;text-decoration:none;}
a:active {text-decoration:none;}


/***************************************************************************************************
 * Wrapper
 **************************************************************************************************/
#wrapper
{
	width:900px;
	height:auto;
	margin:0 auto;
}

/***************************************************************************************************
 * main
 **************************************************************************************************/
#main
{
	width:680px;
	height:100%;
	float:left;
	padding-top:20px;
}


/***************************************************************************************************
 * sub
 **************************************************************************************************/
#sub
{
	width:200px;
	padding-left:20px;
	float:right;
	padding-top:20px;
}

#sub h2
{
	margin-top:20px;
}

#sub h3
{
	margin:10px 0 200px 0;
}

/* service
--------------------------*/
#sub .field#service
{
	padding-bottom:10px;	
}

#sub .field#service dl
{
	width:180px;
	padding:10px;
	margin-bottom:10px;
}

#sub .field#service dl dt
{
	float:left;
	width:60px;
	height:60px;
	border:1px solid #ccc;

}

#sub .field#service dl dd
{
	margin-left:62px;	
	padding:5px;
	font-size:10px;
}

#sub .field#service dl dd p.title
{
	font-size:12px;	
	text-indent:8px;
	background:url(../img/icon/arrowo.gif) no-repeat 0 50%;
	padding-top:2px;
	margin-bottom:2px;
}


/* twitter
--------------------------*/
#twtr-widget-1 .twtr-hd,
#twtr-widget-1 .twtr-ft 
{
	display:none;
}


#twtr-widget-1 .twtr-img,
#twtr-widget-1 .twtr-avatar
{
	display:none;
	width:0;
	height:0;
}

#twtr-widget-1 .twtr-tweet-text
{
	margin-left:0 !important;
}

#twtr-widget-1 .twtr-user
{
	display:none !important;
}

/* blog
--------------------------*/
#sub .field#blog
{
	padding-bottom:10px;	
}


#sub .field#blog dl
{
	width:180px;
	padding:10px;
	margin-bottom:10px;
}

#sub .field#blog dl dt
{
	float:left;
	width:60px;
	height:60px;
	border:1px solid #ccc;
}

#sub .field#blog dl dd
{
	margin-left:62px;
	padding:5px;
	font-size:9px;
	height:50px;
}

#sub .field#blog dl dd p.title
{
	font-size:12px;
	text-indent:8px;
	background:url(../img/icon/arrowo.gif) no-repeat 0 50%;
	padding-top:2px;
	margin-bottom:2px;
}

/***************************************************************************************************
 * header
 **************************************************************************************************/
#header
{
	width:900px;
	height:110px;/*height:120px;*/
	padding-top:10px;
	position:relative;
}

#header h1
{
	position:absolute;
	top:20px;
	left:20px;
}

#header p.address
{
	padding-top:15px;
	padding-left:100px;
	width:500px;
	height:25px;
	text-align:right;
}

#header ul.headNav
{
	width:602px;
	height:45px;
	float:left;
	bottom:0;
	padding-top:22px;
}

#header ul.headNav li
{
	float:left;
}

#header ul.headIcon
{
	position:absolute;
	top:25px;
	right:0px;
}

#header ul.headIcon li
{
	float:left;
	padding:0 3px;
}

#header .search
{
	padding-right:3px;
	padding-top:35px;
	float:right;	
}

#header .search .inputsearch
{
	width:188px;/*width:190px;*/
	height:23px;/*height:25px;*/
	background:url(../img/common/input.png) no-repeat top center;
	border:none;
	margin-right:10px;
	padding:1px;
}

/***************************************************************************************************
 * pagetop
 **************************************************************************************************/
.pagetop
{
	margin:10px 0;
	width:150px;
	height:23px;
	line-height:23px;
	clear:both;
	bottom:0;
	float:right;
	text-align:center;
	background:url(../img/icon/pagetop.gif) no-repeat 0 50%;
}


/***************************************************************************************************
 * footer
 **************************************************************************************************/
#footer
{
	clear:both;
	width:880px;/*width:900px;*/
	height:80px;/*height:100px;*/
	bottom:0;
	padding:10px;
}

#footer ul.footNav
{
	margin-top:10px;	
	height:30px;
}

#footer ul.footNav li
{
	font-size:10px;
	float:left;
	padding:0 10px;
}

#footer ul.footNav li:first-child
{
	padding-left:0;	
}

#footer h5.footLogo
{
	width:145px;
	float:left;
}

#footer p.copyright
{
	margin-top:20px;
	text-align:right;	
}

/* ----------------------------------------------
	commonCSS END
------------------------------------------------- */