@charset "utf-8";
/*
Theme Name: 東葛映画祭日本語版 Default
Description: 東葛映画祭のデフォルトテーマです。
Author: 東葛映画祭実行委員会
*/

/*-----------------------------------------------------------
	01. common
-----------------------------------------------------------*/
body {
background-color:#FFFFFF;
margin:0px;
padding:0px;
color:#333333;
text-align: center;/* for before IE5.5 */
}

#layout {
width: 801px;
margin: 0px auto;
text-align: center;
}

img {
border: 0;
}

/*-----------------------------------------------------------
	02. header
-----------------------------------------------------------*/
#head {
background-image:url(images/common/parts/head_bg.gif);
background-repeat:repeat-x;
padding:20px 0 0 0;
}

#logo {
width:290px;
padding:0px 0px 0px 0px;
height:68px;
float:left;
margin:0 0 15px 0;
}
#newstopic {
float:right;
width:350px;
text-align:right;
margin:0px 0px 20px 0px;
font-size: x-small;
color:#666666;
}
#newstopic .img_{
margin:0 4px 0 0;
border:0;
}
#newstopic a {
color:#666666;
text-decoration:none;
}
#newstopic a:hover {
color:#333333;
}
#newstopic .btn_{
margin:13px 0 0 0;
}
#topimage {
clear:both;
padding:0px 0 0 0;
margin:0px;
}


/*-----------------------------------------------------------
	03. main
-----------------------------------------------------------*/
#main {
clear:both;
margin:10px 0px 20px 0px;
padding:20px 10px 0px 10px;
text-align: left;
background-image:url(images/common/parts/dotline.gif);
background-repeat:no-repeat;
width: 801px;/*@--	for	windows IE5.x--*/
voice-family: "\"}\"";
voice-family:inherit;
width: 781px;/*@--	for	modern	browser--*/
}
html>body #main{
width:781px;/*@--	for	opera--*/
}


/*-----------------------------------------------------------
	04. menu
-----------------------------------------------------------*/
#leftmenu {
float:left;
width:180px;
margin:0 0 0 0px;
padding-top:12px;
background-image:url(images/common/parts/slash2_bg.gif);
background-repeat:repeat-x;
}
#leftmenu ul{
list-style:none;
width:180px;
margin:0 0 20px 0;
padding:0 0 12px 0;
background-image:url(images/common/parts/slash2_bg.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
#leftmenu li {
font-size: x-small;
line-height:1.2em;
margin:0 0 2px 0px;
}

#leftmenu a {
background:#FFF;
width:163px;
display:block;
padding:5px 0 6px 17px;
background-image:url(images/common/mark/mark_plus1.gif);
background-repeat:no-repeat;
background-position:5px;
}

/*WP子供メニュー*/
#leftmenu .page-item-31 a,
#leftmenu .page-item-38 a,
#leftmenu .page-item-42 a,
#leftmenu .page-item-95 a,
#leftmenu .page-item-98 a,
#leftmenu .page-item-271 a{
background:#FFF;
width:153px;
display:block;
padding:5px 0 6px 27px;
background-image:url(images/common/mark/mark_plus2.gif);
background-repeat:no-repeat;
background-position:15px;
}

#leftmenu li a:link{
text-decoration:none;
color:#333;
}
#leftmenu li a:hover{
text-decoration:none;
color:#333;
background-color:#E5E5E5;
}
#leftmenu li a:visited{
text-decoration:none;
color:#333;
}
#leftmenu li a:active{
text-decoration:none;
color:#333;
}

/*WP今いるページ*/
#leftmenu li.current_page_item a {
background-color:#E5E5E5;
}

/*-----------------------------------------------------------
	05. layout
-----------------------------------------------------------*/
#rightarea {
float:right;
width:580px;
margin:0 0px 0 0;
}
#centercontent {
float:left;
width:380px;
}
#rightcontent {
float:right;
width:180px;
}

/*-----------------------------------------------------------
	06. footer
-----------------------------------------------------------*/
#foot {
clear:both;
background-image:url(images/common/parts/dotline.gif);
background-repeat:no-repeat;
padding:15px 0 0 0;
}

address {
font-style:normal;
font-size: x-small;
color:#333333;
text-align:center;
padding:15px 15px 30px 0px;
}

/*-----------------------------------------------------------
	07. other
-----------------------------------------------------------*/
.center {
text-align:center;
}
.right {
text-align:right;
}
p {
margin:0px 0px 20px 0px;
padding:0;
}
.line {
padding: 10px 0px 10px 0px;
margin: 0;
border-top: 1px solid #cccccc;
}

