@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */



@font-face {
  font-family: "Meiryo";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Meiryo";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Meiryo";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Meiryo";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Meiryo";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
  font-family: "Meiryo";
}





html{
	
        overflow:auto;
        height:100%;
}




body {
        width:100%;
        overflow:hidden;
     
       
}



body,div,h1,h2,h3,h4,h5,ul,li,p{
	margin:0px;
	padding:0px;

}

.wrap {
	overflow: hidden;
}

.cf{
	zoom:1;
}

.cf:before,.cf:after{
	content:"";
	display: block;
}

.cf:after{
	clear:both;
}



#header{
clear:both;
	position:relative;
	display:block;
	width:100%;

	background: #ffffff;

      	

}



.header{
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
       
}
	

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: auto;
	display: none;
	font-style: normal;

}


.top-sitename-first-part{
	display:none;
}



/**/
.top-subtitle {
	font-family: "Meiryo";
	font-size: small;
	font-weight:100;
	color: #000000;
	text-align: center;
	padding-top: 2%;
}

.top-title {
	font-family: "Meiryo";
	font-size: 1.2em;
	font-weight:500;
	color:#000000;
	text-align: center;
	line-height: 1.8em;
}


.top-ad {
	font-family: "Meiryo";
	font-size:0.9em;
	color: #000000;
	letter-spacing: 0px;
	line-height: 1.5em;
	text-align: center;
	
	
}

.top-text {
	font-family: "Meiryo";
	font-size: 0.9em;
	color: #000000;
	line-height:1.5em;
	text-align: center;

}

#LayoutDiv3 {
	clear: none;
	float: right;
	margin-left: 0;
	width: 100%;
	display: none;
}

#LayoutDiv4 {
	clear: both;
	width: 100%;
	height: 48px;
	margin:0;
	padding-bottom:0;
	display: block;
	position:relative;
}





#LayoutDiv5 {
	clear: both;
	margin-top:0;
	margin:0;
	padding:0;
	width: 100%;
	display: block;

}

#LayoutDiv5 img{
	margin-top:-2%;
}


#section{
	clear:both;
	display:block;
	width:100%;
	margin:0 -500%;
	padding:0 500%;
     


}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
       
}



#LayoutDiv6 {
	clear: both;
	float:left;
	margin-top: 10px;
	margin-left: 0;
	width: 100%;
	display: none;
}


#LayoutDiv7 {
	margin-top:10px;
	margin-left:0;
	width: 100%;
　　display:block;


}

/*藤沢市で弁護士をお探しの方へ*/




.area-main-inner{
	display:block;
	margin:0;
	padding: 0;
}

.area-main-inner-news{
        width:80%;
        margin-top:2%;
        margin-left:5%;
        
        border:solid 1px #800000;
        border-radius:10px;
        padding:2%;
        font-family:"meiryo";
        font-weight:150;
        font-size:1.2em;
        color:#800000;
        line-height:1.5em;
}

h1{
	font-family:"Meiryo";
	font-weight:200;
	font-size:1.3em;
	letter-spacing:-3%;
	color:#000000;
	text-indent: 2%;
	line-height: 1.2em;
	border-left:solid 5px;
	margin-top: 5%;
	margin-left: 0;
	position:relative;
}

.area-main-inner-text,.area-main-inner4-text{
	margin: 5%;
	font-size: 90%;
	letter-spacing:-3%;
	line-height: 1.5em;
	margin-bottom: 0 5%;

}




/*藤沢法律事務所の特徴　法律相談  業務　　　共通　*/

.area-main-inner2{
	clear:both;
	display:block;
	width:100%;
	height:100%;
	margin-bottom:5%;
	padding-bottom:5%;
}
	

.area-main-inner3,.area-main-inner4{
	clear:both;
	display:block;
	width:100%;
	height:100%;
    margin:0;
	padding-bottom:5%;
	
}

.area-main-inner2-title2,.area-main-inner3-title3,.area-main-inner4-title4{
	margin: 0;
	width: 100%;
	height: 30px;
display: flex;
	align-items: center;

	border-bottom-color:#006900;
	margin-right:0;
    border-bottom-style:ridge;

}

.area-main-inner2-title2 h2,.area-main-inner3-title3 h2,.area-main-inner4-title4 h2{
	font-family:"Meiryo";
	font-weight:500;
	font-size: 1.2em;
	letter-spacing:-20%;
	line-height:1.2em;
	color:#006900;
	text-align:left;
	margin-top: 5px;
        padding-left:2%;

}

.area-main-inner5-com{
	width:100%;
}


.right{
padding-bottom:20px;
}


/*　以下　　特徴*/

