@charset "UTF-8";


/* reset */
html, body, p, div, h1, h2, h3, h4, em, address, dl, dt, dd, hr, table, th, td{
padding: 0;
margin: 0;
font-weight: normal;
font-family: sans-serif;
font-style: normal;
}
h1, h2, h3, h4{
font-size: 100%;
font-weight: normal;
font-family: sans-serif;
font-style: normal;
}



/* common */
a{
text-decoration: none;
color: #1066de;
}
a:hover{
color: #e9967a;
text-decoration: underline;
}
img{
border: none;
vertical-align: bottom;
}
ul, ol, li{
margin-top: 0;
margin-bottom: 0;
}
hr{
clear: both;
width: 0;
height: 0;
visibility: hidden;
border: none;
}


/* pages */
body{
width: 801px;
background: #fff;
color: #333;
font-size: 85%;
line-height: 1.5;
font-weight: normal;
font-family: sans-serif, Arial;
font-style: normal;
}
#container{
position: relative;
border-right: 1px solid #999;
}
#main{
padding: 0 24px 180px;
}


/* menu */
#menu{
border-bottom: 1px solid #999;
font-size: 90%;
}
#menu p{
height: 30px;
margin-bottom: 12px;
background: #cdcdcd url(img/movie_title.gif) right top no-repeat;
color: #fff;
}
#menu p a{
display: block;
height: 30px;
text-indent: -9999px;
overflow: hidden;
}
#menu ul:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#menu ul{
margin: 0;
padding: 0;
display: inline-block;
}
/*\*/
* html #menu ul{height: 1%;}
#menu ul{display: block;}
/*  */


#menu ul li{
float: left;
list-style: none;
margin: 0 2px;
}
#menu ul li a{
position: relative;
z-index: 2;
display: block;
float: left;
margin-bottom: -1px;
padding: 6px 4px 3px;
background: #f4dc6a;
color: #666;
border-style: solid;
border-color: #999;
border-width: 1px;
}
#menu ul li a:hover{
background: #f7f618;
color: #333;
text-decoration: none;
}
#menu ul li span{
display: block;
float: left;
text-align: center;
width: 6em;
}
#top #topMenu a,
#gaiyou #gaiyouMenu a,
#boshu #boshuMenu a,
#oubo #ouboMenu a,
#shoudan #shoudanMenu a,
#program #programMenu a,
#event #eventMenu a,
#shinsa #shinsaMenu a,
#prize #prizeMenu a{
background: #fff !important;
border-bottom: 1px solid #fff;
}



/* footer */
html,
body,
#container{
height: 100%;
}
html>body #container{
height: auto;
min-height: 100%;
}
#footer{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 134px;
}
#top #container{
padding-bottom: 100px;
}
#top #footer{
height: 200px;
}
#footer p{
text-align: center;
}


/* common */
h1{
margin: 24px 0;
padding: 2px 12px;
background: #f7b742;
color: #fff;
font-size: 150%;
}
#top h1{
width: 677px;
margin-top: 12px;
margin-bottom: 12px;
margin-right: auto;
margin-left: auto;
padding: 0;
border-style: solid;
border-color: #999;
border-width: 6px 0;
text-align: center;
background: #fff;
color: #333;
font-size: 150%;
}
#top h1 a{
color: #333;
text-decoration: none;
}
h2{
margin: 24px 36px 6px;
padding-left: 0.5em;
border-left: 0.5em solid #0a0;
color: #0a0;
font-size: 120%;
}
table{
width: 80%;
margin-top: 12px;
margin-bottom: 12px;
margin-right: auto;
margin-left: auto;
border-collapse: collapse;
}
th, td{
padding: 3px 6px;
border: 1px solid #fc6;
text-align: left;
vertical-align: top;
}
th{
background-color: #fec;
}
.num{
text-align: right;
width: 3em;
}
.time{
width: 12em;
}
#main p,
#main address{
margin-right: 10%;
margin-left: 10%;
}
#main ul,
#main ol,
#main dl{
margin: 0 10%;
}
#main dl{
position: relative;
}
#main dt{
float: left;
clear: left;
width: 6em;
color: #060;
border-left: 0.5em solid #060;
padding-left: 0.5em;
margin-bottom: 1em;
}
#main dd{
padding-left: 7em;
margin-bottom: 1em;
}
#main dl dl{
margin: 0;
padding: 0;
}
#main dl dl dt{
float: none;
clear: none;
width: auto;
margin: 0;padding: 0;
color: #666;
border: none;
}
#main dl dl dd{
margin: 0;
padding: 0 0 1em 2em;
}
#top #main p{
width: auto;
}
.news{
margin: 0 50px;
text-align: center;
}
.news ul{
padding: 0;
list-style: inside url(img/check.gif);
}
.theme{
margin: 0 12px;
color: #35b3d1;
font-size: 200%;
font-weight: bold;
letter-spacing: 2px;
}
.old{
margin: 20px 100px;
padding: 12px 24px;
border: 2px dashed #ccc;
color: #999;
font-size: 90%;
}
.end{
font-size: 150%;
color: #999;
}
p.attention{
width: auto;
margin: 0 0 0 2em !important;
padding: 0 !important;
text-indent: -1em;
color: red;
}


/* top */


/* kakomenu */
#kakomenu{
float: left;
width: 18%;
}
#kakomenu h2{
margin-right: 0;
margin-left: 0;
padding: 0;
color: #666;
border: none;
}
#kakomenu ul{
margin: 0;
padding: 0;
list-style: none;
}
#kakomenu li{
border-bottom: 1px dotted #ccc;
font-size: 90%;
}


/* now */
#now{
float: right;
width: 80%;
}
#now h2{
margin-right: 0;
margin-left: 0;
}
#now table{
width: 95%;
margin-right: 0;
margin-left: auto;
margin-bottom: 36px;
}


/* shoudan */
#shoudan ol li{
margin-bottom: 6px;
}
#shoudan ol li p{
margin: 0 0 0 1em;
text-indent: 1em;
font-size: 90%;
color: #555;
}
#shoudan ol ul{
font-size: 90%;
color: #555;
width: 100%;
margin: 0;
}


/* event */
#event table{
margin-top: 0;
margin-bottom: 36px;
}
#event .produce{
text-align: right;
}
#event .produce span{
color: #f96;
}


/* shinsa */
#shinsa dd ul{
margin: 0;
padding: 0;
list-style: none;
}
#shinsa dd ul li{
padding-left: 6em;
text-indent: -6em;
}
#shinsa.shinsa2006 .pst{
width: 7em;
}
#shinsa dd table{
width: 100%;
margin: 0;
}


/* prize */
#prize h3{
margin: 0 20px 0;
}
#prize #now ul{
margin: 0;padding: 0;
list-style: none;
}
#prize #now ul li{
padding-left: 6em;
text-indent: -6em;
}


/* sponsors */
#main .sponsors dl{
margin-top: 36px;
padding-top: 12px;
border-top: 1px dotted #ccc;
}
#main .sponsors dt{
width: auto;
display: block;
float: none;
clear: both;
margin: 0;
padding: 12px 0 0;
border: none;
font-weight: bold;
}
#top .sponsors dd{
float: left;
margin: 0;
padding: 0 0 0 2em;
width: auto;
white-space: nowrap;
}