/*
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:50px;
 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 h1 {
 font-size: 30px;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:8%;
}
#masthead img {
 margin: 5px;
}

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

.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: monospace;
font-family: Verdana;
font-size: 10.5pt;
background-color: #fff;
}
h2 {
    font-size: 24px;
		font-weight: bold;
    color: #0000FF;
  }
h3 {
    font-size: 20px;
    font-weight: bold;
  }
h4 {
    font-size: 16px;
    font-weight: bold;
  }
h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1.5em;
  }
h3 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */ 
  font-weight: bold;
  border-bottom-style: double;
  border-color: #808080;
}
h4 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */ 
  font-weight: bold;
  border-bottom-style: double;
  border-color: #808080;
}
h5 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */ 
  font-weight: bold;
  border-bottom-style: double;
  border-color: #808080;
}
p.siki {
  margin-left: 3em;
}
.center{
/* <span class="center">text</span> テキストがセンターになる　*/ 
  display: block;
  text-align: center;
}
.right{
/* <span class="right">text</span> テキストが右寄せになる　*/ 
  display: block;
  text-align: right; 
}
blockquote{
margin-left: 1.5em;
font-size: 1.1em;
font-weight: bold;
}
/*---------- フォント ----------*/
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;
	}