.area-main-inner2-pecu{
	clear:both;
	display:block;
	height:100%;
}

	
.area-main-inner2-text2{
	clear:both;
	width:100%;
	height:100%;
	margin:10px auto;
	padding-top: 5px;
	display:block;
		
}	

.area-main-inner2-subtitle{
	font-family:"Meiryo";
	color:#033;
	font-size:1.2em;
	font-weight:700;
	text-align:left;
	letter-spacing:-5%;
	width:100%;
	line-height:2em;
	clear:both;
	display:inline-block;


}

.sub-text{
	display:inline-block;
}

.area-main-inner2-com{
	width:100%;
	height:100%;
	margin:0;
	padding-bottom:5px;
	padding-top:5px;
}

.com-text{
	margin:0 auto;
	padding-left: 5%;
	padding-right:5%;
	font-size:1em;
	line-height:2em;
}



.area-main-inner2-com img{
	display:block;
	margin: 0 auto;
}
/*↑特徴　　　ここまで*/




/*　以下　法律相談*/




.area-main-inner3-title3-combox{
	display:block;
	width:90%;
	margin:5%;
	font-size:1em;
	line-height: 2em;
}

.list{
	display:block;
	width:84%;
	margin-top: 5%;
	margin-left:8%;
	margin-right:8%;
}

.area-main-inner2-title2-combox-list {
  position: relative;
  list-style:none;
  line-height: 2em;
text-align:left;
}

.area-main-inner2-title2-combox-list:after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 7px;
  height: 7px;
  background-color:#121280;
  border-radius: 100%;
  box-shadow:#999; 
}
	



.area-main-inner3-subtitle3{
	font-size:1.2em;
	text-align:left;
	margin-left:5%;
	color:#121280;
	border-left: double 5px #121280;
}

.area-main-inner3-com3{
	width:100%;
	margin:0 5%;
	display:block;
	text-align:left;
	margin-top:-5px;
	padding:0;
	
}

.com-text3{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
	text-align:1.8em;
	letter-spacing:-5%;
	
}

#com-tel{
        font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.5em;
	font-weight:bolder;
	line-height:1.8em;
	color:#121280; 
        text-decoration:none;
}

#com-img{
	width:90%;
	margin: 5%;
}
	
.area-main-inner3-title3-combox img{
	margin:0 auto;
	text-align:center;
}

.com-inter a{
	 color:#f48e15;
	 font-size:1.1em;
         line-height:2em;
	 text-decoration:none;
}


	

.com-inter a:hover{
	color:#60AFFF;
}
	





/*業務一覧*/


.box-inner-wrap{
	display:block;
	width:100%;
	height:100%;
	margin:15px 0;
}


#box{
	width:90%;
	height:80px;
	margin: 1% auto;
	padding:5%;
	background-image:url(../img/th-bk2.fw.png);
	background-repeat:no-repeat;
	-moz-background-size:100% 100%;
    background-size:100% 100%;
	display:inline-block;
	border: 1px solid #c4c1c1;
	position:relative;
}

.box-img{
	float:right;
	width:30%;
	margin:0 5%;
	text-align:left;
}

.box-text{
	float:left;
	width:60%;
	margin: 0 auto;
	padding-top: 5px;
}

.box-title{
	color:#006900;
	font-size:1.1em;
	text-align:left;
text-indent:0.3em;
	border-bottom: dotted 1px #696969;
        border-left:solid 3px #006900;
}

.box-com{
	padding-top:5px;
	font-size:0.9em;
	text-align:left;
}

#box a{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

/* 以下マウスを載せたときのスタイル */
#box a:hover{
  text-decoration: none;
  opacity: 0.25;
  background-image:url(../img/th-bk2.fw.png);
	background-repeat:no-repeat;
	-moz-background-size:100% 100%;
    background-size:100% 100%; 
color:#56ba05;
}


.area-main-inner-title-service h2{
	font-family:"Meiryo";
	font-weight:200;
	font-size:1.1em;
	letter-spacing:-3%;
	color:#F90;
	text-indent: 2%;
	line-height: 1.2em;
	border-left:solid 5px;
	margin-top: 5%;
	margin-left: 0;
}	

<!--ここからfooter-->


	
	
	
#LayoutDiv8 {
	clear:both;
	float:none;
	margin-left: 0 ;
	width: 100%;
	display:block;
}

.area-gnav{
	width:100%;
	height:100%;
	margin:0 -500%;
	padding:0 500%;
	display:block;
       
}



#footer-gnav{
	width: 100%;
	display:block;
background-image:url(../img/gnavback.fw.png);
	background-repeat:repeat;
	-moz-background-size:100% 100%;
    background-size:100% 100%;
	margin: 0 -500%;
	padding: 0 500%;

}