.clear {
clear:both;
}
.pagetop {
text-align:right;
margin:0px 0px 15px 0px;
font-size: x-small;
}

em {
font-style:normal;
color:#CC0000;
}

.gray_box{
line-height:1.5em;
color:#333333;
padding: 10px 10px 10px 10px;
background-color:#F6F6F6;
border:1px solid #CCCCCC;
margin:0px 0px 10px 0px;
}

/*-----------------------------------------------------------
	08. link
-----------------------------------------------------------*/
a:link {
text-decoration: none;
color: #0066CC;
}
a:hover {
text-decoration:underline;
background-color:#AFDFEF;
}
a:visited {
text-decoration: none;
color:#660099;
}
a:active {
color: #0066CC;
}
a img {
border:0;
}

#logo a:hover {
text-decoration: none;
background-color:#FFFFFF;
}


/*-----------------------------------------------------------
	09. inner
-----------------------------------------------------------*/
.anchor{
text-align:right;
font-size: x-small;
margin:0px 0px 5px 0px;
}

/*-----------------------------------------------------------
	10. aboutlink
-----------------------------------------------------------*/
#blog_imagebox{
width:130px;
float:left;
}
#about_blog{
width:450px;
float:right;
}

/*-----------------------------------------------------------
	11. barrierfree
-----------------------------------------------------------*/
#barrierfree_table{
margin:0px 0px 15px 0px;
}

/*-----------------------------------------------------------
	11. ticket
-----------------------------------------------------------*/
.ticket_shop{
margin:0px 0px 15px 0px;
}

/*-----------------------------------------------------------
	12. judges
-----------------------------------------------------------*/
.judges_box{
width:580px;
}
.judges_image{
width:120px;
margin:5px 0px 0px 0px;
float:left;
}
.judges_text{
width:440px;
float:right;
}

/*-----------------------------------------------------------
	13. film
-----------------------------------------------------------*/
.film_box{
width:580px;
padding:0px 0px 30px 0px;
}
.film_image{
width:120px;
margin:0px 0px 10px 0px;
float:left;
}
.film_text{
width:440px;
float:right;
}

/*-----------------------------------------------------------
	14. table
-----------------------------------------------------------*/
table.tbl {
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font:100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
table.tbl th,table.tbl td {
margin:0;
padding:3px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
table.tbl th {
background-color:#F6F6F6;
text-align: left;
}

/*-----------------------------------------------------------
	15. handy items
-----------------------------------------------------------*/
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}


/*-----------------------------------------------------------
	01. body
-----------------------------------------------------------*/
body {
font-family: 'Hiragino Kaku gothic Pro', 'Osaka', 'MS P Gothic';
/*font-size:12px;*/
font-size: small;
line-height: 1.6em;
color:#333333;
}

/*-----------------------------------------------------------
	02. common hx style
-----------------------------------------------------------*/
h1 {
margin:0px 0px 20px 0px;
}
h2 {
margin:0px 0px 10px 0px;
/*font-size: 14px;*/
font-size: medium;
}
h3 {
margin:0px 0px 10px 0px;
/*font-size: 11px;*/
font-size: x-small;
}
h4 {
margin:0px 0px 10px 0px;
/*font-size: 11px;*/
font-size: x-small;
}
h5 {
margin:0px 0px 10px 0px;
/*font-size: 10px;*/
font-size: x-small;
}

/*-----------------------------------------------------------
	03. inner hx style
-----------------------------------------------------------*/
h2#page_title {
background:url(images/title/title_bg.gif) no-repeat left center;
color:#F00;
padding: 0 0 0 15px;
font-size: x-small;
}

#page_temp h3 {
padding:3px;
margin:0px 0px 10px 0px;
/*font-size: 11px;*/
font-size: x-small;
color:#FF0000;
border:1px solid #CCCCCC;
text-align:left;
}

#page_temp h4{
margin:0px 0px 10px 0px;
/*font-size: 11px;*/
font-size: x-small;
background-image:url(images/title/h4mark.gif);
background-position:left center;
padding:0px 0px 0px 15px;
background-repeat:no-repeat;
}

#aboutfestival h5{
/*font-size: 11px;*/
font-size: x-small;
text-align:left;
}

#filmtemp h2{
/*font-size: 14px;*/
font-size: medium;
text-align:left;
margin-bottom: 20px;
float:left;
}

