/** 
    css reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

/**
    fonts
*/
/*
YUI 3.7.3 (build 5687)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
}

select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

#yui3-css-stamp.cssfonts {
  display: none;
}

/**
77% = 10px	|	123.1% = 16px	|	167% = 22px
85% = 11px	|	131% = 17px		|	174% = 23px
93% = 12px	|	138.5% = 18px	|	184% = 24px
100% = 13px	|	146.5% = 19px	|	192% = 25px
108% = 14px	|	153.9% = 20px	|	197% = 26px
116% = 15px	|	161.6% = 21px	|
*/
.text10 {
  font-size: 77%;
}

.text11 {
  font-size: 85%;
}

.text12 {
  font-size: 93%;
}

.text13 {
  font-size: 100%;
}

.text14 {
  font-size: 108%;
}

.text15 {
  font-size: 116%;
}

.text16 {
  font-size: 123.1%;
}

.text17 {
  font-size: 131%;
}

.text18 {
  font-size: 138.5%;
}

.text19 {
  font-size: 146.5%;
}

.text20 {
  font-size: 153.9%;
}

.text21 {
  font-size: 161.6%;
}

.text22 {
  font-size: 167%;
}

.text23 {
  font-size: 174%;
}

.text24 {
  font-size: 184%;
}

.text25 {
  font-size: 192%;
}

.text26 {
  font-size: 197%;
}

/**
    clearfix
*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*** 
    test @hirok
*/
html {
  background: #fff;
}

.header {
  background: #fff url("../i/bg.png") repeat-x 0 0;
  height: 100px;
}
.header .logo {
  position: absolute;
  left: -6px;
  top: 0;
  width: 350px;
  height: 56px;
}

.footer {
  background: url("../i/bg-footer.jpg") repeat-x 0 0;
  height: 142px;
}

.header .inner,
.footer .inner {
  position: relative;
  width: 800px;
  margin: 0 auto;
}

.content {
  background: #fff;
  padding-bottom: 40px;
}
.content .inner {
  width: 800px;
  margin: 0 auto;
  /** background: #f0f0f0; */
}

/***
    navigation  
*/
.nav-header {
  position: absolute;
  right: 0;
  top: 20px;
}
.nav-header li {
  float: left;
  margin: 0 0 0 4px;
}
.nav-header a {
  display: block;
  width: 108px;
  height: 36px;
  background-image: url(../i/nav-header.png);
  background-repeat: no-repeat;
}
.nav-header .corporate a {
  background-position: 0px 0px;
}
.nav-header .corporate a:hover, .nav-header .corporate a.selected {
  background-position: 0 -36px;
}
.nav-header .philothopy a {
  background-position: -111px 0px;
}
.nav-header .philothopy a:hover, .nav-header .philothopy a.selected {
  background-position: -111px -36px;
}
.nav-header .office a {
  background-position: -222px 0px;
}
.nav-header .office a:hover, .nav-header .office a.selected {
  background-position: -222px -36px;
}
.nav-header .recruit a {
  background-position: -333px 0px;
}
.nav-header .recruit a:hover, .nav-header .recruit a.selected {
  background-position: -333px -36px;
}

.copyright {
  text-align: center;
  padding-top: 24px;
  font-size: 10px;
  color: #666666;
}