@charset "utf-8";
/* CSS Document */


/* Default Reset -----------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd, table, caption, 
th, td, img, form {
margin: 0;
padding: 0;
border: none;
font-style: normal;
font-weight: normal;
font-size: 100%;}


/* Common -----------------------------------------------------------*/
html {
overflow-y:scroll;
}

body{
	font:12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
	word-break:break-all;
	color:#333333;
}

img { vertical-align:bottom; }

br{
letter-spacing:0;}

label{  
cursor: pointer;}

.left{
float:left;}

.right{
float:right;}

.clear{
clear:both;}

#wrap{
	width:100%;
	min-height:100%;
	text-align:center;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat;
	background-position: left top;
}
#main{
	width:900px;
	background-repeat: repeat;
	background-position: left top;
	margin: 0px auto;
	text-align: center;
	background-color: #FFFFFF;
}

#main h3{
height:20px;
background-image: url(../images/bg_h3.gif);
background-repeat: no-repeat;
background-position: left top;
}

#main h3 p{
font-size:14px;
font-weight:bold;
padding:2px 0 0 10px;
letter-spacing:1px;
}

/* Header -----------------------------------------------------------*/

#header{
	width:900px;
	text-align:left;
	background-image: url(../images/bg_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 113px;
}

#header h1{
	width:353px;
	height:53px;
	float: left;
	margin: 20px 0px 0px 20px;
	display: inline;

}
#blog_banner{
	width:238px;
	height:53px;
	float: left;
	margin: 20px 0px 0px 80px;
	display: inline;

}

#logo_tel{
	width:179px;
	height:53px;
	float: right;
	margin: 20px 20px 0px 0px;
	display: inline;

}

p.header_txt{
color:#FFFFFF;
margin-left:10px;
padding-top:3px;
}
	
/* navigation -----------------------------------------------------------*/


#navi{
	height: auto;
	width: 205px;
	float: left;
	
}
#list01{
	height: 299px;
	width: 205px;
	background-image: url(../images/bg_navi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
}
#list02{
	height: 74px;
	width: 205px;
	background-image: url(../images/bg_list.gif);
	background-repeat: no-repeat;
	background-position: left top;
		
}
#list02_p{
	height: 74px;
	width: 205px;
	background-image: url(../images/bg_list_p.gif);
	background-repeat: no-repeat;
	background-position: left top;
		
}
#list02_s{
	height: 74px;
	width: 205px;
	background-image: url(../images/bg_list_s.gif);
	background-repeat: no-repeat;
	background-position: left top;
		
}
#banner01{
	height: 126px;
	width: 205px;
	background-image: url(../images/bg_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 8px;
	margin-top: 10px;
	text-align: center;
}

#banner02{
	height: 221px;
	width: 205px;
	background-image: url(../images/bg_law.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	padding-top: 5px;
	text-align: center;	
}

#gm{
	width:199px;
	height:auto;
	margin: 0px auto;
	padding-top: 3px;
}

#gm ul{
list-style-type:none;}

