@charset "Shift_JIS";

/*---- �w�i�F ----*/
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 {
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;
}




#main div.con {
margin: 0 50px;
padding: 0px 30px 20px 10px;
border: 0px red solid;
font-size: 16px;
color: #111111;
line-height: 200%;
text-align: left;
}



/*�|con1�|*/



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



#main  h3 {
margin: 10px 0 20px 50px;
padding: 0;
line-height: 100%;
text-align: left;
}


#main  h4 {
margin: 20px 0 15px 0;
padding: 3px 0 0 20px;
font-size: 20px;
font-weight: bold;
color: #333333;
width: 35%;
text-align: left;
line-height: 100%;
border-bottom: 3px double #66a3ff;
background: #ffffff url(../img/h4_con.gif) no-repeat left top;
}



#main  h5 {
margin: 30px 0 10px 0px;
padding: 0 0 0 15px;
font-size: 16px;
line-height: 100%;
text-align: left;
color: #333333;
width: 30%;
border-bottom: 1px solid #66a3ff;
background: #ffffff url(../img/h5_con.gif) no-repeat left top;
}





#main div.con_1 {
margin: 0 40px;
padding: 0px 30px 20px 10px;
border: 0px red solid;
font-size: 16px;
color: #333333;
line-height: 200%;
text-align: left;
}


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



#main div.con_1  p.fee {
margin: 30px 0 5px 0;
padding: 0;
font-size: 16px;
color: #0033ff;
text-align: right;
}


#main div.con_1  p.top {
margin: 0;
padding: 0;
font-size: 16px;
color: #0033ff;
text-align: right;
}




















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