#top1 {
    z-index: 2;
    min-height: 160px;
    height:160px;
}
#top2 {
    z-index:2;
    min-height: 160px;
    background: transparent url("../img/nendo_blueback_s.jpg") no-repeat left top;
    background-size: cover;
}
#top3 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 320px;
    padding-top: 26px;
    padding-bottom: 27px;
}
#top4 {
    z-index:4;
    width: 62px;
    height: 36px;
    left: 129px;
    position: relative;
    background: transparent url("../img/sakana.png") no-repeat left top;
    background-size: contain;
}
#top5 {
    z-index: 5;
    width: 131px;
    height: 63px;
    left: 94px;
    margin-top: 8px;
    position: relative;
    background: transparent url("../img/viscuit_logo.png") no-repeat left top;
    background-size: contain;
}
body {
    font-family:"Helvetica Neue", Helvetica, Arial, San-serif;
    margin:0;
}

input {
    border-color: rgb(200,200,200);
    font-size:23pt;
}

select {
    font-size:30px;
}

a {
    text-decoration: none;
    margin:10px;

	-moz-box-shadow:rgba(0,0,0,.4) 2px 2px 5px;
	-webkit-box-shadow:rgba(0,0,0,.4) 2px 2px 5px;
    white-space:nowrap;

}
.btn {
    padding:10px;
}


.st {
    z-index: 46;
    min-height: 36px;
    background-color: transparent;
    color: rgb(80, 155, 240);
    line-height: 40px;
    text-align: left;
    letter-spacing: 1px;
    text-transform: none;
    font-size: 23px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    position: relative;
    vertical-align: text-top;
}

.st2 {
    clear:left;
}

@media all and (min-width:500px) {
    .st2 {
	padding: 0px 46px;
	margin:20px;
    }
}
.st3 {
    z-index: 52;
    min-height: 34px;
    background-color: transparent;
    color: #000000;
    line-height: 32px;
    text-align: left;
    letter-spacing: 1px;
    font-size: 23px;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    font-weight: normal;
    position: relative;
    margin-top: 10px;
    padding: 0px 20px;
    clear:left;
}
.st4 {
    z-index: 14;
    min-height: 48px;
    background-color: transparent;
    color: rgb(0, 0, 0);
    line-height: 22px;
    text-align: justify;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    margin-top: 20px;
    padding: 0px 10px;
    clear: left
}
.hbar {
    z-index: 50;
    border-style: solid;
    border-color: #C8C8C8;
    background-color: transparent;
    position: relative;
    border-width: 1px 0px 0px;
}

.ui-state-default {
    color: rgb(100,100,100);
}


#header {
    color:white;
    margin:0px;
    text-align:center;
    font-size:72;
    background-color:#1d06d0;
    padding:20px;
}
#main {
    text-align:center;
    font-size:30;
}
#footer {
    z-index: 3;
    min-height: 61px;
    padding-bottom: 20px;
    background: transparent url("../img/nami1.jpg") no-repeat left top;
    background-size: cover;
    position: absolute;
    left: 0px;
    right: 0px;
}

#footer2 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#footer3 {
    z-index: 22;
    width: 270px;
    min-height: 24px;
    background-color: transparent;
    color: #FFFFFF;
    line-height: 15px;
    text-align: justify;
    font-size: 9px;
    letter-spacing: 1px;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    position: relative;
    margin-top: 37px;
    left: 50px;
}
#footer3 p a {
    z-index: 22;
    width: 270px;
    min-height: 24px;
    background-color: transparent;
    color: #FFFFFF;
    line-height: 15px;
    text-align: justify;
    font-size: 9px;
    letter-spacing: 1px;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    position: relative;
    margin-top: 37px;
    left: 50px;
}
.colelem {
    display: inline;
    float: left;
    clear: both;
}

#footer0 {
height: 81px;
    z-index: 3;
    min-height: 61px;
    margin-top: 41px;
}
#all {
    box-sizing: border-box;
    transform-origin: 0px 0px;
}
html {
    overflow-x: hidden;
}


body {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    
    display: block;
    position: relative;
}

.tbutton {
    font-size: 23px;
    border: 2px solid #c5c5c5;
    background: #f6f6f6;
    padding: 3px 10px;
    border-radius: 5px;
    white-space:nowrap;
    color: rgb(100,100,100);
    cursor: pointer;
}
.ctext {
    font-size: 23px;
    border: 2px solid #ffffff;
    background: #ffffff;
    padding: 3px 3px;
    border-radius: 5px;
    white-space:nowrap;
    color: rgb(100,100,100);
}

.btndown {
    background: rgb(150,150,150);
}

.vpagebtn {
    border: 2px solid #ffffff;
}
.vpagebtndown {
    border: 2px solid #c5c5c5;
}

.imgbox {
    position: relative;
}
.imgbox img {
    position: absolute;
}

.group {
    float:left;
    white-space:nowrap;
    padding:3px 3px;
}