@charset "utf-8";
/*
Theme Name: ANIDO
Theme URI: ANIDO
Description: 1967年に発足。世界中のアニメーションの研究・交流に取り組んでいます。
Version: 1.0
Author: COMADORI
Author URI: http://comadori.com
Tags: -
Text Domain: - 
*/

@import url("css/common.css");

/* DEFAULT SET
------------------------------------------------------------------------*/
html, body{}

body{
	background: #ffffff;
	color: #4d4d4d;
}
.wrapper{
}

p{ font-size: 0.8em; }
a{ color: #4f88b2; }
a:hover{ color: #cccccc; }

.qtrans_flag_ja{ background: url(images/jp.png) no-repeat!important; }
.qtrans_flag_en{ background: url(images/gb.png) no-repeat!important; }

/* LAYOUT
------------------------------------------------------------------------*/
#header{
	width: 100%;
	height: 50px;
	background: #000000;
}

#header .inner{
	position: relative;
	margin: 0 auto;
	width: 800px;
}
#header .inner .selectlang{
	position: absolute;
	top: 18px;
	right: 5px;
	width: 160px;
}
.qtrans_flag span { display:none; }
.qtrans_flag{
	float:left;
	width: 76px!important;
	height: 22px!important;
}

#container{
	margin: 0 auto;
	width: 800px;
}

.globalnavi{
	margin: 0 auto;
	width: 100%;
	height: 35px;
	background: url(images/bg-globalnavi.gif) repeat-x;
}

.globalnavi ul{
	margin: 0 auto;
	pading-left: 4px;
	width: 805px;
}

.globalnavi img{
	vertical-align: bottom;
}

.globalnavi ul li.dropdown{
	float: left;
}
.globalnavi .title{
}
.globalnavi .title:hover{
}
.globalnavi .child{
	position: absolute;
	margin-top: -4px;
	overflow: hidden;
	width: 160px;
	display: none;
	z-index: 200;
	opacity: 0;
}
li.dropdown ul{}

li.dropdown li{
	display: inline;
}

li.dropdown .child a{
	display: block;
	width: 144px;
	height: 25px;
	text-decoration: none;
}

.breadcrumb{
	margin: 0 auto;
	padding: 8px 0 5px;
	width: 800px;
	font-size: 0.8em;
}

/* TOPPAGE
------------------------------------------------------------------------*/
#container.toppage{
}

.information{
	margin: 0;
	width: 800px;
}
/**:first-child+html .information{ margin: 55px 0 25px; }*/

.information .title{
	margin: 0 auto 5px;
	padding-top: 5px;
	width: 800px;
	height: 42px;
	background: url(images/bg-infotitle.gif) repeat-x bottom;
}

.information .info{
	clear: both;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 710px;
}

/* THUMBNAIL and LEAD BOX STYLE */
.info .thumbs{
	float: left;
	width: 95px;
	height: 66px;
	background: url(images/bg-thumb.gif) no-repeat;
}
.info .thumbs img{
	margin: 5px;
}
.info .thumb-other{
	float: left;
	width: 86px;
}
.info p{
	padding-top: 7px;
}

/* CONTENT-TITLE , DATE */
.info h2{
	margin: 0;
	padding: 2px 0 0 10px;
	width: 500px;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 100%;
	color: #3d8ec8;
}
/* CONTENT-LEAD */
.info .lead{
	float: right;
	padding: 0 0 10px 10px;
	width: 500px;
}
.info .leadpost{
	margin: 0;
	padding: 7px 0 0 0;
	font-size: 12px;
	line-height: 110%;
}
.info .leadpost p{ margin: 0; padding: 0; font-size: 12px; }

.info h2 span{
	font-size: 1.1em;
}

.info h2 span,
.info p span{
	padding-left: 10px;
}
.info h2 span.titleonly{
	padding-left: 0;
}

/* MAIN CONTENT BANNER */
.toppage .contentbox{
	margin: 10px auto 0;
	width: 560px;	
}


.toppage .top-banner,
.toppage .top-banner-en{
	float: left;
	padding: 3px 0 3px 0;
	width: 185px;
	height: 145px;
}


/* ARCHIVES , PAGES
------------------------------------------------------------------------*/
.archive .content,
.publication .content,
.history .content,
.feature .content,
.filmfes .content{
	float: right;
	width: 600px;
}

.content .info{
	clear: both;
	padding-bottom: 25px;
	width: 600px;
}
ul.archivelist{
	float: left;
	width: 190px;
	font-size: 0.8em;
}

ul.archivelist li{
	margin-left: 18px;
	padding: 5px 0 0;
	list-style-image: url(images/icn-liststyle.gif);
}
ul.archivelist li.listtitle{
	padding: 0;
	margin: 0;
	list-style-image: none;
}


.publication .floatbox{
	float: left;
	width: 185px;
	text-align: center;
}
.floatbox .image{
	width: 100%;
	height: 230px;
}
.floatbox h2{
	padding: 2px 18px 20px;
	font-size: 0.8em;
	font-weight: normal;
}

.maintitle{
	margin: 10px 0 23px 0;
	padding: 0 0 5px;
	width: 800px;
	border-bottom: 1px dotted #515151;
}

