/*
Theme Name: Lightning G3 Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* 回答 */
.madonna-blue-back{ 
   color: #fff;
   background-color: #00608d;
}
/* 課題 */
.mauve-back { 
   color: #fff;
   background-color: #915da3;
}

/* fontawesome 色指定 */
.color0085BA { color: #0085BA; }
.colorf3981d { color: #f3981d; }

/* リスト指定 */
/* ul,li#noindx {
  margin:0;
  padding:0;
}
#no-ul-indx{
  margin-left:0.5em;
}
#no-li-indx{
  margin-top:1em;
  margin-bottom:0.5em;
  /* text-indent:-1.0em; */
}



/*見出しマーク*/
.new-kinou-icon {
  color: #ffffff;
  background: #00afcc;
}

.benri-kinou-icon {
  color: #ffffff;
  background: #006a6c;
}

/* メタル風H4 */
.h4metal {
  position:relative;
  margin:30px 0 20px;
  padding:10px 10px 10px 30px;
  font:bold 1.2em Arial, Helvetica, sans-serif;
  color:#666;
  background:#ccc;
  border-top:#ccc solid 1px;
  border-right:#999 solid 1px;
  border-bottom:#999 solid 1px;
  border-left:#ccc solid 1px;
  text-shadow:1px 1px 0 rgba(255, 255, 255, 1);
  box-shadow:0 0 0 1px rgba(255, 255, 255, 0.5) inset;
  background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(220, 220, 220, 1.0)), color-stop(0.25, rgba(240, 240, 240, 1.0)), color-stop(0.30, rgba(235, 235, 235, 1.0)), color-stop(0.36, rgba(240, 240, 240, 1.0)), color-stop(0.50, rgba(235, 235, 235, 1.0)), color-stop(0.80, rgba(215, 215, 215, 1.0)), to( rgba(210, 210, 210, 1.0)) );
  background-image: -webkit-linear-gradient(top, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0) );
  background-image: -moz-linear-gradient(top, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0) );
  background-image: -o-linear-gradient(top, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0) );
  background-image: linear-gradient(to bottom, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0) );
}

.h4metal:before {
  content:" ";
  position:absolute;
  top:0;
  left:15px;
  width:0;
  height:100%;
  border-left:#ccc solid 1px;
}

.h4metal:after {
  content:" ";
  position:absolute;
  top:0;
  left:16px;
  width:0;
  height:100%;
  border-right:#eee solid 1px;
}

/* ロールオーバーによる透過 */
a img {
   border:none;
   verticle-align:top;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

a:hover img {
  opacity: 0.7;     /* 透過レベル(1がorg) */
  filter: alpha(opacity=80);
}

/* 回り込みdiv設定 */
p.ttls { font-weight: bold; }
p.keep { overflow: auto; }
.clear { clear: both;
  width:100%; }

/* 文字の大きさ */
p.head {
 margin: 0 0 0.8em 0;
 font-size: 1.6em;
}

.normalh2{
  font-size:1.2em;
  line-height: 1.5;
  color: #fff;
  background-color: #9f166a;
  border: none;
  border-radius: 5px;
  margin: 0;
  padding:1em;
}

.capt-wrap{
  padding:.5em;
  background: #fff;
  margin-bottom: 2em;
  border-radius: 5px;
  border: 2px solid #666;
}
.capt03{
  float:left;
  margin: 0;
  height:70px;
  border: none;
  border-radius: 5px;
  padding:0.5em;
}
.capt01{
  float:left;
  margin: 0;
  height:70px;
  border: none;
  border-radius: 5px;
  padding:0.5em;
}


.capt02{
  overflow:hidden;
  /zoom:1;
}
.capt02h2{
  font-size:1.5em;
  height:70px;
  display: table-cell;
  vertical-align: middle;
  border: none;
  border-radius: 5px;
  /*border-bottom: 2px solid  #9f166a;*/
  background:none;
  padding:0 0 0 1em;
}



.container-sbox{
  overflow : hidden;
}

#sbox{
  width : 300px;
  border: 1px solid #4169E1;
  margin: 2% 1% ;
  padding : 5px;
  border-radius: 4px;
  float:left;
}
#sbox dl{
  height: 180px;
  margin:0 ;
  padding : 5px;
}
#sbox dl dt{
  padding : .5em;
  color:#fff;
  background-color:#337AB7;
  border-radius: 3px;
}
#sbox dl dd{
  font-size:1em;
  margin: 0 ;
  padding : .5em;
  border: none;
}


#mbox{
  width : 90%;
  border: 1px solid #cdcdcd;
  margin: 1em auto;
  padding : 0.5em;
  border-radius: 4px;
}
#mbox dl{
  margin:0 ;
  padding : 0;
}
#mbox dl dt{
  font-size:1.2em;
  font-weight:normal;
  padding : 0.8em;
  border-radius: 3px;
  border: none;
}
#mbox dl dd{
  font-size:1em;
  margin: 0 ;
  padding :1em 1.5em;
  border: none;
}


.fsmall { font-size: 0.8em; }

.h3wline{ 
  font:1.3em Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
  margin: 2em 0 1em 0;
  padding:1em;
  border-top: 1px solid  #CDCDCD;
  border-bottom: 1px solid  #CDCDCD;
}
.h3wline:after{ 
  border-bottom: none;
}

.ul-float-wrap{ 
  margin: 0 0 2em 0;
  padding:.5em;
  clear:both;
}

.li-float-r{ 
  float:left;
  height: 30px;
  margin: 10px;
  padding:.25em 1em;
  border: none;
  border-radius: 15px;
}

/* 事例のfloat */
.fl-pic{ 
  float:left;
  width:150px;
  padding:.5em;
}

.fl-txt{ 
  overflow: auto;
}
.fl-txt dl{
  margin: 0;
  padding:.5em;
}
.fl-txt dl dt{
  font:bold 1.1em Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
  padding-bottom:0.5em;
  border-left:none;
  border-bottom:2px solid #337AB7;
}
.fl-txt dl dd{
  border-left:none;
  margin: 0;
  padding:.15em .5em;
}

.txtbox-wrap{ 
  overflow: hidden;
  margin: 10px;
  padding:1em;
  border:1px solid #111;
}

/* clearfix */
.txtbox-wrap:before,
.txtbox-wrap:after {
    content: "";
    display: table;
}
 
.txtbox-wrap:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.txtbox-wrap {
    zoom: 1;
}

.cmt{ 
  padding:2em;
}
.cmt2{ 
  padding:0 1.5em;
}