/* CSS Document */
/*---基本設定---*/
html {
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}

body {
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, "Osaka", "ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
color: #000000;
}

p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dl, form, div, fieldset, legend, label, span {
margin: 0;
padding: 0;
font-weight: normal;
}

img {
vertical-align: top;
border:none;
margin: 0;
padding: 0;
}

table {
margin: 0;
padding: 0;
}

a { }
a:link { color: #0A50A1; text-decoration: underline; }
a:visited { color: #800080; }
a:hover {  }
a:active {  }

/*---ページレイアウト(共通部分)---*/
#wrapper {
width: 726px;
margin: 0 auto;
padding-top: 18px;
}
#contact #wrapper {
padding-top: 0px;
}

#header {
position: relative;
height: 112px;
background: url(./img/header.jpg) left top no-repeat;
}

#header p {
position: absolute;
top: -15px;
left: 20px;
font-size: 0.75em;
color: #FFFFFF;
text-align: left;
}

#header h2 {
position: absolute;
top: 21px;
left: 21px;
text-indent: -9999px;
text-decoration: none;
overflow: hidden;
}

#header h2 a {
display: block;
width: 303px;
height: 77px;
}

#header h3 {
position: absolute;
top: 67px;
display: block;
right: 21px;
width: 223px;
font-size: 0.75em;
color: #FFFFFF;
text-align: right;
}

li#sodan, li#web2 {
text-indent: -9999px;
text-decoration: none;
overflow: hidden;
position: absolute;
}
li#sodan {
top: 14px;
left: 351px;
}
li#sodan a{
display: block;
width: 118px;
height: 87px;
}

li#web2{
top: 21px;
right: 21px;
}
li#web2 a{
display: block;
width: 49px;
height: 42px;
}
li#web2 a:hover {
background: url(./img/web2_on.jpg) left top no-repeat;
}

li#web1 {
position: absolute;
top: 46px;
display: block;
right: 71px;
width: 173px;
font-size: 0.75em;
color: #FFFFFF;
text-align: left;
font-weight: bolder;
}
li#web1 a {
color: #FFFFFF;
}

#content {
position: relative;
margin: 0 auto; /* center on everything else */
padding-top: 18px;
padding-right: 7px;
width: 726px;
text-align: left;
background: #FFFFFF;
}
#content-inner {
position: static;
width: 710px;
margin: 0 auto 10px auto;
}

#contact #content {
padding-top: 10px;
width: 492px;
}

#pan {
position: absolute;
top: 1px;
left: 21px;
font-size: 0.75em;
}

#side, #main {text-align: center;}

#side {
width: 209px;
float: left;
text-align: center;
background: url(./img/bg_side_top.gif) left top no-repeat;
}

#side-inner {
width: 193px;
margin: 0 auto;
}

#main {
width: 484px;
float: right;
position: relative;
}
#contact #main {
clear: both;
}

#main-inner {
margin-bottom: 100px;
}

#side-inner ul {
list-style: none;
}

.menu01 li, .menu02 li {
width: auto;
display: block;
margin-top: 5px;
padding-bottom: 5px;
}
.menu01 li { background:url(./img/bdr_menu_01_btm.gif) left bottom no-repeat; }
.menu02 li { background:url(./img/bdr_menu_01_btm.gif) left bottom no-repeat; }
.menu03 li { background:url(./img/bnr_menu03_top.jpg) center bottom no-repeat; }
.menu04 li { background:url(./img/bnr_menu04_top.jpg) center bottom no-repeat; }

.menu03 li, .menu04 li {
width: auto;
display: block;
margin-top: 5px;
padding-bottom: 52px;
}

.menu01 li p, .menu02 li p, .menu03 li p, .menu04 li p {
display: block;
padding-left: 28px;
padding-right: 8px;
font-size: 0.75em;
text-align: left;
padding-top: 5px;
line-height: 18px;
}
.menu01 li p{ background:url(./img/bdr_menu_01.gif) left top no-repeat; }
.menu02 li p{ background:url(./img/bdr_menu_01.gif) left top no-repeat; }
.menu03 li p{ background:url(./img/bdr_menu_01.gif) left top no-repeat; }
.menu04 li p{ background:url(./img/bdr_menu_01.gif) left top no-repeat; }

.cat {
margin-top: 10px;
font-size: 0.75em;
color: #FFFFFF;
font-weight: bolder;
text-align:left;
}

