@charset "utf-8";

/* -----------------------------------------
#
# INFORMATION
#
# FileName:	common.css
# Summary:	layout,common element
# Created:	2009-03-10
# UpdatedBy:	2011-03-07
# Copyright:	(c)pictosmith
------------------------------------------ */

/* -----------------------------------------
	Reset (YUI Base)
------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,
p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* -----------------------------------------
	Base Setting：Body,Link,Font,etc
------------------------------------------ */
body {
	font-size:75%;
	background:url(../images/common/assets/bg_body.jpg);
}
a:link {
	color:#518b3f;
	text-decoration:underline;
}
a:visited {
	color:#518b3f;
}
a:hover {
	color:#693;
	text-decoration: none;
}
a:active {
	color:#693;
}
img {
	vertical-align:bottom;
}
strong {
	font-weight:bold;
}

/* -----------------------------------------
	Base Layout
------------------------------------------ */
#page {}

#globalHeader {
	width:960px;
	margin:0 auto;
	position:relative;
	background:url(../images/common/header/bg_header.png) 0 40px no-repeat;
}
#contents {
	width:960px;
	margin:0 auto;
	padding:45px 0 0;
}
#contentMain {}
#contentSub {}

#globalFooter {
	padding:140px 0 20px;
	background:url(../images/common/footer/bg_footer.png) repeat-x;
}

/* -----------------------------------------
	Header Element
------------------------------------------ */
#logo {
	padding:26px 0 47px 5px;
}
#globalHeader p.address {
	position:absolute;
	top:30px;
	left:720px;
}
#globalNav {
	overflow:hidden;
	padding:0 0 22px;
	background:url(../images/common/header/bg_gnav_btm.png) left bottom no-repeat;
	zoom:1;
}
#globalNav li{
	float:left;
	padding-left:49px;
}
#globalNav li.firstChild{
	padding-left:5px;
}


/* -----------------------------------------
	Content Element
------------------------------------------ */
#pageTitle {
	margin:0 0 45px;
	padding:0 0 0 5px;
}
#contents p{
	line-height:2.4;
	font-size:117%;
	letter-spacing:0.1em;
	color:#333232;
}
p.summary {
	margin-top:-12px;
	margin-bottom:32px;
	padding:0 0 0 10px;
}
#pageNav {
	width:940px;
	margin:0 auto 32px;
	padding:0 0 6px;
	background: url(../images/common/assets/bg_pagenav_btm.png) bottom no-repeat;
}
#pageNav .inner{
	width:940px;
	padding:6px 0 0;
	background: url(../images/common/assets/bg_pagenav_top.png) top no-repeat;
}
#pageNav ul{
	padding:1.5em;
	overflow:hidden;
	background:url(../images/common/assets/bg_pagenav_mid.png) left repeat-y;
	zoom:1;
}
#pageNav ul li{
	float:left;
	padding:0 0 0 18px;
	background: url(../images/common/assets/mak_arrow01.png) 0 50% no-repeat;
}
#pageNav a{
	font-weight:bold;
	font-size:117%;
}


/* -----------------------------------------
	Common Element
------------------------------------------ */
.alignRight {
	float:right;
	padding:0 0 0 10px;
}
.alignLeft {
	float:left;
	padding:0 0 0 10px;
}
.section {
	padding:0 10px;
	overflow:hidden;
	zoom:1;
}
.caption {
	margin-top:3px;
	display:block;
	font-size:84%;
	color:#545454;
	text-align:right;
	line-height:1;
}
.pagetop {
	text-align:right;
	padding:30px 0 45px;
}
.pdf {
	margin:0 2px 0 0;
	padding:0 16px 0 0;
	background:url(../images/common/assets/icon_pdf.png) right no-repeat;
}

/* -----------------------------------------
	Footer Element
------------------------------------------ */
#globalFooter .inner{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
#globalFooter ul {
	padding:0 0 0 6px;
	float:left;
}
#globalFooter li {
	margin:0 0 10px;
}
#copyright {
	padding:10px 0 0;
	float:right;
}

/* -----------------------------------------
	CSS Hack
------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */