@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;
}


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

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


/*|header|*/
/*|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 50px 0;
width: 1300px;
background-color: #ffffff;
border-bottom: 1px #ffffff solid;
}




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


#main div.office {
margin: 0 50px;
padding: 0px 30px 0px 0px;
border: 0px blue solid;
font-size: 18px;
color: #111111;
line-height: 200%;
text-align: left;
}



#main div.left {
margin: 0;
padding: 0px 30px 20px 10px;
border: 0px pink solid;
width: 500px;
font-size: 18px;
color: #111111;
line-height: 200%;
text-align: left;
float: left;
}




#main div.left dl {
margin: 0;
padding: 0 0 200px 0;
background: #ffffff url(../img/office.jpg) no-repeat right bottom;
}


#main div.left dl dt {
margin: 0 0 10px 0;
padding: 10px 0 0 20px;
border-bottom: 1px dotted #999999;
line-height: 150%;
font-size: 18px;
color: #0066ff;
font-weight: bold;
}



#main div.left dd {
margin: 0 0 10px 40px;
padding: 0;
font-size: 16px;
}

#main div.left dd.s {
margin: 0 0 0 60px;
padding: 0;
font-size: 18px;
}

#main div.right {
margin: 0 0 0 550px;
padding: 50px 20px 100px 20px;
width: 600px;
border: 0px red solid;
font-size: 16px;
color: #111111;
line-height: 200%;
text-align: left;
}








#main div.left_b {
margin: 80px 0 0 0;
padding: 0px 30px 20px 10px;
border: 0px pink solid;
width: 600px;
font-size: 18px;
color: #111111;
line-height: 200%;
text-align: left;
float: left;
}



#main div.right_b {
margin: 80px 0 0 700px;
padding: 20px 0 100px 0;
width: 450px;
border: 0px red solid;
text-align: center;
}

#main div.right_b img {
margin: 0 0 50px 0;
}



/*|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;
}



