.plus {
width: auto;
background:url(./img/bdr_menu_03_mid.gif) left top repeat-y;
font-size: 0.75em;
text-align:left;
}

.bnr {
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	margin-left: 7px;
}

.cmnt {
padding: 10px 10px 15px 10px;
background:url(./img/bdr_menu_01_btm.gif) left bottom no-repeat;
}
p.cmnt {
line-height: 1.5;
}

#wakaru  {
margin-bottom: 88px;
}

#shindan a, #wakaru a {
display: block;
width: 180px;
height: 72px;
}

#shindan a:link, #shindan a:visited {
background:url(./img/bnr_menu03.jpg) 0 0 no-repeat;
}
#shindan a:hover {
background:url(./img/bnr_menu03.jpg) 0 -72px no-repeat;
}
#wakaru a:link, #wakaru a:visited {
background:url(./img/bnr_menu04.jpg) 0 0 no-repeat;
}
#wakaru a:hover {
background:url(./img/bnr_menu04.jpg) 0 -72px no-repeat;
}

#footer {
width: auto;
margin: 0 auto;
padding: 8px 20px 16px 0;
font-size: 0.75em;
text-align: right;
line-height: 1;
}

#navi {
position:absolute;
width: 726px;
bottom: -1px;
background: url(./img/bg_content_btm.gif) left bottom no-repeat;
}

#navi-inner {
position: relative;
width: 474px;
margin-left: 239px;
margin-bottom: 10px;
}

#navi ul {
display: block;
width: 474px;
height: 29px;
padding: 0 10px;
margin-right: 14px;
list-style: none;
background: url(./img/bg_navi.gif) left top no-repeat;
}

#navi li {
float: left;
padding: 4px 10px 0 20px;
font-size: 0.75em;
background: url(./img/mrk_navi.jpg) left 50% no-repeat;
}

.btn_ptop {
text-indent: -9999px;
overflow: hidden;
}

.btn_ptop a {
float: right;
display: block;
width: 103px;
height: 23px;
background: url(./img/pagetop.jpg) left top no-repeat;
margin: 18px 0;
}

/*----ページレイアウト---*/
#main .box {
width: 473px;
margin: 18px auto;
padding-bottom: 12px;
background: #F7F4EB url(./img/bg_box_btm.gif) left bottom no-repeat;
}
#main .box-inner {
padding-top: 12px;
padding-left: 18px;
padding-right: 18px;
margin: 0 auto;
background: #F7F4EB url(./img/bg_box_top.gif) left top no-repeat;
}
#main .box-inner2 {
padding-top: 12px;
margin: 0 auto;
background: #F7F4EB url(./img/bg_box_top.gif) left top no-repeat;
}
#main .sec {
width: 437px;
margin: 18px auto;
}

#site08 .sec h3 {
margin-bottom: 18px;
color: #00947E;
line-height: 1.5;
font-size: 1em;
text-align: left;
font-weight: bolder;
}
#site08 .sec p {
text-align: left;
font-size: 0.75em;
line-height: 1.5;
margin-bottom: 18px;
}

#main .box p {
text-align: left;
font-size: 0.75em;
line-height: 1.5;
}
#main p.line {
padding-top: 12px;
margin-top: 3px;
background: transparent url(./img/line_dot.gif) left top repeat-x;
}

#main p.b_line {
padding-bottom: 12px;
margin-bottom: 3px;
background: transparent url(./img/line_dot.gif) left bottom repeat-x;
}

#main .line_wh {
padding-top: 12px;
margin-top: 3px;
background: #FFFFFF url(./img/line_dot.gif) left top repeat-x;
}
#main .b_line_wh {
padding-bottom: 12px;
margin-bottom: 3px;
background: #FFFFFF url(./img/line_dot.gif) left bottom repeat-x;
}

ul.b_line {
margin-left: 18px;
margin-right: 18px;
padding-top: 3px;
background: transparent url(./img/line_dot.gif) left top repeat-x;
}

ul.b_line li{
padding-bottom: 12px;
margin-bottom: 3px;
font-size: 0.75em;
list-style: none;
text-align:left;
color: #00947E;
background: transparent url(./img/line_dot.gif) left bottom repeat-x;
}

