@charset "UTF-8";

/*
京都アニメーション
Copyright (C) Kyoto Animaion Co.,Ltd. All Rights Reserved.
*/

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

/* ---------------------------
kyoani award setting
--------------------------- */

/* ---------------------------
clearfix setting
--------------------------- */
.clearfix, {
	zoom: 1;
	}
.clearfix:before, .clearfix:after, {
	content: "";
	display: table;
	overflow: hidden;
}
.clearfix:after, { clear: both; }

/* pankuzu */
#pankuzuList { margin: 10px 5px 0; }
	#pankuzuList ul {
		padding: 5px 0 5px 30px;
		border: 1px #f1f1f1 solid;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background: url(/img/pankuzuList/pankuzuListHome.png) no-repeat 11px 7px;
		zoom: 1;
	}
	#pankuzuList ul:before, #pankuzuList ul:after {
		content: "";
		display: table;
		overflow: hidden;
	}
	#pankuzuList ul:after { clear: both; }
		#pankuzuList ul li {
			float: left;
			padding-left: 20px;
			background: url(/img/pankuzuList/pankuzuListArrow.png) no-repeat 6px 1px;
			font-size: 108%;
		}
			#pankuzuList ul li a { color: #e6521e; }

#mainVisualWrap { background-color: #fff; }
	.mainVisual {
		position: relative;
		width: 980px;
		height: 600px;
		margin: 10px auto;
		background: url(/img/kyoaniAward/mainVisual/kyoaniAwardMainVisualBg8th.jpg) no-repeat center top;
	}
	#index {}
		.mainVisual ul { }
			#mainVisualNavResult {
				position: absolute;
				bottom: 85px;
				left: 160px;
			}
			#mainVisualNavOutline {
				position: absolute;
				left: 99px;
				bottom: 22px;
			}
			#mainVisualNavGuideline {
				position: absolute;
				left: 339px;
				bottom: 22px;
			}
			#mainVisualNav7th {
				position: absolute;
				left: 150px;
				bottom: 13px;
			}
