@charset "utf-8";

/*========================================
  base
-----------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 160%;
	color: #333;
	background-color:transparent;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}
img {
	border: none;
	margin: 0;
	padding: 0;
	display: inline;
}
ul {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	empty-cells: show;
}

/* for IE6*/
td,th,form {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 160%;
	color: #333;
	background-color:transparent;
	font-family: Arial, Helvetica,sans-serif;
}

input,select,option,textarea { 
	background-color:#FFF;
	color: #06911D;
} 

a:focus{
/**/
	overflow: hidden;
/**/
}

/*========================================
  about txt
-----------------------------------------*/
/*-- a --*/
a:link {
	color: #2673a9;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #2673a9;
}
a:hover {
	color: #bc0e2f;
}

a:active {
	text-decoration: none;
	color: #17378A;
}

/*-- font --*/
.green {color: #33A02C}
.red {color: #FF0000}
.bold{font-weight: bold; }
.small{font-size: 0.63em;}
.point{color: #a30c1a;}
.big{font-size:120%;}
.lefttxt{text-align:left;}

/*========================================
  layout
-----------------------------------------*/

body {
	background-color: #FFF;
	text-align:center;
	background-image: url(../img/bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}
img,object {
	border: 0px;
	vertical-align:bottom;
}

#base {
	width: 900px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
/* for win IE */
/* Hides from IE-mac \*/
*html body #base {
	width: 900px;
	padding-bottom:0px;
}
/* End for win IE */

table{
	font-weight:normal;
	vertical-align: top;
	border-top:1px solid #999;	
}
table tr td{
	font-weight:normal;
	vertical-align: top;
	border-bottom:1px solid #999;	
	padding:5px;
}

p.right{
	text-align:right;
	padding:0px 20px 0px 0px;
}
p.center{
	text-align:center;
	padding:0px 20px 0px 0px;
}


/*========================================
  header
-----------------------------------------*/
#header {
	text-align: left;
	margin-bottom: 10px;
}
h1#headlogo {
	float:left;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	width:251px;
	height:52px;
	text-indent: -9999px;
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 20px;
}
h1#headlogo a{
	width:251px;
	height:52px;
	display:block;
	overflow: hidden;
}

h2#addr{
	float:left;
	background-image: url(../img/top_addr.gif);
	background-repeat: no-repeat;
	width:332px;
	height:58px;
	text-indent: -9999px;
	margin-top: 8px;
}

h3#contact {
	float:left;
	width:148px;
	height:40px;
	text-indent: -9999px;
	margin-left: 120px;
}
h3#contact a{
	background-image: url(../img/tel.gif);
	width:148px;
	height:40px;
	display:block;
	overflow: hidden;
}
h3#contact a:hover{
	background-position:0px -40px;
}

/*====▼SEO▼====*/
#header div#head_add{
overflow:auto;
width:650px;
float:left;
}

h1#headlogo_add{
font-size:10px;
color:#555555;
font-weight:normal;
padding:5px 0 0 12px;
margin:0;
}

#headlogo_img{
	float:left;
	width:251px;
	height:52px;
	margin-left: 8px;
	margin-right: 20px;
	display:block;
	overflow: hidden;
}

h2#addr{
	margin-top: 0px;
}
	
h3#contact {
	margin-left: 81px;
}

address#addr{
	float:left;
	background-image: url(../img/top_addr.gif);
	background-repeat: no-repeat;
	width:332px;
	height:58px;
	text-indent: -9999px;
	margin-top: 0px;
	font-style:normal;
}

div#contact {
	float:left;
	width:148px;
	height:40px;
	text-indent: -9999px;
	margin-left: 120px;
	margin-left: 81px;
}
div#contact a{
	background-image: url(../img/tel.gif);
	width:148px;
	height:40px;
	display:block;
	overflow: hidden;
}
div#contact a:hover{
	background-position:0px -40px;
}


/*====▲SEO▲====*/

/*========================================
  menu
-----------------------------------------*/
div#menu{
	width:900px;
}

#menu ul{
	display: block;
}

