/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

body {
margin: 1px 0 1px 0;/*上右下左*/
padding: 0;
  background-color:#fff;
  font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
  color:#333;
  background-image: url(../img/ki036.jpg); background-position: 100% 100%; background-repeat: no-repeat; background-attachment: fixed;
}

#masthead { 
 min-height:250px;
}

p.tp {
  text-align: right;
  margin: 5px;/*上右下左*/
  padding: 0;/*上右下左*/
  font-size: 1px;
}

h1 {
 font-size: 26px;
}

@media screen and (min-width: 768px) {
h1 {
    font-size: 30px;
    font-weight: bold;
  }
}
h2 {
    font-size: 22px;
		font-weight: bold;
  }
h3 {
    font-size: 18px;
    font-weight: bold;
  }
h4 {
    font-size: 16px;
    font-weight: bold;
  }
h5 {
    font-size: 14px;
    font-weight: bold;
  }
h4 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */
  margin: 0px 0px 0px 0.1em;/*上右下左*/
  padding: 4px 3px 1px 3px;/*上右下左*/
  line-height: 110%;
  letter-spacing: 0.2em;/*文字の間隔*/
  color: #333;
  border-bottom-style: double;
  border-color: #808080;
}
h5 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */
  margin: 0px 0px 0px 0.1em;/*上右下左*/
  padding: 4px 3px 1px 3px;/*上右下左*/
  line-height: 110%;
  letter-spacing: 0.2em;/*文字の間隔*/
  color: #333;
  border-bottom-style: double;
  border-color: #808080;
}
.navbar-bright {
 background-color:#111155;
 color:#fff;
}

/*.affix-top,.affix{
 position: static;
}

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
  	margin-top:30px;
  	width:228px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}*/
pre{
font: 1em/130% osaka,monospace;
border-style: none;
background-color: #fff;
}
blockquote{
margin-left: 1.5em;
font-size: 1.1em;
font-weight: bold;
}
/* wrapper for page content to push down footer */
.page-container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* negative indent footer by its height */
  margin: 0 auto -120px;
  /* pad bottom by footer height */
  padding: 0 0 80px;
}
kbd{
font-size: 16pt;
font-weight: bold;
background-color: #808080;
color: #fff;
}
.ind1{/*インデント1*/
margin-left: 1em;/*indent-1emとすると、全体が左へ寄ってしまうので右へ1emマージンを取る */
text-indent: -1em;
}
.ind2{/*インデントx*/
margin-left: 2em;/*indent-xemとすると、全体が左へ寄ってしまうので右へxemマージンを取る */
text-indent: -2em;
}
/* set the fixed height of the footer here */
#footer {
  border:1 solid #c0c0c0;
  margin:3px;/*上右下左*/
}

#footer > .container {
  padding: 20px;
}

#footer a{
  color:#0033ff;
}

#footer a:hover {
  color:#800080;
}
/*---------- 色 ----------*/
span.red{
	color: #FF0000;
	}
span.blue{
	color: #0000FF;
	}
span.maroon{
	color: #800000;
	}
span.yero{
	color: #ffff00;
	}
span.yb{
	color: #ffff00;
	font-weight: bold;
	}
span.glay{
	color: #c0c0c0;
	}
span.green{
	color: #008080;
	}
span.why{
	color: #fff;
	}
span.kuro{
	color: #000;
	}