#contentBox {}
#kyoaniAwardTopMainContentBox {
	clear: both;
	margin: 5px 0 40px;
}
#kyoaniAwardMainContentBox {
	width: 730px;
	float: left;
}
.topMain { text-align: right; }
	.kyoaniAwardMainContent {
		min-height: 150px;
		margin: 20px 10px 40px;
	}
		.kyoaniAwardMainContent a { color: #e6521e; }
		.kyoaniAwardMainContent header {
			border-bottom: 2px #e6521e solid;
			color: #e6521e;
			font-size: 167%;
		}
		/*.kyoaniAwardNews {
			padding: 5px;
			border-bottom: 1px #ccc dotted;
			font-size: 108%;
			line-height: 2em;
			zoom: 1;
		}
		.kyoaniAwardNews:before, .kyoaniAwardNews:after {
			content: "";
			display: table;
			overflow: hidden;
		}
		.kyoaniAwardNews:after { clear: both; }
			.kyoaniAwardNews dt {
				float: left;
				margin-left: 10px;
			}
				.kyoaniAwardNews dd { margin-left: 100px; }
				.kyoaniAwardNews dd.new {
					padding-right: 40px;
					background: url(/img/new.png) no-repeat right 7px;
				}*/
		.kyoaniAwardPublishedBooksList {
			padding: 10px 0;
			zoom: 1;
		}
		.kyoaniAwardPublishedBooksList:before, .kyoaniAwardPublishedBooksList:after {
			content: "";
			display: table;
			overflow: hidden;
		}
		.kyoaniAwardPublishedBooksList:after { clear: both; }
			.kyoaniAwardPublishedBooksList ul {
				float: left;
				width: 240px;
				height: 330px;
				margin: 20px 40px 6em;
				padding-bottom: 2em;
				text-align: center;
			}
				.kyoaniAwardPublishedBooksList ul li { font-size: 92%; }
					.kyoaniAwardPublishedBooksList ul li a { font-size: 117%; }
					.kyoaniAwardPublishedBooksList ul li img {
						padding: 4px;
						border: 1px #ccc solid;
					}
					.kyoaniAwardPublishedBooksListTitle { color: #e6521e; }
	.kyoaniAwardOutlineDescription {
		padding: 10px 20px 30px;
		font-size: 125%;
		line-height: 1.8em;
	}
	.kyoaniAwardOutlineHeadline {
		margin: 20px 10px 5px;
		border-bottom: 1px #ccc solid;
		font-size: 133%;
	}
	.kyoaniAwardOutlineSectionList {
		padding: 10px 0 10px 20px;
		font-size: 125%;
	}
		.kyoaniAwardOutlineSectionList li { line-height: 2em; }
	.kyoaniAwardOutlineSheetsList dt {float: left;}
	.kyoaniAwardOutlineSheetsList dd {padding-left: 50px;}
	.kyoaniAwardOutlineSheetsList, .kyoaniAwardOutlineAwardList {
		padding: 10px 20px 30px;
		font-size: 117%;
		line-height: 1.8em;
		overflow: hidden;
	}
			.kyoaniAwardOutlineAwardList dd { padding-left: 55px; }
	.kyoaniAwardOutlineAwardListDetail {
		padding: 0 20px 30px;
		font-size: 108%;
		line-height: 1.8em;
		margin-top: -10px;
	}
	.kyoaniAwardNote {
		margin: 20px 20px 40px;
		font-size: 125%;
		line-height: 1.8em;
	}
	#kyoaniAwardGuidelineMenuList { margin: 20px 0; text-align: center; }
		#kyoaniAwardGuidelineMenuList li {
			display: inline-block;
			margin: 0 20px;
		}
	#kyoaniAwardGuidelineMenuList li > p {
		font-size: 133%;
	}
	#kyoaniAwardGuidelineMenuList li > p span {
		font-weight: bold;
		-webkit-transition: .3s ease-out;transition: .3s ease-out;
	}
	#kyoaniAwardGuidelineMenuList li > p a {
		display: block;
		font-weight: bold;
		margin: 10px;
		padding: 10px 20px;
		border: 1px #e6521e solid;
		text-decoration: none;
		-webkit-transition: .3s ease-out;transition: .3s ease-out;
	}
	#kyoaniAwardGuidelineMenuList li:hover > p span {
		color: red;
	}
	#kyoaniAwardGuidelineMenuList li:hover > p a {
		background-color: #e6521e;
		color: #FFF;
	}
	.kyoaniAwardGuidelineImg {
		padding: 15px 0;
		text-align: center;
	}
		.kyoaniAwardGuidelineImg img {
			padding: 3px;
			border: 1px #ccc solid;
		}
	.kyoaniAwardGuidelineDescription {
		padding: 20px;
		font-size: 108%;
		line-height: 1.8em;
	}
	.kyoaniAwardGuidelineHeadline {
		margin: 20px 10px 5px;
		border-bottom: 1px #ccc solid;
		font-size: 133%;
	}
	.kyoaniAwardGuidelineHeadline2 {
		margin: 30px 0 10px;
		padding:5px 0 5px 10px;
		font-size: 142%;
		color:#FFF;
		background:#e6521e;
		font-weight:700;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	.kyoaniAwardGuidelineList {
		padding: 10px 0 10px 40px;
		font-size: 108%;
	}
		.kyoaniAwardGuidelineList li {
			list-style-type: disc;
			line-height: 2em;
		}
	.kyoaniAwardGuidelineEntryBtn{
		padding: 30px 0;
		text-align: center;
	}
		.kyoaniAwardGuidelineEntryBtn li{
			margin:0 10px;
			display:inline-block;
			zoom:1;
		}
			.kyoaniAwardGuidelineEntryBtn li a{
				font-size:133%;
				font-weight:700;
				padding:20px 30px;
				border:4px #e6521e solid;
				color:#e6521e;
				text-decoration:none;
				-webkit-border-radius:10px;
				-moz-border-radius:10px;
				border-radius:10px;
			}
			.kyoaniAwardGuidelineEntryBtn li a:hover{
				border:4px solid #FFF;
				color:#FFF;
				box-shadow:0px 0px 1px 0px #666;
				background-color:#e6521e;
			}
	.kyoaniAwardGuidelineEntryBtn li #kyoaniAwardEntryFrom input {
		display: block;
		width: 25em;
		font-size:133%;
		font-weight:700;
		padding: 20px 30px;
		text-align: center;
		color:#e6521e;
		background-color: #FFF;
		border:4px #e6521e solid;
		text-decoration: none;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		cursor: pointer;
	}
	.kyoaniAwardGuidelineEntryBtn li #kyoaniAwardEntryFrom input:hover{
		border:4px solid #FFF;
		color:#FFF;
		box-shadow:0px 0px 1px 0px #666;
		background-color:#e6521e;
	}
	.kyoaniAwardGuidelineSubHeadline {
		padding: 0 40px;
		font-size: 117%;
		font-weight: bold;
	}
	.kyoaniAwardGuidelineSubDescription, .kyoaniAwardGuidelineSubList {
		padding: 5px 40px 15px;
		font-size: 117%;
		line-height: 1.8;
	}
	.kyoaniAwardGuidelineSubList li {
		list-style-type: disc;
		line-height: 2em;
		margin-left: 2em;
	}
	.kyoaniAwardArchiveTitle, .kyoaniAwardResultTitle {
		margin: 20px 10px 5px;
		border-bottom: 1px #ccc solid;
		font-size: 133%;
	}
	.kyoaniAwardArchiveSection  {
		padding: 10px 0 10px 15px;
		font-size: 125%;
		
	}
	.kyoaniAwardResultSection {
		padding: 30px 0 0 50px;
		font-size: 125%;
	}
	.kyoaniAwardArchiveList { padding-left: 50px; }
	.kyoaniAAListSub { padding-top:10px;}
		.kyoaniAwardArchiveList dt {
			padding-bottom: 5px;
			font-size: 117%;
		}
			.kyoaniAwardArchiveList dd ul li{
				padding-left: 10px;
				font-size: 108%;
				line-height: 1.8em;
				list-style-type: disc;
				list-style-position: inside;
			}
	.kyoaniAwardResultList {
		padding: 20px 0 10px 120px;
		font-size: 117%;
	}
		.kyoaniAwardResultList dt {
			float: left;
		}
			.kyoaniAwardResultList dd {
				margin-left: 100px;
				padding-bottom: 10px;
			}
	#generalComment {
		padding:  10px 30px;
		font-size: 117%;
		line-height: 1.8em;
	}
		#generalComment span {
			display: block;
			padding: 30px 0 10px;
			text-align: right;
		}