#filmtemp h3{
/*font-size: 11px;*/
font-size: x-small;
margin:5px 0px 3px 0px;
}

#eventschedule h5 {
/*font-size: 11px;*/
font-size: x-small;
margin:20px 0px 3px 0px;
}
/*other style*/


/*-----------------------------------------------------------
	04. common fontstyle
-----------------------------------------------------------*/
.font10p {
/*font-size: 10px;*/
font-size: x-small;
line-height: 1.5em;
}

.font11p {
/*font-size: 11px;*/
font-size: x-small;
line-height: 1.5em;
}

.font12p {
/*font-size:12px;*/
font-size: small;
line-height: 1.5em;
}

.font14p {
/*font-size: 14px;*/
font-size: medium;
line-height: 1.5em;
}

.font16p {
/*font-size: 16px;*/
font-size: large;
line-height: 1.5em;
}

.font18p {
/*font-size: 18px;*/
font-size: x-large;
line-height: 1.5em;
}

.font10pb {
/*font-size: 10px;*/
font-size: x-small;
line-height: 1.5em;
font-weight: bold;
}

.font11pb {
/*font-size: 11px;*/
font-size: x-small;
line-height: 1.5em;
font-weight: bold;
}

.font12pb {
/*font-size:12px;*/
font-size: small;
line-height: 1.5em;
font-weight: bold;
}
.white10p {
color: #ffffff;
line-height:1.5em;
font-weight: bold;
/*font-size: 10px;*/
font-size: x-small;
}
.white12p {
color: #ffffff;
line-height:1.5em;
font-weight: bold;
/*font-size:12px;*/
font-size: small;
}
.white14p {
color: #ffffff;
line-height:1.5em;
font-weight: bold;
/*font-size: 14px;*/
font-size: medium;
}
.white16p {
color: #ffffff;
line-height:1.5em;
font-weight: bold;
/*font-size: 16px;*/
font-size: large;
}
.white18p {
color: #ffffff;
line-height:1.5em;
font-weight: bold;
/*font-size: 18px;*/
font-size: x-large;
}
.white20p {
color: #ffffff;
line-height:1.5em;
font-weight: bold;
/*font-size: 20px;*/
font-size: xx-large;
}
.purple10p {
color: #D2036B;
/*font-size: 10px;*/
font-size: x-small;
line-height:1.5em;
}
.purple12p {
color: #D2036B;
/*font-size:12px;*/
font-size: small;
line-height:1.5em;
}
.gray10p {
color: #999999;
/*font-size: 10px;*/
font-size: x-small;
line-height:1.5em;
}
.gray12p {
color: #999999;
/*font-size:12px;*/
font-size: small;
line-height:1.5em;
}

/*top*/
/*-----------------------------------------------------------
	01. common
-----------------------------------------------------------*/
#top h3 {
margin:0px 0px 0px 0px;
font-size: small;
}
#top h4 {
margin:0px 0px 0px 0px;
font-size: small;
}
#top p {
margin:0px 0px 15px 0px;
font-size: small;
}

/*-----------------------------------------------------------
	02. right column
-----------------------------------------------------------*/
#countdown {
margin-bottom:10px;
}
#whatsnew {
border:1px solid #CCC;
margin-bottom:15px;
}
#whatsnew h3,#whatsnew h4,#whatsnew p{
margin-left:10px;
margin-right:10px;
}

#top .question {
background-image:url(images/common/mark/mark_question.gif);
background-repeat:no-repeat;
background-position:4px 8px;
padding-left:15px;
}

#information p {
font-size: x-small;
}

/*-----------------------------------------------------------
	03. center column
-----------------------------------------------------------*/
#hotnews {
border:1px solid #CCC;
margin-bottom:15px;
background-color:#E5E5E5;
color:#000000;
}
#hotnews h3,#hotnews h4,#hotnews p{
margin-left:10px;
margin-right:10px;
}

/*-----------------------------------------------------------
	04. footer
-----------------------------------------------------------*/
#foot h3 {
margin-top:10px;
}
#foot ul {
margin:0;
padding:0;
list-style:none;
clear:both;
}
#foot li {
/*float:left;*/
display: inline;
padding:5px 10px 5px 10px;
/*margin:5px 10px 5px 10px;*/
}
#foot li img{
vertical-align:middle;
}
#foot ul.goldsponsor {
/*width:380px;*/
margin:0px auto;
}
#foot ul.silversponsor {
/*width:550px;*/
padding-top: 15px;
margin:0px auto;
color:#666;
}
address {
clear:both;
}