img.posi_l {
float:left;
margin-right: 18px;
margin-bottom: 20px;
overflow: hidden;
}
img.posi_r {
float:right;
margin-left: 18px;
margin-bottom: 20px;
overflow: hidden;
}
img.posi_c {
margin: 18px auto;
}
div.posi_l {
float: left;
}

#main .bar h2{
padding: 0 10px 0 18px;
color: #FFFFFF;
font-size: 0.75em;
line-height: 28px;
text-align: left;
font-weight: bolder;
}

.gr {
color: #00947E;
font-weight: bolder;
}
.gr2 {
	color: #00947E;
	font-weight: bolder;
	text-align: left;
	float: right;
	width: 435px;
}
.gr3 {
	color: #00947E;
	font-weight: bolder;
	text-align: left;
	float: left;
	width: 10px;
}

.grey {
color: #7D7D7D;
font-size: 0.85em;
}

#main .bar h3, .pnt {
margin: 18px 18px 0 18px;
color: #00947E;
line-height: 1.5;
font-size: 0.75em;
text-align: left;
font-weight: bolder;
}

.pnt {
margin: 18px;
color: #00947E;
line-height: 1.5;
font-size: 0.75em;
text-align: left;
font-weight: bolder;
}

.pnt_bk {
margin: 18px;
line-height: 1.5;
font-size: 0.75em;
text-align: left;
}


#main .bar p{
margin: 18px;
font-size: 0.75em;
line-height: 1.5;
text-align: left;
}

#main .box h3 {
color: #00947E;
font-size: 0.75em;
line-height: 1.5;
text-align:left;
font-weight: bolder;
}

/*--(個別部分ここから)--*/
#main h1 {
display: block;
text-indent: -99999px;
overflow: hidden;
width: 484px;
}
#top #main h1 { background: url(./img/banner_00.jpg) left top no-repeat; height: 157px; }
#site01 #main h1 { background: url(./img/banner_01.jpg) left top no-repeat; height: 123px; }
#site02 #main h1 { background: url(./img/banner_02.jpg) left top no-repeat; height: 123px; }
#site03 #main h1 { background: url(./img/banner_03.jpg) left top no-repeat; height: 123px; }
#site04 #main h1 { background: url(./img/banner_04.jpg) left top no-repeat; height: 123px; }
#site05 #main h1 { background: url(./img/banner_05.jpg) left top no-repeat; height: 123px; }
#site06 #main h1 { background: url(./img/banner_06.jpg) left top no-repeat; height: 123px; }
#site07 #main h1 { background: url(./img/banner_07.jpg) left top no-repeat; height: 123px; }
#site08 #main h1 { background: url(./img/banner_08.jpg) left top no-repeat; height: 123px; }
#site09 #main h1 { background: url(./img/banner_09.jpg) left top no-repeat; height: 123px; }
#site10 #main h1 { background: url(./img/banner_10.jpg) left top no-repeat; height: 123px; }
#site11 #main h1 { background: url(./img/banner_11.jpg) left top no-repeat; height: 123px; }
#site12 #main h1 { background: url(./img/banner_12.jpg) left top no-repeat; height: 123px; }
#contact #main h1 { background: url(./img/banner_13.jpg) left top no-repeat; height: 123px; }

#main .bar {
width: 473px;
margin: 0px auto;
}
#top #main .bar { background: url(./img/bar_00.jpg) left top no-repeat; }
#site01 #main .bar { background: url(./img/bar_01.jpg) left top no-repeat; }
#site02 #main .bar { background: url(./img/bar_02.jpg) left top no-repeat; }
#site03 #main .bar { background: url(./img/bar_03.jpg) left top no-repeat; }
#site04 #main .bar { background: url(./img/bar_04.jpg) left top no-repeat; }
#site05 #main .bar { background: url(./img/bar_05.jpg) left top no-repeat; }
#site06 #main .bar { background: url(./img/bar_06.jpg) left top no-repeat; }
#site07 #main .bar { background: url(./img/bar_07.jpg) left top no-repeat; }
#site08 #main .bar { background: url(./img/bar_08.jpg) left top no-repeat; }
#site09 #main .bar { background: url(./img/bar_09.jpg) left top no-repeat; }
#site10 #main .bar { background: url(./img/bar_10.jpg) left top no-repeat; }
#site11 #main .bar { background: url(./img/bar_11.jpg) left top no-repeat; }
#site12 #main .bar { background: url(./img/bar_12.jpg) left top no-repeat; }
#contact #main .bar { background: url(./img/bar_13.jpg) left top no-repeat; }

