ul,li{
	list-style:none;
}
a{
	color:#333;
	text-decoration:none;
}

#wrapper {
	width: 100%;
	background:url(/common/img/bg_wrap.png) repeat;
}

#logo{
	display:block;
	float:left;
	width:238px;
	padding-top:20px;

}
#headerW{
	width:100%;
	background:url(/common/img/bg_head.jpg) repeat-x;
	height:133px;
}
#headerO{
	width:100%;
	background:url(/common/img/bg_headOther.jpg) repeat-x;
	height:160px;
}
header{
	width: 980px;
	margin:0 auto;
}
#doc{
	width:980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}
#mainCon{
	width:720px;
	float:left;
}
#mainS #mainCon{
	width:720px;
	float:left;
	margin-left:20px;
}
#topC {
	float:right;
}
#topC li{
	float:left;
	margin:0;
	padding:0;
}
#tnav{
}
nav li{
	float:left;
}

nav li a {
	text-decoration: none;

	color: #fff;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:0.9em;
	letter-spacing: 0.3em;
}
nav li{
	margin-left:70px;
}

nav li:first-child{
	margin-left:25px;
}
nav ul {
	list-style: none;
	padding-top:27px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/*----------------------------------------------------
トップページ部分
-----------------------------------------------------*/
.hf{
	width:160px;
	float:left;
	margin-right:16px;
	border:1px solid #666;
	background:#fff;
	padding:3px;
		height:1３０px;
		margin-bottom:15px;

}
.hfB{
	width:160px;
	height:1３０px;
	float:left;
	border:1px solid #666;
	background:#fff;
		padding:3px;

}
.hf h2,.hfB h2{
	color:#005638;
	border-bottom:1px solid #666;
	font-size:0.8em;
	padding:5px 0;
	text-align:center;
}
.hf p,.hfB p{
	font-size:0.8em;
	color:#333;
	line-height:1.7;
}
#contactBtn{
	margin-top:20px;
}
.mianCaption{
	border:1px solid #ccc;
	font-size:0.9em;
	padding:10px;
	line-height:2;
	background:#fff;
	margin:20px 0;
	text-align:center;
}
/*----------------------------------------------------
News and Topics部分
-----------------------------------------------------*/
#sideT{
	width:240px;
	float:right;
}
#news{
	background:#fff;
	margin-top:10px;
	border:1px #999 solid;
	margin-bottom:20px;
}
#news h2{
	border-left:３０px #005638 solid;
	border-bottom:1px  #005638 solid;
	padding:10px 0px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:normal;

}
#news dl{
	padding:10px 20px 10px 20px;
	font-size:0.8em;
}
#news dd{
	margin-bottom:15px;
	line-height:1.3;
	padding-bottom:2px;
	border-bottom:1px #333 dashed;
}
#news dt{
	margin-bottom:5px;
}
/*----------------------------------------------------
理念部分
-----------------------------------------------------*/
#rinen h2{
	margin:15px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2em;


}
#rinen p{
	padding:0 ３０px;
	font-size:0.9em;
	line-height:1.7;
}
/*-----------------------------------------
ぱんくず
------------------------------------------------*/
.breadcrumb{
	font-size:95%;
	color:#555;
	padding-top:20px;

}
.breadcrumb a{
	text-decoration:none;
	display:inline;
color:#005638;
padding-right:5px;

}

/*---------------------------------------
取扱分野　サイド
-------------------------------------------*/
#sideS{
	width:240px;
	float:left;
}