.maintitle h1{
	margin: 0;
	padding: 20px 0 0 15px;
	height: 53px;
	font-size: 1.6em;
	font-weight: normal;
	color: #4f88b2;
}


/* ARCHIVES , PAGES
------------------------------------------------------------------------*/
.entry{
	margin: 0 auto 10px;
	width: 100%;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6{
	clear: both;
}

.entry h1{
	margin: 10px 0 15px;
	padding: 5px 20px;
	font-size: 1.4em;
	line-height: 120%;
	background: url(images/bg-h1style.gif) repeat-y left;
}
.entry h1 span{
	font-size: 0.6em;
	font-weight: normal;
}
.entry h1.title{
	margin: 20px 0 15px;
}

.entry h2{
	margin: 35px 0 5px;
	padding: 5px 0 15px;
	font-size: 1.2em;
	line-height: 120%;
	color: #4f88b2;
	background: url(images/bg-h2style.gif) repeat-x bottom;
}

.entry h3{
	margin: 15px 0 0;
	padding: 10px 0 15px 18px;
	font-size: 1.2em;
	line-height: 120%;
	color: #4f88b2;
	background: url(images/bg-h3style.gif) no-repeat bottom;
}

.entry h4{
	margin: 15px 0 5px;
	padding: 10px 5px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 145%;
	border-bottom: 1px dotted #000000;
}

.entry h5{
	margin: 15px 0 0;
	padding: 5px 0 8px 18px;
	font-size: 1em;
	line-height: 120%;
	background: url(images/bg-h5style.gif) no-repeat bottom;
}

.entry h6{
	margin: 5px 0 0;
	padding: 10px 0 0 30px;
	font-size: 1em;
	line-height: 180%;
	background: url(images/bg-h6style.gif) no-repeat left;
}

.entry p{
	padding: 10px 0 0;
	line-height: 185%;
}

.entry .pdf{
	margin: 0 0 15px 0;
	padding: 5px 0 3px 35px;
	font-size: 16px;
	font-weight: bold;
	line-height: 180%;
	background: url(images/icn-pdf.gif) no-repeat left;
}
.entry p.pdf{
	margin: 0 0 15px 0;
	padding: 5px 0 3px 35px;
	line-height: 125%;
}


.entry ul{
	margin: 5px 0 20px;
	font-size: 0.8em;
}

.entry ul li{
	margin-left: 18px;
	padding: 5px 0 0;
	list-style-image: url(images/icn-liststyle.gif);
}
.entry ul li.listtitle{
	padding: 5px 0;
	margin: 0;
	list-style-image: none;
	color: #4f88b2;
	font-weight: bold;
}
.entry ul li span.listtitle{
	padding: 5px 0;
	margin: 0;
	list-style-image: none;
	color: #4f88b2;
	font-weight: bold;
}


.floatclear{
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1px;
}

.navigation{
	width: 600px;
}

.entry table{
	font-size: 0.8em;
}

.entry table p{
	padding: 5px 0;
	margin: 0;
	font-size: 1em;
}

.entry img{
	border: 1px solid #eaeaea;
}

.entry .footerdate{
	clear: both;
	padding: 25px 0 0;
	font-size: 0.8em;
	text-align: right;
}

.cform{ font-size: 0.8em!important; }
.cf-sb{ font-size: 1.2em; font-weight: bold; }
.linklove{ display: none; }

/* FOOTER
------------------------------------------------------------------------*/
/*.footer,
.push{
	height: 60px;  SAME VALUE WITH CLASS PUSH , CLASS PUSH AND FOOTER MUST BE SAME VALUE 
}*/

.totop{
	clear: both;
	margin: 0 auto;
	padding: 15px 0 10px;
	width: 800px;
	text-align: right;
}

.footer{
	margin: 0 auto;
	width: 800px;
	height: 60px;
	background: url(images/bg-footer.gif) repeat-x top;
}
.footer .inner-left{
	float: left;
	padding-top: 12px;
	width: 400px;
}
.footer .inner-left.top{ width: 800px; }

.footer .inner-left img{
	margin-right: 15px;
}

.footer .inner-right{
	float: right;
	padding-top: 12px;
	width: 400px;
}
.footer .inner-right.top{
	float: right;
	padding-top: 12px;
	width: 87px;
}

.footer p{
	padding-top: 5px;
	font-size: 0.65em;
}

.footer .copybox{
	clear: both;
	position: relative;
	padding: 10px;
	width: 100%;
	text-align: center;
}
.copybox .design{ position: absolute; left: 10px; right: 0; }

.footer .twitter{ text-align: center; }
.footer .twitter img{ padding: 10px 0 0; }
.footer .copyright{
	color: #999999;
}


/* WORDPRESS DEFAULT STYLE
------------------------------------------------------------------------*/
p img {
	padding: 0;
	max-width: 100%;
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright{
	margin: 4px 0 6px 11px;
	display: inline;
}

img.alignleft{
	margin: 4px 11px 6px 0;
	display: inline;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.wp-caption.alignright {
	padding: 4px 0 4px 4px;
	margin: 0 0 2px 7px;
	float: right;
	}

.wp-caption.alignleft {
	padding: 4px 4px 4px 0;
	margin: 0 7px 2px 0;
	float: left;
	}

.wp-caption-text{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 0.7em;
	line-height: 120%!important;
	color: #4f88b2;
}