@charset"UTF-8";

/* HTML5 の新要素をブロックレベル要素として宣言 */
article, aside, dialog, figure, footer, header, hgroup, menu, legend, nav, section {
    display: block;
}

/*----------------------------------------------------------------------*/

#contents_text {
    width: 900px;
    margin: 0 auto;
    border-bottom: 1px solid #000;
}

#left {
    float: left;
    width: 190px;
    margin: 0;
    padding: 40px 0 0 10px;
}

#social {
    margin: 5px 0 0 0;
}

#wifi {
    margin-top: 10px;
    width: 190px;
    height: 47px;
    background: url(../img/WiFi.png) left top no-repeat;
}

#ten {
    margin-top: 5px;
    width: 190px;
    height: 47px;
    background: url(../img/10th.jpg) left top no-repeat;
}

#right {
    float: right;
    width: 700px;
    margin: 0;
    padding: 0 0 20px 0;
    background: #eee url(../img/bg_list2.jpg)  bottom right no-repeat;
}

#right h2 {
    width: 550px;
    margin: 20px 0 0 70px;
    padding: 5px 0 5px 10px;
    border: 1px solid #660000;
    color: #660000;
    font-size: 11pt;
}
#right p {
    width: 550px;
    margin: 15px 0 0 70px;
    padding: 5px 0 5px 10px;
    font-size: 10pt;
    line-height: 150%;
}

#hoppy {
    width: 300px;
    height: 60px;
    background: url(../img/mokume.jpg);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
#hoppy p {
    margin: 0;
    padding: 10px 0 0 30px;
    font-size: 19pt;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px -1px 0 rgba(0,0,0,5);
}

/*----------------------------------------------------------------------*/
table {
    margin: 0 auto 40px;
}
td.img {
    padding: 40px 20px 5px;
}
td.txt {
    padding: 0px;
    text-align: center;
}

/*----------------------------------------------------------------------*/
/*-- jquery.montage.min.js --*/
#am-box {
    width: 560px;
    height: 550px;
    overflow-y: visible;
    margin: 20px auto;
}
.am-wrapper {
    float:left;
    position:relative;
    overflow:hidden;
}
.am-wrapper img {
    position:absolute;
    outline:none;
    -webkit-transform: scale(1);
    z-index: 10;
}
/* #am-container a {
    cursor: default;
} */

/* CSS3 HoverAnimation
-------------------------- */
@-webkit-keyframes hoverSpread {
    0% {-webkit-transform:scale(1);opacity: 0.7;}
    100% {-webkit-transform:scale(1.5);opacity: 1;}
}
#am-container a:hover {
    -webkit-animation-name: hoverSpread;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform: scale(1.5);
    -webkit-box-shadow: 0 0 10px #000;
    opacity: 1;
    z-index: 30;
}