h1 { font-size: 12px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 12px; } table { background: #777; border-width: 0px; } td, th { padding: 4px 8px; } form, fieldset { border: none; margin: 0; padding: 0; } input, textarea, select { border-color: #666; border-width: 1px; color: #333; } #form dl { margin-bottom:12px; } #form dt { float:left; margin:6px; width:120px; } #form dd { margin:4px } #form .w200 dt { width:200px } #form .w400 dt { width:400px } #form .w450 dt { width:450px } #form .w300 dt { width:300px } #form .submit,#df-form .submit { padding:20px; text-align:center } #form li { margin:4px } #form .clr dd { clear:both } #form input { margin:2px } #form h3 { margin-top:10px } #form .file dt { float:left } #form .file dd { float:left } #form .file input { height:20px ; width:170px } #form-title { margin-top: 2px; margin-bottom:6px; padding: 4px; background: #F33; color:#FFF } #form .submit { padding:4px; margin-top:2px; margin-bottom:4px } /*#form-thank { border:1px solid #CCC; color:F00; text-align:center; font-size:14px; padding:15px; position:relative; top:50px; margin-bottom:50px }*/ #form-thank { text-align:center; font-size:14px; position:relative; top:25px; margin-bottom:50px } /* DF Event entry --------------------------------------------------------------- */ #df-form em { font-size: 10px; } #df-form h4, #df-form h5 { margin: 0 0 8px; clear: left; padding: 4px 0 4px 8px; color: #333; background: #EEE; } #df-form h6 { margin: 8px 0; clear: left; color: #F33; } #df-form dt, #df-form dd { margin-bottom: 8px; } #df-form input, #df-form textarea, #df-form select { margin: 0 4px; } #df-form fieldset { margin: 0px; padding: 0 0 8px; width: 700px;} #df-form input { width: 180px; } #df-form .submit input { width: 60px; } #df-form input[type=radio] { width: auto; } #df-form button { border: 2px solid #666; padding:2px ; display:inline-table; text-align:center } #df-form .radio input { margin: 0 0 0 4px; width: auto; background: #FEFEFE; } #df-form .radio * { vertical-align: middle; } #df-form .checkbox input { margin: 0 0 0 4px; width: auto; background: #FEFEFE; } #df-form .checkbox * { vertical-align: middle; } #df-form .short { width: 20px; } #df-form .semi-short { width: 80px; } #df-form .long { width: 400px; } #df-form .list-head { width: 350px; } #df-form .hidden { visibility:hidden; } #df-form .hometown1 { float:left ; width:60px ; margin:2px } #df-form .hometown2 { float:left ; margin:2px } #df-form .hometown2 input { width:110px } #df-form .sankasha-address { margin-bottom:8px } #df-form-title { margin-top: 0; padding: 4px; background: #FFF; border: solid 3px #F00 } #df-form-title * { color: #222; } #dfg-form-title { margin-top: 0; padding: 4px; background: #FFF; border: solid 3px #178B36 } #dfg-form-title * { color: #222; } #personal-facts ul { margin: 2px 0; padding: 4px; background: #FAA; } #personal-facts li { display: inline; padding-right: 4px; } #order-facts ul { margin: 2px 0; padding: 4px; background: #BFE48D; } #order-facts li { display: inline; padding-right: 4px; } #personal-facts-link dl { width: 700px; float: left; } #personal-facts-link dt { width: 120px; float: left; } #personal-facts-link dd { width: 230px; float: left; } #personal-facts-link em { display: block; } #form-info-top{ padding: 20px; } #form-info-top h1 { font-size:16px; margin-bottom:10px; } #personal-facts dl { width: 700px; float: left; } #personal-facts dt { width: 700px; float: left; } #personal-facts dd { width: 700px; float: left; } #personal-facts em { display: block; } #address-facts dl, #question-facts dl, #exhibition-catecory-facts dl, #entry-contents-facts dl, #entry-space-facts dl { width: 700px; } #address-facts dd { width: 580px; } #question-facts dt { width: 250px; } #question-facts dd { width: 500px; } #exhibition-catecory-facts dt { width: auto; clear: left; } #exhibition-catecory-facts dd { width: auto; margin-right: 4px; } #entry-space-facts dt { width: auto; clear: left } #entry-space-facts dd { width: auto; float: left; margin-right: 4px } /* ---------------------------------------------------------------------- */ #entry-facts fieldset { margin-bottom: 0; padding-bottom: 0; } #entry-facts dl { width:225px ; height:70px ; float:left ; margin:0 2px 4px 0; border:1px solid #555; } #entry-facts dt { padding: 8px 0 8px 10px; } #entry-facts dd { padding-left: 10px; } #entry-facts h2 { font-size: 14px; margin: 0; padding-top: 8px; } #entry-facts h4 { padding: 6px; background: #F55; } #entry-facts p { margin: 4px 0; } #entry-facts span { width: 690px; display: block; clear: left; text-align: right; padding-top: 8px; border-top: 2px solid #AAA; } #entry-facts input { width: 80px; } #entry-facts dd input { width: 30px; } #entry-facts .soldout { background: #EEE; border-color: #CCC; } #entry-facts .soldout dt { background: #CCC; } #entry-facts .soldout input { display: none } #entry-facts table { margin-bottom:6px } #entry-facts table th, #entry-facts table td { padding:3px } #entry-facts table th , #entry-facts table td { background:#fff } #agreement { border:2px solid #f00 ; padding:12px !important } #agreement ol { margin-left:12px ; list-style-type:decimal } #agreement li { margin-left:10px } #agreement .agreement-box { width:420px ;margin:24px 120px 0px ; padding:20px 12px ; border:solid 1px #666 } #submit dl { background: #EEE; } #submit dt { margin: 0; padding: 8px 11px; text-align: right; border-top: 2px solid #555; } #submit dd { padding: 8px 0; text-align: center; border-top: 2px solid #FFF; } #submit button { margin: 0 4px; padding: 2px; } #submit .impact { background-color:#FF6; } /* ---------------------------------------------------------------------- */ #booth dt, #live dt, #show-bg dt, #show-sm dt, #restau-bg dt, #restau-sm dt , #projection dt { background: #FAA; } #minibooth dt, #option dt { background: #FC9; } #atriumbooth dt { background: #CFC; } #elec dt { background: #FF9; } #path dt { background: #CCF; } #parking dt { background: #ECF; } #floor dl { width:400px; float:none; background:#CFF; height:36px; margin-bottom:2px } #floor dt { float:left ; padding-right:20px; padding-top:10px; } #floor input { width:auto !important; } #floor dd { width:240px; height:18px; padding:10px 0 0 10px; } #floor dd em { padding-left:12px } /* FORM CGI */ #form-error h3, #form-error h5 { margin: 16px 8px 8px; } #form-error #content { height: 300px; } #form-error #content #return { display: block; width: 40px; color: #333; background: #EEE; margin: 16px 8px 8px; padding: 2px; text-align: center; border: 1px solid #333; } #form-confirm dt, #form-confirm dd { float: left; margin: 2px 0 0; padding: 4px; background: #F9F9F9; } #form-confirm dl { padding: 0 8px; } #form-confirm dt { width: 220px ; height: 30px } #form-confirm dd { width: 448px ; height: 30px } #form-confirm dl strong { font-size: 14px; font-weight: normal; text-indent: 0.25em; line-height: 2em; letter-spacing: 0.2em; } #form-confirm h4 { margin: 16px 8px; } #form-confirm h4 em { font-size:10px !important; } #form-confirm br { clear: left; line-height: 0em; height: 0; } #form-submit { margin: 16px; text-align:center } #df #form-submit { background:#FCC; margin:16px 0px 16px 0px !important; padding:5px; } #form-submit input { border: 2px solid #666; color:#333; } #df #form-submit input { padding:2px } #no #content, #no #navi, #no #foot { width: 400px !important; } #no #form-confirm dt, #no #form-confirm dd { width: 180px !important; } #no #content, #popup #content { margin-top: 8px; } #form-error h3, #form-error h5 { color: #333; } #form-error a { color: #333 !important; } #form-google { padding-top:15px } #restau-bg dl { width: 344px ; height:450px; float: left; margin: 0px 2px 2px 0px; border: 1px solid } #restau-sm dl { width: 344px ; height:120px; float: left; margin: 0px 2px 4px 0px; border: 1px solid } #option dl { width: 344px ; height:100px; float: left; margin: 0px 2px 4px 0px; border: 2px solid } #option table { width:696px } #option table th { width:230px } #option table .fee { width:100px ; text-align:right } #restau-bg ul, #restau-sm ul { list-style-type:disc; padding-left:12px } #plan-facts dl { width:700px;} #plan-facts dt { width:700px;} #plan-facts dd { width: auto; margin-right: 4px; } #show-bg dl { width: 344px ; height:90px; float: left; margin: 0px 2px 4px 0px ; border: 1px solid } #show-sm dl { width: 344px ; height:74px; float: left; margin: 0px 2px 4px 0px ; border: 1px solid } #projection dl { width: 344px ; height:100px; float: left; margin: 0px 2px 2px 0px ; border: 1px solid; } #proj-facts dl { width: 700px; margin-top:10px; margin-bottom:10px} #proj-facts dt { width: 700px; } #proj-facts dd { width:auto } #proj-facts .name dl , #plan-facts .name dl { width: 350px; float: left; } #proj-facts .name dt , #plan-facts .name dt { width: 100px; float: left; } #proj-facts .name dd , #plan-facts .name dd { width: 230px; float: left; } #live dl { height:120px } #df-form #thank h3 { margin: 8px 8px 16px; color: #F33; } #df-form #thank dt { float: left; margin-left: 8px; width: 80px; } #df-form #thank dd { float: left; margin-right: 8px; width: 562px; } #df-form #thank dt, #df-form #thank dd { padding: 8px; background: #EEE; border-bottom: 1px solid #333; } #df-form #thank p { margin: 16px 8px 8px; } #df-form #thank p span { display: block; margin: 32px 0; } #df-form #thank p a { border-color: #F66; padding: 2px 4px; } #df-form #thank #card h4 { margin: 16px 8px 4px ; background: #FCC url(img/df/shadow_bottom.gif) repeat-x left bottom; padding: 4px 4px 8px; margin-right:0; clear:both } #df-form #thank #card .btn { } #df-form #thank #card #pay { margin-top: 12px; margin-bottom:25px; } #df-form #thank #card #pay p { margin: 4px 4px 4px 8px} #df-form #thank #card #pay em { padding-left:10px; font-size:10px } /* TICKET */ #ticket-form br { clear: left; height: 0; line-height: 0em; } #ticket-form hr { height: 1px; } #ticket-form #head { margin: 8px; text-align: center; font-size: 12px; position: relative; } #ticket-form #head p { text-align: left; } #ticket-form #head div { text-align: right; margin: 8px; position: absolute; left: 300px; top: 216px; } #ticket-form #head h5 { margin: 8px 0 2px; text-align: left; font-size: 14px} #ticket-form #inquiry * { font-size: 12px; } #ticket-form #basic dt, #ticket-form #basic dd { float: left; margin: 2px; font-size: 12px; } #ticket-form dl { width: 400px; margin: 8px; } #ticket-form #basic dt { width: 120px; } #ticket-form #basic dd { width: 260px; } #inquiry dt, #inquiry dd { margin: 2px; } #inquiry dt em { color: #F33; } #inquiry dd { margin-left: 24px; } #inquiry input { vertical-align: middle; } #submit-button { margin: 4px; text-align: center; padding-bottom: 8px; } #ticket-form #basic input { width: 240px; } #ticket-form .age { width: 30px !important; } #ticket-form .half { width: 120px !important; } #ticket-form li { margin: 4px 0;} #ticket-form li input { vertical-align: middle; } #ticket-form li li { padding: 0; } #subfoot p { font-size:10px ; color: #444; margin-bottom: 1.5em; }