.mrk {
padding-right: 10px;
font-size: 0.75em;
text-align: left;
padding-left: 36px;
}

#top #main .box #merit01 .mrk { background: url(./img/merit01.jpg) left 50% no-repeat; line-height: 1.5; }
#top #main .box #merit02 .mrk { background: url(./img/merit02.jpg) left 50% no-repeat; line-height: 3; }
#top #main .box #merit03 .mrk { background: url(./img/merit03.jpg) left 50% no-repeat; line-height: 3; }

#site02 #main .box #data01 .mrk { background: url(./img/data01.jpg) left top no-repeat; }
#site02 #main .box #data02 .mrk { background: url(./img/data02.jpg) left top no-repeat; }
#site02 #main .box #data03 .mrk { background: url(./img/data03.jpg) left top no-repeat; }
#site02 #main .box #data04 .mrk { background: url(./img/data04.jpg) left top no-repeat; }
#site02 #main .box #data05 .mrk { background: url(./img/data05.jpg) left top no-repeat; }
#site02 #main .box #data06 .mrk { background: url(./img/data06.jpg) left top no-repeat; }

#site02 table th { color: #00947E; }

#site05 .col_l { width: 200px; float: left; }
#site05 .col_r { width: 200px; float: right;}
.col_l ul, .col_r ul {
list-style: none;
list-style-position: outside;
}
.col_l li, .col_r li {
background: transparent url(./img/mrk_dot.gif) left 5px no-repeat;
padding-left: 10px;
font-size: 0.75em;
text-align: left;
}

ul#lawyers {
padding: 15px 0;
}

#lawyers li {
float: left;
list-style-type:none;
padding-left: 15px;
font-size: 0.75em;
}

.person { width:453px; padding: 11px 0; margin: 0 auto; background:#FFFFFF; }
.person-inner { width:435px; margin: 0 auto; height: 80px; position: relative; }
#person01 .person-inner { background: url(./img/kuzuhara.jpg) left top no-repeat; }
#person02 .person-inner { background: url(./img/sawada.jpg) left top no-repeat; }
#person03 .person-inner { background: url(./img/kittaka.jpg) left top no-repeat; }
#person04 .person-inner { background: url(./img/ito.jpg) left top no-repeat; }
#person05 .person-inner { background: url(./img/nagatani.jpg) left top no-repeat; }

.person h3 {
padding-left: 92px;
color: #00947E;
text-align: left;
font-size: 1em;
line-height: 1.5;
font-weight: bolder;
}
.person h4 {
text-align: left;
font-size: 0.75em;
font-weight: bolder;
position: absolute;
left: 92px;
bottom: 0;
}

.prof {
width:453px;
margin: 0 auto;
}
.prof ul {
list-style: none;
list-style-position: outside;
}
.prof li {
background: transparent url(./img/mrk_dot.gif) left 5px no-repeat;
padding-left: 10px;
}
dl {
font-size: 0.75em;
line-height:1.5;
text-align: left;
padding-top: 10px;
}
dl.line {
padding-bottom: 12px;
background: transparent url(./img/line_dot.gif) left bottom repeat-x;
}
dt {
float: left;
width: 74px;
color: #00947E;
}
dd {
width: auto;
margin-left: 76px;
}

#jiten {
width: 473px;
height: 68px;
margin: 0 auto;
background: url(./img/btn_jiten.jpg) left top no-repeat;
position:relative;
}
#jiten li {
position: absolute;
top: 7px;
text-indent: -9999px;
overflow: hidden;
width: 43px;
height: 36px;
display: block;
}
#jiten li#a { left: 7px; }
#jiten li#ka { left: 53px; }
#jiten li#sa { left: 99px; }
#jiten li#ta { left: 145px; }
#jiten li#na { left: 191px; }
#jiten li#ha { left: 238px; }
#jiten li#ma { left: 283px; }
#jiten li#ya { left: 329px; }
#jiten li#ra { left: 375px; }
#jiten li#wa { left: 421px; }
#jiten li a{
display: block; width: 43px; height: 36px; text-decoration: none;
}
#jiten p {
width: 473px;
position: absolute;
top: 50px;
left: 0px;
font-size: 14px;
color: #00947E;
text-align: center;
}

