@charset "UTF-8";

/*** basic settings ***/
body {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
}
p, th, td, li, dt, dd {
  line-height: 1.5em;
}

a, a:link, a:visited {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, h7 {
  font-weight: bold;
}

h1 {
  font-size: 150%;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
}
h1 a, h1 a:link, h1 a:visited {
  text-decoration: none;
  color: #000;
}

h2 {
  font-size: 130%;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 110%;
}

img {
  border: 0;
}
em {
  font-style: normal;
  font-weight: bold;
}
strong {
  font-weight: bold;
  text-decoration: underline;
}
p {
  margin: 1em;
}
#content ul, 
#content dl, 
#content ol {
  list-style-position: outside;
  margin-left: 2em;
}
/*** structure ***/
body {
  width: 100%;
}
#wrapper {
  max-width: 900px;
  _width: 900px;
  margin: 0 auto;
}
#header {
  height: 100px;
  margin-bottom: 10px;
}
#wrapper-right {
  width: 25%;
  float: right;
}
#content {
  width: 74%;
  float: left;
}
#footer {
  width: 100%;
  clear: both;
  padding: 10px 0;
  background: #eee;
}
#footerInner {
  max-width: 900px;
  _width: 900px;
  margin: 0 auto;
}

/*** header ***/
#header h1 {
  border-bottom: 0 none;
  padding: 10px 0;
}
#header h2 {
  border-bottom: 0 none;
}
/*** contents ***/
#content h1 a, #content h2 a, #content h3 a {
  text-decoration: none;
}

/*** right sidebar ***/
#wrapper-right h3 {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
}
#wrapper-right section {
  margin-bottom: 15px;
}
.sideNav li a {
  display: block;
  padding: 4px;
  margin: 4px 0;
  border: 1px solid #eee;
}
.sideNav li a:hover {
  background: #eee;
}

/*** footer ***/
.footerLink {
  text-align: center;
  color: #333;
}
.footerLink li a {
  font-size: 90%;
  text-decoration: none;
}
.footerLink li {
  display: inline;
  margin-left: 1em;
  padding-left: 1em;
  border-left: solid 1px #333;
}
.footerLink li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0 none;
}
.copyright {
  text-align: center;
}

/*** breadcrumb ***/
.crumb ol, .crumb ul {
  list-style: none;
  margin: 0 0 10px;
}
.crumb li {
  display: inline;
  font-size: 80%;
}
.crumb li a {
  text-decoration: none;
}
.crumb li:before {
	content:' > '
}
.crumb li:first-child:before {
	content:''
}

/*** floating ***/
.f_right {
  float: right;
}
.f_left {
  float: left;
}
.f_clear {
  clear: both;
}

/*** mobile only ***/
.mobile_only {
  display: none;
}

/*** adsense ***/
.sponsoredlink {
  margin-top: 1em;
  font-size: 80%;
}