#kyoaniAwardTopSubContentBox {
	width: 350px;
	float: left;
}
#kyoaniAwardSubContentBox {
	width: 250px;
	float: left;
}
	.kyoaniAwardTopSubContent { margin: 10px; }
	.kyoaniAwardSubContent { margin: 20px 10px 40px; }
		#kyoaniAwardAdvertise { text-align: center; }
			#kyoaniAwardAdvertise li {
				padding: 5px 0;
			
				text-align: right;
			
			}
		.kyoaniAwardTopSubContent header {
			border-bottom: 2px #e6521e solid;
			color: #e6521e;
			font-size: 167%;
		}
		.kyoaniAwardSubContent header {
			color: #e6521e;
			font-size: 167%;
			font-weight: bold;
		}
			.kyoaniAwardTopSubContent header a, .kyoaniAwardSubContent header a {
				color: #e6521e;
				text-decoration: none;
			}
				.kyoaniAwardTopSubContent header a:hover, .kyoaniAwardSubContent header a:hover { text-decoration: underline; }
		#kyoaniAwardMenuList {
			padding: 20px 0;
			border-top: 2px #e6521e solid;;
			border-bottom: 2px #e6521e solid;;
		}
			#kyoaniAwardMenuList li {
				padding-left: 15px;
				background: url(/img/kyoaniAward/navi/menuList.png) no-repeat 5px 9px;
				font-size: 117%;
				line-height: 2em;
			}
				#kyoaniAwardMenuList li a {
					color: #e6521e;
					text-decoration: none;
				}
					#kyoaniAwardMenuList li a:hover { text-decoration: underline; }
			.kyoaniAwardMenuListSub { margin-left: 15px; }
		.kyoaniAwardAnnounce, .kyoaniAwardEntryBanner {
			margin: 20px 0;
		}
		.kyoaniAwardNews {
			width: 228px;
			height: 250px;
			margin: 20px 0;
			border: 1px #e6521e solid;
			overflow: hidden;
		}
		.kyoaniAwardSubContent .kyoaniAwardNews header {
			background-color: #e6521e;
		}
		.kyoaniAwardNewsList {
			width: 208px;
			height: 198px;
			padding: 10px;
			overflow: auto;
		}
		.kyoaniAwardNewsList li {
			margin: 10px 0;
		}
		.kyoaniAwardNewsList li time {
		}
		.kyoaniAwardNewsList li p {
			font-size: 117%;
			margin: 5px 0 20px;
		}
		.kyoaniAwardNewsList li p a {
			color: #e6521e;
		 }	