#sideBunya{
}
#sideBunya h2{
	background:#005638;
	color:#fff;
	padding:20px 0;
	text-align:center;
}
#sideBunya h3{
	background:#333;
	color:#fff;
	padding:10px 0;
	text-align:center;
}
#sideBunya li{
	background:#444444;
	padding:13px 0 13px 10px;
	border-bottom:1px solid #fff;
	color:#fff;
}
#sideBunya li a{
	color:#fff;
		font-size:0.85em;

}
#sideBunya ul{
	margin-bottom:20px;
}
#bunyaTop .hf {
	width:225px;
	margin-right:10px;
	height:180px;
	float:left;
}
#bunyaTop .hfB {
	width:220px;
	margin-right:0px;
		height:180px;
	float:left;

}
#bunyaTop .hf h2,#bunyaTop .hfB h2{
	color:#000;
	font-size:1em;
}
/*---------------------------------------
取扱分野　各項目
-------------------------------------------*/
.catCap{
	padding:10px;
	background:#005638;
	line-height:1.7;
	font-weight:normal;
	border:1px solid #999;
	margin:20px 0 20px 0px;
	color:#fff;
}
#bunyaCat h3{
	background:url(/common/img/tl_back.jpg) no-repeat;
	margin:10px 0;
	padding:23px 0 23px 60px;
	font-size:1.1em;
}
#bunyaCat h3.h3l{
		font-size:0.85em;
}
.tex{
	padding-top:20px;
	margin-bottom:20px;
	background:#fff;
}
.bunyaLi {
	margin-left:20px;
	background:#fff;
	line-height:1.7;
	font-size:1em;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	padding:10px;
}
#bunyaSetumei{
	width:700px;
	margin-left:20px;
	background:#fff;
}

#bunyaSetumei h4{
	background:url(../img/bg/bk_h4.jpg) no-repeat;
	height:38px;
	width:700px;
	padding-left:50px;
	padding-top:8px;
	letter-spacing: 0.4em;
	margin-bottom:10px;
	margin-top:20px;

}
#bunyaSetumei h4.lh4{
	font-size:0.85em;
	letter-spacing: 0.2em;

}
#bunyaSetumei p{
	font-size:0.85em;
	line-height:1.7;
	padding:0 10px;
}
#bunyaSetumei li{
	font-size:0.85em;
	line-height:1.7;
	list-style:disc outside;
	margin-left:10px;
}
#bunyaSetumei ul{
	padding:10px;
		background:#fff;


}
.tex dl{
	padding:20px;
	background:#fff;
}
.tex dt{
	border:1px solid #333;
	background:#333;
	color:#fff;
	padding:5px;
	margin-bottom:10px;

	}
.tex dd{
	margin-bottom:10px;
	margin-left:20px;
}

ol#ad {
	background:#FFF;
	padding-left:20px;
}
ol#ad li{
	font-size:0.85em;
	line-height:1.6;
	margin-bottom:15px;
	padding:7px;
	margin-left:5px;
	margin-right:9px;
	list-style:decimal outside;
	border-bottom:1px solid #060;
}
.hr{
	margin-bottom:15px;
}
/*---------------------------------------
ご相談の流れ
-------------------------------------------*/
.flowBox{
	background:url(/common/img/bg_flow.png) repeat-y #fff;
	margin:0;
	padding:0;
	width:720px;

}
.flowBox p{
	padding:10px 20px 10px 20px;
	line-height:1.7;

}
.flowB{
	background:url(/common/img/flow_bottom.png) no-repeat;
	height:10px;
	width:720px;
}
.tex p{
	line-height:1.7;
	font-size:0.85em;
	padding:0 20px;
}
#nagare h2{
	margin-top:15px;
}
#nagare{
	margin-bottom:20px;
}
/*----------------------------------------------------
弁護士紹介部分
-----------------------------------------------------*/
#sideBengo{
}
#sideBengo h2{
	background:#005638;
	color:#fff;
	padding:20px 0;
	text-align:center;
}
#sideBengo h3{
	background:#333;
	color:#fff;
	padding:10px 0;
	text-align:center;
}
#sideBengo li{
	background:#444444;
	padding:13px 0 13px 10px;
	border-bottom:1px solid #fff;
	color:#fff;
}
#sideBengo li a{
	color:#fff;
		font-size:0.85em;

}
#sideBengo ul{
	margin-bottom:20px;
}
h2.tl_lawyer{
	margin-top:20px;
}
.lawyer h2{
	float:left;
	margin-right:20px;
}
.lawCa{
	float:left;
	width:460px;
		background:#fff;
		height:250px;
		position:relative;

}
.lawCa{
	float:left;
	width:460px;
		background:#fff;
		height:250px;
		position:relative;

}
.lawPer{
	float:left;
	width:460px;
		background:#fff;

}
.lawPer p{
}
.lawPer dt{
    border-top: 1px dotted #CCCCCC;
    clear: left;
    float: left;
    letter-spacing: 0.1em;
    padding: 5px;
    width: 40px;
		font-size:0.85em;
}