#footer-gnav li{
    width:50%;
	height:44px;
	float:left;
	
  }

#footer-gnav li a{
  display: block;
  padding-top: 10px;
  color: #006900;
  text-align: center;
  text-decoration: underline;
  padding-top:15px;
  padding-bottom:15px;
}

#footer-gnav li a:hover{
   color: #56ba05;
}

#footer{ 
	clear:both;
        position:relative;
	display:block;
	width:100%;
	margin:0  -500%;
	padding:0 500%; 
	background:#006900;
	/* -webkit-gradient(linear, 開始位置, 終了位置, from(開始色), color-stop(位置, 途中色), to(終了色) */
background: -webkit-gradient(linear, left top, left bottom, from(#006900), color-stop(80%, #008700), to(#009c00));
/* linear-gradient(to 終了位置, 開始色, 途中色 位置, 終了色) */
background: linear-gradient(to bottom, #006900, #008700 80%, #009c00);/*元の色#ead7a4, #f5deb3 30%, #f3f3f3*/
behavior: url(“PIE.htc”);


}
	



.footer{
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	width: 87.36%;
        max-width:480px;
	padding-left: 1.82%;
	padding-right: 1.82%;
       
}



#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	margin:10px 0;
	padding-top:10px;
	padding-bottom:10px;
	display: block;
}


	
.company-text{
	font-family:"Meiyo";
	font-weight: 200;
	font-size:0.8em;
	text-align: center;
	color:#ffffff;
}

.company-text1{
	font-family:"Meiyo";
	font-weight: 500;
	font-size:1.3em;
	text-align:center;
	color:#ffffff;
}

.area-footer-left-ad{
	text-align: center;
        font-size:0.8em;
	line-height: 1em;
	padding-top:5px;
	color:#ffffff;
}

.area-footer-left-trance{
	display:none;
}

#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display:none;
}


#LayoutDiv11 {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:10px;
	width: 100%;
	display: block;
}

.area-footer-right{
	width:100%;
	margin:0;
	
}





.area-footer-right-img{
	clear: none;
	float: left;
	/*width:20%;*/
	margin:0;
	padding:0;

}

.area-footer-right-telbox{
	width:100%;
	margin-left:25%;
	padding:0;

}


.area-footer-right-teltext1{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#fff787;
}
	

#area-footer-right-tel{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.1em;
	letter-spacing:-10%;
	font-weight:bold;
	padding-top:5px;
	color:#fff787;
        text-decoration:none;
}
	
.area-footer-right-text{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.8em;
	letter-spacing:-5%;
	padding-top:5px;
	color:#ffffff;
}

.css-button{
	padding:2%;
	font-size:1em;
	text-decoration:none;
        font-weight:bild;
        color;#F47A0B;
        text-decoration:none;
	
}

.css-button:hover{
	color:#60AFFF;
	text-decoration:underline;
}



 
#LayoutDiv12 {
	clear: both;	
	margin:10px 0;
	padding:5px 0;

	

}

.c-text{
	font-size:0.7em;
	text-align:center;
	letter-spacing:-10%;
color:#ffffff;

}


.tip{
	padding-left:0;
}



/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 481px) {
.header{
	width: 90.675%;
	max-width:768px;
	padding-left: 1.1625%;
	padding-right: 1.1625%;

}

html{
	
        overflow:auto;
}

body {
        width:100%;
        overflow:hidden;
     
       
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	padding:0;
	width:100%;
	display: block;
	
}

.top-sitename-first-part{	
	display:block;
	width: 100%;
	height:20px;
	background:#006900;
	margin: 0 -500%;
	padding: 0 500%;
}

.top-sitename-text{
	font-size:0.7em;
	letter-spacing:-10%;
	line-height:1em;
	color: #FFF;
	text-align: left;
	padding-top:5px;
	padding-left: 5px;
	width: auto;
	height: 15px;
}




#LayoutDiv2 {
	clear: none;
	float: left;
	margin:0;
	width: 61.5384%;
	display: block;
	
}


.top-subtitle {
	font-family: "Meiryo";
	font-size: 0.8em;
	color:#000000;
	text-align: left;
	padding-top: 15px;
}
.top-title {
	font-family: "Meiryo";
	font-size: 1.2em;
	font-weight: 300;
	font-variant: normal;
	color: #000000; 
	text-align: left;	
	line-height: 35px;
}
.top-ad {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.7em;
	color: #000000; 
	letter-spacing: -30%;
	line-height: 15px;
	text-align: left;
	padding-top:3px;
	padding-bottom:3px;
	
}
.top-text {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.7em;
	color: #000000; 
	text-align: left;
	padding-top:3px;
	padding-bottom:3p;
}