#menu li{
	float:left;
	text-indent:-9999px;
	background-image: url(../img/menu.gif);
	height:37px;
}
#menu li a{
	display:block;
	text-indent:-9999px;
	background-image: url(../img/menu.gif);
	overflow: hidden;
	height:37px;
}

#menu li.menu1{width:129px;background-position:0px -37px;}
#menu li.menu2{width:109px;background-position:-129px -37px;}
#menu li.menu3{width:98px;background-position:-238px -37px;}
#menu li.menu4{width:108px;background-position:-336px -37px;}
#menu li.menu5{width:109px;background-position:-444px -37px;}
#menu li.menu6{width:108px;background-position:-553px -37px;}
#menu li.menu7{width:96px;background-position:-661px -37px;}
#menu li.menu8{width:143px;background-position:-757px -37px;}

#menu li.menu1 a{width:129px;background-position:0px 0px;}
#menu li.menu2 a{width:109px;background-position:-129px 0px;}
#menu li.menu3 a{width:98px;background-position:-238px 0px;}
#menu li.menu4 a{width:108px;background-position:-336px 0px;}
#menu li.menu5 a{width:109px;background-position:-444px 0px;}
#menu li.menu6 a{width:108px;background-position:-553px 0px;}
#menu li.menu7 a{width:96px;background-position:-661px 0px;}
#menu li.menu8 a{width:143px;background-position:-757px 0px;}

#menu li.menu1 a:hover{width:129px;background-position:0px 37px;}
#menu li.menu2 a:hover{width:109px;background-position:-129px 37px;}
#menu li.menu3 a:hover{width:98px;background-position:-238px 37px;}
#menu li.menu4 a:hover{width:108px;background-position:-336px 37px;}
#menu li.menu5 a:hover{width:109px;background-position:-444px 37px;}
#menu li.menu6 a:hover{width:108px;background-position:-553px 37px;}
#menu li.menu7 a:hover{width:96px;background-position:-661px 37px;}
#menu li.menu8 a:hover{width:143px;background-position:-757px 37px;}

/*========================================
  mainbody,news
-----------------------------------------*/

#mainbody {
	width: 900px;
	text-align: left;
}

#mainbody div#left{
	width: 232px;
	text-align: left;
	float:left;
	margin:17px 0px 0px 17px;
	display: inline;
	font-size: 0.75em;
}
#mainbody div#right{
	font-size: 0.88em;
	width: 618px;
	text-align: left;
	float:left;
	margin:17px 0px 0px 16px;
}
#mainbody div#right p{
	margin:0px 0px 16px 0px;
}

/*========================================
  footer
-----------------------------------------*/
div#footer {
	background-color: #58171d;
	width:900px;
	margin:0px 0px 0px 0px;
}

div#footer ul li{
	float:left;
	margin:4px;
}
div#footer ul li a{
	display:block;
	text-indent:-9999px;
	overflow: hidden;
	height:26px;
	background-image: url(../img/footmenu.gif);
}

div#footer ul li.foot1 a{width:65px;background-position:0px 0px;}
div#footer ul li.foot2 a{width:142px;background-position:-72px 0px;}

div#footer ul li.foot1 a:hover{width:65px;background-position:0px -26px;}
div#footer ul li.foot2 a:hover{width:142px;background-position:-72px -26px;}

div#footer ul li.foot3{
	float:right;
	text-indent:-9999px;
	width:460px;
	height:25px;
	background-image: url(../img/copy.gif);
}
/*========================================
  page-title
-----------------------------------------*/

div#right h2,
div#right h4{
	width: 618px;
	height: 32px;
	text-indent:-9999px;
	margin:0px 0px 16px 0px;
}
.index h4{background:url(../img/title_index.gif) no-repeat 0 0;}
.policy h4{background:url(../img/title_policy.gif) no-repeat 0 0;}
.map h4{background:url(../img/title_map.gif) no-repeat 0 0;}
.lawyers h4{background:url(../img/title_lawyers.gif) no-repeat 0 0;}
.about h4{background:url(../img/title_about.gif) no-repeat 0 0;}
.works h4{background:url(../img/title_works.gif) no-repeat 0 0;}
.cost h4{background:url(../img/title_cost.gif) no-repeat 0 0;}
.book h4{background:url(../img/title_book.gif) no-repeat 0 0;}
.adviser h4{background:url(../img/title_adviser.gif) no-repeat 0 0;}
.career h4{background:url(../img/title_careers.gif) no-repeat 0 0;}

