/*-------------------------------------------------
  no problem
  File  :  common.css
-------------------------------------------------*/


#wrapper p {
	font-size: 11px;
	line-height: 1.8;
}

#wrapper ol {
	padding: 0 0 0 22px;
}

#wrapper li {
	font-size: 11px;
	line-height: 1.8;
}


/* wrapper 
-------------------------------- */

#wrapper {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}


#top {
	width: 960px;
	height: 600px;
	float: right;
	position: relative;
}	

#top h2 {
	position: absolute;
	left: 690px;
}


/* menu
-------------------------------- */

#menu {
	width: 365px;
	position: absolute;
	padding: 100px 0 0 0;
	margin: 0 0 0 640px;
	z-index: 2;
}

#menu .logo { 
	width: 145px;
	float: left;
}		

#menu .nav {
	width: 200px;
	float: right;
	padding: 0;
}	

#menu .navBtn {
	padding: 0 0 10px 0;
	display: block;
}

#menu .navBtn2 {
	padding: 0 0 9px 0;
	display: block;
}

#menu .navBtn3 {
	padding: 0 0 8px 0;
	display: block;
}

#menu .navTop {
	padding: 1px 0 10px 0;
	display: block;
}	


#menu h2 {
	padding: 0 0 20px 4px;
}	

/* container
-------------------------------- */

#container {
	width: 818px;
	height: 100%;
	margin: 0 auto;
	padding-top: 300px;
}


/* news
-------------------------------- */

#news {
	width: 560px;
	padding: 0 0 300px 0;
	margin: 0 auto;
}

#news h3 {
	padding-bottom: 10px;
}

#news dl dt{
	float: left;
	clear: both;
	padding-right: 20px;
}

#news dl dt,
#news dl dd{
	line-height: 2;
}


/* hello
-------------------------------- */

#hello {
	width: 560px;
	padding: 0 0 300px 0;
	margin: 0 auto;
}

#hello h3 {
	padding-bottom: 45px;
}

#hello p.message {
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
	letter-spacing: 1px;
	padding-bottom: 25px;
}
#hello p.byLine {
	font-size: 14px;
}

#hello div.hello01 {
	width: 560px;
	padding-bottom: 100px;
}

#hello div.hello02 {
	width: 560px;
	padding-bottom: 55px;
}

#hello h4 {
	padding-bottom: 24px;
}


/* works
-------------------------------- */

#works {
	width: 818px;
	padding: 0 0 300px 0;
	margin: 0 auto;
}

#works h3 {
	padding-bottom: 30px;
}

#works h4 {
	clear: both;
	padding-bottom: 10px;
}

#works div.recent {
	padding-bottom: 30px;
}

#works div.history {
	padding-bottom: 10px;
}

#works ul {
	clear: both;
	padding-bottom: 4px;
}

#works ul li {
	float: left;
	padding-right: 4px;
}

#works ul li img {
	vertical-align: top;
}

#works ul li.noPad {
	float: left;
	padding-right: 0px;
}

/* books
-------------------------------- */

#books {
	width: 560px;
	padding: 0 0 300px 0;
	margin: 0 auto;
}

#books h3 {
	padding-bottom: 12px;
}

#books .booksL {
	float: left;
	width: 200px;
}

#books .booksR {
	float: right;
	width: 360px;
}

#books .booksR h4 {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 18px;
}

/* member
-------------------------------- */

#member {
	width: 560px;
	padding: 0 0 300px 0;
	margin: 0 auto;
}

#member .memberBox {
	clear: both;
	width: 560px;
	margin-bottom: 25px;
}

#member .memberL {
	float: left;
	width: 116px;
}

#member .memberR {
	float: right;
	width: 444px;
}

p.profile {
	margin-bottom: 0em;
}

p.noMar {
	margin-bottom: 0em;
}

/* faq
-------------------------------- */

#faq {
	width: 560px;
	padding: 0 0 300px 0;
	margin: 0 auto;
}

#faq h3 {
	padding-bottom: 15px;
}

#faq dl dt {
	padding-bottom: 5px;
}

#faq dl dd {
	padding-bottom: 25px;
}

/* company
-------------------------------- */

#company {
	width: 560px;
	clear: both;
	padding: 0 0 300px 0;
	margin: 0 auto;
}

#company h3 {
	padding-bottom: 15px;
}

#company h4 {
	padding-bottom: 5px;
}

#company .map {
	width: 560px;
	padding: 0 0 20px 4px;
	position: relative;
}	

#company .btnPosi {
	position: absolute;
	right: 0;
	bottom: 10px;
}

#company .accessL {
	float: left;
	width: 250px;
}

#company .accessR {
	float: right;
	width: 250px;
}

#company .accessL p,
#company .accessR p {
	line-height: 1.5;
}

#company ol {
	padding-bottom: 30px;
}


/* school
-------------------------------- */

#school {
	width: 560px;
	clear: both;
	padding: 0 0 70px 0;
	margin: 0 auto;
}

#school h3 {
	padding-bottom: 15px;
}


/* footer
-------------------------------- */

#footer {
	width: 850px;
	height: 120px;
	clear: both;
	text-align: right;
	padding: 0 0 100px 0;
	position: relative;
	z-index: 3;
}

/* other
-------------------------------- */

.clear {
	clear: both;
}

.txtR {
	text-align: right;
}

.txtC {
	text-align: center;
}

.blt {
	padding-left: 13px;
	background: url(../images/blt_arrow.gif) no-repeat left;
}

.bltBlank {
	padding-left: 13px;
	background: url(../images/blt_blank.gif) no-repeat left;
}

/* anc
-------------------------------- */

.anc {
	width: 560px;
	height: 200px;
}

.anc818 {
	width: 818px;
	height: 200px;
}

.anc100 {
	width: 560px;
	height: 100px;
}



/*secret
-------------------------------- */

.secret a {
 	font-size: 10px;
	text-decoration: none;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px;
}

.secret a:visited {
 	font-size: 10px;
	text-decoration: none;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px;
}

.secret a:hover {
 	font-size: 10px;
	text-decoration: none;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px;
}


/* pad
-------------------------------- */

.padB10 {padding: 0 0 10px 0;}
.padB3 {padding: 0 0 3px 0;}
.padT23 {padding-top: 23px;}
.padB60 {padding: 0 0 60px 0;}
.padB80 {padding: 0 0 80px 0;}
.padB100 {padding: 0 0 100px 0;}