#LayoutDiv3 {
	clear: none;
	float: left;
	width: 38.4615%;
	margin:0;
	padding:5px 0 0 0;	
	display:block;
	
}

.top-inner2{
	font-family:"Meiryo";
	margin:0;
	padding:0;
	display:block;
}


.top-inner2-title{
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
	padding-top:10px;
	padding-right:10px;
	text-align:right;

}

#top-inner2-tel{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2em;
	color:#121280;
	padding-right:10px;
	text-align:right;
        text-decoration:none;

}
.top-inner2-text{
	font-size:1em;
font-weight:bold;
	padding-right:10px;
    margin-bottom:10px;
	text-align:right;
}

.top-inner2-int{
	width:180px;
	height:30px;
	background:#121280;
	border-radius:10px;
	margin-top:2%;
	margin-left:30%;
	text-align:center;
	
	
}
.top-inner2-int a{
	color:#fff;
	font-size:0.9em;
	line-height:30px;
	text-decoration:none;
}

.top-inner2-int a:hover{
	text-decoration:underline;
	color:#fff787;
}
	
	
#LayoutDiv4 {
	clear: both;
	width: 100%;
	height:44px;
	margin:0;
	padding:0;
	display:block;
}

#menu-box{
	width:100%;
	margin: 0 -500%;
	padding: 0 500%;
        color:#ffffff;
	/* -webkit-gradient(linear, 開始位置, 終了位置, from(開始色), color-stop(位置, 途中色), to(終了色) */
background: -webkit-gradient(linear, left top, left bottom, from(#006900), color-stop(80%, #008700), to(#009c00));

/* linear-gradient(to 終了位置, 開始色, 途中色 位置, 終了色) */
background: linear-gradient(to bottom, #006900, #008700 80%, #009c00);/*元の色#ead7a4, #f5deb3 30%, #f3f3f3*/
behavior: url(“PIE.htc”);
}



#dropmenu-box{
 display:none;
}


#LayoutDiv5 {
	clear: both;
	float: left;
	margin-top:0;
	margin-left: 0;
	width: 100%;
	display: block;
}

#LayoutDiv5img{
	margin-top:0;
}


.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	margin-bottom:5%;
	overflow:hidden;

}



#LayoutDiv6 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 23.0769%;
	height:100%;
	background:#f3f3f3;
	display: block;
	padding-bottom:32768px;
	margin-bottom:-32768px; 
}

.area-side-left{
	width:100%;
	padding:5% 0;
}	

.area-side-left-inner1,.area-side-left-inner2,{
	width:96%;
	margin:0 auto;
	
}




.area-side-left-inner-box{
	width:96%;
	margin-top: 5%;
	margin-left: auto;
	margin-right:auto;
	padding-bottom:0;
	border: 1px solid #006900;
	background:#FFF;
	border-radius: 6px 6px 0 0;
}