.works h2{background:url(../img/title_works.gif) no-repeat 0 0;}

div#right h4.wrk_h4{
	background:none;
	text-indent:0;
	width:auto;
	height:auto;
	margin:0;
}

/*========================================
  path
-----------------------------------------*/
#left ul#path li{
	border-bottom:1px solid #ccc;
	margin:5px 0px 5px 3px;
	line-height:20px;
}
#left ul#path li a{
 padding-left:16px;
	background:url(../img/mark_path.gif) no-repeat 0px 0px;
}
#left ul#path li a:hover{
	background-position:0px -88px;
}


#left ul#path li.second{
	border-bottom:1px dotted #ccc;
	margin-left:8px;
}
#left ul#path li.second a{
	background-position:0px -45px;
}
#left ul#path li.second a:hover{
	background-position:0px -88px;
}

#left ul#path li.now{
 padding-left:16px;
	background:url(../img/mark_path.gif) no-repeat 0px 3px;
	font-weight:bold;
	color: #58171d;
}

#left ul#path li.third{
	margin-left:36px;
}
#left ul#path li.name{
	margin-left:26px;
}

/*====▼SEO▼====*/
#left ul#path li.now span{
	font-size:0.9em;
	color:#58171D;
}
/*====▲SEO▲====*/

/*========================================
  pageback
-----------------------------------------*/

ul.pageback li{
	float:left;
	margin-top:10px;
}
ul.pageback li.up{
	float:right;
}
ul.pageback li.back a{
	background:url(../img/pagetop.gif) no-repeat 0px 0px;
	width:120px;
	height:60px;
	text-indent:-9999px;
	display:block;
}
ul.pageback li.up a{
	background:url(../img/pagetop.gif) no-repeat -230px 0px;
	width:214px;
	height:60px;
	text-indent:-9999px;
	display:block;
}
ul.pageback li.back a:hover{
	background-position: 0px -60px;
}

ul.pageback li.up a:hover{
	background-position: -230px -60px;
}

/*========================================
  index
-----------------------------------------*/
p#name{
	text-indent:-9999px;
	background-image: url(../img/top_name.gif);
	width:113px;
	height:42px;
	float:right;
	margin-bottom:0px;
	display:block;
}

div#topnews{
	margin:16px 0px 0px 0px;
}
div#topnews dl dt{
	margin:8px 0px 0px 0px;
	border-left:4px solid #D2D2D2; 
	padding-left:7px;
}
div#topnews dl dd{
	border-left:4px solid #D2D2D2; 
	padding-left:7px;
}

h4#shouhyo{
	width:232px;
	height:305px;
	text-indent:-9999px;
	background-image: url(../img/top_photo2.jpg);
}


/* for win IE */
/* Hides from IE-mac \*/
*html body hogehoge{margin:6px 0px 0px 0px;}
/* End for win IE */

/*========================================
  adviser
-----------------------------------------*/
div.adviser dl{
	margin:1em 0em 0em 5em;
}


div.adviser dt{
	float:left;
	width:6em;
	color:#a30c1a;
	font-weight:bold;
}

div.adviser dd{
	float:left;
}

div.adviser h5{
	color:#a30c1a;
	font-weight:bold;
}
/*========================================
  policy
-----------------------------------------*/
div.policy ol{
	margin-left:30px;
}

div.policy ol li{
	margin:0px 0px 16px 0px;
}

/*========================================
  map
-----------------------------------------*/
div.map p.tel{
	text-indent:-9999px;
	background-image: url(../img/map_access.gif);
	background-repeat: no-repeat;
	background-position:center top;
	width:100%;
	height:150px;
}

div.map h5{
	text-indent:-9999px;
	background-image: url(../img/access_title.gif);
	background-repeat: no-repeat;
	width:135px;
	height:25px;
	margin:16px 0px 8px 0px;
}

