/*　リンク文字の設定　*/

a:link{ color: #2200C1; }
a:visited{ color: #551a8b; }
a:hover{
 color: #32CD32;
 text-decoration: none ;
}
a:active{ color: #32CD32; }



/*文字のサイズ指定*/

.main-content{ font-size: 1.2em; }

.big{ font-size: 1.4em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.b{ font-weight: bold!important; }/*太字*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through ; }


/*各見出し*/
h2{
font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
font-size: 1.7em!important;
}

h3{
font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
font-size: 1.4em!important;
}


/*------------------------------------------------------------
color・・・フォントカラーの設定
-------------------------------------------------------------*/

.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/


/*------------------------------------------------------------
13、box・・・蛍光ペンのようなボックスの設定
-------------------------------------------------------------*/

.box-yellow{ padding:2px;background-color: #ff9!important; }/*黄色*/
.box-aqua{ padding:2px;background-color: #9ff!important; }/*水色*/
.box-gray{ padding:2px;background-color: #eee!important; }/*灰色*/
.box-red{ padding:2px;background-color: #fcc!important; }/*赤色*/


/*------------------------------------------------------------
14、round・・・ボックスを角丸にする（IE8以前には適用されません）
-------------------------------------------------------------*/

.round{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

/*------------------------------------------------------------
1、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/

/*------------------------------------------------------------
16、文字列の前にアイコン
-------------------------------------------------------------*/

.caution1{
	padding: 10px 0 10px 60px!important;
	background: url(/dl/img/icon/icon-check01.png) left top no-repeat;
}

.caution2{
	padding: 10px 0 10px 60px!important;
	background: url(/dl/img/icon/icon-check02.png) left top no-repeat;
}

.caution3{
	padding: 10px 0 10px 60px!important;
	background: url(/dl/img/icon/icon-point01.png) left top no-repeat;
}

.caution4{
	padding: 10px 0 10px 60px!important;
	background: url(/dl/img/icon/icon-point02.png) left top no-repeat;
}

.caution5{
	padding: 7px 0 7px 45px!important;
	background: url(/dl/img/icon/icon-check03.png) left top no-repeat;
}

.caution6{
	padding: 7px 0 7px 45px!important;
	background: url(/dl/img/icon/icon-point03.png) left top no-repeat;
}

.caution7{
	padding: 10px 0 10px 60px!important;
	background: url(/dl/img/icon/icon-check07.png) left top no-repeat;
}

.caution8{
	padding: 10px 0 10px 60px!important;
	background: url(/dl/img/icon/icon-check08.png) left top no-repeat;
}

/*初心者マーク*/
.wakaba{
	padding: 7px 0 7px 36px!important;
	background: url(/dl/img/icon/icon-wakaba.png) left top no-repeat;
}

/*メールアイコン*/
.mail{
	padding: 0 0 0 36px!important;
	background: url(/dl/img/icon/icon-mail.png) left top no-repeat;
}

/*PDFアイコン*/
.pdf{
	padding: 7px 0 7px 36px!important;
	background: url(/dl/img/icon/icon-pdf.png) left top no-repeat;
}

/*ZIPアイコン*/
.zip{
	padding: 7px 0 7px 36px!important;
	background: url(/dl/img/icon/icon-zip.png) left top no-repeat;
}

/*RSSアイコン*/
.rss{
	padding: 5px 0 5px 36px!important;
	background: url(/dl/img/icon/icon-rss02.png) left top no-repeat;
}

/*小さいRSSアイコン*/
.rss-mini{
	padding-left: 16px!important;
	background: url(/dl/img/icon/icon-rss-orange.png) left 5px no-repeat;
}

/*後ろにメールアイコン*/
.mail-back{
	padding: 0 34px 0 0!important;
	background: url(/dl/img/icon/icon-mail.png) right top no-repeat;
}

/*後ろにPDFアイコン*/
.pdf-back{
	padding: 10px 34px 10px 0!important;
	background: url(/dl/img/icon/icon-pdf.png) right top no-repeat;
}

/*後ろにZIPアイコン*/
.zip-back{
	padding: 10px 34px 10px 0!important;
	background: url(/dl/img/icon/icon-zip.png) right top no-repeat;
}

/*後ろにRSSアイコン*/
.rss-back{
	padding: 5px 26px 5px 0!important;
	background: url(/dl/img/icon/icon-rss02.png) right top no-repeat;
}

/*　リンク前にアイコン　*/
.link-icon{
	padding-left: 16px!important;
	background: url(/dl/img/icon/link.gif) left center no-repeat;
}

/*　MP3アイコン　*/
.mp3{
	padding: 7px 0 7px 36px!important;
	background: url(/dl/img/icon/icon-mp3.png) left top no-repeat;
}


/*------------------------------------------------------------
17、ノートのような線を引く
-------------------------------------------------------------*/

.noteline{
	display: inline!important;
	padding-bottom: 0.3em!important;
	border-bottom: 1px dashed #7070ba!important;
	line-height: 2.1em!important;
}


/*------------------------------------------------------------
バーの装飾（フォントを大きく）
-------------------------------------------------------------*/
.panel .panel-heading {
    font-size: 1.2em;
    font-weight: bold;
}


/*------------------------------------------------------------
Navigation
-------------------------------------------------------------*/
.sidebar-nav {
  width: 300px;
  position: absolute;
  float: left;
  border-top: none;
  border-left: none;
  margin: 0em;
}
.sidebar-nav ul {
  list-style: none;
  padding-left: 0px;
}
.sidebar-nav li a .fa-caret-right {
  color: #666;
  padding-right: .25em;
}
.sidebar-nav .nav-header {
  border-top: 1px solid #fcfcfc;
  border-bottom: 1px solid #abe8c0;
  background: #efeff0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0d1d8), color-stop(1, #fafafa));
  background: -ms-linear-gradient(bottom, #efeff0, #fafafa);
  background: -moz-linear-gradient(center bottom, #efeff0 0%, #fafafa 100%);
  background: -o-linear-gradient(bottom, #efeff0, #fafafa);
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#efeff0')";
  border-left: none;
  color: #444;
  display: block;
  font-weight: normal;
  font-size: 1em;
  line-height: 2.5em;
  padding: .25em .25em .25em 1em;
  margin-bottom: 0px;
  text-shadow: none;
  text-transform: none;
  /*Change the arrow direction if the item is collapsed*/

}
.sidebar-nav .nav-header .label {
  float: right;
  margin-top: .5em;
  margin-right: .25em;
  line-height: 1.5em;
}
.sidebar-nav .nav-header:hover {  /*2015-01-26*/
   background: #abe8c0;  
  /*
  background: #efeff0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efeff0), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #efeff0, #ffffff);
  background: -moz-linear-gradient(center bottom, #efeff0 0%, #ffffff 100%);
  background: -o-linear-gradient(bottom, #efeff0, #ffffff);
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#efeff0')";
  */
}
.sidebar-nav .nav-header.collapsed .fa-collapse::before {
  content: "▼";
}
.sidebar-nav .nav-header .fa-collapse::before {
  content: "";
}
.sidebar-nav .nav-header .fa-collapse,
.sidebar-nav .nav-header .fa-collapse {
  float: right;
}
.sidebar-nav .nav-header .label {
  float: right;
  margin-top: .7em;
  line-height: 1.5em;
}
.sidebar-nav .nav-header i[class*="fa-"] {
  line-height: 2.25em;
  padding-right: .75em;
}
.sidebar-nav >ul >li.active > a{  /*2015-01-26*/
   background: #e5e5ea;
}

.sidebar-nav .nav-list {
  margin: 0px;
  border: 0px;
  background: #fafafa;
}
.sidebar-nav .nav-list  > li > a:hover {
  background: #d8ecef;
}
.sidebar-nav .nav-list  > .active > a,
.sidebar-nav .nav-list  > .active > a:hover {
  text-shadow: none;
  background: #d8ecef;
  border-top: 1px solid #d0d0d6;
  border-bottom: 1px solid #d0d0d6;
}
.sidebar-nav .nav-list li:first-child.active a {
  border-top: 0px;
}
.sidebar-nav .nav-list li:last-child.active a {
  border-bottom: 0px;
}
.sidebar-nav .nav-list  > li:hover {
  border-left: 4px solid #accdcc;
  overflow: hidden;
}
.sidebar-nav .nav-list  > li:hover a {
  margin-left: -4px;
}
.sidebar-nav .nav-list  > .active {
  overflow: hidden;
  border-left: 4px solid #c6eceb;
}
.sidebar-nav .nav-list  > .active a {
  margin-left: -4px;
}
.sidebar-nav .nav-list  > .active > a:hover {
  background: #d8ecef;
}
.sidebar-nav .nav-list  > li > a {
  color: #222;
  padding: .5em 1em;
}
.sidebar-nav .nav-list  > li > a span {
  color: #0b6b79;
  margin-right: 5px;
}
 
.sidebar-nav .nav-list.collapse.in {
  border-bottom: 1px solid #ccc;
}