* {
    margin: 0px auto;
    padding: 0px;
}

body {
    font-size: 14px;
    text-align: center;
    font-family: 'メイリオ','Noto Sans Japanese', 'ヒラギノ角ゴ W3', 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', , sans-serif;
}

/***************** header *****************/

header {
    padding-top: 20px;
}

header section {
    width: 1100px;
    height: 80px;
}

header section div h1 {
    font-size: 50px;
    float: left;
}

header section div img {
    float: right;
}

header nav {
    clear: both;
    width: 100%;
    height: 64px;
    background-image: url(../img/nav_back.jpg);
    background-repeat: repeat;
}

header nav ul {
    width: 1100px;
    font-size: 0px;
    list-style: none;
}

header nav ul li {
    display: inline-block;
    width: 183px;
    height: 64px;
}

header nav ul li a {
    width: 183px;
    height: 64px;
    display: block;
}

header nav ul li.repair {
    background-image: url(../img/nav_repair01.jpg);
}

header nav ul li.comm {
    background-image: url(../img/nav_comm01.jpg);
}

header nav ul li.electric {
    background-image: url(../img/nav_electric01.jpg);
}

header nav ul li.system {
    background-image: url(../img/nav_system01.jpg);
}

header nav ul li.contact {
    background-image: url(../img/nav_contact01.jpg);
}

header nav ul li.company {
    background-image: url(../img/nav_company01.jpg);
}

header nav ul li.repair a:hover {
    background-image: url(../img/nav_repair02.jpg);
}

header nav ul li.comm a:hover {
    background-image: url(../img/nav_comm02.jpg);
}

header nav ul li.electric a:hover {
    background-image: url(../img/nav_electric02.jpg);
}

header nav ul li.system a:hover {
    background-image: url(../img/nav_system02.jpg);
}

header nav ul li.contact a:hover {
    background-image: url(../img/nav_contact02.jpg);
}

header nav ul li.company a:hover {
    background-image: url(../img/nav_company02.jpg);
}

/***************** container *****************/

.container {
    height: 500px;
}

/***************** main *****************/

main {
    width: 1100px;
}

main section {
    clear: both;
    margin-bottom: 100px;
    
}

main section h2 {
    text-align: left;
    font-size: 25px;
    padding: 10px 0px;
}

main section dl {
    margin-top: 20px;
    font-size: 18px;
}

main section dl dt {
    padding: 10px 30px 10px 10px;
    margin-bottom: 20px;
    text-align: left;
    float: left;
    background-color: #e6e6fa;
}

main section dl dd {
    padding: 10px 30px 10px 10px;
    margin-bottom: 20px;
    text-align: left;
    background-color: #e6e6fa;
}

main section.business article {
    float: left;
    width: 25%;
    margin-top: 50px;

}

main article div {
    width: 80%;
}

main article h3 {
    margin: 10px 0px 30px 0px;
}

main article p {
    margin: 0px 0px 50px 0px;
    line-height: 2;
    text-align: left;
}

main section.profile iframe {
    width: 35%;
    float: left;
}

main section.profile table {
    width: 60%;
    float: right;
    font-size: 20px;
    border-collapse: collapse;
    border:1px solid #C0C0C0;
}

main section.profile th {
    width: 30%;
    padding: 10px 0px 10px 0px;
    border:1px solid #C0C0C0;
    background-color: #e6e6fa;
}

main section.profile td {
    width: 70%;
    text-align: left;
    padding: 10px 0px 10px 20px;
    border:1px solid #C0C0C0;
}