@charset "UTF-8";
/* 
 * written by 
/*======================================================================*/
/*===================================
 * header
 *===================================*/
#header_bg {
	background-repeat: repeat-x;
	background-image: url(../img/header_bg.jpg);
	text-align: center;
	background-repeat: repeat-x;
	height: 117px;
}
#header_bg #header {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
#header_bg #header h1{
	font-size: 11px;
	color: #f8e1c3;
	background-repeat: no-repeat;
	height: 40px;
	width: 800px;
}
#header .logo {
	float: left;
	margin-top: 24px;
}
#header #header_telbox {
	display: inline;
	width: 240px;
	float: right;
	margin-top: 1px;
}
#header #header_telbox .banner01 {
	float: left;
	margin-right: 3px;
}
#header #header_telbox .banner02 {
	float: left;
}
#header #header_telbox .tel {
	clear: both;
	float: left;
	margin-top: 15px;
	margin-left: 50px;
	display: inline;
}

#container {
	text-align: center;
	width: 800px;
	background-image: url(../img/body_bg02.jpg);
	background-repeat: repeat-x;
}






#contents {
	width: 800px;
	background-color: #FFF;
	padding-bottom: 30px;
	display: inline;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	float: left;
}

#contents  #main_img{
	float: left;
	width: 800px;
}
#contents  #navi_box{
	width: 800px;
	text-align: left;
	margin-bottom: 20px;
	float: left;
}
#contents #navi_box ul {
	float: left;
	height: 45px;
	width: 800px;
}
#contents #navi_box ul li {
	float: left;
}

#side_navi {
	float: left;
	width: 214px;
	background-image: url(../img/side_navi_bg.jpg);
	background-repeat: no-repeat;
	height: 458px;
	padding-top: 5px;
	padding-left: 5px;
	margin-left: 5px;
	display: inline;
	margin-right: 20px;
}
#side_navi ul .houjin {
	margin-top: 0px;
	padding-top: 0px;
	height: 40px;
}
#side_navi ul .kojin {
	height: 40px;
	margin-top: 0px;
	padding-top: 0px;
}
#side_navi ul {
	width: 207px;
}
#side_navi ul li {
	margin-top: 0px;
	width: 207px;
	padding-top: 0px;
	height: 52px;
}


#right_box {
	float: left;
	width: 544px;
	display: inline;
}

#right_box #banner_box {
	float: right;
	width: 193px;
}
#right_box #banner_box p {
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 14px;
}

#right_box #news_box {
	float: left;
	height: 29px;
	width: 333px;
	background-image: url(../img/midashi_01.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
}
#right_box #news_box li {
	line-height: 18px;
	padding-bottom: 5px;
}
#right_box #news_box .red {
	font-size: 10px;
	color: #AB2433;
	padding-right: 3px;
	vertical-align: middle;
}
#right_box #concept_box {
	float: left;
	margin-bottom: 10px;
	width: 514px;
	background-image: url(../img/123_bg.jpg);
	height: 150px;
	padding-top: 10px;
	padding-left: 20px;
	margin-top: 50px;
	padding-right: 10px;
}
#right_box #concept_box .text {
	margin-left: 20px;
	margin-bottom: 5px;
	margin-top: 1px;
}
#rad01 {
	color: #DA2615;
}




#right_box #otoiawase_box {
	float: left;
	width: 500px;
	margin-top: 30px;
	height: 194px;
	background-image: url(../img/main_otoiawase_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 15px;
}
#right_box #otoiawase_box #otoiawase_textimg {
	float: left;
}

#right_box #otoiawase_box .kochira {
	float: left;
	clear: both;
}
#right_box #otoiawase_box .tel {
	float: left;
	clear: both;
	margin-left: 40px;
	margin-top: 5px;
	display: inline;
}

#right_box #otoiawase_box .keitai {
	clear: both;
	float: left;
	margin-top: 5px;
	margin-left: 40px;
	display: inline;
}
#right_box #otoiawase_box .qr {
	float: right;
	margin-right: 10px;
}
#right_box #access_box {
	float: left;
	height: 162px;
	width: 223px;
	margin-top: 15px;
	background-image: url(../img/access_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-left: 20px;
}
#right_box #access_box .text {
	margin-left: 10px;
	margin-bottom: 13px;
}
#right_box .map {
	float: left;
	margin-top: 15px;
}
.midashi  {
	margin-bottom: 10px;
}
table tr td   {
	padding-bottom: 5px;
	vertical-align: top;
}
#about_us_right_box {
	width: 540px;
	float: left;
}


