@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img {margin:0;	padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{ content:''; }
img{ vertical-align: bottom; }

/*----font-size----

32px  	200～203
30px 	188～190
28px 	175～178
26px 	163～165
24px 	150～153
22px 	138～140
20px 	125～128
19px 	119～121
18px 	113～115
17px 	107～109
16px 	100～103
15px 	94～96
14px 	88～90
13px 	82～84
12px 	75～78
11px 	69～71
10px 	63～65

-----------------*/

body {
	font-family: Arial , Helvetica , sans-serif , "ＭＳ Ｐゴシック", "Osaka－等幅" ;
	font-size:100%;
	line-height:1.4;
	color:#333333;
	background:#ffffff;
}


a:link { color:#006699; text-decoration: none; }
a:visited { color: #006699; text-decoration: none; }
a:hover { color: #003366; text-decoration: underline; }
a:active { color: #003366; }

.text-right{
	text-align: right;
}


#top-back { }

#content-back {  }

#layout { width:760px; }

#header { width:760px; }

h1 {
	text-indent: -9999px;
	width: 143px;
	height: 33px;
	background: url(../img/logo_print.gif);
	margin:0 0 0;
}

#top-cover {
	clear:both;
	height: 200px;
	margin-bottom:10px;
}

#cover {
	clear:both;
	margin-bottom:10px;
}

.cap-contents{
	font-weight: bold;
	background: url(../img/cap-contents.gif);
	margin-bottom: 10px;
	padding: 11px 0 7px 10px;
	border-bottom: 1px solid #dedede;
	font-size: 113%;
	color:#333333;
}

.main-list{
	font-size: 88%;
	margin: 0 0 10px;
}

.main-list li{
	background: url(../img/sitemap-list2.gif) no-repeat center left;
	margin: 0 0 5px 10px;
	padding: 0 0 0 15px;
}

.main-note{
	font-size: 75%;
	margin-bottom: 10px;
	padding: 10px 10px 5px;
	border: 3px double #ccc;
	background: #FFFFFF;
}

.main-note strong{
	font-weight: bold;
}


.cap-normal{
	font-weight: bold;
	margin-bottom: 10px;
	color: #336699;
	background: #E3F4FD;
	padding: 9px 0 5px 10px;
	font-size: 88%;
}

.content-left p{
	margin-bottom: 10px;
	padding: 0 5px 0 10px;
	font-size: 88%;
}

.normal-list{
	font-size: 75%;
	list-style: disc;
	margin-bottom: 10px;
	padding: 10px 10px 5px 25px;
	border: 3px double #ccc;
	background: #FFFFFF;
}

.normal-list li{
	margin-bottom: 5px;
}

.cap-black{
	font-weight: bold;
	font-size: 88%;
	margin: 0 0 10px 10px;
}

#map{
	margin: 10px 0;
}

.inquiry-left{
	float: left;
	margin: 0 0 10px;
}

.inquiry-right{
	float: right;
	margin: 0 0 10px;
}

.news-list{
	padding: 0 0 0 0; 
}

.news-list dd{
	margin: 0 0 10px;
	padding: 0 0 5px;
	background: url(../img/dotted.gif) bottom repeat-x;
}

.news-list dt{
	padding: 0 0 5px 5px;
}

.news-list dd a{
	padding: 0 0 5px 5px;

}

.blog-link{
	float: right;
	font-size: 88%;
	background: url(../img/arrow-top.gif) left center no-repeat;
	padding: 0 0 0 20px;
}


.top_info_box{
	font-size: 88%;
	margin: 0 0 10px;
	clear:both;
}

.top_info_cap{
	font-weight: bold;
	margin: 0 0 10px;
	padding: 5px 0 3px 5px;
	background: #E3F3FD;
}

.top_info_left{
	width: 260px;
	float: left;
}

.top_info_right{
	width: 260px; 
	float: right;
}

.top_info_left h3 , .top_info_right h3{
	margin: 0 0 5px;
}

.top_description{
	border:3px double #ccc;
	padding: 10px !important;
}

/*------------------------------------------
グローバルナビゲーション　navi-box
-------------------------------------------*/

#navi-box {
	width:760px;
	margin:14px 0 0;
}

#gnavi { width:760px; }

#gnavi li {
	float:left;
	display:inline;
}

/*------------------------------------------
						　banner-navi
-------------------------------------------*/

.banner-navi li { margin-bottom:5px; }

/*------------------------------------------
						　side-navi
-------------------------------------------*/

.cap-menu{
	margin: 0 0 10px 0;

}

.side-navi{
	padding: 0 0 0 0;
	margin-bottom: 10px;

}
.side-navi li {
	font-size: 75%;
	margin: 0 0 5px 0;
	padding: 5px 0 10px 0;
	background: url(../img/dotted.gif) repeat-x bottom;
}

.side-navi li strong{
	color: #0066CC;
	font-weight: bold;
}

.cap-bold{
	font-weight: bold;
	font-size: 88%;
	margin: 10px 0 10px;
}

.cap-work{
	margin: 0 0 10px;
}

