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


/* Common */
#tpgHeader { height: 85px; padding-top: 10px; background: url(../images/tpg/tpgBase_head.gif) no-repeat 0px 75px; }
#tpgHeaderLogo { width: 185px; padding-right: 25px; float: left; }
#tpgFrame { padding: 10px 20px 0 20px; background: url(../images/tpg/tpgBase_frame.gif) repeat-y; }
#tpgFooter { padding-bottom: 35px; }
.tpgMenu { width: 125px; padding: 25px 5px 0 0; float: left; }
.tpgSubTTL { padding-bottom: 15px; }


/* Regist */
#tpgRegist { padding-bottom: 30px; }
.tpgRegiBtn { padding-right: 20px; float: left; }


/* Outline */
#tpgOutline ul { width: 560px; }
#tpgOutline li { font-size: 13px; line-height: 18px; _height: 1px; padding: 4px 0 4px 110px; border-bottom: dotted 1px #999; position: relative; }
#tpgOutline label { color: #990000; position: absolute; left: 0px; _top: 4px; }
/* IE7 Hack */
*:first-child+html #tpgOutline label { top: 1px; }
/* IE7 Hack End */
.outlineNest { font-size: 12px; line-height: 15px; color: #333; padding-top: 2px; }
.outlineNestE { font-size: 12px; line-height: 15px; color: #333; padding: 2px 0 0 1em; }
.projectNest { font-size: 12px; line-height: 15px; color: #333; padding: 6px 0 0 1em; text-indent: -1em; }
.projectE { padding: 0 0 2px 1em; text-indent: -1em; }
.projectNestE { font-size: 12px; line-height: 15px; color: #333; padding: 6px 0 0 1.5em; text-indent: -1em; }
#tpgPrivacy { font-size: 12px; line-height: 18px; color: #333; width: 540px; height: 150px; padding: 9px; border: solid 1px #999; border-top: none; overflow: scroll; }
#tpgPrivacy p { padding-bottom: 12px; }
.tpgPrivacyList { line-height: 16px; padding-bottom: 2px; }
.tpgPrivacyL { width: 4%; padding-right: 5px; text-align: right; float: left; }
.tpgPrivacyR { width: 92%; float: left; }
#inquiryBox { width: 558px; padding-top: 9px; border: solid 1px #336699; background-color: #FFF; }
#inquiryBox p { text-align: center; padding-bottom: 9px; }
#inquiryBox strong { font-size: 14px; font-weight: bold; color: #CC0000; }
#tpgAgreeBox { padding: 2px 0; margin-top: 10px; }


/* TPG2009 */
.tpgPrevNex { color: #666; font-size: 12px; line-height: 14px; }
.tpgPrev { width: 230px; float: left; }
.tpgPages { width: 100px; text-align: center; float: left; }
.tpgNext { width: 230px; text-align: right; float: left; }
.tpgPrevNex span { color: #990000; }
.tpgPrevNex a { color: #666; }
.tpgPrevNex a:hover { color: #990000; }
.tpg2009 { padding-bottom: 20px; }
.tpg2009 dl { font-size: 12px; line-height: 16px; width: 560px; margin-top: 15px; border-bottom: solid 1px #999; overflow: hidden; }
.tpg2009 dt.title { font-size: 15px; line-height: 17px; color: #FFF; font-weight: bold; padding: 2px 0 2px 5px; border: solid 1px #999; background: url(../images/tpg/tpg2009TitleBG.jpg) repeat-y; }
.tpg2009 dt.catch { font-size: 13px; padding: 2px 0 2px 5px; width: 553px; border: solid 1px #999; border-top: none; background-color: #CCC; }
.tpg2009 dd { min-height: 16px; padding-bottom: 32768px; margin-bottom: -32768px; background-color: #FFF; border-right: solid 1px #999; float: left; }
.tpg2009 dd.goal { width: 357px; border-left: solid 1px #999; }
.tpg2009 dd.genre { width: 200px; }
.tpg2009 dd.country { width: 156px; border-top: solid 1px #999; border-left: solid 1px #999; }
.tpg2009 dd.director { width: 200px; border-top: solid 1px #999; }
.tpg2009 dd.producer { width: 200px; border-top: solid 1px #999; }
.tpg2009 dd p { padding: 2px 5px 2px 20px; }
.tpg2009 dd.goal p { background: url(../images/tpg/tpgListIconGoal.jpg) no-repeat 2px 2px; }
.tpg2009 dd.genre p { background: url(../images/tpg/tpgListIconGenre.jpg) no-repeat 2px 2px; }
.tpg2009 dd.country p { background: url(../images/tpg/tpgListIconCountry.jpg) no-repeat 2px 2px; }
.tpg2009 dd.director p { background: url(../images/tpg/tpgListIconDirector.jpg) no-repeat 2px 2px; }
.tpg2009 dd.producer p { background: url(../images/tpg/tpgListIconProducer.jpg) no-repeat 2px 2px; }


/* PastList */
#tpgPastFrame { padding-top: 10px; background: url(../images/tpg/tpgBase_frame.gif) repeat-y; }
.tpgPastNest { padding: 0 20px; }
#listTab { width: 580px; height: 30px; padding: 0 0 20px 20px; background: url(../images/tpg/listTab/listTabBG.jpg) repeat-x; position: relative; }
#listTab:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#listTab li { width: 105px; height: 30px; float: left; }

#tpgComp, #tpgList { font-size: 12px; line-height: 16px; }
#tpgComp li { padding-bottom: 5px; }
#tpgComp dl, #tpgList dl { width: 560px; margin-top: 5px; border-bottom: solid 1px #999; overflow: hidden; }
#tpgComp dl:after, #tpgList dl:after { content: "."; height: 0; clear: both; visibility: hidden; display: block; }
#tpgComp dt { font-size: 14px; color: #FFF; font-weight: bold; padding: 2px 0 2px 5px; border: solid 1px #999; background-color: #666; }
#tpgComp dt span { font-weight: normal; padding-left: 0.5em; }
#tpgComp dd { min-height: 16px; padding-bottom: 32768px; margin-bottom: -32768px; background-color: #FFF; border-right: solid 1px #999; float: left; }
#tpgComp dd.compCount { width: 160px; border-left: solid 1px #999; }
#tpgComp dd.compDir { width: 210px; }
#tpgComp dd.compPlay { width: 186px; }
#tpgComp dd p { padding: 2px 5px 2px 20px; }
#tpgComp dd.compCount p { background: url(../images/tpg/tpgListIconCountry.jpg) no-repeat 2px 2px; }
#tpgComp dd.compDir p { background: url(../images/tpg/tpgListIconDirector.jpg) no-repeat 2px 2px; }
#tpgComp dd.compPlay p { background: url(../images/tpg/tpgListIconPlay.jpg) no-repeat 2px 2px; }

#tpgList dt { font-size: 14px; font-weight: bold; width: 522px; padding: 2px 0 2px 5px; border: solid 1px #999; background-color: #CCC; float: right; }
#tpgList dt span { font-weight: normal; padding-left: 0.5em; }
#tpgList dd { min-height: 16px; padding-bottom: 32768px; margin-bottom: -32768px; background-color: #FFF; border-right: solid 1px #999; float: left; }
#tpgList dd.listNo { font-size: 14px; text-align: center; font-weight: bold; color: #FFF; width: 30px; padding-top: 2px; border: solid 1px #999; border-right: none;  background-color: #666; }
#tpgList dd.listCount { width: 160px; border-left: solid 1px #999; }
#tpgList dd.listDir, #tpgList dd.listPro { width: 198px; }
#tpgList dd p { padding: 2px 5px 2px 20px; }
#tpgList dd.listCount p { background: url(../images/tpg/tpgListIconCountry.jpg) no-repeat 2px 2px; }
#tpgList dd.listDir p { background: url(../images/tpg/tpgListIconDirector.jpg) no-repeat 2px 2px; }
#tpgList dd.listPro p { background: url(../images/tpg/tpgListIconProducer.jpg) no-repeat 2px 2px; }

.tpgNotesLine { font-size: 11px; line-height: 14px; color: #666666; padding: 2px 0 20px; }
.tpgNotesLine a { color: #666; text-decoration: none; }
.tpgNotesLine a:hover { color: #CC0000; text-decoration: underline; }
.tpgNotesL { width: 160px; float: left; }
.tpgNotesR { width: 400px; text-align: right; float: left; }
.notesGoal { padding: 0 15px; background: url(../images/tpg/tpgListIconGoalS.gif) no-repeat; }
.notesGenre { padding: 0 15px; background: url(../images/tpg/tpgListIconGenreS.gif) no-repeat; }
.notesCount { padding: 0 15px; background: url(../images/tpg/tpgListIconCountryS.gif) no-repeat; }
.notesDir { padding: 0 15px; background: url(../images/tpg/tpgListIconDirectorS.gif) no-repeat; }
.notesPlay { padding-left: 15px; background: url(../images/tpg/tpgListIconPlayS.gif) no-repeat; }
.notesPro { padding-left: 15px; background: url(../images/tpg/tpgListIconProducerS.gif) no-repeat; }