/*-----------------------------------------------------------
	01. aboutfestival
-----------------------------------------------------------*/
#gaiyou,#application_rules{
margin:0px 0px 15px 0px;
}

#guest{
border:1px solid #666666;
background-color:#F6F6F6;
padding:5px 5px 5px 5px;
margin-bottom:10px;
width:580px;/*--	for	windows IE5.x--*/
voice-family: "\"}\"";
voice-family: inherit;
width:568px;/*--	for	modern	browser--*/
}

html>body #guest{
width:568px;/*--	for	opera--*/
}

/*-----------------------------------------------------------
	02. sponsor
-----------------------------------------------------------*/
.sponsorarea1 {
width:180px;
margin:0px 0px 20px 0px;
text-align:center;
font-size: x-small;
float:left;
}
.sponsorarea2{
width:180px;
margin:0px 0px 20px 0px;
text-align:center;
font-size: x-small;
float:left;
}
.sponsorlogoarea {
height:50px;
}
.sponsorbox{
width:180px;
padding:0px 0px 20px 0px;
float:left;
}
.sponsorbox2{
width:180px;
padding:0px 0px 20px 0px;
float:left;
}
.sponsorbox .sponsorarea1 {
width:180px;
margin:0px 0px 0px 0px;
text-align:center;
font-size: x-small;
float:left;
}
.sponsorbox .sponsorarea2 {
width:180px;
margin:0px 0px 0px 0px;
text-align:center;
font-size: x-small;
float:left;
}
.note {
text-align:right;
font-size: x-small;
}
.dotline {
background-image:url(images/common/parts/dotline2.gif);
background-repeat:repeat-x;
height:1px;
margin:10px 0px 10px 0px;
clear:both;
}

/*-----------------------------------------------------------
	03. result
-----------------------------------------------------------*/
.photo_left {
float:left;
width:285px;
margin-bottom:10px;
}
.photo_right {
float:right;
width:285px;
margin-bottom:10px;
}

/*-----------------------------------------------------------
	04. newsrelease
-----------------------------------------------------------*/
.media_left {
float:left;
width:280px;
margin-bottom:20px;
text-align:center;
}
.media_right {
float:right;
width:280px;
margin-bottom:20px;
text-align:center;
}

/*-----------------------------------------------------------
	05. filmtemplate
-----------------------------------------------------------*/
#filmcate {
font-size:x-small;
color:#FF0000;
}
#filminfo {
font-size: x-small;
margin:0px 10px 0px 50px;
font-weight: normal;
}
#filmdata {
float:right;
width:425px;
}
#filmimage {
width:320px;
clear:both;
float:left;
margin:0px 0px 0px 0px;
font-size: x-small;
}
#venuetime {
line-height:1.5em;
color:#333333;
padding: 10px 10px 10px 10px;
background-color:#F6F6F6;
border:1px solid #FF0000;
margin:0px 0px 10px 0px;
}
#filmstory{
clear:both;
}
p.film_pics img {
margin-bottom: 15px;
}
.back_top {
clear: both;
font-size: x-small;
background:url(images/common/mark/mark_arrow.gif) no-repeat 0 50%;
padding-left: 10px;
}
.news_cont{
clear: both;
margin: 0;
padding:0;
}

/*-----------------------------------------------------------
	06. timetable
-----------------------------------------------------------*/
/* timetable */
#timetable .cate{
background-color:#FF0000;
color:#FFFFFF;
padding:0px 2px 0px 2px;
font-size: x-small;
}
#timetable .time{
font-size: x-small;
}

/* timetable */
#eventschedule .cate{
background-color:#666666;
color:#FFFFFF;
padding:0px 2px 0px 2px;
font-size: x-small;

}
#eventschedule .title{
padding:2px;
}
#eventschedule .time{
font-size: x-small;
padding:2px;

}
#eventschedule .icon img{
margin:5px 5px 5px 0px;
}
#eventschedule .icon{
text-align:right;
}

/*-----------------------------------------------------------
	07. access
-----------------------------------------------------------*/
.map {
margin:10px 0px 20px 0px;
}


/*-----------------------------------------------------------
	08. report
-----------------------------------------------------------*/
.photo_wide {
width:580px;
margin-bottom:10px;
text-align: center;
}
.mt10 {margin-top:10px;}
.mb20 {margin-bottom: 20px;}
.fw_n {font-weight: normal;}