.cap-side-bold{
	font-weight: bold;
	font-size: 88%;
	margin: 10px 0 5px;
}

/*------------------------------------------
取り扱い業務以下のレイアウト　content-layout
-------------------------------------------*/

#content-layout { width:760px; }


 /*--- ぱんくずリスト ---*/
.bread {
font-size:75%;
margin:0 0 8px 15px;
}

.content-left {
	float:left;
	width:530px;
	margin-left:15px;
	display:inline;
	padding-bottom:10px;
}

.content-top-left {
	float:left;
	width:260px;
	/*margin-bottom:5px;*/
	font-size: 88%;
}

.content-top-right {
	float:right;
	width:260px;
	/*margin-bottom:5px;*/
	font-size: 88%;
}

.news {
	clear:both;
	width:530px;
	font-size: 88%;
}

.content-cap{
	margin: 0 0 10px;
}

.top-list li{
	background:url(../img/dotted.gif) repeat-x bottom;
	margin: 0 0 10px;
	padding: 0 0 5px 5px;
}

.top-list li a{
	background: url(../img/arrow-top.gif) center left no-repeat;
	padding: 0 0 0 20px;
}

/*------------------------------------------
事務所紹介等　content-right
-------------------------------------------*/

.content-right {
	float:right;
	width:200px;
	margin: 0 0 10px 0;
}



/*------------------------------------------
弁護士紹介　lawyer
-------------------------------------------*/
.lawer-list-left{
	float: left;
	display: inline;
	width: 250px;
	margin: 0 0 10px 10px;
	padding: 0 0 10px;
	background: url(../img/dotted.gif) repeat-x bottom;
}

.lawer-list-right{
	float: right;
	display: inline;
	width: 250px;
	margin: 0 10px 10px 0;
	padding: 0 0 10px;
	background: url(../img/dotted.gif) repeat-x bottom;
}

.lawer-list-left strong, .lawer-list-right strong{
	font-weight: bold;
}

.lawer-list-left dt , .lawer-list-right dt{
	float: left;
	margin: 0 10px 0 0;
}

.lawer-list-left dd , .lawer-list-right dd{
	float: left;
	font-size: 88%;
}


#content-table {
	margin-top:10px;
}

.profile-box{
	width: 540px;
	overflow: auto;
	margin: 0 0 10px;
	font-size: 88%;
}

.profile-box dt{
	float: left;
	margin: 0 10px 0 0;
}

.profile-box dd{
	float: left;
}


.table-lawer{
	clear: both;
	font-size: 75%;
	width:530px;
}

.cap-lawer{
	font-weight: bold;
	background: #225286;
	color: #FFFFFF;
	margin: 0 0 10px;
	padding: 5px 0 3px 5px;
	font-size: 88%;
}

.table-lawer th ,.table-lawer td{
	padding: 5px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.table-lawer td{
	background: #FFFFFF;
	vertical-align: top;

}

.table-lawer th{
	width: 125px;
	background: #E6F1FB;
	vertical-align: top;
	font-weight: bold;
}



/*------------------------------------------
サイトマップ　
-------------------------------------------*/

.sitebox-left {
float:left;
width:250px;
}

.sitebox-right {
float:right;
width:250px;
}

.site-box {
width:260px;
padding-bottom:15px;
}

.site-box h4{ font-size:100%;}
.site-box h5{ font-size:75%;}
.site-box ul li{font-size:75%}

.site-box h4 , .site-box h5{
margin:0 0 7px 0;
font-weight:bold;
}



.site-box ul {
padding-left:0px;
}


.site-box ul li{
padding-left:10px;
margin-bottom:10px;
background:url(../img/sitemap-list2.gif) center left no-repeat;
}

/*------------------------------------------
copyreight フッター部分　footer
-------------------------------------------*/



#footer {
	clear:both;
	background: url(../img/footer-back.jpg) repeat-x;
	overflow:auto;
}

#footer-inner {
	width:760px;
	padding: 0 0 10px;
	overflow:auto;
}

#footer address {
	float:left;
	padding:10px 0 0 10px;
}

ul.under-navi {
	display: none;
}




/*------------------------------------------
flow
-------------------------------------------*/

.flow-top-list{
	margin: 0 0 10px;
	font-size: 88%;
	width: 540px;
	overflow: auto;
}

.flow-top-list dt{
	float: left;
	margin: 0 10px 0 0;

}


.flow-top-list dd{
	float: left;
	width: 460px;

}

.flow-top-list dd a{
	background: url(../img/sitemap-list2.gif) no-repeat left center;
	padding: 0 0 0 10px;
}



.flow-cap{
	margin: 10px 0;
}

.flow-box{
	width: 510px;
	background: url(../img/dotted.gif) repeat-x bottom;
	margin: 0 auto 5px;
	padding: 0 0 5px;
}

.flow-note{
	margin: 0 0 10px;
	padding: 10px 10px 10px;
	border: 3px double #ccc;
	background: #FFFFFF;
	font-size: 88%;
}

.flow-img{
	padding: 10px 5px 10px 5px;
	margin-bottom: 10px;
	border: 3px double #ccc;
}