#about_us_right_box #box_01 {
	float: left;
	margin-bottom: 15px;
	width: 540px;
}

#about_us_right_box #box_02 {
	float: left;
	margin-bottom: 15px;
	width: 540px;
}

#about_us_right_box #box_02 table{
	float: left;
}
#about_us_right_box #box_02 table tr td {
	padding-top: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CABBA8;
	border-right-color: #CABBA8;
	border-bottom-color: #CABBA8;
	border-left-color: #CABBA8;
	padding-left: 5px;
}
#about_us_right_box #box_02 table tr .ttl{
	background-color: #F7F2EE;
}
#about_us_right_box #box_02 table tr .name{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#about_us_right_box #box_02 .img{
	float: right;
	margin-top: 30px;
}
#about_us_right_box #box_03 {
	float: left;
	width: 540px;
}
#about_us_right_box #box_03 table {
	float: left;
}
#about_us_right_box #box_03 table tr td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CABBA8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CABBA8;
	border-right-color: #CABBA8;
	border-left-color: #CABBA8;
	padding-left: 5px;
	padding-top: 3px;
}
#about_us_right_box #box_03 table tr .ttl {
	background-color: #F7F2EE;
}


#about_us_right_box #box_03 .img {
	float: right;
}
#about_us_right_box #otoiawase_box {
	float: left;
	width: 529px;
	margin-top: 10px;
	height: 194px;
	background-image: url(../img/main_otoiawase_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 15px;
}
#about_us_right_box #otoiawase_box #otoiawase_textimg {
	float: left;
}
#about_us_right_box #otoiawase_box .kochira {
	float: left;
	clear: both;
}
#about_us_right_box #box_03 .img_jimusho {
	float: left;
	margin-top: 10px;
}
#about_us_right_box #box_03 .img_jimusho02 {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	display: inline;
}

#about_us_right_box #otoiawase_box .tel {
	float: left;
	clear: both;
	margin-left: 40px;
	margin-top: 5px;
}
#about_us_right_box #otoiawase_box .keitai {
	clear: both;
	float: left;
	margin-top: 5px;
	margin-left: 40px;
}
#about_us_right_box #otoiawase_box .qr {
	float: right;
	margin-right: 10px;
}
#about_us_right_box #box_03 .map {
	float: left;
	margin-top: 10px;
}


#about_us_right_box .totop {
	float: right;
	width: 105px;
	margin-top: 15px;
}

#area_of_practice_right_box {
	width: 540px;
	float: left;
}
#area_of_practice_right_box .midashi {
	margin-top: 5px;
}
#area_of_practice_right_box .totop {
	float: right;
	width: 90px;
	margin-top: 20px;
}




#service_right_box {
	width: 540px;
	float: left;
}
#service_right_box .midashi {
	margin-top: 5px;
}
#service_right_box .text01 {
	background-image: url(../img/service_textbg.jpg);
	background-repeat: no-repeat;
	height: 195px;
	width: 520px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#service_right_box table {
	margin-bottom: 15px;
	margin-top: 5px;
}



#service_right_box table tr td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CABBA8;
	border-right-color: #CABBA8;
	border-bottom-color: #CABBA8;
	border-left-color: #CABBA8;
}
#service_right_box table tr .ttl  {
	background-color: #F7F2EE;
	width: 100px;
}
#service_right_box table tr .ttl02{
	width: 220px;
	background-color: #F7F2EE;
}
#service_right_box .text_color {
	color: #AF4C4F;
}
#service_right_box .attention {
	background-image: url(../img/service_textbg.jpg);
	background-repeat: no-repeat;
	height: 192px;
	width: 510px;
	padding-top: 13px;
	padding-left: 15px;
	padding-right: 15px;
}
#service_right_box .totop {
	float: right;
	width: 90px;
	margin-top: 20px;
}
#link_right_box {
	float: left;
	width: 540px;
}
#link_right_box #table_01 th {
	background-color: #edede5;
	text-align: left;
	padding: 3px;
	border: 1px solid #CABBA8;
}
#link_right_box #table_01 td {
	padding: 3px;
	border: 1px solid #CABBA8;
}
#link_right_box .totop {
	float: right;
	width: 90px;
	margin-top: 20px;
}
#lawyers_right_box {
	float: left;
	width: 540px;
}
#lawyers_right_box .totop {
	float: right;
	width: 90px;
	margin-top: 20px;
}
#lawyers_right_box #table_01 {
	float: left;
	width: 540px;
}
#lawyers_right_box #table_01 table {
	float: left;
	margin-right: 15px;
}


