:root {
  --firstColor: #3793d8;
  --secondColor: #b0d6f0;
}
.clear{
	clear:both;
}

html {
  height: 100%;
}
body {
  height: 100%;
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
/* marginの-100px,paddingの100pxがfooterの高さ*/

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -100px;
  padding: 0 0 100px;
}
/*nav固定の分、padding-topをつける*/

#wrap > .container {
  padding: 10px 15px 0;
}
/* footer定義、高さを固定 */

#footer {
  height: 100px;
}
/*ここはデザイン */

#footer {
  border-top: 6px solid var(--secondColor);
  background-color: var(--firstColor);
  height: 140px;
}
#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
  margin: 20px 0;
}

.footer-text{
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.footer-nav li{
    list-style-type: none;
    float: left;
    padding: 8px 2%;
}
/* navバー用　各ページ共通 */

.navbar {
  background: var(--firstColor);
  border-radius: 0;
  margin: 0;
  border: 0;
  border-bottom:6px solid var(--secondColor);
/*  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  */
}
.navbar .navbar-nav > li > a {
  color: #fff;
}

.navbar .navbar-nav > li > a:hover {
  color: #ffd800;
}
/*.navbar-default: link, .navbar-default: visited, .navbar-default: active, .navbar-default: focus, .navbar-default: hover, {
  color: #ffd800;
}*/

.navbar-title a{
  color: #ffd800;
}
.navbar-title a:hover{
    color: #ffd800 !impotant;
text-decoration: none;
}

.navbar-default .navbar-toggle {
  border-color: var(--firstColor);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
/*.navbar-default .navbar-toggle: focus, .navbar-default .navbar-toggle: hover {
  background-color: #ffd800 !impotant;
}*/

.navbar-nav>li>a{
	padding-top:8px;
	padding-bottom:8px;
}
.logo{
margin-top:16px;
margin-bottom:16px;
}

/*うええ　各ページ共通*/
.gotop {
  position: fixed;
  right: 3%;
  bottom: 3%;
  opacity: 0;
}
.gotop a:hover, .gotop a:active, .gotop a:focus {
  text-decoration: none;
}
.gotop a i {
  color: #fff;
  font-size: 2.5em;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #333;
}


/*共通ｃｓｓ*/
.fodder-title{
     color: #fff;
}
.fodder-title a{
     color: #fff;
}
.fodder-title a:hover{
     color: #fff;
}
.maxwidth100{
    text-align: center;
    max-width: 100%;
}
.red
    color:#ff0000;
}
.tel a{
    padding: 0 2% 5px 2%; font-size: 1.5em; color: #fff; text-decoration:none;
}
}
.tel a:hover {
    color: #ffd800;
}
/*各ページのタイトル部分*/
.top-title-ue{
    background-color: #7a9136; height: 10px;
}
.top_title_waku{
    background-color:#253573;
    width: 100%;
    height:40px;
    color: #fff;
    padding: 10px 2% 20px 2%;
    margin: 0;
}
.top_title_text{
    padding: 0; margin: 0;
}
/**-----------------over------------------------*/
 /*------------------------イメージオーバー　白　--------------------------*/
a:hover .over {  
    opacity: 0.5;  
    filter: alpha(opacity=50);  
    -ms-filter: "alpha( opacity=50 )"; 
}

/********************************* トップページ ****************************************/
/** soudan **/
.soudan{
    margin: 10px 0;
    padding: 0 2%;
    border: 1px solid #ddd;
}

/** gyoumu **/
.gyoumu{
    margin: 30px 0;
    padding: 0;
float:left;

}
.gyoumu h3{
    margin:  0;
    padding: 0;
}
.gyoumu img{
    margin: 2px 0 2px 1%;
}

/** office **/
.office{
    margin: 30px 0;
    padding: 0;
}
.office h3{
    margin:  0 0 5px 0;
    padding: 0;
}

