/*
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;
}
/* 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;
}

/* set the fixed height of the footer here */
#footer {
  height: 80px;
  background-color: #fafafa;
  border:0 solid #e6e6e6;
  border-top-width: 1px;
  margin-top:50px;
  z-index:100;
}

#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;
	}
pre{
font: 1em/130% osaka,monospace;
border-style: none;
background-color: #fff;
}
blockquote{
margin-left: 1.5em;
font-size: 1.1em;
font-weight: bold;
}
        </style>