#lawyers_right_box #table_01 .img {
	float: left;
	margin-top: 30px;
}
#lawyers_right_box #table_01 table tr .ttl {
	width: 90px;
}


#lawyers_right_box table {
	margin-bottom: 20px;
	float: left;
}
#lawyers_right_box table tr .ttl{
	margin-bottom: 20px;
	background-color: #F7F2EE;
	width: 100px;
}
#lawyers_right_box table tr .name {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CABBA8;
}

#lawyers_right_box table tr td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CABBA8;
	border-right-color: #CABBA8;
	border-bottom-color: #CABBA8;
	border-left-color: #CABBA8;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}



#faq_right_box .totop {
	float: right;
	width: 90px;
	margin-top: 20px;
}

#faq_right_box {
	float: left;
	width: 540px;
}
#faq_right_box table {
	float: left;
	width: 540px;
}
#faq_right_box table tr td {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#faq_right_box table tr .text_color {
	color: #AF4C4F;
}
#contact_right_box {
	width: 540px;
	float: left;
}

#contact_right_box .totop {
	float: right;
	width: 90px;
	margin-top: 20px;
}
#policy_right_box p {
	float: left;
	width: 540px;
}
#sitamap_right_box table {
	float: left;
	width: 540px;
}
#sitamap_right_box .totop {
}


#sitamap_right_box .totop {
	float: left;
	width: 540px;
	text-align: right;
	margin-top: 20px;
}
#sitamap_right_box table tr .line {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CEB8A3;
}
#sitamap_right_box {
	float: left;
	width: 540px;
}


#policy_right_box .text {
	float: left;
	width: 540px;
}
#policy_right_box #box_01 {
	float: left;
	width: 540px;
}
#policy_right_box #box_02 {
	float: left;
	width: 540px;
	margin-top: 20px;

}

#policy_right_box .shomei {
	text-align: right;
}
#policy_right_box .totop {
	text-align: right;
	margin-top: 20px;
}

























/*===================================
 * contents
 *===================================*/



/*===================================
 * footer
 *===================================*/
#footer_bg {
	clear: both;
	text-align: center;
	background-image: url(../img/footer_bg01.jpg);
	height: 138px;
	text-align: center;
	background-repeat: repeat-x;
}

#footer_bg #footer {
	text-align: left;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/footer_bg02.jpg);
	background-repeat: no-repeat;
	height: 138px;
}
#footer_bg #footer .name {
	float: left;
	margin-top: 10px;
}
#footer_bg #footer .address {
	clear: both;
	float: left;
	line-height: 14px;
	margin-top: 5px;
	color: #f8e1c3;
}



#footer_bg .menu {
	width: 800px;
	clear: both;
	float: left;
	margin-top: 15px;
}

#footer_bg ul.menu {

}
#footer_bg ul.menu li {
	display: inline;
}
#footer_bg .footer_link {
	width: 800px;
	clear: both;
	float: left;
	margin-top: 10px;
}

#footer_bg ul.footer_link {

}
#footer_bg ul.footer_link li {
	display: inline;
	font-size: 11px;
}
/*===================================
 * hack
 *===================================*/
.clearfix:after, 
.inner:after, 
.binder:after,
#header ul:after,
#contents:after,
#contents #info:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
}
.clearfix,
.inner,
.binder,
#header ul,
#contents,
#contents #info {
	display: inline-block;
}
/*Hides from IE-mac\*/
*html .clearfix,
*html .inner,
*html .binder,
*html #header ul,
*html #contents,
*html #contents #info {
	height: 1%;
}
.clearfix,
.inner,
.binder,
#header ul,
#contents,
#contents #info {
	display: block;
}
/*End hide from IE-mac*/
/*======================================================================*/