.area-side-left-title1{
	text-align:center;
	line-height:1em;
	margin: 0;
	padding:5px 2px;
	background:#006900/*#f8b862*/;
	/* -webkit-gradient(linear, 開始位置, 終了位置, from(開始色), color-stop(位置, 途中色), to(終了色) */
background: -webkit-gradient(linear, left top, left bottom, from(#006900), color-stop(80%, #008700), to(#009c00));

/* linear-gradient(to 終了位置, 開始色, 途中色 位置, 終了色) */
background: linear-gradient(to bottom, #006900, #008700 80%, #009c00);/*元の色#ead7a4, #f5deb3 30%, #f3f3f3*/
behavior: url(“PIE.htc”);
/*	background:#808080#ffa347;*/
}

.area-side-left-title1 h3{
	font-size: 1em;
	text-shadow:#666;
	color:#FFF;
}

.area-side-left-box-wrap{
	height:auto;
	padding:0 auto;
}
.area-side-left-box-img{
	width:88%;
	border: 2% solid #CCC;
	margin:5% auto;

}

.area-side-left-box-text{
	width:100%;
	margin:0;
	padding-top:5px;

}



.area-side-left-box-com{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
	text-align:center;
    padding-bottom:5px;
	
}

#area-side-left-box-bold{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.1em;
	font-weight:bolder;
	color:#121280;
display: flex;
align-items: center;
justify-content: center;
	text-align:center;
        text-decoration:none;
}

.area-side-left-box-com1{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
	line-height:1.2em;
display: flex;
align-items: center;
justify-content: center;
	padding:5px 0 5px 5px;
	

}
.area-side-left-box-com11{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.1em;
        font-weight:bold;
	line-height:1.2em;
display: flex;
align-items: center;
justify-content: center;

	padding:5px 0 5px 5px;
        color:#ff8c00;
}
.area-side-left-box-int{
	width:100%;
	margin:5% auto;
        font-size:0.9em;
display: flex;
	align-items: center;
	justify-content: center;
        
}

.area-side-left-box-int a{
	text-align:center;
	padding: 0 auto;
	color:#006900;
        font-size:1.2em;
        font-weight:bold;
	text-decoration:none;
	padding:5px 0 5px 10px;
text-align:center;
}

area-side-left-box-int a:hover{
	color:#60Afff;
}
	
.area-sidemenu-box{
	width:95%;
	height:100%;
	margin: 2%;
	padding-bottom:0;
	border: 1px solid #006900;
	background:#FFF;
	border-radius: 6px 6px 6px 6px;

}

.area-sidemenu-inner-first,.area-sidemenu-inner-middle,.area-sidemenu-inner-fin{
	text-align:center;
	line-height:1.2em;
	margin:0;
	padding:5px;
	/*background:#808080#ffa347*/
	background:#006900;
	/* -webkit-gradient(linear, 開始位置, 終了位置, from(開始色), color-stop(位置, 途中色), to(終了色) */
background: -webkit-gradient(linear, left top, left bottom, from(#006900), color-stop(80%, #008700), to(#009c00));

/* linear-gradient(to 終了位置, 開始色, 途中色 位置, 終了色) */
background: linear-gradient(to bottom, #006900, #008700 80%, #009c00);/*元の色#ead7a4, #f5deb3 30%, #f3f3f3*/
behavior: url(“PIE.htc”);
	color:#FFF;
	font-size:0.9em;
	
}

#sidemenu li{
	width:100%;
	height:44px;
	margin:0;
	padding:0;
	list-style:none;
	background:#fffff;
}


#sidemenu li a{
	font-family:"Meiryo";
	font-size:1em;
	line-height:44px;
	color:#000000;
	text-decoration:none;
	padding-left: 5px;
}

#sidemenu li a:hover{
	text-decoration:underline;
        color:#006900;
}

	
.area-side-left-box-com2{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
	line-height:1.2em;
	padding:5px 0 5px 5px;
	
	
}


#LayoutDiv7 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 74.3589%;
	padding-bottom:32768px;
	margin-bottom:-32768px; 
	
	
}
.area-main-inner{
	width:100%;
	margin:0;
	clear:both;
	display:block;
}

h1{
	width:100%;
	height:1.5em;
	font-size:2em;
	font-weight:300;
	vertical-align:sub;
}


.area-main-inner-text,.area-main-inner4-text{
	margin:5%;
	font-size:1em;

	
}

/*ipad用　　特徴　スタイル　　↓*/

.area-main-inner2{
	clear:both;
	display:block;
	width:100%;
	margin-bottom:5%;
	padding-bottom:5%;
}


.area-main-inner3{
	clear:both;
	display:block;
	width:100%;
	height:100%;
	padding-bottom:5%;
}
	
.area-main-inner2-title2,.area-main-inner3-title3,.area-main-inner4-title4{
	clear:both;
	margin: 0;
	width: 100%;
	height: 35px;
	margin-top:5%;
display: flex;
align-items: center;
	/*background-color:#ffffff#9ebed6#E1FFFF;*/
	border-bottom-color:#006900;
	border-bottom-style:ridge;
	
}

.area-main-inner2-title2 h2,.area-main-inner3-title3 h2,.area-main-inner4-title4 h2{
	font-family:"Meiryo";
	font-size: 1.6em;
	color:#006900;
	text-align:left;
	margin-top: 5px;
	padding-left:5px;

}


.area-main-inner2-subtitle{
	clear:both;
	font-size:1em;
	text-align:left;
	margin-top:5%;
	margin-left:5%;

}

.clear{
	clear:both;
}
	

.area-main-inner2-com{
	width:90%;
	margin-left:5%;
	
}

.com-text{
	font-size:1em;
	line-height:1.6em;
	margin-left:0;
	padding:0 5px 0 0;
}

.right{
	width:30%;
	float:right;
	padding-left:15px;
        padding-bottm:0;
}


.area-main-inner-title-service h2{
		font-family:"Meiryo";
	font-weight:200;
	font-size:1.6em;
	
}

	
/*特徴ここまで*/


/*ipad用　3カラム　業務*/




#box{
	width:44%;
	height:90px;
	margin-left:0;
	margin-right:1%;
	padding:2%;
	background-image:url(../img/th-bk2.fw.png);
	background-repeat:no-repeat;
	-moz-background-size:100% 100%;
    background-size:100% 100%;
	display:inline-block;
	border: 1px solid #c4c1c1;
}