.lawPer dd {
    border-top: 1px dotted #CCCCCC;
    float: left;
    margin-left: 20px;
    padding: 5px;
	font-size:0.85em;
}


.lawCap p{
	line-height:1.7;
	font-size:0.85em;
	padding:20px;
}
.lawCapD p{
	line-height:1.7;
	font-size:0.85em;
}
article .lawyer{
	background:#FFF;
}
.lawpos{
	margin:10px 0;
}
.lawpos p{
	font-size:0.8em;
	line-height:1.6;
}
p.lawdetail{
	text-align:right;
}
#lawCap{
	font-size:0.85em;
	line-height:1.7;
	margin-top:10px;
	background:#fff;
	padding:10px 20px 0 20px;
	border-top:1px solid #999;

}
#lawCap p.hr{
	margin-bottom:10px;
}
footer {
	color: #fff;
	margin-top:0px;
	padding:0;
	display: block;
	clear: both;
	background:#333!important;
}
#acti{
	padding:0 20px ;
}
#acti h3{
	background:#555;
	color:#fff;
	padding:7px;
	border-bottom:1px #000 solid;
	margin-top:10px;
}
#acti li{
	line-height:1.6;
	margin-left:20px;
	font-size:0.85em;

}
footer p {
  border-top: 1px dashed #ccc;
  padding: 15px 0;
}

footer a {
	color: #999;
	text-decoration: none;

}

footer a:hover {
	color: #666;
}

#footer_gyoumu h3{
	border-bottom:1px dashed #fff;
	margin-right:20px;
}
article h2 a, article h3 a {
	color: #000;
	text-decoration: none;

}

.has_sidebar nav {
	width: 150px;
	display: block;
	text-align: right;
	border-right: 1px dashed rgba(0,0,0,0.2);
	float: left;
	padding-right: 20px;
}

nav h3 {
	color: #000;
	letter-spacing: -0.03em;
	font-size: 1.6em;
	font-weight: normal;
	padding: 0;
	margin: 0 0 15px 0;
	text-shadow: 3px 3px 2px rgba(0,0,0,0.2);

}

#footer_price h3{
	border-bottom:1px dashed #fff;
	margin-right:20px;
}

/* footer nav thingy */

.prevnext {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	border-bottom: 1px dashed #ccc;
	padding: 0 0 ３０px 0;
	margin: 0 0 ３０px 0;
}

.prevnext a {
	color: #999;
	text-decoration: none;

}


.prevnext li {
	display: inline;
	padding: 10px;
}

/* compulsory wordpress stuff */

.wp-caption {
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
	max-width: 528px !important;
	height: auto;
}
.wp-caption img {
	margin: 5px;
	border: none;
  margin: 0 0 2px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	margin: 5px 0 5px 0;
}

.gallery .gallery-caption {
	color: #888;
	margin: 0 0 12px;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.sticky {
 border: 1px solid rgba(0,0,0,0.3);
 padding: 10px;
 background-color: #f9f9f9;
 background-color: rgba(0,0,0,0.05);
}

.commentlist .bypostauthor {
  background-color: #f9f9f9;
  font-weight: bold;
}

hr.clearfix {
 clear: both;
 visibility: hidden;
}


/* widgets */


.widget_rss ul a {
 display: block;
 font-weight: bold;
 color: #000;
}

.widget_rss ul li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dashed #ccc;
}


/*------------------------------------------
フッターのページ
------------------------------------------*/
#footerLeft{
	float:left;
width:250px;
margin-right:20px;

}
#footerRight{
float:left;
width:420px;

}
#footerRight p{
	border:none;
	padding:0;
}

#footerCenter{
	width:290px;
	float:left;
}

