@charset "utf-8";

/* company.css
------------------------------------------ */
.coment{
overflow: hidden; width: 100%;}
.box_l {float: left; margin: 10px 0; width: 60%;}
.coment p {

    margin: 0px auto;
   
	text-align: center;
	text-shadow: 0px 0px 0px #999 , 0 0 0px #999;
	line-height: 2.2em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", "A-OTF Ryumin Pro R-KL";
	font-size: 18px;
}

.box_r {float: right; margin: 10px; width: 35%;}

.box_r img {max-width: 300px !important;}



#HEADER {
    background: url("../img/bg.jpg") no-repeat scroll center center / cover ;
}
.headerArea {
    height: 400px;
}
.headerArea h1 {
    left: 273px;
    position: absolute;
    top: 141px;
    width: 160px;
}
.headerArea h1 img {
    width: 100%;
}
.headerArea h2 {
    left: 500px;
    position: absolute;
    top: 160px;
}
.pic_company {
    left: 500px;
    position: absolute;
    top: 50px;
}
.pic_president {
    left: 700px;
    position: absolute;
    top: 110px;
}
.pic_president span {
    left: -60px;
    position: absolute;
    top: 210px;
}

.companySec{
    margin: auto;
    padding:80px 0 40px 220px;
    width: 880px;
}
.companySec h2{
    text-align:center;
}
.companySec table {
    border-collapse: separate;
    border-spacing: 4px;
    margin: 20px auto;
    width: 80%;
}
.companySec th {
    background: #eeeeee;
    padding: 5px 9px;
    text-align: center;
    width: 20%;
}
.companySec td {
    background: #fafafa;
    padding: 12px 9px;
}
.companyBox{
    margin-top:80px;
}

.historyBox{
    margin-top:80px;
}
.historyBox table {
    border-collapse: separate;
    border-spacing: 4px;
    margin: 20px auto;
    width: 80%;
}
.historyBox th {
    border-bottom: 1px solid #bbbbbb;
    background:none;
    padding: 5px 9px;
    text-align: center;
    width: 20%;
}
.historyBox td {
    border-bottom: 1px solid #bbbbbb;
    background:none;
    padding: 12px 9px;
}

.greetingBox{
}