/*main image*/
.top_main_image{
	margin-top:16px;
	margin-bottom:8px;
}
/*-------------トップページ項目タイトル---------------------*/
.t_title_bg{
width:300px;
height:33px;
background-image: url(../img/t_title_bg.jpg);
margin:2px 0 2px 1%;
float:left;
}
.t_title_text{
margin-top:6px;
padding-left:26px;
font-size:18px;
font-weight:500;
float:left;

}
a .t_title_text{

color:#333;
text-decoration: none;
}
.double_line {
  display: inline-block;
  /*padding: 18px;*/
 /* box-shadow: 0 0 0 4px #db7093, 12px 12px 0 0 #fff, 12px 12px 0 4px #ffc0cb;*/
  padding:3px;
  box-shadow: 14px 14px 0 0 var(--secondColor), 14px 14px 0 5px var(--firstColor);
  float:left
}
/*-------------トップページ項目タイトル2---------------------*/
.h_title_wrap{
	margin-left:-10px;
	padding-bottom:6px;
	float:left;

}
.h_title{
	margin-top:8px;
	margin-left:22px;
	float:left;
}
.h_text{
	float:left;
}
/*-------------トップページ項目バナー---------------------*/
.h1_banner_bg {
    width: 100%;
    height: 48px;
    background-color: var(--firstColor);
    float: left;
    border-top: solid var(--secondColor) 8px;
}
.h1_banner_text {
    font-size: 24px;
    margin-top: 5px;
    margin-left: 12px;
    color: #fff;
    letter-spacing: 0px;
    float: left;
}
/*-------------トップページインフォメーション---------------------*/
.t_info_bg{
width:100%;
height:29px;
background-image: url(img/t_info_bg.jpg);
float:left
}
.t_info_bg_text{
color:#333;
margin-top:6px;
padding-left:21px;
font-size:18px;
font-weight:500;
float:left
}

.double_line_info {
  display: inline-block;
  /*box-shadow: 0 0 0 4px #db7093, 12px 12px 0 0 #fff, 12px 12px 0 4px #ffc0cb;*/
  box-shadow:10px 12px 0 1px #3793d8, 10px 12px 0 3px #fff, 10px 12px 0 4px #bcbcbc;
  padding:3px;
  float:left
}

/********************************* 取り扱い分野ページ ****************************************/
.bunya{
    margin: 10px 0;
    padding: 0 2%;
    border: 1px solid #ddd;
}

/********************************* 弁護士相談ページ ****************************************/
.soudan{
    margin: 10px 0;
    padding: 0 2%;
    border: 1px solid #ddd;
	float:left;
}

/********************************* 弁護士相談ページ メールの内容 ****************************************/
/*-------red line タイトル -------*/
.ueaki{ padding:80px auto 0px auto;}
.line_haiiro{
    width:100%; 
    background-color:#ccc; 
    height:1px; 
    margin:5px 0 6px 0;
}
.lebal_bottom_line{border-bottom:solid 2px #ff0000; line-height: 2.5em;} 
.red{ color: #FF0004; font-weight: 700;}
.yoyaku_hissu{background-color:#fb3f6c; color: #fff; padding: 2px ; border-radius: 5px; font-size: 0.6em; margin: 0;}
/*--------予約ページの点線---------------------------------------------------------------*/
.yoyaku_dotted{border-bottom:1px dotted #EDBCEA; margin:10px 0 20px 0; padding:10px;}


/*----------------------------- ボタン　サブミット　ページ　------------------------------------*/
.submit{
    display:inline-block;
    width:100%;
    font-size:1.4em;
    padding:15px 0;
    margin:15px 0px;
    background-color:#065E00;
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;border-radius:5px;        /* CSS3草案 */ 
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 5px;   /* Firefox用 */

}
.submit:hover{
    background-color:#0037CC;
    color:#FFFFFF;
}


input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}
textarea{ width:90%; font-size:1.5em;}



select{ font-size:1.5em;}

.form-group{ line-height:2em;}


/*-----チェックボックスの2段目のずれを治す--------------------------------*/
.checkbox-inline + .checkbox-inline {
	margin-left: 0px;
	margin-right: 10px;
}
/* 追加 */
.checkbox-inline:first-child {
	margin-right: 10px;
}

/*-----ラジオボタンの2段目のずれを治す--------------------------------*/
.radio-inline + .radio-inline {
	margin-left: 0px;
	margin-right: 10px;
}
/* 追加 */
.radio-inline:first-child {
	margin-right: 10px;
}

    /*----------------------------- 送信フォームの　ページ　------------------------------------*/
    /*------- 入力欄 -------*/
   /* input[type="text"] {
        font-size: 200%;
    }
    /*----------------------------- エントリーの　ページ　------------------------------------*/
  /*  .shimei{
        width:90%;
    }
    .add{
        width:90%;
    }
    .tel{
        width:90%;
    }
    .mail{
        width:90%;
    }







/********************************* 弁護士紹介ページ ****************************************/
.bengosi{
    margin: 10px 0;
    padding: 10px 2%;
    border: 1px solid #ddd;
}

/*****************************　info　*********************************************************/
#info{



   margin:10px 0;



   height:170px;



   overflow:auto;



   }







#info dt{



    float:left;



	widt