.box-img{
	float:right;
	width:30%;
	margin:0 5%;
	text-align:center;
}

.box-text{
	float:left;
	width:60%;
	margin: 0 auto;
	padding-top: 5px;
}

.box-title{
	color:#006900;
	font-size:1.2em;
	text-align:left;
text-indent:0.3em;
	border-bottom: dotted 1px #696969;
        border-left:solid 3px #006900;
}

.box-com{
	font-size:1em;
	text-align:left;
}



.area-main-inner-title-service h2{
	font-family:"Meiryo";
	font-weight:600;
	font-size:1.5em;
	color:#F90;
	text-indent: 2%;
	line-height: 1.8em;
	border-left:solid 5px;
	margin-top: 5%;
	margin-left: 0;
}	



.area-main-inner3-subtitle3{
	font-size:1.2em;
	text-align:left;
	margin-left:5%;
	color:#121280;
	border-left: double 5px #121280;
}

.area-main-inner3-com3{
	width:90%;
	margin:0 5%;
	display:block;
	text-align:left;
	margin-top:-5px;
	padding:0;
	
}


/*ここから法律相談*/
.com-text3{
	font-size:1.1em;
	letter-spacing:-5%;
	
}

#com-tel{
	font-size:1.5em;
	font-weight:bolder;
	line-height:1.8em;
	color:#121280; 
}

/*#com-img{
	display:none;
}*/

/*ここからフッター*/


.footer{
	width: 90.675%;
	max-width:768px;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear:both;
}


/*ipadフッターナビ*/

#LayoutDiv8 {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;
	height:35px;
	display: block;
}



.area-gnav{
	width:100%;
	display:block;
}



#footer-gnav{
	width: 100%;
	height:35px;
	display:block;
	background:#f7f5e6;
	margin: 0 -500%;
	padding: 0 500%; 

}

#footer-gnav ul{
	clear:both;
	display:inline-block;

}

#footer-gnav li{
	width:14.2%;
	float:left;
	margin: 0;	
  }

#footer-gnav li a{
  font-size:0.8em;
  line-height:1em;
  letter-spacing:-10%;
  display: block;
  color: #006900;
display: flex;
align-items: center;
justify-content: center;
  /*text-align: center;*/
  text-decoration: none;

}

#footer-gnav li a:hover{
   color: #56ba05;
   text-decoration:underline;
}


	


#LayoutDiv9 {
	clear: both;
	float: left;
	margin-top:0;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}

.area-footer-left{
	width:100%;
	margin:0;
}

.company-text{
	font-size:1em;
	text-align: left;
	color:#ffffff;
}

.company-text1{
	font-size:1.5em;
	font-weight:600;
	text-align:left;
	color:#ffffff;
}

.area-footer-left-ad{
	text-align: left;
        font-size:1em;
	line-height: 1.2em;
	letter-spacing:-5%;
	margin-top:5px;
	padding-top:5px;
	color:#ffffff;
}

.area-footer-left-trance{
    font-family: "Meiryo";
	display:block;
	text-align:left;
	line-height:1.2em;
	font-size:0.8em;
	margin-top:5px;
	padding-top:5px;
	color:#ffffff;
}



/*#LayoutDiv10 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}

.area-footer-center-map{
	width:100%;
	margin:5% 0;
}*/

iframe{
	width:100%;
	height:160px;
}
	

#LayoutDiv11 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 58.9743%;
	display: block;
}

/*.area-footer-right{
	width:100%;
	height:100%;
	margin:0;
}*/



.area-footer-right-telbox{
	width:90%;
	margin-left:10%;
	padding:0;
}


#LayoutDiv12 {
	clear: both;
	float: left;
	margin: 0 -500%;
	padding:0 500%;
	width: 100%;
	display: block;
}

.area-footer-last{
	width:100%;
	height:20px;
	margin:0 -500%;
	padding: 0 500%;
	font-family:"メイリオ";
	font-size:1.2em;
	font-weight:200;
	text-align:center;
	line-height:1em;
	background:#f3f3f3;

}
.c-text{
     color:#000000;
}

}
/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
	

html{
	
        overflow:auto;
}

body {
        width:100%;
        overflow:hidden;
}
  
  
.header{
	width: 88.2%;
	max-width: 960px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;

}
	

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.top-sitename-first-part{
	width:100%;
	height:20px;;
}

.top-sitename-text{
	font-size:0.9em;
	line-height:1em;
}


#LayoutDiv2 {
	clear: none;
	float: left;
	margin-left: 0;
	margin-top:1%;
	width: 48.9795%;

}