/*========================================
  lawyers
-----------------------------------------*/

ul#member{
	clear:both;
}

ul#member li{
	float:left;
	margin:0px 20px 20px 0px
}

ul#member li a{
	width:172px;
	height:55px;
	display:block;
	overflow: hidden;
	text-indent:-9999px;
}
ul#member li a:hover{
	background-position:0px -55px;
}

ul#member li.lawyer01 a{background-image: url(../img/lawyers_list01.gif);}
ul#member li.lawyer02 a{background-image: url(../img/lawyers_list02.gif);}
ul#member li.lawyer03 a{background-image: url(../img/lawyers_list03.gif);}
ul#member li.lawyer04 a{background-image: url(../img/lawyers_list04.gif);}
ul#member li.lawyer05 a{background-image: url(../img/lawyers_list05.gif);}
ul#member li.lawyer06 a{background-image: url(../img/lawyers_list06.gif);}
ul#member li.lawyer07 a{background-image: url(../img/lawyers_list07.gif);}
ul#member li.lawyer08 a{background-image: url(../img/lawyers_list08.gif);}

div.lawyers dl dt{
	color:#a30c1a;
	font-weight:bold;
	background-image: url(../img/en.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	line-height:20px;
	padding-left:20px;
}

div.lawyers dl dd{
	margin:6px 0px 16px 20px;
}

div.lawyers div.comment{
	border:2px solid #78cac6;	
	padding:5px;
}

div.lawyers h5{
	text-indent:-9999px;
	background-repeat: no-repeat;
	width:618px;
	height:58px;
	margin:0px 0px 16px 0px;
}
div.lawyers h5#law01{background-image: url(../img/name_01.gif);}
div.lawyers h5#law02{background-image: url(../img/name_02.gif);}
div.lawyers h5#law03{background-image: url(../img/name_03.gif);}
div.lawyers h5#law04{background-image: url(../img/name_04.gif);}
div.lawyers h5#law05{background-image: url(../img/name_05.gif);}
div.lawyers h5#law06{background-image: url(../img/name_06.gif);}
div.lawyers h5#law07{background-image: url(../img/name_07.gif);}
div.lawyers h5#law08{background-image: url(../img/name_08.gif);}

div.lawyers ul.lawyerbook li{
	margin-left:2em;
	list-style-type:square;
	list-style-position:inside;
}

/*========================================
  about
-----------------------------------------*/

div.about{
	background-repeat: no-repeat;
	background-image: url(../img/about_bg.jpg);
	background-position:right 50px;
}

div.about dl dt{
	color:#a30c1a;
	font-weight:bold;
	line-height:20px;
	padding-left:10px;
	border-left:4px solid #a30c1a;
}

div.about dl dd{
	padding:6px 0px 0px 10px;
	border-left:4px solid #CCC;
	margin-bottom:16px;
}

/*========================================
  book
-----------------------------------------*/

div.book dl dt{
	color:#FFF;
	font-weight:bold;
	background-color:#a30c1a;
	line-height:26px;
	border-left:4px solid #a30c1a;
	padding-left:5px;
}

div.book dl ul,
ul.top_collist{
	margin-bottom:24px;
}

div.book dl ul li,
ul.top_collist li{
	margin:8px 0px 0px 8px;
	border-left:4px solid #CCC;
	padding-left:6px;
}

div.book dl ul li ul{
	margin-bottom:0px;
}
div.book dl ul li ul li{
	margin:0px 0px 0px 1px;
	border-left:0px;
	padding-left:1em;
	list-style-type:square;
	list-style-position:inside;
}



/*========================================
  cost
-----------------------------------------*/
div.cost h5{
	color:#a30c1a;
	font-weight:bold;
}

div.cost dl dt{
	background-repeat: no-repeat;
	height:48px;
	background-image: url(../img/cost_title.gif);
	text-align:center;
	line-height:38px;
}

div.cost dl dd{
	padding:0px 16px 0px 16px;
	margin-bottom:24px;
}

table#costchart{
	border:0px;
}
#costchart td{
	background-image: url(../img/arrow_d.gif);
	background-repeat: no-repeat;
	padding-top:35px;
	background-position:center top;
	border:0px;
}

