/* --------------------------------------------------
	SiteName : ASIAN STUDIES PROGRAM
	FileName : master.css
	Description : master style
	
	== TOC =========================================
	1 : 
	2 : 
	
-------------------------------------------------- */
html {
  background: url(/asp/images/common/bodybg/bg_tile_blk.gif) center top repeat; }

body {
  color: #333333;
  text-align: center;
  margin: auto;
  background: url(/asp/images/common/bodybg/bg_tile.gif) center top repeat; }

/* 1 : 
================================================== */
#container {
  position: relative;
  width: 100%;
  background: url(/asp/images/common/bodybg/bg_gradation_head.gif) center top repeat-x; }

#content {
  width: 980px;
  margin: 0 auto;
  text-align: left; }

/* wrapper + header
-------------------------------------------------- */
h1, h2 {
  margin: 0 auto;
  text-indent: -9999px;
  background: center top no-repeat; }

/* top */
#wrapper-top {
  width: 100%;
  background: url(/asp/images/top/header/mainVisual.png) center top no-repeat;
  padding-top: 80px;
  position: relative; }

#header-top {
  text-align: center;
  width: 980px;
  margin: 0 auto; }

#header-top h1 {
  width: 539px;
  height: 30px;
  background-image: url(/asp/images/top/header/heading_sitename.png);
  margin-bottom: 27px; }

#header-top h1 a {
  width: 539px;
  height: 30px;
  display: block; }

#header-top h2 {
  width: 359px;
  height: 19px;
  background-image: url(/asp/images/top/header/heading_owner.png);
  margin-bottom: 14px; }

#header-top .exp {
  margin-bottom: 60px; }

/* child */
#wrapper {
  width: 100%;
  background: url(/asp/images/common/header/mainVisual.png) center top no-repeat;
  padding-top: 42px;
  position: relative; }

#header {
  text-align: center;
  width: 980px;
  margin: 0 auto; }

#header h1 {
  width: 431px;
  height: 25px;
  background-image: url(/asp/images/common/header/heading_sitename.png);
  margin-bottom: 13px; }

#header h1 a {
  width: 431px;
  height: 25px;
  display: block; }

#header h2 {
  width: 282px;
  height: 15px;
  background-image: url(/asp/images/common/header/heading_owner.png);
  margin-bottom: 43px; }

/* pagination
-------------------------------------------------- */
#pagination {
  padding: 12px 0 17px;
  width: 980px;
  margin: 0 auto; }

#pagination a {
  color: #7e7540;
  text-decoration: none; }

#pagination a:hover {
  color: #333; }

#pagination ul li {
  float: left;
  background: url(/asp/images/common/header/arrow_pagination.gif) left center no-repeat;
  padding: 3px 6px 0 12px; }

#pagination ul li.home {
  background: none;
  padding: 3px 6px 0 0; }

/* pagetop fixed
-------------------------------------------------- */
#pageTop {
  z-index: 10;
  clear: both;
  left: 50%;
  margin-left: 452px; }

*:first-child + html #pageTop {
  margin-bottom: -5px; }

#pageTop-footFix {
  width: 980px;
  margin: 0 auto;
  text-align: right;
  margin-top: 50px;
  margin-bottom: -80px; }

*:first-child + html #pageTop-footFix {
  margin-bottom: -63px; }

/* 99 : footer
================================================== */
#footer {
  width: 100%;
  margin: 0 auto;
  background: url(/asp/images/common/bodybg/bg_gradation_foot.gif) center top repeat-x;
  padding-top: 80px;
  margin-top: -20px;
  color: #cccccc; }

#footer #footerInner {
  padding: 28px 0 25px;
  background: url(/asp/images/common/bodybg/bg_tile_blk.gif) center top repeat; }

#footerInfo {
  border-bottom: #181818 1px solid;
  width: 980px;
  margin: 0 auto;
  padding-bottom: 20px; }

/*----- left -----*/
#footerInfo .main {
  float: left;
  text-align: left; }

#footerInfo .official img {
  width: 99px; }

#footerInfo .main .official a:hover,
#footerInfo ul.social li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7; }

#footerInfo ul.social {
  padding: 12px 0 14px; }

#footerInfo ul.social li {
  float: left;
  margin-right: 5px; }

#footerInfo ul.social li.asp {
  margin-top: 5px;
  margin-right: 8px; }
  #footerInfo ul.social li.asp img {
    width: 226px; }

#footerInfo ul.link {
  margin-bottom: 10px; }

#footerInfo ul.link li {
  float: left;
  margin-right: 20px; }

#footerInfo ul.link .access,
#footerInfo ul.link .contact {
  margin-top: 5px; }

*:first-child + html #footerInfo ul.link .access,
*:first-child + html #footerInfo ul.link .contact {
  margin-top: 9px; }

#footerInfo ul.link .access a,
#footerInfo ul.link .contact a {
  background: left top no-repeat;
  text-indent: -9999px;
  display: block;
  height: 10px; }

#footerInfo ul.link .access a:hover,
#footerInfo ul.link .contact a:hover {
  background-position-y: -10px; }

#footerInfo ul.link .access a {
  background-image: url(/asp/images/common/footer/btn_access.gif);
  width: 53px; }

#footerInfo ul.link .contact a {
  background-image: url(/asp/images/common/footer/btn_contact.gif);
  width: 78px; }

#footerInfo ul.link .search {
  margin-top: 0;
  /* all browsers */
  margin-top: -3px\9;
  /* IE8 */
  *margin-top: 0;
  /* IE7 */ }

#footerInfo ul.link .searchform-foot {
  position: relative; }

#footerInfo ul.link .searchBtn-foot {
  top: 0;
  _top: 1px; }

*:first-child + html #footerInfo ul.link .searchBtn-foot {
  top: 1px; }

#footerInfo ul.link .keywords-foot {
  width: 123px;
  height: 12px;
  background: #292929;
  border: #494949 1px solid;
  padding: 4px;
  margin-left: 9px;
  color: #FFF; }

/*----- addresses -----*/
#footerInfo .main-address-area {
  float: left;
  text-align: left; }

#footerInfo .main-address-area a {
  color: #cccccc;
  text-decoration: none; }

#footerInfo .main-address-area a:hover {
  opacity: .75; }

#footerInfo .main-address-area .ttl {
  float: left;
  padding-top: 4px;
  padding-right: 18px;
  text-align: right;
  width: 50px; }

#footerInfo .main-address-area .txt {
  float: left;
  padding: 4px;
  padding-top: 1px;
  padding-left: 20px;
  background: url(/asp/images/common/footer/sub_vBorder.gif) 0 0 repeat-y; }

#footerInfo .address,
#footerInfo .mail {
  padding-bottom: 10px; }

#footerInfo .tel,
#footerInfo .fax {
  float: left; }

/*----- right -----*/
#footerInfo .sub ul {
  float: left;
  width: 440px;
  margin-left: 70px;
  margin-top: 32px; }
  #footerInfo .sub ul li {
    text-align: left;
    width: 220px;
    float: left;
    line-height: 2; }
    #footerInfo .sub ul li:before {
      content: "- "; }
    #footerInfo .sub ul li:last-child {
      clear: both; }
    #footerInfo .sub ul li a {
      font-size: 11px;
      color: #ccc;
      text-decoration: none; }
      #footerInfo .sub ul li a:hover {
        opacity: .75; }

/*----- foot -----*/
#copyright {
  width: 980px;
  margin: 0 auto;
  border-top: #323232 1px solid;
  padding-top: 15px; }