/* 幅いっぱいにする設定 */
.container {
  width: auto;
}

/* 幅いっぱいにする設定(IE8対応用) */
@media (min-width: 768px) {
    width: auto;
  }
}
@media (min-width: 992px) {
  .container {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .container {
    width: auto;
  }
}

/* 固定ヘッダー */

.navbar-fixed-top
{border-top-color: #787878; border-top-style: solid; border-top-width: 1px;}

/* 固定ヘッダー1 */
div#sub{
    height:26px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #6a6a6a;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #333;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.1) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}

/* 固定ヘッダー2 */
.navbar-inner{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #1d1d1d;
    background-image: url("../img/bg_header.png");
    background-origin: padding-box;
    background-position: 50% 0;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-top:solid 1px #787878 ;
    border-bottom:solid 1px red;
    height:38px;
    height:40px;/* bootstrap3 */
}

.navbar-inner .container{
height:39px;
}
.navbar-fixed-top .brand{
float:left;

}

div.navbar-collapse.collapse{float:right;}

.container-fluid{padding-top:35px;}

/* 固定ヘッダー ツール */
.iconbox{
float:right;
margin-top:-1px;
}

ul.navbar-nav{
margin-top:-3px;}

#sidebar.affix-bottom, #sidebar.affix {
    width: 263px;
}


/* Subnav */
.subnav {
  width: 100%;
 top:44px;
  height: 38px;
  background-color: #eeeeee; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
  border: 1px solid #e5e5e5;
box-shadow: 0 0 2px 0 #333;


}
/*
.subnav .nav {
  margin-bottom: 0;
}
*/
.subnav .nav > li > a {
  margin: 0;
  padding-top:    11px;
  padding-bottom: 11px;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
  padding-left: 13px;
  color: #777;
  background-color: #e9e9e9;
  border-right-color: #ddd;
  border-left: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
          box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
  border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
  border-left: 0;
  padding-left: 12px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
  border-right: 0;
}
.subnav .dropdown-menu {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.subnav .nav > li > a {padding-top:9px;padding-bottom:8px;}

form.navbar-form{
margin:0;
margin-top:4px;
}

.subnav ul.nav.nav-list li ul.nav.nav-list li {
overflow: hidden;
height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

.subnav ul.nav.nav-list li:hover > a{
  color: #333;

}

.subnav ul.nav.nav-list li ul {
  list-style: none;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

.subnav ul.nav.nav-list li:hover ul.nav.nav-list{
  background:#fbfbfb;

}

.subnav ul.nav.nav-list li ul.nav.nav-list li{
  width:100%;
}

.subnav ul.nav.nav-list li:hover ul.nav.nav-list li{
  overflow: visible;    
  height: 38px;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #006699;
}

/* アドセンス */
div.gad{
    padding:5px;
    text-align:center;
}
.nav-collapse{
float:right;
}

/* フッターデザイン */
#site_footer{
   background-attachment: scroll;
    background-clip: border-box;
    background-color: #333;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #fff;
    margin-top: 25px;
    padding: 30px 0 0 20px;
    text-shadow: 1px 1px 0 #333;
}

/* フッターテキストエリア */
div#footer_textbox{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #232020;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 1px 1px #000 inset;
    padding-bottom: 8px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 8px;
}

/* glossary */
.glossary {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: medium;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: medium;
    border-top-style: none;
    border-top-width: medium;
    color: #006565;
    cursor: help;
}

/* glossary popup */
#ajaxpopup{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFF;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #111;
    padding: 5px;
    position: absolute;
    text-align: center;
    z-index: 100;
}

html body div#popUpContainer div#ajaxpopup p{
marigin:0;
padding:0;}


/* SNSボタン（コンテンツ下） */
/* マーカーを使用しない設定（無くてもマーカーは表示されませんが念の為） */
.sns{ list-style-type:none; }
/* display:inline-block;を指定 */
.sns li{
    display:inline-block;
    margin-right:5px;
    vertical-align:bottom;
    *display: inline;   <!-- IE用のハック -->
    zoom: 1;        <!-- IE用の hasLayout を true にするための記述 -->
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

div#snsbox{
list-style-type: none;
background: none repeat scroll 0% 0% #EAEAEA;
float: right;
margin: 15px 5px;
padding: 5px;
border: 1px solid #CCC;
border-radius: 5px;
}

div.bread{
    margin-bottom: 18px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 7px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 10px;
}
textarea, input[type="text"], input[type="password"], select{
border-radius: 5px; /* 角を丸める */
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #ccc;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #ccc;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #ccc;
    border-top-style: solid;
    border-top-width: 1px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: rgba(82, 168, 236, 0.8);
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}

/* pcomment
----------------------------------------------------------------------------- */
ul.list1 li.pcmt{background:GreenYellow; border-radius: 5px; color: #333333;
padding: 10px; position: relative; margin:6px; box-shadow: 2px 2px 4px rgba(0,0,0,0.4); list-style-type: none; }
ul.list1 li.pcmt::after {border-top: solid 7px transparent; border-bottom: solid 7px transparent; border-right: solid 10px GreenYellow; left: -10px; content:"";display:block; height:0; top:50%; margin-top:-7px; position: absolute; width:0;
}
ul.list2 li.pcmt {color:#333333	;position: relative; background: GhostWhite; border: 2px solid GhostWhite; box-shadow: 1px 1px 2px rgba(0,0,0,0.4); list-style-type: none;}
ul.list2 li.pcmt:after, ul.list2 li.pcmt:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} ul.list2 li.pcmt:after { border-color: rgba(13, 213, 13, 0); border-left-color: GhostWhite; border-width: 10px; margin-top: -10px; }
ul.list2 li.pcmt:before { border-color: rgba(235, 245, 237, 0); border-left-color: GreenYellow; border-width: 13px; margin-top: -13px;}

div#body ul.list1 li span.new1 {
    background-color: transparent;
    color: red;
    font-size: x-small;
    padding-right: 5px;
}

/*　ページトップへ
----------------------------------------------------------------------------- */.pagetop {display: none;position: fixed;bottom: 10px;right: 0px;}
.pagetop a {display: block;background-color: #ccc;text-align: center;
color: #222;font-size: 12px;text-decoration: none;padding: 20px 10px;}
 
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}
#fixbox{
display: block;position: fixed;top: 250px;right: 0px;padding:0px;
list-style:none;}

.jumbotron p{background-color: #fefefe;opacity: 0.95;}