/*
 * class
 */
body {
    font-family: Antic;
}

#site-box {
    width : 1100px;
    margin: auto;
}

.my-name{
    text-align: center;    
    font-size: 40px;
    color: black;
}

.page-detail{
    text-align: center;    
    font-size: 20px;
    color: #505050;
}

.page-list{
    text-align: center;
    font-size: 20px;
    color: #505050;
}

.page-title{
    text-align: left;
    font-size: 30px;
    color: blue;
}

.page-content{
    font-size: 20px;
    color: #505050;
    line-height: 150%;
}

img.profile-img {
    width: 350px;
    height: auto;
    margin-left: 30px;    
}

/*
 * header
 */
dt {
    font-weight: 600;
}

dd {
    margin-left: 20px;
}

/*
 * box
 */
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 23px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0;
    padding: 0;
}


a {
    color: #004B6B;
    text-decoration: none;
    border-bottom: 1px dotted #004B6B;
}

aa {
    color: #004B6B;
    text-decoration: none;
    border-bottom: 1px dotted #004B6B;
}

.clear_a {
    color: #004B6B;
    text-decoration: none;
    border-bottom: initial;
}