.top-subtitle {

	font-size: 1em;
	color: #000000;/*#630*/
	text-align: left;
	padding-top:10px;
}
.top-title {
	font-family:"Meiryo";
	font-size: 1.5em;
	font-weight: 500;
	font-variant: normal;
	color: #000000;/*#630*/
	text-align: left;
	line-height: 1.2em;
}
.top-ad {

	font-size: 1.1em;
	color: #000000;/*#630*/
	letter-spacing: 0px;
	line-height: 1em;
	text-align: left;
	vertical-align: inherit;
}
.top-text {

	font-size: 1.1em;
	color: #000000;/*#630*/
	text-align: left;

	padding:0%;
}

#LayoutDiv3 {
	clear: none;
	float: right;
	margin-left: 2.0408%;
	margin-top:1%;
	margin-bottom:1%;
	width: 48.9795%;

}

.top-inner2{
	width:90%;
	margin:0 auto;
	display:block;
}


.top-inner2-title{

	color:#000000;/*#630*/
	padding-top:10px;
	padding-right:10px;
	text-align:right;
	letter-spacing:10%;

}

.top-inner2-tel{
	font-size:2.2em;
	font-weight:bolder;
	line-height:1.2em;
	color:#2964c1;
	padding-right:10px;
	text-align:right;

}
.top-inner2-text{
	font-size:1em;
	padding-right:10px;
    margin-bottom:10px;
	text-align:right;
}

.top-inner2-int{
	margin-left:55%;
}
	





#LayoutDiv4 {
	clear: both;
	margin:0 -500%;
	padding: 0 500%;
	width: 100%;
	display: block;
}


#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}

#LayoutDiv5 img{
	zoom: 100%;
	
}


	
.gridContainer {
	width: 88.2%;
	max-width: 960px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin-bottom:2%;
	overflow:hidden;

}


#LayoutDiv6 {
	clear: none;
	float: left;
	margin-top:3%;
	margin-left: 0;
	width: 18.3673%;
	display: block;

}

#area-side-left-box-bold{
	font-size:1.4em;
	
}

#sidemenu li a{
	font-size:1.1em;
}

#LayoutDiv7 {
	clear: none;
	float: right;
	margin-top:3%;
	margin-left: 0;
	width: 79.5918%;

}

.area-main-inner,.area-main-inner2,.area-main-inner3,.area-main-inner4{
	width:100%;
	margin-left:0;
	margin-right:0;
}

/*h1{
   font-size:2.5em;
   font-weight:200;
   text-indent: 10px;
	margin-top: 5%;
	margin-left:0px;

}*/

.area-main-inner-text,.area-main-inner4-text{
	margin: 15px;
	font-size: 1.2em;
	line-height: 2em;

}


/*藤沢法律事務所の特徴　法律相談  業務　　　共通　*/

.area-main-inner2{
	clear:both;
	display:block;
	width:100%;
	height:100%;
	margin-bottm:5%;
	padding-bottom:5%;
}
	

.area-main-inner3,.area-main-inner4{
	clear:both;
	display:block;
	width:100%;
	height:100%;
    margin:0;
	padding-bottom:5%;
	
}

.area-main-inner2-title2,.area-main-inner3-title3,.area-main-inner4-title4{
	margin: 0;
	width: 100%;
	height: 50px;
display: flex;
align-items: center;
	/*background-color:#ffffff#9ebed6#E1FFFF;*/
	border-bottom-color:#006900;

}

.area-main-inner2-title2 h2,.area-main-inner3-title3 h2,.area-main-inner4-title4 h2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.8em;
	line-height:1.8em;
	color:#006900/*#1a396b#60AFFF*/;
	text-align:left;
	text-indent: 10px;
	font-weight:600;
	margin-top: 5px;

}

/*↑　共通部分ここまで*/

/*　以下　　特徴*/

.area-main-inner2-pecu{
	clear:both;
	display:block;
	height:100%;
}

	
.area-main-inner2-text2{
	clear:both;
	width:100%;
	height:100%;
	margin:10px auto;
	display:block;
		
}	



.area-main-inner2-subtitle{
	clear:both;
	font-size:1.4em;
	text-align:left;
	margin-top:5%;
	

}

.clear{
	clear:both;
}
	



.com-text{
	font-size:1.2em;
}


/*↑特徴　　　ここまで*/




/*　以下　法律相談*/




.area-main-inner3-title3-combox{
	display:block;
	width:90%;
	margin:5%;
	font-size:1.2em;
	line-height: 2em;
}

.list{
	display:block;
	text-indent:5px;
	font-size: 1.2em;

}

.list ul li {
  position: relative;
  list-style:none;
  line-height: 1.5em;
}