/* ---------------------------
kyoaniAward
--------------------------- */
#kyoaniAwardGeneralCommentTitle {
	padding: 20px 10px 0 10px;
	font-weight: bold;
	font-size: 117%;
}

#kyoaniAwardGeneralComment{
	margin: 0 10px 60px 10px;
	padding: 10px 15px;
	border:1px #666 solid;
	font-size: 108%;
}
#kyoaniAwardGeneralComment p{
	padding: 5px 0;
	text-indent: 1em;
	}
	.kyoaniAwardSectionWrap {
		margin-bottom: 80px;
	}
	.kyoaniAwardSection {
		padding: 0 0 10px 0;
		font-size: 150%;
	}
	.kyoaniAwardGrandPrize {
		margin: 0 0 20px 0;
		padding:3px 10px;
		background: #ff3333;
		color: #FFF;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size: 125%;
	}
	.kyoaniAwardGrandPrizeDo {
		margin: 0 0 20px 0;
		padding:3px 10px;
		background: #3399ff;
		color: #FFF;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size: 125%;
	}
	.kyoaniAwardEncouragementPrize {
		margin: 0 0 20px 0;
		padding:3px 10px;
		background: #00bc5e;
		color: #FFF;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size: 125%;
	}
	.kyoaniAwardJudgePrize {
		margin: 0 0 20px 0;
		padding:3px 10px;
		background: #FF9B00;
		color: #FFF;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size: 125%;
	}
	.kyoaniAwardEncouragementPrizeContent{
		margin: 0 0 0 20px;
		overflow: hidden;
	}
	.kyoaniAwardTitleNameWrap {
		color: #000;
		font-size: 150%;
		border-bottom: 1px #000 solid;
	}
	.kyoaniAwardTitle {
		width: 550px;
		margin:0 0 10px 0;
		float:left;
		color: #000;
		font-size: 150%;
		border-bottom: 1px #000 solid;
	}
	.kyoaniAwardName {
		width: 140px;
		margin:0 0 10px 0;
		float:right;
		color: #000;
		font-size: 150%;
		border-bottom: 1px #000 solid;
	}
	.kyoaniAwardNoTitle {
		margin: 0 0 0 20px;
		padding: 0 0 40px 0;
		color: #000;
		font-size: 117%;
	}	
	.BriefComment {
		margin: 0 0 40px 0;
		padding: 5px;
		border:1px #e6521e solid;
	}
	.BriefCommentTitle {
		font-weight: bold;
		font-size: 117%;
	}
	.BriefCommentWrap {
		padding: 10px;
		font-size: 120%;
	}
	.BriefComment p {
		font-weight: bold;
		font-size: 117%;
	}
	.BriefComment ul {
		padding: 0 0 0 20px;
	}
	.BriefComment ul li {
		margin-bottom: 5px;
		list-style-type: disc;
		list-style-position: inside;
	}
/* ---------------------------
kyoaniAwardFAQ
--------------------------- */
	.kyoaniAwardFaqBox {
		font-size: 133%;
		margin: 30px 15px;
		padding-bottom: 30px;
		border-bottom: 1px #ccc solid;
		line-height: 1.6;
	}
	.kyoaniAwardFaqQuestion {
		padding-left: 2em;
		margin-bottom:10px;
		font-weight: bold;
		color: #e6521e;
	}
	.kyoaniAwardFaqQuestion:before {
		content: "Q";
		display: block;
		float: left;
		margin-left: -2em;
		width: 1em;
		text-align: center;

	}
	.kyoaniAwardFaqAnswer {
		padding-left: 2em;
		word-break: normal;
	}
	.kyoaniAwardFaqAnswer:before {
		content: "A";
		color: #09b8f2;
		display: block;
		float: left;
		margin-left: -2em;
		width: 1em;
		text-align: center;
		font-weight: bold;
	}
/* ---------------------------
kyoaniAwardInterview
--------------------------- */
	.kyoaniAwardIntervBox {
		font-size: 133%;
		margin: 30px 15px;
		padding-bottom: 30px;
		line-height: 1.6;
		word-break: normal;
	}
	.kyoaniAwardIntervProfBox {
		border-bottom: 1px #ccc solid;
		margin: 40px 15px 60px;
		padding-bottom: 40px;
	}
	.kyoaniAwardIntervProfTitle {
		font-weight: bold;
		padding-bottom: 8px;
	}
	.kyoaniAwardIntervQuestion {
		margin-bottom:10px;
		font-weight: bold;
		color: #e6521e;
	}