@charset "utf-8";

#nav {width: 100%; position:fixed; background: rgba(255, 255, 255, 0.8); z-index: 1000; overflow: hidden;}
#nav > iframe { width:100%; height: 180px;}

#title {width: 100%; padding: 150px 0 50px 0; text-align: center;}
#title > img {width: 100%;}
#title .title .ttlname {font-size: 40px; padding: 20px 0; }
#title .title .ttlname span {color: #139c4f;}
#title .title .ttlsbj {font-size: 20px; padding-bottom: 10px;}
#title .title .ttlen {font-size: 12px; text-transform: uppercase; color: #005666; border-bottom: 1px solid #005d8b; border-top: 1px solid #005d8b; margin: 15px 350px 15px 350px; padding: 5px; letter-spacing: 20px; font-family: 'Satisfy', cursive;}

#contents {width: 100%; }
#contents .container {width: 1200px; margin: 0 auto; }
#contents .container h1 {padding-bottom:30px;}
#contents .container p {width: 100%; text-align: center; font-size: 14px;}
#contents .container img {width: 100%; }
#contents .container .subtitle-reser {width: 295px;}
#contents .container .subtitle-room {width: 162px;}
#contents .container .subtitle-detail {width: 112px;}
#contents .container span {color: #FF0000;}
#contents .container ul {list-style-type: square;}
#contents .container li {font-size: 14px;}
#contents .container iframe {width: 100%;}
#contents .container .room {font-style: italic; font-size: 15px; font-weight: bold;}
#contents .container .roomimg img {padding-bottom: 100px;}


#footer {width: 100%; height: 150px; position: relative; background: #dcdcdc;}
#footer > iframe {width: 100%; }