/* 基本設定 
====================================================*/

html { height:100%;overflow-y:scroll;}
body {
    overflow-x: hidden;
    font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    letter-spacing: 0.1em;
    margin:0;
    padding: 5vh 5vw;
    list-style:none;
    font-size:14px;
    font-weight: 500;
    background-color:#f5f9f7;
}
ul,li,dl,dt,dd { margin: 0; padding: 0;}
img{margin: 0;padding:0; max-width:100%; width: 100%;}
a{text-decoration: none;}
a:link { color: #333333; }
a:visited { color: #333333; }
a:hover { color: #888888; }
a:active { color: #888888; }
a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

/* 共通
====================================================*/
.content {
    background-color: #fff;
    max-width: 1200px;
    margin: 0 auto;
}


/* ヘッダー
====================================================*/



/* メインコンテンツ
====================================================*/
.main{
    text-align: center;
    padding: 8% 3%;
}
.main .logo{
    max-width: 260px;
    margin: 0 auto;
}
.main .message{
    font-size: 1.5em;
    margin-bottom: 50px;
}
table.about{
    max-width: 600px;
    width: 100%;
    font-size: 14px;
    margin: 0 auto 50px;
    border-collapse:collapse;
}
table.about th{
    width: 25%;
    background-color: #fefefe;
    color: #333333;
    padding: 10px;
    border-bottom: 1px solid #dddddd;
}
table.about td{
    border-bottom: 1px solid #dddddd;
    padding: 10px 15px;
}
table.about tbody{
    border-top: 1px solid #dddddd;
}

/* フッター
====================================================*/