*主な要素のリセット*/
body {
margin: 0;
padding: 0;
background-color: #fcffff; /* 全体の背景色 */
color: #232323; /* 全体の文字色 */
font-size: 16px;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0066cc;
	text-decoration: none;
 }
a:visited { color: #232323;
 }
a:hover { color: #a5a5a5;
 }
a:active { color: #a5a5a5;
	text-decoration: none;
 }


hr.cl {
clear: left;
border: 1px #fcffff solid;
}


hr.cr {
clear: right;
border: 1px #fcffff solid;
}


#top {
margin: 0;
padding: 3px 0;
background-color: #ffffff;
border-bottom: 1px solid #999999;
width: device-width;
max-width: 100%;
}

#top p {
margin: 0 auto;
padding: 0;
width: device-width;
font-size: 12px;
color: #232323;
text-align: left;
}

#header {
margin: 0;
padding: 0;
}
#header div {
margin: 0;
padding: 0;
width: device-width;
max-width: 100%;
height: 100px;
background-color: #ffffff;
border-bottom: 1px solid #666666;
}

#header h1 {
margin: 0;
width: 400px;
float: left;
}

#header div.menu {
margin: 0 0 0 40%;
padding: 0;
width: 50%;
background-color: #ffffff;
}
#header div.menu ul {
margin:0;
paddong: 0;
list-style: none;
background-color: #ffffff;
width: 600px;
}
#header div.menu ul li {
margin: 0;
padding: 0;
width: 120px;
height: 100px;
float: left;
background-color: #ffffff;
}


p.top {
margin: 0;
padding: 0;
width: device-width;
background-color: #ffffff;
}

p.top img{
width: 100%;
}

#topi {
margin: 20px auto;
padding: 20px 29px;
width: 100%;
max-width: 1500px;
border: 1px solid #999999;
background-color: #ffffff;
}

#topi h2 {
margin: 0 0 30px 0;
padding: 0 0 0 20px;
background:  url(../img/h2.gif)no-repeat left center;
font-size: 25px;
}

#topi p {
margin: 10px 0 0 100px;
padding:  0 0 0 0;
width: 150px;
border-bottom: 1px dotted #666666;
font-size: 18px;
line-height: 160%;
}

#topi div {
margin: 0 0 0 150px;
padding: 0;
font-size: 18px;
line-height: 160%;
}






#box {
margin: 0 auto;
padding: 50px 30px;
width: 100%;
max-width: 1500px;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
background-color: #ffffff;
}

#box h2 {
margin: 15px 0 0 0;
padding: 0 0 0 25px;
background:  url(../img/h2.gif)no-repeat left center;
font-size: 30px;
}

#box h3 {
margin: 15px 0 0 20px;
padding: 0 0 0 15px;
background: url(../img/h3.gif)no-repeat left center;
font-size: 24px;
}

div.tel {
margin: 40px 0;
padding: 20px 0;
text-align: center;
border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
}

#box div.p01 {
margin: 10px 0 30px 50px;
padding: 0;
font-size: 15px;
line-height: 180%;
}

#box div.p01 table.point {
margin: 0;
padding: 0;
}
#box div.p01 table.point tr {
margin: 10px 0;
padding: 0;
}
#box div.p01 table.point td.p {
margin: 0;
padding: 0;
background: #333333 url(../img/table_bg.gif);
width: 450px;
vertical-align: top;
}
#box div.p01 table.point td ul {
margin: 10px 10px 50px 30px;
padding: 0;
list-style: circle;
}
#box div.p01 table.point td ul li{
margin: 10px;
padding: 0;
color: #ffffff;
font-size: 16px;
line-height: 180%;
}
#box div.p01 table.point td.s {
margin: 0;
padding: 0;
background-color: #ffffff;
width: 75px;
}



#box ul.p02 {
margin: 20px 0 0 750px;
padding: 0;
list-style: none;
width: 500px;
}
#box ul.p02 li {
margin: 0;
padding: 20px;
width: 200px;
border: 1px solid #eeeeee;
font-size: 18px;
float: left;
}



#box div.p02 {
margin: 10px 15px 20px;
padding: 0;
width: 450px;
float: left;
}
#box div.p02 h4 {
margin: 15px 0;
padding: 10px 20px;
background-color: #312f2f;
font-size: 18px;
color: #ffffff;
}
#box div.p02 div.p02_com {
margin: 20px 0;
padding: 0;
font-size: 15px;
line-height: 180%;
}


#box div.p03 {
margin: 30px;
padding: 20px 60px;
width: 550px;
border: 1px solid #999999;
text-align: center;
float: left;
}
#box div.p03 h4 {
margin: 15px 0;
padding: 10px 20px;
border-bottom: 2px solid #312f2f;
font-size: 18px;
color: #333333;
}
#box div.p03 img {
margin: 20px;
}

#box div.p03_ex {
margin: 20px 80px 50px;
padding: 0;
text-align: left;
}
#box div.p03_ex ul li {
margin: 0 0 15px;
font-size: 16px;
list-style: circle;
}
#box div.p03_ex p {
margin: 10px 25px;
font-size: 15px;
}


#box table.p05 {
margin: 30px 0 0 135px;
padding: 0;
width: 1200px;
background-color: #ffffff;
}

#box table.p05 th {
margin: 0;
padding: 10px 20px;
font-size: 16px;
text-align: left;
border-bottom: 1px dotted #999999;
}
#box table.p05 td {
margin: 0;
padding: 10px 20px;
font-size: 15px;
text-align: left;
border-bottom: 1px dotted #999999;
}




#box ul.sitemap {
margin: 20px 100px;
padding: 0;
list-style: none;
width: 800px;
}
#box ul.sitemap li {
margin: 0;
padding: 20px;
border: 0px solid #eeeeee;
font-size: 20px;
}



#footer {
margin: 0;
padding: 0 0 80px 0;
width: device-width;
max-width: 100%;
background-color: #eeeeee;
border-top: 1px solid #666666;
}

#footer div.add {
margin: 20px auto;
padding: 0 0 60px 0;
width: 1300px;
font-size: 15px;
line-height: 160%;
}
#footer div.add div{
margin: 10px 5px;
padding: 0;
width: 600px;
font-size: 15px;
line-height: 160%;
float: left;
}

#footer div.add h1.footer {
margin: 10px 0;
font-size: 18px;
}

#footer div.copy {
width: 100%;
margin: 30px 0 0 0;
padding: 5px 0;
text-align: center;
font-size: 12px;
background-color: #333333;
color: #ffffff;
clear: left;
}