.list ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 7px;
  height: 7px;
  background-color:#121280/*#F47A0B*/;
  border-radius: 100%;
  box-shadow:#999; 
}
	



.area-main-inner3-subtitle3{
	font-size:1.2em;
	text-align:left;
	margin-top:0;
	color:#121280/*#05A*/;
}

.area-main-inner3-com3{
	width:100%;
	display:block;
	text-align:left;
	margin-top:-5px;
	padding:0;
	
}

.area-main-inner3-com3 p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.com-text3{
	font-size:1em;
	line-height:1.8em;
	letter-spacing:0;
	
}

.com-tel{
	font-size:1.8em;
	font-weight:bolder;
	line-height:1.8em;
	color:#2964c1; 
}

.com-inter a{
	 color:#f48e15;
	 font-size:1.2em;
	 text-decoration:underline;
}

.com-inter a:hover{
	color:#f3bf88;
}
	

.com-inter a:hover{
	color:#60AFFF;
}
	


.area-main-inner-title-text-service{
	font-family:"Meiryo";
	font-weight:200;
	font-size:2.5em;
	
}
/*業務一覧*/


#box{
	width:44%;
	height:80px;
	margin-left:0;
	margin-right:1%;
	padding:2%;
	background-image:url(../img/th-bk2.fw.png);
	background-repeat:no-repeat;
	-moz-background-size:100% 100%;
    background-size:100% 100%;
	display:inline-block;
	border: 1px solid #c4c1c1/*#f8b876*/;
}

.box-img{
	float:right;
	width:30%;
	margin:0 5%;
	text-align:center;
}

.box-text{
	float:left;
	width:60%;
	margin: 0 auto;
	padding-top: 5px;
}

.box-title{
	color:#006900;
	font-size:1.4em;
	/*text-align:left;*/
       text-indent:0.3em;
	border-bottom: dotted 1px #696969;
        border-left:solid 3px #006900;
}

.box-com{
	font-size:1.1em;
	text-align:left;
}






/*ここからフッター*/

#LayoutDiv8 {
	clear: both;
	float: left;
	width: 100%;
    margin:0;
	display: block;
}
	
#footer-gnav li a{
	font-size:1em;
display: flex;
align-items: center;
justify-content: center;
}


#footer{
width:100%;
min-width:960px;
margin:0 -500%;
padding:0 500%;
}
	


.footer{
	width: 88.2%;
	max-width: 960px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin:auto;
	clear:both;
}


#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 47.95915%/*38.7755%*/;
	display: block;
}



.area-footer-left-company{
	width:100%;
	margin:0;
	padding-left:15px;
}


.company-text{
	font-size:1em/*1.2em*/;
}

.company-text1{
	font-size:2em;
	font-weight:500;
}

.area-footer-left-ad{
        font-weight:600;
	width:100%;
	margin-top:3%;
	padding-left:15px;
	font-size:1em;
}

.area-footer-left-trance{
	width:100%;
	font-size:1em;
	text-align: 1em;
	padding-left:15px;
}




/*#LayoutDiv10 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 18.3673%;
	display: block;
}


.area-footer-cennter-inner{
	width:100%;
	margin-top:20%;
}

.area-footer-center-map{
	width:100%;
	margin:0;
}*/

ifream{
	width:100%;
	height:100%;
}


#LayoutDiv11 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 47.95915%/*57.1428%38.7755%*/;
	display: block;
}

.area-footer-right{
/*	margin-top:3%;*/
	width:100%;
}

/*.area-footer-right-img{
	clear: none;
	float: left;
	width:20%;
	margin-right:5%;
	padding:0;

}*/

.area-footer-right-telbox{
	clear:none;
	float:right;
    width:100%/*75%*/;
	margin:0;
	padding:0;
    
}


.area-footer-right-teltext1{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#fff787/*#F47A0B*/;
}
	

#area-footer-right-tel{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.6em;
	font-weight:bold;
	padding-top:5px;
	color:#fff787;
}
	
.area-footer-right-text{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
	letter-spacing:-5%;
	padding-top:5px;
	color:#ffffff/*#630*/;
}

.css-button{
	font-size:1.1em;

}




#LayoutDiv12 {
	clear: both;
	float: left;
	margin: 0 -500%;
	padding:0 500%;
	width: 100%;
	display: block;
	
}

.area-footer-last{
	width:100%;
	height:15px;
	margin:0 -500%;
	padding: 0 500%;
	font-family:"メイリオ";
	font-size:1.2em;
	font-weight:200;
	text-align:center;
        line-height:1.2em;
	background:#f3f3f3;

}

body{
min-width:0px;
}

}