#footerBox .menu-baby_carry-container,#footerBox .menu-west-container,#footerBox .menu-baby_care-container{
		padding:5px;


}
#footerBox{
	width:980px;
	margin:0 auto;
	margin-top:20px;
	padding-top:20px;
	line-height:1.7;
	font-weight:normal;
	font-size:0.8em;

}
#footerBox h2{
	border-bottom:1px solid #fff;
	font-weight:normal;
	display:block;
	margin-right:20px;
}
#footerBox h3{
	font-weight:normal;
	display:block;

}
.c1{
	margin-bottom:10px;
}
.c2{
	margin-top:10px;
}
#footerBox a{
	color:#fff;
}
.menu-item-type-taxonomy{
	background:#999;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
#copy{
	font-size:0.7em;
	text-align:center;
}
/*-----------------------------------
事務所概要
-----------------------------------*/
.m3{
	text-align:center;
	margin:15px 0;
	letter-spacing: 0.2em;
}
.tex img{
	float:left;
	padding:10px;
}
dl#gaiyo{
	margin-top:20px;
	margin-bottom:20px;
	line-height:1.7;

}
#gaiyo dt {
    float: left;
    width: 100px;
}
#parking{
	background:#fff;
	font-size:0.85em;
	line-height:1.7;
	padding:20px;
}
/*-----------------------------------
費用のページ
----------------------------------------*/
#hiyoTop h2{
    background: none repeat scroll 0 0 #005638;
    border: 1px solid #999999;
    color: #FFFFFF;
    font-weight: normal;
    padding: 10px;
	font-size:1.3em;
	}

#priceParts{
	background:#fff;
	font-size:0.85em;
	line-height:1.7;
	padding:10px 20px;
}
#priceParts strong{
	color:#900;

}
.cen{
	text-align:center;
	margin-bottom:20px;
}
#priceParts p{
}
#priceParts h3.att2{
	border: 1px solid #333;
	padding:10px;
	margin:5px 0;
}
#priceParts h4{
	font-weight:bold;
	margin:10px 0;
	text-decoration:underline;
}
.p1{
	padding:0 20px;
}
#priceParts .att1{
	font-size:1.2em;
	border:none;
	letter-spacing: 0.3em;
	text-decoration:underline;
	text-align:center;
	padding:10px 0;
}
table.pri1{
	font-size:1.2em;
	margin:0 auto;
}
table.pri2{
	font-size:1.1em;
	margin:0 auto;
}
table.pri2 th{
	background:#CCC;
	padding:15px;
	border-bottom:1px solid #999;
	vertical-align:middle;
}
table.pri2 td{
	padding:5px;
		border-bottom:1px solid #999;

}
table.pri1 td{
	padding:10px;
}
#priceParts ul{
	margin:10px 0 10px 20px;
}
#priceParts li{
	list-style:outside;
	list-style-image:url(../img/btn/btn_priceT.jpg) ;
	/*background:url(../img/btn/btn_priceT.jpg) no-repeat;*/

}
/*-------------------------------
お問い合わせ
---------------------------------*/
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;

  background: #005638;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #298867;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

#contact ul{
	background:#fff;
}
#contact li{
	font-size:0.85em;
	line-height:1.7;
	margin-bottom:10px;
	list-style:outside disc;
	margin-left:20px;
}
form{
	background:#fff;
	font-size:0.85em;
}
form dt{
	width:150px;
	float:left;
	margin-bottom:10px;
}
form dd{
	margin-bottom:10px;
	width:550px;
	margin-left:160px;
}
form dl{
	padding-top:20px;
		padding-left:20px;

}
#mailD{
	background:#FFF;
}
#mailD h3{
				padding:20px;
				line-height:1.7;

}
#mailD li{
		font-size:0.85em;
		line-height:1.7;
		padding:10px;

		list-style:outside disc;
		margin-left:３０px;
	}
	#mailD ul{
		border-bottom:1px solid #666;
	}
#koumokuL li{
	float:left;
	line-height:1.7;
	margin-right:10px;
}
#koumokuL{
	padding:10px;
}
.er{
	color:#900;
}