#costchart td.topchart{
	background-image:none;
	padding-top:0px;
}

#costchart div{
	padding:5px 5px 2px 5px;
	border:1px solid #060;
	background-color:#EEE;
	font-size: 1em;
	text-align:center;
}

#costchart div h6{
	color:#060;
}



/*========================================
  works
-----------------------------------------*/
div.works ol{
	margin-left:30px;
}

div.works ol li{
	margin:0px 0px 16px 0px;
}
div.works ol ul.works_detail li{
	margin:0px 0px 6px 0px;
}

div.works a.detail img{
	width:98px;
	height:19px;
	background-image: url(../img/to_detail.gif);
	vertical-align: middle;
}
div.works a.detail:hover img{
	background-position:0px -19px;
}

div.works h3,
div.works h5,
h5.minititle,
div.lawyers h6{
	color:#a30c1a;
	border-bottom: double #a30c1a 3px;
	margin-bottom:16px;
	padding-left:8px;
	font-size:120%;
}


div.works h7{
	margin-left:10px;
	border-left:5px solid #390;
	padding-left:6px;
	color:#060;
}

div.works ul.other li{
	margin-left:20px;
}


div.works h4.wrk_h4,
div.works h6{
	color:#a30c1a;
}

div.honbun ol li{
	color:#a30c1a;
	font-weight:bold;
}
div.honbun ol li span{
	font-weight:normal;
}

div.honbun ol li ol.inlist li{
	color:#333;
	font-weight:normal;
}

div.works div.ques{
	background-image: url(../img/q.gif);
	background-repeat: no-repeat;
	padding:15px 10px 5px 10px;
	text-indent:25px;
	border:1px solid #069;
	color:#069;
}
div.works div.ans{
	background-image: url(../img/a.gif);
	background-repeat: no-repeat;
	padding:15px 10px 5px 10px;
	text-indent:25px;
	border:1px solid #C03;
	margin:16px 0px 0px 0px;
}

div.works div#work71{
	width:618px;
	height:450px;
	background-image: url(../img/work7_1.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin:0px 0px 0px -30px;
}
div.works div#work72{
	width:618px;
	height:199px;
	background-image: url(../img/work7_2.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin:0px 0px 0px -30px;
}

div.works div#work73{
	width:618px;
	height:244px;
	background-image: url(../img/work7_3.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin:0px 0px 0px -30px;
}
div.works table.worktable{
	border-top:1px solid #333;	
	border-right:1px solid #333;	
	vertical-align: middle;
}

div.works table.worktable th{
	vertical-align: middle;
	font-size:120%;
	border-bottom:1px solid #333;	
	border-left:1px solid #333;	
	padding:5px;
	text-align:center;
	background-color:#98D173;
}
div.works table.worktable td{
	font-weight:normal;
	vertical-align: middle;
	border-bottom:1px solid #333;	
	border-left:1px solid #333;	
	padding:5px;
	text-align:center;
}

td.koumoku{
	background-color:#DDD;
}

/* -------- Q&A -------- */

dl.qa_dl dt{
	font-weight:bold;
	float:left;	
	padding:5px 0px 5px 5px;
	font-size:120%;
	width:5%;	
	clear:both;
}
dl.qa_dl dd{
	padding:7px 5px 5px 0px;
	margin-left:6%;
}

dt.qa_q,dd.qa_q{
	color:#F33;
}
dt.qa_a{
	color:#09C;
}
dd.qa_a{
	margin-bottom:1.5em;
}

/*========================================
  column
-----------------------------------------*/

.columnb{
	height:45px;
	background-image: url(../img/column_b.gif);
	background-repeat: no-repeat;
	display:block;
	line-height:45px;	
	text-indent:65px;
}
ul.column_list li{
	margin:0px 0px 12px 10px;
}


ul.column_list li a{
	border-left:5px solid #9C3;
	padding-left:5px;
}

/*========================================
  clearfix
-----------------------------------------*/
/*firefox etc.*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*MacIE WinIE7*/
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.cl{
	clear: both; 
}