.yougo {
width: 449px;
margin: 18px auto 0 auto;
padding-bottom: 2px;
background: transparent url(./img/line_dot.gif) left bottom repeat-x;
}
.yougo h3{
color: #00947E;
text-align: left;
font-size: 1.125em;
font-weight: bolder;
}
.yougo p.yomi {
font-size: 0.65em;
line-height: 1.5; 
text-align: left;
color: #808080;
}
.yougo p.imi {
font-size: 0.75em;
line-height: 1.5; 
text-align: left;
padding: 12px 0;
}

.pageback, .pagetop {
text-align: right;
padding: 12px;
font-size: 0.75em;
}

.contact {
display:block;
width: 474px;
height: 91px;
margin: 18px auto;
position:relative;
}
.contact li {
position: absolute;
top: -1px;
text-indent: -9999px;
overflow: hidden;
width: 227px;
height: 91px;
display: block;
}
li.tel { background: url(./img/bnr_tel.jpg) left top no-repeat; left: -2px; }
li.form { right: 0px; }
li.form a { display: block; width: 227px; height: 91px; text-decoration: none; }
li.form a:link, li.form a:visited { background:url(./img/bnr_form.jpg) left top no-repeat; }
li.form a:hover { background:url(./img/bnr_form.jpg) left bottom no-repeat; }

.contact p.tel, .contact p.form  {
position: absolute;
display: block;
top: 109px;
width: 227px;
text-align: left;
font-size: 0.75em;
}
.contact p.tel { left: 0px; }
.contact p.form {right: 0px; }

ul#access {
list-style: none;
}
ul#access li { padding-left: 19px; }
li#mido { background:url(./img/mido.gif) left 50% no-repeat; }
li#tani { background:url(./img/tani.gif) left 50% no-repeat; }
li#jr { background:url(./img/jr.gif) left 50% no-repeat; }

fieldset {
width: 450px;
border: none;
}

#field01 fieldset table,
#field02 fieldset table {
border-top: #CCCCCC 1px solid;
font-size: 0.75em;
}
#field03 fieldset table {
border-top: #CCCCCC 1px solid;
font-size: 0.65em;
}
fieldset td {
border-bottom: #CCCCCC 1px solid;
}
legend {
font-size: 1.25em;
font-weight: bold;
color: #00947E;
}
#field01, #field02, #field03 {
position: relative;
width: 450px;
clear: both;
margin: 18px auto;
}

#field01 td, #field02 td, #field03 td {
padding-top: 5px;
padding-bottom: 5px;
}
#field01 td.label {
width: 120px;
text-align: left;
}

#field01 td.ctrl2 {
background: #FFFFFF;
text-align: left;
padding-left: 5px;
padding-right: 5px;
}

td.kome{
color:#DC1603;
padding-left: 5px;
padding-right: 5px;
}
td.note {
width: 56px;
color: #00947E;
text-align: center;
background: #BFE6D4;
}
#field01 td.ctrl {
background: #BFE6D4;
text-align: left;
padding-left: 5px;
padding-right: 5px;
}
#field01 input {
width: 235px;
}
#field01 input.radio {
width: auto;
}
#field02 td.label {
width: 190px;
text-align: left;
}
#field02 td.ctrl {
background: #BFE6D4;
text-align: left;
padding-left: 5px;
padding-right: 5px;
}
#field02 input {
width: 100px;
}

#field03 td {
padding-left: 5px;
padding-right: 5px;
text-align: left;
}
#field03 td.ctrl {
background: #BFE6D4;
}

#field03 li{
color:#DC1603;
font-weight: bolder;
}

#field03 textarea {
width: 357px;
}

#field03 .kakunin {
margin-top: 50px;
margin-bottom: 18px;
}

p.memo {
position: absolute;
color:#DC1603;
font-weight: bolder;
top: -2px;
right: 0px;
text-align: right;
font-size: 0.75em;
}

.btn_l { margin-right:18px; }


/* ===== べリサイン用のtable設定 ===== */
#verisign table	{
	font-size: 10px;
	width: 460px;
	margin:0px;
	padding:0px;
}
#verisign th	{
	background-color: #FFFFFF;
	border: none;
	margin:0px;
	padding:0px;
	font-weight: normal;
	text-align: center;
	width:30%;
}
#verisign td	{
	background-color: #FFFFFF;
    border: none;
	margin:0px;
	padding:0px;
	width:70%;
}