@charset "Shift_JIS";

/*---- ”wŒiF ----*/
body {
background-color: #ffffff;
background-image: url(../img/bg_01.gif);
background-attachment: fixed; 
color: #000033;
margin: 0px;
padding: 0;
}


a:link { color: #333333; }
a:visited { color: #333333; }
a:hover { color: #333333; }
a:active { color: #333333; }

















/*|box|*/
#box {
margin: 0 auto;
padding: 0;
width: 1300px;
background-color: #ffffff;
}

hr.left: {
margin: 0;
padding: 0;
clear: left
}


/*|header|*/


#header {
margin: 0 auto;
padding: 0;
width: 1300px;
height: 160px;
background: #ffffff url(../img/sub_header.jpg) no-repeat top center;
}



#menu {
margin: 0;
padding: 0;
width: 100%;
height: 80px;
background: #ffffff url(../img/home_menu.gif);
}

#menu ul {
margin: 0 auto;
padding: 0 0 0 100px;
list-style: none;
}


#menu ul li {
margin: 0;
padding: 0 40px 0 0;
float: left;
}





/*|main|*/
#main  {
margin: 0;
padding: 20px 0 150px 0;
width: 1300px;
background-color: #ffffff;
}




/*|lawyer|*/



#main  h2 {
margin: 5px 0 5px 30px;
padding: 0;
line-height: 100%;
text-align: left;
}


#main div.top_lawyer {
margin: 0 50px;
padding: 0px 30px 20px 30px;
width: 1140px;
border: 0px red solid;
font-size: 15px;
color: #333333;
line-height: 180%;
text-align: left;
}





#main  h3 {
margin: 20px 0 5px 0;
padding: 0;
font-size: 20px;
font-weight: bold;
color: #0033ff;
line-height: 100%;
text-align: left;
}


#main  h4 {
margin: 0;
padding: 0 0 0 50px;
text-align: left;
}


#main div.i {
margin: 0 80px;
padding: 0 256px 0 0;
border: 0px red solid;
background: url(../img/lawyer_i.jpg) no-repeat right top;
}




#main div.i div {
margin: 0 80px;
padding: 0;
border: 0px red solid;
font-size: 15px;
color: #333333;
line-height: 180%;
}





#main div.s {
margin: 0 80px;
padding: 0;
border: 0px red solid;
font-size: 15px;
color: #333333;
line-height: 180%;
}




#main div.s div {
margin: 0 80px;
padding: 0;
border: 0px red solid;
font-size: 15px;
color: #333333;
line-height: 180%;
}





#main dl {
margin: 25px 0 10px 80px;
padding: 0;
}

#main dl dt {
margin: 0;
padding: 0;
width: 120px;
font-size: 15px;
color: #333333;
text-align: right;
line-height: 100%;
float: left;
}


#main dl dd {
margin: 0 0 15px 130px;
padding: 0;
font-size: 15px;
color: #333333;
line-height: 100%;
}


#main  p.li {
margin: 20px 0 0 70px;
padding: 0 0 0 0px;
text-align: left;
font-size: 16px;
line-height: 100%;
color: #333333;
}

#main ul {
margin: 0 80px 32px 100px;
padding: 0;
list-style: circle;
}

#main ul li {
margin: 0;
padding: 0;
font-size: 15px;
color: #333333;
line-height: 180%;
}







/*|footer|*/


#footer {
margin: 0 auto;
padding: 0;
border: 0px blue solid;
width: 1300px;
background-color: #99ccff;
}


#footer div.container {
margin: 0 auto;
padding: 0;
width: 1300px;
height: 300px;
border: 0px blue solid;
background-color: #99ccff;
}


#footer div.container ul {
margin: 0;
padding: 20px;
width: 1260px;
border-bottom: 0px blue solid;
list-style: none;
}




#footer div.container ul li a {
margin: 0;
padding: 0;
width: 157px;
border-bottom: 0px blue solid;
font-size: 13px;
color: #666666;
text-align: center;
float: left;
}


#footer div.container address {
margin: 50px 20px;
padding: 80px 0 0 80px;
font-size: 15px;
color: #333333;
line-height: 180%;
width: 700px;
background: #99ccff url(../img/footerlogo.gif) no-repeat left top;
float: left;
border: 0px blue solid;
}


#footer div.container div.qr {
margin: 50px 20px 0 900px;
padding: 0;
width: 350px;
height: 160px;
border: 0px red solid;
}

#footer div.container address div.link {
margin: 20px 0 0 0;
padding: 0px;
font-size: 13px;
color: #666666;
}


#footer p {
clear: left;
margin: 20px 0;
padding: 8px;
font-size: 13px;
color: #ffffff;
background-color: #33ccff;
text-align: center;
}



