@media screen and (max-width: 640px) {
	/*header-------------*/
	#headerW{
		height: auto;
		overflow: hidden;
		background: none;
	}
	header{
		width: 100%;
		overflow: hidden;
	}
	header #logo{
		width: 96%;
		padding: 0 2% 10px;
		float: none;
	}
	header #logo h1 img{
		width: 100%;
		height: auto;
	}
	header #topC{
		float: none;
	}
	#topC ul{
		/*display: -webkit-box;
		display: box;*/
		background: #045538;
		overflow: hidden;
	}
	#topC li{
		/*-webkit-box-flex: 1;
		box-flex:1;*/
		width:19%;
		float:left;
		/*float: none;*/
	}
	#topC li:nth-child(3){
		/*-webkit-box-flex: 3;
		box-flex:3;*/
		width:62%;
	}
	#topC li img{
		width:100%;
		height: auto;
	}

	header nav li{
		float: none;
		width: 100%;
		margin: 0 !important;
		border-bottom: 1px solid #fff;
	}
	header nav li a{
		padding: 10px 0 10px 10px;
		display: block;
	}
	header nav ul{
		background: #444;
		padding: 0;
		margin: 20px 0 0;
	}

	/*main-------------*/
	#doc{
		width: 100%;
		margin: 0;
	}
	#doc > div img{
		width:100%;
		height: auto;
	}
	#priceParts p img{
		width: auto;
	}
	#priceParts table{
		font-size: 0.85em;
		width: 100%;
	}
	#mainCon{
		width: 96%;
		padding: 2%;
		float: none;
	}
	#rinen h2{
		font-size: 0.85em ;
	}

	.hf,.hfB{
		margin:0 2% !important;
		margin-bottom: 10px !important;

		width: 45% !important;
		height: 160px !important;

	}
	.hf h2,
	.hfB h2{
		font-size: 0.8em !important;
	}
	#mainCon > section h2{
		/*margin-bottom: 10px;*/
	}
	#mainCon > section article:nth-child(2n){
		margin: 0 0 10px  !important;
	}
	/*side-------------*/
	#sideT{
		width:100%;
		float: none;
	}

	/*footer------------*/
	#footerBox{
		width: 100%;
	}
	#footerBox h2{
		margin-right: 0;
	}
	#footerLeft{
		width:96%;
		padding: 0 2%;
		float: none;
	}
	#footerCenter{
		width:96%;
		padding: 0 2%;
		float: none;
	}
	#footerRight{
		width:96%;
		padding: 0 2%;
		float: none;
		overflow: hidden;
	}
	iframe{
		width: 100%;
	}

	/*紹介*/
	#headerO{
		height: auto;
		background: no-repeat;
	}
	#sideS{
		width:100%;
	}
	#mainS #mainCon{
		width: 96%;
		margin: 0;
		padding:2%;
	}
	.lawyer h2{
		margin-right: 0;
		float: none;
		text-align: center;
	}
	.lawyer h2 img{
		width: 50% !important;
	}
	.lawPer{
		width: 96%;
		padding: 0 2%;
	}
	.lawCap p {
		text-align: center;
		padding: 5px;
	}
	.lawCap p img{
		width: 100px !important;
	}
	.lawPer dl{
		border-top: 1px dotted #ccc;
	}
	.lawPer dt{
		border-top: none;

	}
	.lawPer dd{
		border-top: none;
		border-bottom: 1px dotted #ccc;
		padding:8px 0 8px 50px;
		margin: 0;
		float: none;
	}

	/*問合せ*/
	.flowBox{
		width: 100%;
		background:none;
		background:#fff;
		border:1px solid #045538;
		border-top: none;
		border-bottom-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}
	.flowBox p{
		font-size: 0.8em;
	}
	.flowB{
		background: none;
		width:auto;
		height: 0px;
	}
	/*問題*/
	.bunyaLi{
		margin: 0;
	}

	#bunyaCat h3{
		background: #fff;
		border:1px solid #045538;
		border-radius: 10px;
		-webkit-border-radius: 5px;
		position: relative;
	}
	#bunyaCat h3:before{
		content:'';
		width:23px;
		height: 23px;
		background:url(/common/img/tl_back.jpg) no-repeat -6px -6px;
		background-size:360px auto;
		position: absolute;
		top:３０px;
		left:15px;
	}

	#bunyaSetumei{
		width:100%;
		margin: 0;
	}
	#bunyaSetumei h4{
		width: 85%;
	}
	form {
		font-size: 0.8em;
	}
	form dl{
		padding: 0;
	}
	form dt{
		width:20%;
		margin: 0;
	}
	form dd{
		margin-left: 22%;
		width:auto;
	}
}


img {
    max-width: 100%;
    height: auto;
}