@charset "UTF-8";
/* CSS Document */


/* Common */
#regist { padding-bottom: 17px; }
.registBtn { width: 199px; padding-right: 3px; float: left; }
.column { padding-bottom: 30px; }
.columnTTL { padding-bottom: 10px; }
.attention { font-size: 12px; line-height: 15px; color: #FF0000; text-indent: -1em; padding-left: 1em; }
#top { float: left; visibility: hidden; }


/* Top */
.topBanner { padding-bottom: 20px; }
#newsFrame { width: 600px; height: 100px; }
#newsFoot { width: 600px; padding-top: 5px; text-align: right; border-bottom: solid 1px #CCC; }
#lastyear { width: 600px; padding-top: 4px; border-top: solid 1px #999; background: url(../images/top/lastyearBG.gif) repeat-y; }
#lastyearTTL { padding: 0 5px; }
#lastyearFL { width: 584px; height: 90px; padding: 5px 8px; }
#lastyearPDF { width: 448px; float: left; }
#lastyearVideo { width: 152px; cursor: pointer; float: left; }
.sponsorL { width: 160px; padding-right: 10px; float: left; }
.sponsorM { width: 120px; padding-left: 10px; float: left; }
.sponsorTTL { padding-bottom: 5px; }
#supporters { width: 610px; padding-top: 10px; clear: left; }
.suppIcon { padding: 0 8px 8px 0; float: left; }
#ourFriends { padding-top: 10px; clear: left; }
.sponsorS { padding: 0 12px 5px 0; float: left; }


/* WhatsTIFFCOM */
.contIn { width: 560px; padding: 0 20px 20px 20px; }
.whatsCopy { padding: 10px 40px 20px 40px; }
.line { width: 558px; border: 1px solid #666; }
.lineTtl { font-size: 13px; line-height: 19px; color: #FFFFFF; height: 19px; padding-left: 4px; background-color: #666; }
.lineTxt { padding: 5px 10px; }
.lineBox { padding: 30px 0; }
.lineTxtS { font-size: 11px; line-height: 14px; color: #FF0000; padding: 10px 0 0 1em; text-indent: -1em; }
.linkBorder { width: 560px; border-bottom: 1px dotted #666; }
.leftTxt { font-size: 13px; line-height: 24px; color: #000000; width: 150px; height: 24px; padding-left: 15px; background: url(../images/whats/arrow.jpg) no-repeat; display: block; float: left; }
.leftTxt:hover{ background-position:0 -24px; }
.leftTxt2 { font-size: 13px; line-height: 24px; color: #000; width: 150px; height: 24px; padding-left: 15px; float: left; }
.rightTxt { font-size: 13px; line-height: 24px; color: #999; width: 380px; height: 24px; padding-left: 15px; float: left; }
.rightTxt2 { font-size: 13px; line-height: 24px; color: #000; width: 380px; height: 24px; padding-left: 15px; background: url(../images/whats/arrow.jpg) no-repeat; display: block; float: left; }
.rightTxt2:hover{ background-position:0 -24px; }
.leftTxtE { font-size: 13px; line-height: 24px; color: #000; width: 180px; height: 24px; padding-left: 15px; display: block; background: url(../images/whats/arrow.jpg) no-repeat; float: left; }
.leftTxtE:hover{ background-position:0 -24px; }
.leftTxt2E { font-size: 13px; line-height: 24px; color: #000; width: 180px; height: 24px; padding-left: 15px; float: left; }
.rightTxtE { font-size: 13px; line-height: 24px; color: #999; width: 350px; height: 24px; padding-left: 15px; float: left; }
.rightTxt2E { font-size: 13px; line-height: 24px; color: #000; width: 350px; height: 24px; padding-left: 15px; background: url(../images/whats/arrow.jpg) no-repeat; display: block; float: left; }
.rightTxt2E:hover{ background-position:0 -24px; }
.linkBox { width: 560px; padding-bottom: 5px; }
.linkInner { width: 560px; }


/* Greeting */
#greetingNest { width: 560px; padding: 20px 0 0 20px; }
#greetingNest p { color: #333; padding-bottom: 15px; }
#chairman { padding: 40px 0 30px 30px; }


/* Outline - Payment */
#outlineA ul, #outlineB ul { width: 600px; }
#outlineA li { font-size: 13px; line-height: 18px; _height: 1px; padding: 4px 20px 4px 130px; border-bottom: dotted 1px #999; position: relative; }
#outlineB li { font-size: 13px; line-height: 18px; _height: 1px; padding: 4px 20px 4px 170px; border-bottom: dotted 1px #999; position: relative; }
#outlineA label { color: #990000; position: absolute; left: 20px; _top: 4px; }
#outlineB label { color: #990000; position: absolute; left: 20px; _top: 4px; }
#outlineB .line2 {line-height: 32px; }
/* IE7 Hack */
*:first-child+html #outlineA label { top: 1px; }
*:first-child+html #outlineB label { top: 1px; }
*:first-child+html #outlineB .line2 { line-height: 18px; padding: 9px 20px 9px 170px; }
/* IE7 Hack End */


/* Screening */
#screeningTab { width: 600px; height: 50px; background: url(../images/screening/screeningTabBG.jpg) repeat-x; }
#screeningTab li { float: left; }
#screeningTab .premiere { padding-left: 75px; }
#screeningSche { padding: 10px 0; }
#screeningFoot { font-size: 12px; line-height: 14px; color: #999; text-align: center; width: 600px; padding: 5px 0 30px 0; border-top: dotted 1px #999; }
#screeningFoot span { color: #990000; }
#screeningFoot a { color: #003366; text-decoration: none; }
#screeningFoot a:hover { color: #CC0000; text-decoration: underline; }


/* Press */
.pressDay { font-size: 12px; line-height: 16px; color: #666; padding: 0 0 3px 10px; background: url(../images/press/pressDayBG.jpg) no-repeat left top; }
.pressData { padding: 0 0 20px 20px; }
.pressDL { width: 450px; padding-left: 20px; background: url(../images/press/pdf_icon.gif) no-repeat left top; float: left; }
.pressDL a { text-decoration: none; }
.pressDL a:hover { text-decoration: underline; }
.pressSize { font-size: 11px; color: #666; text-align: right; width: 90px; padding-right: 20px; float: left; }

.dataBox { width: 600px; height: 18px; background: url(../images/press/data_bg.gif) no-repeat; }
.data { font-size: 12px; line-height: 18px; color: #666; float: left; }
.arrow { font-size: 12px; line-height: 18px; color: #666; float: left; }
.pdfBox { width: 600px; padding: 5px 0 15px 0; }
.pdfIcon { line-height: 24px; width: 21px; height: 18px; padding-left: 20px; float: left; }
.pdfTxt { font-size: 13px; line-height: 18px; color: #0066CC; width: 430px; float: left; }
.pdfTxt a { color: #0066CC; text-decoration: none; }
.pdfTxt a:hover { color: #990000; text-decoration: underline; }
.pdfData { font-size: 11px; line-height: 18px; color: #666; text-align: right; width: 109px; padding-right: 20px; float: left; }
.pressCont { width: 600px; }


/* Seminar */
#seminarOutline { width: 580px; padding: 9px; border: solid 1px #FF6600; background: #FFFFCC; }
#seminarDay { font-size: 14px; line-height: 16px; color: #FFF; padding: 3px 0 1px 5px; background: #FF6600; }
#seminarSchedule { font-size: 12px; line-height: 14px; background: #FFF; border-left: solid 1px #FF6600; border-right: solid 1px #FF6600; }
#seminarSchedule li { padding: 5px 0 4px 9em; border-bottom: solid 1px #FF6600; position: relative; }
#seminarSchedule label { font-size: 11px; text-align: right; color: #666; width: 8.5em; position: absolute; left: 0; }
#seminarSchedule li a { text-decoration: none; }
#seminarPlace { font-size: 12px; line-height: 14px; padding-top: 5px; }
#seminarPlace li { padding: 5px 0 4px 5em; border-bottom: dotted 1px #666; position: relative; }
#seminarPlace label { color: #990000; width: 4em; position: absolute; left: 0; }
.seminarContainer { padding-top: 50px; }
.seminarTTL { font-size: 14px; line-height: 16px; color: #FFF; width: 595px; padding: 4px 0 2px 5px; background: #333; }
.seminarContainer p { width: 600px; padding-top: 10px; }
.seminarDay { font-size: 12px; line-height: 14px; width: 600px; padding-top: 5px; }
.seminarDay li { padding: 5px 0 4px 7em; border-bottom: dotted 1px #666; position: relative; }
.seminarDay label { color: #990000; width: 6em; position: absolute; left: 0; }
.seminarGuest { padding-top: 20px; }
.seminarGuestTTL { font-size: 13px; line-height: 15px; color: #333; width: 595px; padding: 3px 0 2px 5px; background: #CCC; }
.seminarGuestIMG { width: 100px; padding: 10px 5px 0 0; float: left; }
.seminarGuestNameS { font-size: 12px; line-height: 15px; color: #666; width: 180px; padding: 10px 30px 0 0; float: left; position: relative; }
.seminarGuestNameL { font-size: 12px; line-height: 15px; color: #666; width: 495px; padding: 10px 0 0 0; float: left; position: relative; }
.seminarGuestNameS strong, .seminarGuestNameL strong { font-size: 13px; color: #000; padding-bottom: 3px; margin-bottom: 3px; border-bottom: solid 1px #666; display: block; }
.seminarGuestNameS p { font-size: 12px; line-height: 15px; position: absolute; top: 110px; left: 0; }
.seminarGuestNameL p { font-size: 12px; line-height: 15px; position: absolute; top: 110px; left: 315px; }
.seminarGuestNameS p a, .seminarGuestNameL p a { text-align: center; color: #003399; text-decoration: none; width: 178px; padding: 2px 0 1px 0; border: solid 1px #003399; background: #99CCFF; display: block; }
.seminarGuestNameS p a:hover, .seminarGuestNameL p a:hover { text-align: center; color: #FFF; text-decoration: none; width: 178px; padding: 2px 0 1px 0; border: solid 1px #003399; background: #003399; display: block; }
.seminarBtn { font-size: 15px; line-height: 18px; padding: 20px 0 5px 0; }
.seminarBtn a { color: #990000; text-align: center; text-decoration: none; width: 598px; padding: 4px 0 3px 0; border: solid 1px #990000; background: #FFCCCC; display: block; }
.seminarBtn a:hover { color: #FFFF00; text-align: center; text-decoration: none; width: 598px; padding: 4px 0 3px 0; border: solid 1px #990000; background: #990000; display: block; }
.seminarFoot { font-size: 12px; line-height: 14px; color: #666; padding-top: 5px; }
.seminarFootL { width: 450px; float: left; }
.seminarFootR { width: 150px; text-align: right; float: left; }
.seminarFoot a { text-decoration: none; }
.seminarFoot a:hover { text-decoration: underline; }
.seminarFoot span { color: #990000; }
.seminarSession { font-size: 14px; line-height: 16px; color: #333; font-weight: bold; padding: 0 0 5px 4em; position: relative; }
.seminarSession label { color: #990000; position: absolute; left: 0; }
.seminarRegist { padding: 20px 0 10px 0; text-align: center; border-bottom: dotted 1px #999; margin: 0 auto; }

/* Contact */
.faqCont { width: 560px; padding-bottom: 10px; }
.faqTtl { font-size: 13px; line-height: 20px; color: #000; width: 555px; height: 20px; padding-left: 5px; background-color: #CCC; }
.faqTxtArrow { font-size: 13px; line-height: 18px; color: #990000; width: 545px; height: 18px; padding-left: 15px; background: url(../images/contact/arrow.jpg) no-repeat 2px; }
.faqTxt { font-size: 13px; line-height: 18px; color: #000; width: 545px; padding-left: 15px; }
.faqLineBox { padding: 30px 0; }
.faqLine { width: 543px; border: 1px solid #666666; }
.faqLineTxt { padding: 10px; }
.faqLineBox { width: 545px; padding: 5px 0; }
.faqLineTxtS { font-size: 12px; line-height: 14px; color: #FF0000; padding-top: 10px; }
.faqLinkBorder { width: 560px; border-bottom: dotted 1px #666; }
.lineTxtL { width: 130px; height: 18px; float: left; }
.lineTxtR { font-size: 13px; line-height: 18px; color: #000; width: 373px; height: 18px; padding-left: 15px; background: url(../images/contact/colon.jpg) no-repeat; float: left; }
.lineTxtR2 { font-size: 13px; line-height: 18px; color: #000; width: 373px; height: 18px; padding-left: 15px; float: left; }
.faqlineTxtBox { width: 523px; }
.txtExcuse { font-size: 12px; line-height: 15px; color: #666; padding-left: 15px; background: url(../images/contact/kome.jpg) no-repeat; }
.txtExcuseE { font-size: 12px; line-height: 15px; color: #666; padding-left: 8px; background: url(../images/contact/komeE.jpg) no-repeat; }
.contactTxtBox { padding: 10px; }
.contactTxtnestE { height: 18px; }
.contactTxtnest { height: 18px; }
.contctTxtLE { width: 200px; height: 18px; float: left; }
.contctTxtL { width: 180px; height: 18px; padding-left: 20px; float: left; }
.contactTxtR { width: 110px; height: 18px; float: left; }
.contactTxtRE { width: 110px; height: 18px; float: left; }
.contactTxtnest { width: 320px; height: 18px; padding: 0 109px; }
.add { padding: 15px 0 0 10px; }