/* デザインコンテンツ */
div#content h2 + p {
    margin-bottom: 1em;
}
div#content ul li {
    height: 20px;
    margin-left: 30px;
    padding-bottom: 10px;
}
div#content ul li h3 {
    display: inline;
    font-size: 12px;
}
/*
div#content ul {
    margin-bottom: 1em;
}
div#content ul li {
    float: left;
    width: 25%;
    height: 100px;
    overflow: hidden;
}

div#content ul li img {
    width: 70px;
    display: block;
    height: auto;
    padding: 5px;
    border: none;
    margin: 0 auto;
}
div#content ul li span {
    font-weight: normal;
    display: block;
    padding: 0 5px;
    font-size: 80%;
}
div#content p#out {
    text-align: right;
}
*/

/* the overlayed element */ 
.apple_overlay { 
     
    /* initially overlay is hidden */ 
    text-shadow: 1px 1px 2px #8a8a8a; 
     
                                      
    display:none; 
     
    /* growing background image */ 
    background-image:url(img/overlay/white.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
 
    /* a little styling */     
    font-size:11px; 
    color: #1c1c1c;
} 
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    background-image:url(img/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black { 
    background-image:url(img/overlay/transparent.png);         
    color:#fff; 
}

div.apple_overlay img {
    display: block;
    margin: 30px auto 10px;
}
div.apple_overlay h3.link_title {
    font-size: 16px;
}
div.apple_overlay p.link_addres {
    font-size: 14px;
}

div#content ul.exa {
    width: 49%;
    float: left;
}