/*
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 {
 padding-top:0px;
 font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
}

#masthead { 
 min-height:250px;
}

#masthead p.tp {
  text-align: right;
  margin: 5px;/*上右下左*/
  padding: 0;/*上右下左*/
  font-size: 1px;
}
#masthead .well {
 margin-top:8%;
}
#masthead img {
 margin: 5px;
}

@media screen and (min-width: 768px) {
  #masthead h1 {
    font-size: 24pt;
  }
}

.navbar-bright {
 background-color:#111155;
 color:#fff;
}

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

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;/*左サイドが固定されるまで*/
  	margin-top:0px;
  	width:160px;
  }
  
  #sidebar.affix { /*左サイドが固定された時*/
    position: fixed;
    top:10px;
    width:160px;
  }
}

#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;
color: #800000;
font-size: 1.0em;
}
h1,h2,h3,h4{
 font-weight: bold;
 color: #333631;
}
h1 {
margin: 0;
 padding: 0 5px 0px 10px;/*上右下左*/
 font-size: 24pt;
 letter-spacing: 0.5em;/*文字の間隔*/
 font-weight: bold;

}
h2 {
 margin: 0;
 padding: 0;/*上右下左*/
 font-size: 24px;
 font-weight: bold;
 letter-spacing: 0.1em;/*文字の間隔*/
}
h3 {
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.5em;/*文字の間隔*/
 margin: 0 0 0.5em 0.1em;/*上右下左*/
 padding: 5px;/*上右下左*/
	text-indent: 0.5em;
 	border-top: solid 0px #c0c0c0;
	border-right: solid 0px #c0c0c0;
	border-left: double 5px #0066ff;
	border-bottom: double 1px #3399ff;
}
h4 {
 margin: 0.1em 0 0.5em 0.1em;/*上右下左*/
 padding: 5px;/*上右下左*/
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.2em;/*文字の間隔*/
}
h5 {
 margin: 0.1em 0 0.5em 0.1em;/*上右下左*/
 padding: 5px;/*上右下左*/
 font-size: 14px;
 font-weight: normal;
 letter-spacing: 0.1em;/*文字の間隔*/
}
#leftCol h4{
 color: #696969;
 margin: 0;
 padding: 0;
 font-size: 10pt;
 letter-spacing: 0.1em;/*文字の間隔*/
}
h4 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */ 
  margin: 0px 0px 10px 15px;/*上右下左*/
  padding: 4px 3px 1px 3px;/*上右下左*/
  font-size: 16px;
  color: #000;
  border-bottom-style: double;
  border-color: #808080;
}
h5 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */ 
  margin: 0px 0px 10px 15px;/*上右下左*/
  padding: 4px 3px 1px 3px;/*上右下左*/
  font-size: 14px;
  font-weight: nomal;
  color: #000;
  border-bottom-style: double;
  border-color: #808080;
}
.center{
/* <span class="center">text</span> テキストがセンターになる　*/ 
  display: block;
  text-align: center;
}
div.mon{/*　──────　影付き　────────　*/
margin: 1.0em 0.5em 0.5em 0.5em;/*上右下左*/
padding: 0.5em;/*上右下左*/
border-top: solid 0px #c0c0c0;
border-right: dashed 1px #0066CC;
border-left: solid 2px #0066CC;
border-bottom: solid 0px #c0c0c0;
box-shadow: 7px 5px 4px #C0C0C0; /* 右 下 ボケ幅 色 */
}
div.mon2{/*　──────　影付き　左側の線を緑色にする　────────　*/
margin: 1.0em 0.5em 0.5em 0.5em;/*上右下左*/
padding: 0.5em;/*上右下左*/
border-top: solid 0px #c0c0c0;
border-right: dashed 1px #0066CC;
border-left: solid 2px #009966;/* 緑色 */
border-bottom: solid 0px #c0c0c0;
}
div.monred{/*　──────　影付き　左側の線を濃いだいだい色にする　────────　*/
margin: 1.0em 0.5em 0.5em 0.5em;/*上右下左*/
padding: 0.5em;/*上右下左*/
border-top: solid 0px #c0c0c0;
border-right: dashed 1px #0066CC;
border-left: solid 2px #ff5100ce;/* 濃いだいだい色 */
border-bottom: solid 0px #c0c0c0;
box-shadow: 7px 5px 4px #FF9900; /* 右 下 ボケ幅 色 */
}
p.qpja{
display: none;
background-color: #ffffe0;
margin: 0;/*上右下左*/
padding: 0.5em 0.5em 1.0em 0.5em;/*上右下左*/
text-indent: 1.0em;
border-top: solid 0px #c0c0c0;
border-right: solid 0px #c0c0c0;
border-left: solid 0px #c0c0c0;
border-bottom: solid 0px #c0c0c0;
}
kbd{
color: #ffff00;
box-shadow: 5px 3px 3px #C0C0C0; /* 右 下 ボケ幅 色 */
}
/*---------- フォント ----------*/
span.nomal{
	font-weight: normal;
  letter-spacing: normal;
	}
.ita{/*フォントitalic(数式に使用*/
font-style: italic;
}
.bo{/*太文字*/
font-weight: bold;
}
.la{/*大きい文字*/
font-size: large;
}
.sm{/*小さい文字*/
font-size: small;
}
.ind1{/*インデント1*/
margin-left: 1em;/*indent-1emとすると、全体が左へ寄ってしまうので右へ1emマージンを取る */
text-indent: -1em;
}
.ind2{/*インデント2*/
margin-left: 2em;/*indent-xemとすると、全体が左へ寄ってしまうので右へxemマージンを取る */
text-indent: -2em;
}
.ind3{/*インデント3*/
margin-left: 3em;/*indent-xemとすると、全体が左へ寄ってしまうので右へxemマージンを取る */
text-indent: -3em;
}
.ind4{/*インデント4*/
margin-left: 4em;/*indent-xemとすると、全体が左へ寄ってしまうので右へxemマージンを取る */
text-indent: -4em;
}
.ind5{/*インデント5*/
margin-left: 5em;/*indent-xemとすると、全体が左へ寄ってしまうので右へxemマージンを取る */
text-indent: -5em;
}
.under1{/*　アンダーラインを引く　*/
  border-bottom: solid 2px red;
}
/*---------- 色 ----------*/
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;
	}