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

#masthead { 
/* min-height:250px;*/
 min-height:200px;
}

#masthead h1 {
 margin-top:10px;
 font-size: 24px;
/* font-size: 30px;
 line-height: 1;
 padding-top:20px;*/
}

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

@media screen and (min-width: 768px) {/*画面サイズが768pxからはここを読み込む*/
  #masthead h1 {
    /*font-size: 50px;*/
    font-size: 28px;
  }
}

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

.affix-top,.affix{
 position: static;
}
@media (min-width: 979px) {/*画面サイズが979pxからはここを読み込む*/
  #sidebar.affix-top {/*左サイドが固定されるまで*/
    position: static;
  	/*width:170px;*/
  }
  
  #sidebar.affix { /*左サイドが固定された時*/
    position: fixed;
    top:20px;
    width:155px;
  }
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}
/* ---------------------------------- 
									追加 
  ---------------------------------- */
pre{
font: 1em/130% osaka,monospace;
border-style: none;
background-color: #fff;
}
h2,h3,h4{
 font-weight: bold;
 color: #333631;
}
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.2em;/*文字の間隔*/
 margin: 0 0 0.5em 0.1em;/*上右下左*/
 padding: 5px;/*上右下左*/
	text-indent: 0.5em;
	/*border-top: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	border-left: double 5px #c0c0c0;
	border-bottom: double 5px #c0c0c0;*/
	/*Ads対応*/
 	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;/*文字の間隔*/
}
#leftCol h4{
 color: #696969;
 margin: 0;
 padding: 0;
 font-size: 10pt;
 letter-spacing: 0.1em;/*文字の間隔*/
}
h4 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */
  margin: 0px 0px 0px 0.1em;/*上右下左*/
  padding: 4px 3px 1px 3px;/*上右下左*/
  line-height: 110%;
  letter-spacing: 0.2em;/*文字の間隔*/
  font-size: 14px;