#gm ul li.nv_top{
	width:199px;
	height:31px;
	background-image: url(../images/navi_top_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gm ul li.nv_policy{
	width:199px;
	height:33px;
	background-image: url(../images/navi_policy_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gm ul li.nv_lawyers{
	width:199px;
	height:33px;
	background-image: url(../images/navi_lawyers_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gm ul li.nv_business{
	width:199px;
	height:33px;
	background-image: url(../images/navi_business_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gm ul li.nv_consult{
	width:199px;
	height:33px;
	background-image: url(../images/navi_consult_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gm ul li.nv_cost{
	width:199px;
	height:33px;
	background-image: url(../images/navi_cost_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gm ul li.nv_map{
	width:199px;
	height:33px;
	background-image: url(../images/navi_map_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gm ul li.nv_link{
	width:199px;
	height:33px;
	background-image: url(../images/navi_link_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gm ul li.nv_history{
	width:199px;
	height:33px;
	background-image: url(../images/navi_history_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#gm ul li.nv_top a{
display:block;
width:199px;
height:31px;
text-decoration:none;}

#gm ul li.nv_policy a,
#gm ul li.nv_lawyers a,
#gm ul li.nv_business a,
#gm ul li.nv_consult a,
#gm ul li.nv_cost a,
#gm ul li.nv_map a,
#gm ul li.nv_link a,
#gm ul li.nv_history a {
display:block;
width:199px;
height:33px;
text-decoration:none;}

#gm ul li.nv_top a:hover,
#gm ul li.nv_policy a:hover,
#gm ul li.nv_lawyers a:hover,
#gm ul li.nv_business a:hover,
#gm ul li.nv_consult a:hover,
#gm ul li.nv_cost a:hover,
#gm ul li.nv_map a:hover,
#gm ul li.nv_link a:hover,
#gm ul li.nv_history a:hover,
.bn_contact a:hover,
.bn_cost a:hover, 
.bn_law a:hover,
.bn_report a:hover,
#top_btn ul li.btn_saimu a:hover,
#top_btn ul li.btn_rikon a:hover,
#top_btn ul li.btn_sozoku a:hover,
#top_btn ul li.btn_kotsu a:hover,
#top_btn ul li.btn_syohi a:hover,
#top_btn ul li.btn_rodo a:hover {
background-color:transparent;}

#gm ul li.nv_top a:hover img,
#gm ul li.nv_policy a:hover img,
#gm ul li.nv_lawyers a:hover img,
#gm ul li.nv_business a:hover img,
#gm ul li.nv_consult a:hover img,
#gm ul li.nv_cost a:hover img,
#gm ul li.nv_map a:hover img,
#gm ul li.nv_link a:hover img,
#gm ul li.nv_history a:hover img,
.bn_contact a:hover img,
.bn_cost a:hover img,
.bn_law a:hover img,
.bn_report a:hover img,
#top_btn ul li.btn_saimu a:hover img,
#top_btn ul li.btn_rikon a:hover img,
#top_btn ul li.btn_sozoku a:hover img,
#top_btn ul li.btn_kotsu a:hover img,
#top_btn ul li.btn_syohi a:hover img,
#top_btn ul li.btn_rodo a:hover img {
visibility:hidden;}

.link_pp{
	color: #FFFFFF;
	
	padding-top: 17px;
	text-align: left;
	padding-left: 45px;
}
.link_sm{
	color: #FFFFFF;
	
	text-align: left;
	padding-left: 45px;
	padding-top: 9px;
}

.link_pp a,
.link_sm a{
	color: #FFFFFF;
}
.link_pp a:hover,
.link_sm a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.link_pp a:visited,
.link_sm a:visited{
	color: #FFFFFF;
}
.banner_text{
	color: #666666;
	text-align: left;
	letter-spacing: 1pt;
	width: 186px;
	margin: 0px auto;
}
.bn_contact{
	width:197px;
	height:54px;
	background-image: url(../images/banner_contact_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto;
}
.bn_law{
	width:197px;
	height:69px;
	background-image: url(../images/banner_law_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto;
}
.bn_cost{
	width:197px;
	height:69px;
	background-image: url(../images/banner_cost_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 2px auto 0 auto;
}
.bn_report{
	width:197px;
	height:69px;
	background-image: url(../images/banner_report_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 2px auto 0 auto;
}

.bn_contact a {
display:block;
width:197px;
height:54px;
text-decoration:none;
}
.bn_cost a,
.bn_law a,
.bn_report a{
display:block;
width:197px;
height:69px;
text-decoration:none;
}

/* Contents-----------------------------------------------------------*/

#contents{
	height: auto;
	width: 860px;
	padding-right: 20px;
	padding-left: 20px;
}
#right_area{
	height: auto;
	width: 645px;
	float: right;
}
#flash{
	width: 645px;
	height: 232px;
}
#top_business{
	width: 645px;
	margin-top: 15px;
	height: auto;
	text-align: center;

}
#top_btn{
	height:auto;
	width: 615px;
	padding-right: 15px;
	padding-left: 15px;
}
#top_btn ul{
	list-style-type:none;
}
#top_btn ul li{
	float: left;
	margin-top: 10px;
}
#top_btn ul li.btn_saimu{
	width:196px;
	height:94px;
	background-image: url(../images/btn_saimu_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#top_btn ul li.btn_rikon{
	width:196px;
	height:94px;
	background-image: url(../images/btn_rikon_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 13px;
	margin-right: 13px;
}
#top_btn ul li.btn_sozoku{
	width:196px;
	height:94px;
	background-image: url(../images/btn_sozoku_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#top_btn ul li.btn_kotsu{
	width:196px;
	height:94px;
	background-image: url(../images/btn_kotsu_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#top_btn ul li.btn_syohi{
	width:196px;
	height:94px;
	background-image: url(../images/btn_syohi_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 13px;
	margin-left: 13px;
}
#top_btn ul li.btn_rodo{
	width:196px;
	height:94px;
	background-image: url(../images/btn_rodo_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#top_btn ul li.btn_saimu a,
#top_btn ul li.btn_rikon a,
#top_btn ul li.btn_sozoku a,
#top_btn ul li.btn_kotsu a,
#top_btn ul li.btn_syohi a,
#top_btn ul li.btn_rodo a {
display:block;
width:196px;
height:94px;
text-decoration:none;

}
#top_line{
	width: 615px;
	margin-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
	height: auto;
}
#top_line p.toptext{
	padding-left: 15px;
	padding-top: 10px;

}
#top_news{
	width: 645px;
	margin-top: 15px;
	height: auto;
	text-align: left;
}
#news{
	margin-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	height: auto;
	text-align: left;
}
#top_greeting{
	width: 645px;
	margin-top: 15px;
	height: auto;
	text-align: left;
}

.greeting_text{
	width: 380px;
	border-left: 2px solid #333333;
	margin-left: 15px;
	padding-left: 5px;
	margin-top: 15px;
	letter-spacing: 1px;
	float: left;
	height: auto;
}
.greeting_img{
	width: 218px;
	margin-top: 15px;
	height: 335px;
	float: left;
}

#map_img{
	width: 645px;
	height: 133px;
}
#accessmap{
	width: 645px;
	height: auto;
}
.map_img01{
	float: left;
	height: 299px;
	width: 356px;
	padding-left: 12px;
	padding-top: 15px;

}
.map_img02{
	float: right;
	height: 236px;
	width: 225px;
	padding-right: 12px;
	padding-top: 78px;

}
.shozaiti{
	margin-top: 10px;

}
#top_line p.maptext{
	padding-left: 10px;
	padding-top: 10px;
}
p a{
color: #FF6600;
text-decoration: underline;
}
p a:visited{
color: #FF6600;
text-decoration: underline;}

p.policytext{
	padding-left: 25px;
	padding-top: 10px;
	text-align: left;
	letter-spacing: 1px;
}
p.policytext02{
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	letter-spacing: 1px;
}
p.policytext03{
	text-align: left;
	letter-spacing: 1px;
}

span.gray{
	font-weight: bold;
	color: #333333;

}
.grayback{
	background-color: #DDDDDD;
	width: 580px;
	height: auto;
	margin-left: 10px;
	padding: 7px;
}
.text_right{
	width: 200px;
	float: right;
	padding-top: 10px;
	padding-right: 20px;

}
.line{
	width: 615px;
	height: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.line02{
	width: 615px;
	height: 4px;
	padding-top: 5px;
	padding-bottom: 0px;


}
p.costtext{
	padding-left: 15px;
	text-align: left;
	letter-spacing: 1px;
	background-image: url(../images/mark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
}
.lawyers_int{
	height: auto;
	width: 615px;

}
.lawyers_img{
	padding-top: 15px;
	height: 241px;
	width: 168px;
	float: left;

}
.lawyers_career{
	width: 420px;
	height: auto;
	float: right;
	padding-top: 10px;

}
dl.history{
	width: 390px;
	height: auto;
	padding: 5px 7px;
	background-color: #DDDDDD;
}
dl.history dt{
	float: left;
	clear: left;
	width: 150px;
	line-height: 1.5em;

}
dl.history dd{
	border-bottom: 1px dotted #999999;
	line-height: 1.5em;
	padding-left: 150px;

}
dl.career{
	width: 380px;
	height: auto;
	padding: 5px 0px 10px 7px;
}
dl.career dt{
	float: left;
	clear: left;
	width: 100px;
	line-height: 1.5em;

}
dl.career dd{
	border-bottom: 1px dotted #999999;
	line-height: 1.5em;
	padding-left: 100px;

}
p.careertext{
	line-height: 1.5em;
	letter-spacing: 1px;

}
p.consulttext{
	letter-spacing: 1px;
	padding-left: 10px;

}
.consult_box{
	width: 615px;
	padding-top: 10px;
}
.consult_box_left{
	width: 248px;
	height:auto;
	float: left;
}

.consult_img{
	width: 248px;


}
.consult_items{
	width: 347px;
	float: right;
	padding-top: 10px;

}
p.consult_items_text{
	padding-left: 10px;
	padding-top: 10px;
	line-height: 1.5em;
	letter-spacing: 1px;

}
.arrow{
	width: 248px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
p.sitemap{
	padding-left: 15px;
	text-align: left;
	letter-spacing: 1px;
	background-image: url(../images/mark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
}
p.sitemap a{
	color: #404040;
	text-decoration: underline;
}

p.linktext{
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
}
span.red{
	color: #FF0000;

}
p.safetytext{
	padding-left: 15px;
	text-align: left;
	letter-spacing: 1px;
	background-image: url(../images/mark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	font-weight: bold;
	margin-top: 10px;

}
p.costtext02{
	padding-left: 15px;
	text-align: left;
	letter-spacing: 1px;
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
}
p.costtext02 a{
	color: #333333;

}
p.costtext03{
	text-align: left;
	letter-spacing: 1px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 13px;
	margin-top: 5px;

}
p.costtext04{
	padding-left: 15px;
	text-align: left;
	letter-spacing: 1px;
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
}

.gray_area{
	background-color: #EFEFEF;
	margin-top: 5px;
	padding-bottom: 10px;
}
p.page_top{
	float: right;
	font-size: 10px;
	clear: right;
	padding-bottom: 5px;
}
p.page_top a{
	color: #404040;
}
p.dictionary{
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	letter-spacing: 1px;
}
p.dictionary a{
color: #404040;
}

.history_office{
width:610px;
height:auto;
padding:10px 0;
border-bottom: 1px dotted #999999;
}

p.history_date{
width:200px;
height:auto;
float:left;
background-image: url(../images/mark.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left:15px;
margin-left:10px;
font-weight:bold;
}

p.history_txt{
width:350px;
height:auto;
float:left;
}

.fs10{
font-size:10px;}

.report_img{
float:right;}

.report_img img{
margin:10px 0;}

/* Footer -----------------------------------------------------------*/

#footer{
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 53px;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
#footer_link{
	width:785px;
	margin: 0px auto;
	height: 20px;
	padding-top: 10px;
}

#footer_link ul{
	list-style-type:none;
}
#footer_link ul li {
	float: left;
}

#footer_link ul li a{
color: #FFFFFF;
text-decoration: underline;}

#footer_link ul li a:hover{
color:#ffffff;
text-decoration:none;}

#footer_link ul li a:visited{
	color: #FFFFFF;}
	
.footer_space{
	color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
}

/* clearfix -----------------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
