﻿body { margin:0 auto; background: #f8f8f8; color: #666; padding:0px; }
form { max-width:100%; font-family:Arial; font-size:1.0em; margin:0 auto; padding:0px; }
h1 { font-size:1.5em; font-weight:normal; margin-bottom:20px; color: #666; }
input[type="checkbox"] { width: 1.7em; height:1.7em; vertical-align:middle; }
label { padding-left:5px; vertical-align:middle; }
table td { padding-right:40px; }

.main { padding: 0px 20px; max-width:1000px; margin: 0 auto; }
.header { text-align: left; margin-bottom:30px; position: relative; background:#444; padding:20px; }
.header img { width:125px; }

.hotel { position: absolute; top:40px; right:20px;}

.title { margin-bottom:8px; }
.value .input { padding: 4px 5px; border: solid 1px #ccc; border-radius:3px; font-family:Arial; color: #666; font-size:1.0em; }
.value .inputwarning { padding: 4px 5px; border: solid 1px #F2B382; border-radius:3px; font-family:Arial; color: #666; font-size:1.0em; background: #FFEADB; }
.value input { max-width:calc(100% - 20px); }
.value .input[type="select"] { padding: 3px 5px; }
.value .inputwarning[type="select"] { padding: 3px 5px; }
.clear { clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom: solid 1px #ddd; }
.input2 { padding: 20px 10px; background:#eee; margin-bottom:0px; border: solid 0px #fff; border-radius:5px; }
.intro { margin-bottom:40px; }

.submit { margin-top:50px; margin-bottom:20px; }
.submit .input { font-size:1.2em; padding: 12px 20px; background: #eee; border: solid 1px #ccc; border-radius:3px; font-family:Arial; color: #666; font-size:1.0em; transition:0.25s; letter-spacing:0.02em; }
.submit .input:hover { cursor: pointer; background: #666; border: solid 1px #666; color: #fff; }