　font-weight: bold;
  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;
}
h6 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-style: dashed;
  border-color: #808080;
}
div.contc {/*コラムに使う　div枠　バック画像右側大クリップ*/
	margin: 0 1px 5px 1.0em;/* 上右下左 */
	padding: 1.0em 50px 1px 0.5em;/* 上右下左 */
	border-left: solid 1px #c0c0c0;
	background-image: url("../../img/clip2.gif");
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.contcs {/*　div枠　バック画像右側小クリップ*/
	margin: 0 1px 5px 1.0em;/* 上右下左 */
	padding: 1px 50px 1px 0.5em;/* 上右下左 */
	border-left: solid 1px #c0c0c0;
	background-image: url("../../img/clip1.gif");
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
div.conthappa {/*　div枠　バック画像葉っぱ*/
	margin: 0 1px 5px 1.0em;/* 上右下左 */
	padding: 1px 5px 1px 1px;/* 上右下左 */
	background-image: url("../../img/happa02a1.jpg");
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.conthappab {/*　div枠　バック画像大きな葉っぱ*/
	margin: 0 1px 5px 1.0em;/* 上右下左 */
	padding: 1px 5px 1px 1px;/* 上右下左 */
	background-image: url("../../img/happa.png");
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.contb1 {/*　div枠　バックビー玉西瓜模様*/
	margin: 0 1px 5px 1.0em;/* 上右下左 */
	padding: 1px 5px 1px 1px;/* 上右下左 */
	background-image: url("../../img/bi-dama.png");
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.contb2 {/*　div枠　バックビー玉透明青模様*/
	margin: 0 1px 5px 1.0em;/* 上右下左 */
	padding: 1px 5px 1px 1px;/* 上右下左 */
	background-image: url("../../img/bi-dama2.gif");
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.contb3 {/*　div枠　バックビー玉青模様*/
	margin: 0 1px 5px 1.0em;/* 上右下左 */
	padding: 1px 5px 1px 1px;/* 上右下左 */
	background-image: url("../../img/bi-dama.gif");
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.contf {/*　div枠　バック　炎*/
	margin: 0 1px 5px 1.0em;/* 上右下左 */
	padding: 1px 5px 1px 1px;/* 上右下左 */
	background-image: url("../img/fire.png");
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.contf2 {/*　div枠　バック　炎2*/
	margin: 0 1px 5px 1.0em;/* 上右下左 */
	padding: 1px 5px 1px 1px;/* 上右下左 */
	background-image: url("../img/fire2.png");
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
blockquote{
 font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
 font-size: 10.5pt;
 color: #696969;
}
/* ----------- 法文コピペ部分 ----------- */
p.ho1{/*法令文のインデント*/
margin-left: 2em;/* indent-2emとすると、全体が左へ寄ってしまうので右へ2emマージンを取る */
text-indent: -2em;
}
/* ----------- 過去問題部分 ----------- */
div.mon{/* 左右ボーダーが青 */
margin: 1.0em 0.5em 1.5em 0.5em;/*上右下左*/
padding: 0;/*上右下左*/
/*Ads対応*/
border-top: solid 0px #c0c0c0;
border-right: dashed 1px #0066CC;
border-left: solid 2px #0066CC;
border-bottom: solid 0px #c0c0c0;
}
div.monred{/* 左右ボーダーが橙 */
margin: 1.0em 0.5em 1.5em 0.5em;/*上右下左*/
padding: 0;/*上右下左*/
/*Ads対応*/
border-top: dashed 1px #ff6600;
border-right: dashed 1px #ff6600;
border-left: solid 2px #ff6600;
border-bottom: dashed 1px #ff6600;
box-shadow: 4px 2px 2px #FF9900; /* 右 下 ボケ幅 色 */
}
 p.nen {/*▼　x種Hxx/xx　例題 */
background-color: #fff;
border-bottom-style: dashed;
border-width: 1px;
border-color: #aaa;
font-weight: bold;
margin: 0 0 0 1px;/*上右下左*/
padding: 0 3px 0 3px;/*上右下左*/
}
p.qp{
background-color: #f5f5f5;
margin: 0 0 1px 1px;/*上右下左*/
padding: 0.5em 0.5em 1.0em 0.5em;/*上右下左*/
text-indent: 0.5em;
border-top: solid 0px #c0c0c0;
border-right: solid 0px #c0c0c0;
/*Ads対応*/
border-left: solid 0px #c0c0c0;
border-bottom: solid 0px #c0c0c0;
}
p.qpja{
display: none;
background-color: #ffffcc;
margin: 0 0 1.0em 1px;/*上右下左*/
padding: 0.5em;/*上右下左*/
border-top: solid 0px #c0c0c0;
border-right: solid 0px #c0c0c0;
/*Ads対応*/
border-left: solid 0px #c0c0c0;
border-bottom: dashed 1px #0066CC;
border-top: dashed 1px #0066CC;
}
span.qpja{/*解答分の中の【▽・・第・条】 */
display: none;
background-color: #99cc33;
margin: 0 0 1.0em 1px;/*上右下左*/
padding: 0.5em;/*上右下左*/
/*Ads対応*/
border-left: solid 0px #c0c0c0;
border-bottom: dashed 1px #0066CC;
border-top: dashed 1px #0066CC;
}
p.sgl{/* 過去問最後の日付 */
font-size: small;
color: #c0c0c0;
}
.center{
/* <span class="center">text</span> テキストがセンターになる　*/ 
  display: block;
  text-align: center;
}
.right{
/* <span class="right">text</span> テキストが右寄せになる　*/ 
  display: block;
  text-align: right; 
}
kbd{
color: #ffff00;
background-color: #333;
box-shadow: 5px 3px 3px #C0C0C0; /* 右 下 ボケ幅 色 */
}
/*---------- フォント ----------*/
span.nomal{
	font-weight: normal;
	}
/*---------- 色 ----------*/
span.red{
	color: #FF0000;
	}
span.redbo{
	color: #FF0000;
	font-weight: bold;
	}
span.blue{
	color: #0000FF;
	}
span.bluebo{
	color:  #0000FF;
	font-weight: bold;
	}
span.maroon{
	color: #800000;
	}
span.yero{
	color: #ffff00;
	}
span.yerobo{
	color: #ffff00;
	font-weight: bold;
	}
span.glay{
	color: #c0c0c0;
	}
span.glaybo{
	color: #c0c0c0;
	font-weight: bold;
	}
span.green{
	color: #008000;
	}
span.greenbo{
	color: #008000;
	font-weight: bold;
	}