@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
*/

/* ---------------------------
content setting
--------------------------- */

/* 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; }

/* sub content */
#subContentBox {
	width: 260px;
	float: left;
}
	.subContent { margin: 10px 10px 20px; }
		.subContentNav { }
			.subContentNav h1 {
				padding: 3px 0 3px 8px;
				background-color: #f1f1f1;
				color: #666;
				font-size: 150%;
			}
				.subContentNav h1 a {
					color: #e6521e;
					text-decoration: none!important;
				}
					.subContentNav h1 a:hover { text-decoration: underline!important; }
			.subContentNav ul { }
				.subContentNav ul li {
					padding: 3px 0 3px 20px;
					background-color: #fafafa;
					font-size: 117%;
				}
					.subContentNav ul li:hover { background-color: #f1f1f1; }
					.subContentNav ul li.detail {
						padding: 3px 0 3px 30px;
						font-size: 117%;
					}
					.subContentNav h1.current, .subContentNav ul li.current { background-color: #f3f3f3; }
					.subContentNav h1.current a, .subContentNav ul li.current a { color: #666; }
					.subContentNav ul li a {
						text-decoration: none!important;
						color: #e6521e;
					}
						.subContentNav ul li a:hover { text-decoration: underline!important; }
						.subContentNav h1.current a:hover, .subContentNav ul li.current a:hover { text-decoration: none!important; }

/* main content */
#mainContentBox {
	width: 720px;
	float: left;
}
	.mainContent { margin: 10px 10px 20px; }
		.mainContent header {
			border-bottom: 1px #e6521e dotted;
			zoom: 1;
		}
		.mainContent header:before, .mainContent header:after {
			content: "";
			display: table;
			overflow: hidden;
		}
		.mainContent header:after { clear: both; }
			.mainContent header h2 {
				margin: 0 0 5px 5px;
				font-size: 200%;
				font-weight: bold;
				color: #e6521e;
			}
		#pager {
			clear: both;
			margin: 30px 0 10px;
			text-align: center;
			color: #e6e6e6;
			font-size: 108%;
		}
			#pager a { color: #e6521e; }
			#pager b {
				color: #333;
				font-weight: normal;
			}
		.goToTop {
			margin-top: 30px;
			text-align: right;
		}
			.goToTop span {
				padding: 2px 0 2px 18px;
				background: url(/img/icon/goToTop.png) no-repeat left 1px;
			}
				.goToTop span a {
					color: #666;
					text-decoration: none;
				}
					.goToTop span a:hover { color: #e6521e; }

/* 404 */
.notFoundMsg {
	margin: 10px 20px;
	font-size: 108%;
	line-height: 1.8em;
}

/* ---------------------------
information setting
--------------------------- */
#mainContentInfo {}
	.infoDataTop {
		padding: 0 5px;
		zoom: 1;
	}
	.infoData {
		padding: 0 5px;
		border-top: 1px #ccc dotted;
		zoom: 1;
	}
	.infoData:before, .infoData:after, .infoDataTop:before, .infoDataTop:after {
		content: "";
		display: table;
		overflow: hidden;
	}
	.infoData:after, .infoDataTop:after { clear: both; }
		.infoData:hover, .infoDataTop:hover { background: #f9f9f9; }
		.infoThumb {
			float: left;
			width: 76px;
			margin: 15px 0;
			background: #fff;
		}
			.infoThumb a {
				display: block;
				padding: 2px;
				border: 1px #ccc solid;
			}
		.infoText {
			float: left;
			width: 614px;
			margin: 10px 0;
		}
			.infoPubDate { padding: 3px 0; }
				aside.info { background: url(/img/information/InfoNews.png) no-repeat 10px 2px; }
				aside.shop { background: url(/img/information/InfoShop.png) no-repeat 10px 2px; }
				aside.event { background: url(/img/information/InfoEvent.png) no-repeat 10px 2px; }
				.infoPubDate time { padding: 3px 50px 3px 110px; }
					.infoPubDate time.new { background: url(/img/new.png) no-repeat right 4px; }
			.infoText p {
				padding: 5px 0 0 10px;
				line-height: 1.6em;
			}
				.infoText p a {
					color: #333;
					text-decoration: none!important;
				}
					.infoText p a:hover { text-decoration: underline; }
					.infoText p a.info:hover { color: #3366ff; }
					.infoText p a.shop:hover { color: #ff6633; }
					.infoText p a.event:hover { color: #009900; }
					.infoText p.extraLink a { padding-right: 35px; }
						.infoText p.extraLink a.info { color: #3366ff; background: url(/img/icon/extraLinkNews.png) no-repeat right 1px; }
						.infoText p.extraLink a.shop { color: #ff6633; background: url(/img/icon/extraLinkShop.png) no-repeat right 1px; }
						.infoText p.extraLink a.event { color: #009900; background: url(/img/icon/extraLinkEvent.png) no-repeat right 1px; }
	#informationEmptyMsg { margin: 20px; font-size: 117%; }
	#infoInformationTitle { padding-top: 25px; background: url(/img/information/InfoNews.png) no-repeat left top; }
	#shopInformationTitle { padding-top: 25px; background: url(/img/information/InfoShop.png) no-repeat left top; }
	#eventInformationTitle { padding-top: 25px; background: url(/img/information/InfoEvent.png) no-repeat left top; }
	#information {}
		#informationDate {
			padding: 5px 0;
			text-align: right;
			font-size: 117%;
		}
			#informationDate time {}
				#informationDate time.new {
					padding-right: 50px;
					background: url(/img/new.png) no-repeat right 2px;
				}
		#informationSocialLink {
			zoom: 1;
			padding-bottom: 20px;
		}
		#informationSocialLink:before, #informationSocialLink:after {
			content: "";
			display: table;
			overflow: hidden;
		}
		#informationSocialLink:after { clear: both; }
			#informationSocialLink li { float: right; }
			#informationSocialLinkMixi { margin-right: 10px; }
			#informationSocialLinkHatena { margin-right: 10px; }
		#informationThumbnail {
			margin: 10px 0;
			text-align: center;
		}
			#informationThumbnail img {
				padding: 2px;
				border: 1px #ccc solid;
			}
		#informationContent {}
			#informationContent a { color: #e6521e; }
			#informationContent h3 {
				font-size: 159%;
				font-weight: bold;
				border-bottom: 1px #ccc solid;
				margin: 0 10px;
				padding: 10px 0;
			}
			#informationContent h4 {
				margin: 0;
				padding: 5px 20px;
				font-size: 130%;
			}
			#informationContent h4.center { text-align: center; }
			#informationContent p {
				line-height: 2em;
				font-size: 133%;
				padding: 10px;
			}
			#informationContent ul { padding: 10px; }
				#informationContent ul li { padding-left: 1em; line-height: 1.8em; font-size: 125%; }
			#informationContent dl { padding: 10px; }
				#informationContent dl dt {
					line-height: 1.8em;
					font-size: 133%;
				}
					#informationContent dl dd {
						padding-left: 1em;
						line-height: 1.8em;
						font-size: 125%;
					}
		.informationImg {
			text-align: center;
			margin: 5px 0;
		}
			.informationImg img {
				border: 1px solid #cccccc;
				background: #ffffff;
				padding: 2px;
			}
		#relatedInfomation { margin: 40px 0 30px; }
			#relatedInfomation h2 {
				padding: 10px 0 5px 5px;
				border-bottom: 1px #e6521e solid;
				color: #e6521e;
				font-size: 133%;
				font-weight: bold;
			}

/* ---------------------------
about setting
--------------------------- */

/* about */
.aboutTitle {
	margin: 25px 10px 10px;
	border-bottom: 1px #ccc solid;
	font-size: 133%;
}
.aboutList { margin: 10px 20px; }
	.aboutList li {
		padding: 3px 0 3px 15px;
		background: url(/img/about/aboutList.png) no-repeat left 6px;
		font-size: 108%;
		line-height: 1.8em;
	}
.aboutDescription {
	margin: 10px 20px 10px 35px;
	font-size: 108%;
	line-height: 1.8em;
}
	.aboutDescription a { color: #e6521e; }
.aboutDescriptionImg { text-align: center; }

/* sitemap */
#siteMapWrap { zoom: 1; }
#siteMapWrap:before, #siteMapWrap:after {
	content: "";
	display: table;
	overflow: hidden;
}
#siteMapWrap:after { clear: both; }
	.siteMapContent {
		float: left;
		width: 230px;
		margin: 10px 0;
	}
		.siteMapContent h3 {
			margin: 20px 5px 10px 0;
			padding-left: 5px;
			border-left: 5px #e6521e solid;
			font-size: 125%;
		}
			.siteMapContent h3 a {
				color: #333;
				text-decoration: none!important;
			}
			.siteMapContent h3 a:hover { text-decoration: underline!important; }
		.siteMapContent h4 {
			margin: 5px 5px 0 10px;
			font-size: 108%;
		}
			.siteMapContent h4 a {
				color: #333;
				text-decoration: none!important;
			}
			.siteMapContent h4 a:hover { text-decoration: underline!important; }
		.siteMapContent ul { margin: 5px 10px; }
			.siteMapContent ul li {
				padding: 8px 0 8px 15px;
				border-bottom: 1px #e6521e dotted;
				background: url(/img/about/sitemap/menuList.png) no-repeat 5px 13px;
			}
				.siteMapContent ul li a {
					color: #e6521e;
					text-decoration: none!important;
				}
				.siteMapContent ul li a:hover { text-decoration: underline!important; }

/* term of use */
.termOfUseTitle {
	margin: 25px 10px 10px;
	border-bottom: 1px #ccc solid;
	font-size: 133%;
}
.termOfUseList { margin: 10px 20px; }
	.termOfUseList dt {
		margin-top: 20px;
		padding-left: 5px;
		border-left: 5px #e6521e solid;
		font-size: 117%;
	}
		.termOfUseList dd {
			padding: 10px 0 5px 15px;
			font-size: 108%;
			line-height: 1.8em;
		}
		.termOfUseList dd.termOfUseListBannerLink { text-align: center; }
			.termOfUseList dd a { color: #e6521e; }
.termOfUseDescription {
	margin: 10px 20px 10px 35px;
	font-size: 108%;
	line-height: 1.8em;
}

/* search */
#searchDescription {
	margin: 20px;
	font-size: 117%;
	line-height: 1.8em;
}
#cse { width: 600px; }

/* privacy */
.privacyTitle {
	margin: 25px 10px 10px;
	border-bottom: 1px #ccc solid;
	font-size: 133%;
}
.privacyList { margin: 10px 20px; }
	.privacyList li {
		padding: 3px 0;
		font-size: 108%;
		line-height: 1.8em;
	}
.burasage { margin-left: 50px; }
	.burasage li { text-indent: -1.5em; }
.privacyDescription {
	margin: 10px 20px;
	font-size: 108%;
	line-height: 1.8em;
}
	.privacyDescription a { color: #e6521e; }

/* help */
.helpDescription {
	margin: 20px;
	font-size: 117%;
	line-height: 1.8em;
}

/* contact */
#contactMenuList { margin: 30px 0 80px; }
	#contactMenuList dt {
		margin: 0 10px;
		padding-left: 5px;
		border-bottom: 1px #ccc dotted;
		font-size: 150%;
	}
		#contactMenuList dt a {
			color: #666;
			text-decoration: none;
		}
		#contactMenuList dt a:hover { text-decoration: underline; }
		#contactMenuList dd {
			margin: 15px 10px 30px 25px;
			font-size: 117%;
		}
			#contactMenuList dd a { color: #e6521e; }
			#contactMenuList dd ul li {
				padding-left: 1em;
				text-indent: -1em;
			}
			.pdfLink {
				margin-right: 5px;
				padding-right: 15px;
				color: red!important;
				background: url(/img/icon/pdfLink.png) no-repeat right top;
			}
#contactFanNotice {
	margin-left: 1.3em;
	padding: 10px 20px;
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 117%;
}
	#contactFanNotice li {
		padding-bottom: 10px;
		text-indent: -1.3em;
		line-height: 1.8em;
	}
.contactNotice {
	margin: 20px;
	color: red;
	font-size: 117%;
}
#contactCompleteMsg {
	margin: 0 20px 20px;
	font-size: 117%;
}
#contactForm {
	padding: 10px 20px;
	background-color: #f1f1f1;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
	#contactForm dt {
		margin-top: 10px;
		font-size: 133%;
		color: #666;
	}
		#contactForm dd { padding: 5px 0 10px 30px; }
		#contactForm dd input, #contactForm dd textarea {
			padding: 2px;
			border:2px solid #e8e8e8;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			font-size: 125%;
		}
		#contactForm dd.contactFormErrMsg { color: red; }
.contactFormButton {
	margin: 10px 0;
	text-align: center;
}
#contactName        { width: 200px; height: 1.2em; }
#contactFurigana    { width: 300px; height: 1.2em; }
#contactSchool      { width: 400px; height: 1.2em; }
#contactCompanyName { width: 400px; height: 1.2em; }
#contactMail        { width: 400px; height: 1.2em; }
#contactSubject     { width: 500px; height: 1.2em; }
#contactContent {
	width: 600px;
	height: 300px;
}

/* ---------------------------
company setting
--------------------------- */

/* company */
.companyDescription {
	margin: 20px;
	font-size: 117%;
	line-height: 1.8em;
}
.companyTopMenuList {
	zoom: 1;
	padding: 20px 30px;
}
.companyTopMenuList:before, .companyTopMenuList:after {
	content: "";
	display: table;
	overflow: hidden;
}
.companyTopMenuList:after { clear: both; }
	.companyTopMenuList li {
		float: left;
		margin: 0 45px;
	}

/* outline */
#outline { margin: 30px 50px; }
	.outlineList {
		padding: 10px 0;
		border-bottom: 1px #ccc dotted;
	}
		.outlineList dt{
			float: left;
			font-size: 125%;
		}
			.outlineList dd {
				margin-top: -1px;
				margin-left: 150px;
				font-size: 117%;
			}
				.outlineList dd ul { padding-bottom: 10px; }
					.outlineList dd ul li { line-height: 1.8em; }
				.outlineList dd a { color: #e6521e; }
				#outlineLogo {
					padding: 20px 0;
					text-align: center;
				}
/* philosophy */
.philosophyTitle {
	margin: 25px 10px 10px;
	border-bottom: 1px #ccc solid;
	font-size: 125%;
}
.philosophyDescription {
	margin: 20px;
	font-size: 117%;
	line-height: 1.8em;
}
	#philosophyCorporateLogo {
		text-align: center;
		padding: 10px 0;
	}
/* event */
.eventList{margin:20px 0 100px 20px;}
.eventList a{color:#e6521e;}
.eventList a:hover{text-decoration:none;}
	.eventThumb{float:left;}
	.eventContentWrap{font-size:14px; margin-left:260px;}
	.eventContentWrap h3{font-size:18px; margin-bottom:20px; color:#e6521e; font-weight:bold;}
		.eventContent{padding-left:15px;}
			.eventContent dl{ margin-bottom:20px; line-height:1.8em;}
			.eventContent dt{float:left; padding-bottom: 5px;}
			.eventContent dd{margin-left:80px; padding-bottom: 5px;}
/* cm */
#cmMovie { margin: 10px 30px; }
.cm_list a {
	color: #e6521e;
	text-decoration: none!important;
	font-size:125%;
}
.cm_list a:hover { text-decoration: underline!important; }

/* business */
.businessTitle {
	clear: both;
	margin: 25px 10px 10px;
	border-bottom: 1px #ccc solid;
	font-size: 125%;
}
.businessSubTitle {
	margin:15px 0 10px 20px;
	padding-left: 5px;
	border-left: 5px #e6521e solid;
	font-size: 117%;
}
.businessList {
	padding: 10px 20px;
	zoom: 1;
}
.businessList:before, .businessList:after {
	content: "";
	display: table;
	overflow: hidden;
}
.businessList:after { clear: both; }
	.businessList dt {
		float: left;
		width: 240px;
	}
		.businessList dd {
			margin: 5px 0 0 250px;
			font-size: 117%;
			line-height: 1.8em;
		}
			.businessList dd a {
				color: #e6521e;
			}

/* office */
.officeTitle {
	margin: 30px 10px 10px;
	padding-left: 5px;
	border-bottom: 1px #ccc solid;
	font-size: 133%;
}
	.officeTitle a, .officeList a { color: #e6521e; }
.officeList {
	padding: 0 30px;
	zoom: 1;
}
.officeList:before, .officeList:after {
	content: "";
	display: table;
	overflow: hidden;
}
.officeList:after { clear:both; }
/*	.officeList dt { float: left; }
		.officeList dd { margin-left: 250px; }*/
			.officeList dd ul {
				padding: 10px 0;
				font-size: 117%;
				line-height: 1.8em;
			}
	.officeList ul li span {padding-left: 1em;}
.officeMap { margin: 10px 0; }
.officeMapDescription {
	padding: 5px 0 ;
	text-align: center;
}

/* ---------------------------
works setting
--------------------------- */

/* recruit */
#recruitGuidelineBanner {
	padding-top: 20px;
	text-align: center;
}
.recruitItem {
	margin: 20px;
	padding-bottom: 20px;
}
.recruitItem h3 {
	margin: 30px 0 10px;
	padding-left: 5px;
	border-bottom: 1px #CCC solid;
	font-size: 150%;
	color: #333;
}
.recruitDescription {
	margin: 10px 20px;
	font-size: 117%;
	line-height: 1.8em;
}
.recruitTopNotice {
	margin: 10px 20px;
	font-size: 117%;
	color: red;
}
.recruitMenuList {
	margin: 20px;
}
.recruitMenuList dt {
	font-size: 133%;
	margin: 0 0 10px 10px;
}
.recruitMenuList dt span {
	color: #e6521e;
	padding-right: 5px;
}
.recruitMenuList dd {
	font-size: 117%;
	margin: 0 0 20px 30px;
}
.recruitMenuList a, .recruitTopNotice a { color: #e6521e; }/*color: #c41726; */

/* recruit set */
.f14 { font-size: 117%; }
.cRed { color: red; }
.mb15 { margin-bottom: 15px; }
.m520 { margin: 5px 20px; }
.tIndext { text-indent: -1em; }

#recruitGuideline {
	margin: 20px;
	padding-bottom: 80px;
}
#recruitGuideline th {
	text-align: center;
	font-size: 125%;
	width: 20%;
	padding: 10px;
	border: 1px solid #CCC;
	vertical-align: middle;
	background-color: #EEE;
}
#recruitGuideline td {
	width: 80%;
	border: 1px solid #CCC;
	vertical-align: middle;
}
#recruitGuideline > p {
	font-size: 117%;
}
#recruitGuideline h3 {
	margin: 30px 0 10px;
	padding: 5px 0 5px 10px;
	font-size: 142%;
	font-weight: bold;
	color: #FFF;
	background: #E6521E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.applyBox {
	margin: 20px;
}
.applyNotice {
	text-indent: -1em;
	margin: 5px 0 5px 1em;
}
.applyCompanyKyoto, .applyCompanyDo {
	font-size: 133%;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}
.applyCompanyDo {
	margin: 20px 0 0;
}
.applyJob {
	font-size: 133%;
	color: #E6521E;
	margin-bottom: 5px;
}
.applyJobList { }
.applyJobList li, .applyWork li {
	font-size: 125%;
	list-style: decimal;
	padding-left: 0.5em;
	margin-left: 2em;
	margin-bottom: 5px;
}
.applyJobList a { color: #E6521E; text-decoration: none; }
.applyJobList a:hover { text-decoration: underline; }
.applyQualification { }
.applyQualification li, .applyEmployment li, .applyExamination li, .applyExaminationNotice li {
	font-size: 117%;
	margin-bottom: 5px;
}
.applyQualification li:first-child, .applyEmployment li:first-child, .applyExamination li:first-child {
	padding-bottom: 10px;
}
.applyExamination dt, .applyExamination dd {
	font-size: 117%;
	margin-bottom: 10px;
}
.applyExamination dt { float: left; }
.applyExamination dd { padding-left: 6em; }
.applyJobQualification {
	font-size: 125%;
	color: #E6521E;
	margin: 20px 0 0;
}
#recruitGuideline th.scheduleArrow {
	border: 0;
	background-color: #FFF;
	padding: 20px 0;
	background: url(/img/recruit/scheduleArrow.png) no-repeat center center;
}

.recruitEntryBtn {
	padding: 30px 0;
	text-align: center;
}
.schoolEntryBtn {
	margin: 30px 0;
	text-align: center;
}
.recruitEntryBtn li, .schoolEntryBtn li {
	margin: 0 10px;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.recruitEntryBtn li a, .schoolEntryBtn li a {
	font-size: 133%;
	padding: 20px 30px;
	border: 4px #E6521E solid;
	color: #E6521E;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 1px 1px #844200 inset;
}
.recruitEntryBtn li a:hover, .schoolEntryBtn li a:hover {
	border: 4px solid #FFF;
	color: #FFF;
	box-shadow: 0px 0px 1px 0px #844200;
	background-color: #E6521E;
}
#recruitNotice {
	margin-left: 1em;
	padding: 10px;
	font-size: 117%;
}
#recruitNotice li {
	list-style-type: disc;
}
#recruitNotice li a { color: #e6521e; }


/* job */
.jobPart {
	margin : 20px;
	padding: 0 5px 5px;
	font-size: 142%;
	font-weight: bold;
	border-bottom: 1px #ccc dotted;
}
.job { padding: 5px 10px 50px; }
	.job h4 {
		margin: 0 0 15px 15px;
		padding-left: 5px;
		font-size: 125%;
		color: #c41726;
		border-left: 5px #c41726 solid;
	}
	.job p {
		padding: 10px 45px;
		font-size: 108%;
		line-height: 1.8em;
	}
	.job dl { padding: 0 30px; }
		.job dt {
			font-size: 125%;
			padding: 10px 5px 3px;
			border-bottom: 1px #c41726 dotted;
		}
		.job dt span {
			padding-right: 2px;
			color: #ccc;
		}
			.job dd {
				padding: 10px 15px;
				font-size: 108%;
				line-height: 1.8em;
			}
	.job img {margin: 0 5px 5px 0; }

/* ---------------------------
works setting
--------------------------- */

/* works */
.worksList {
	zoom: 1;
	margin-left:10px;
	padding: 10px;
	border-bottom: 1px #ccc dotted;
}
.worksList:before, .worksList:after {
	content: "";
	display: table;
	overflow: hidden;
}
.worksList:after { clear: both; }
	.worksList dt {float: left;}
		.worksList dd {
			height: 60px;
			margin-left: 220px;
			line-height: 60px;
		}
			.worksList dd a {
				color: #e6521e;
				font-size: 150%;
				text-decoration: none;
			}
				.worksList dd a:hover { text-decoration: underline; }
	.worksListHeadline {
		margin: 10px 0 5px 5px;
		border-bottom: 1px #ccc solid;
		font-size: 133%;
	}
	#worksListKeyVisual {
		padding: 10px 0;
		text-align: center;
	}
	#worksListStory {
		padding: 5px 20px;
		font-size: 117%;
		line-height: 1.8em;
	}
	#worksListLink {
		padding: 10px 0;
		text-align: center;
	}
		#worksListLink li {
			display: inline;
			padding: 0 5px;
		}
	#worksListStaff {
		float: left;
		width: 350px;
	}
		#worksListStaff h3 {
			margin: 10px 0 5px 5px;
			padding-left: 5px;
			border-left: 4px #e6521e solid;
			font-size: 133%;
		}
		#worksListStaff dl {
			padding: 5px 10px;
			font-size: 117%;
		}
			#worksListStaff dt {
				font-weight: bold;
				padding-left: 10px;
			}
				#worksListStaff dd { padding: 0 0 10px 50px; }
	#worksListCast {
		float: left;
		width: 350px;
	}
		#worksListCast h3 {
			margin: 10px 0 5px 5px;
			padding-left: 5px;
			border-left: 4px #e6521e solid;
			font-size: 133%;
		}
		#worksListCast dl {
			padding: 5px 10px;
			font-size: 117%;
		}
			#worksListCast dt {
				font-weight: bold;
				padding-left: 10px;
			}
				#worksListCast dd { padding: 0 0 10px 50px; }
	#worksListCopyright {
		clear: both;
		padding: 5px 0;
		text-align: center;
	}

/* ---------------------------
school setting
--------------------------- */

/* school */
.schoolDescription {
	line-height: 1.8em;
	text-indent: 1em;
	padding: 10px;
	font-size: 117%;
}
.schoolTitle {
	margin: 25px 10px 10px;
	border-bottom: 1px #ccc solid;
	font-size: 133%;
}
#schoolMenuList {
	margin: 15px 0;
	zoom: 1;
}
#schoolMenuList:before, #schoolMenuList:after {
	content: "";
	display: table;
	overflow: hidden;
}
#schoolMenuList:after { clear: both; }
.schoolMenuPoint {
	margin-top: 20px;
	text-align: center;
	font-size: 117%;
	line-height: 1.8em;
}
.schoolMenu {
	float: left;
	width: 260x;
	padding-left: 20px;
	margin-left: 80px;
	background: url("/img/icon/to_list.png") 4px 8px no-repeat;
	font-size: 133%;
}
	.schoolMenu a { color: #e6521e; }
	#schoolMenuList ul{
		width: 370px;
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
		overflow: hidden;
	}
	#schoolMenuList ul li{
		display: inline;
		margin-left: 30px;
		list-style-type: none;
		zoom: 1;
	}
.coursePolicy {
	padding: 15px 10px;
}
	.coursePolicy dt {
		margin-left: 10px;
		font-size: 125%;
		font-weight: bold;
	}
		.coursePolicy dd {
			margin: 5px 0 20px 30px;
			font-size: 117%;
		}
#courseInstructor {
}
	#courseInstructor h3 {
		margin: 25px 10px 10px;
		border-bottom: 1px #CCC solid;
		font-size: 133%;
	}
	#courseInstructor ul { padding: 5px 0; }
		#courseInstructor ul li {
			padding-left: 40px;
			line-height: 1.8em;
			font-size: 117%;
		}
#courseGuideline {}
	#courseGuideline h3 {
		margin: 25px 10px 10px;
		border-bottom: 1px #CCC solid;
		font-size: 133%;
	}
	#courseGuideline h4 {
		padding-left: 15px;
		font-size: 117%;
	}
	#courseGuideline ul { padding: 5px 20px; }
		#courseGuideline ul li {
			font-size: 108%;
			line-height: 1.8em;
		}
	#courseGuideline dl { padding: 5px 15px; }
		#courseGuideline dl dt {
			padding: 5px 0 5px 5px;
			font-size: 117%;
		}
			#courseGuideline dl dd {
				padding-left: 10px;
				font-size: 108%;
				line-height: 1.8em;
			}
				#courseGuideline dl dd ul { padding: 0 10px; }
					#courseGuideline dl dd ul li {
						list-style-type: disc;
						list-style-position: inside;
						text-indent: -1em;
						padding-left: 1em;
						font-size: 100%;
					}
	#courseGuideline p {
		padding: 5px 20px;
		font-size: 117%;
	}
	#courseGuideline address {
		padding: 5px 30px;
		font-size: 108%;
	}
	#courseGuideline table {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 117%;
	}
		#courseGuideline table thead th {
			text-align: center;
			font-weight: bold;
			background: #ecf2fb;
			border: 1px #cedcf0 solid;
			padding: 5px 20px;
		}
		#courseGuideline table tbody td {
			text-align: center;
			border: 1px #cedcf0 solid;
			padding: 5px 20px;
		}
	.courseGuidelineNotice a{
		color: #e6521e;
		text-decoration: underline;
	}
		.courseGuidelineNotice a:hover { text-decoration: none; }
	.schoolEntryPeriod {text-align:center;}
.courseGraduate { padding: 0 10px; }
	.courseGraduate h3 {
		margin: 40px 10px 20px;
		padding-bottom: 3px;
		border-bottom: 1px #ccc solid;
		font-size: 125%;
		font-weight: bold;
	}
	.courseGraduate h4 {
		margin: 10px 20px;
		padding-left: 5px;
		border-left: 3px #c41726 solid;
		color: #c41726;
		font-size: 117%;
		font-weight: bold;
	}
	.courseGraduate p {
		padding: 5px 0 5px 30px;
		font-size: 108%;
		line-height: 1.8em;
	}
#courseFaq { padding: 10px 0; }
	#courseFaq dl { padding: 20px 0; }
		#courseFaq dl dt {
			margin: 0  0 5px 10px;
			font-size: 125%;
			font-weight: bold;
			color: #c41726;
		}	
			#courseFaq dl dd {
				margin-left: 10px;
				padding: 3px 0 3px 30px;
				font-size: 117%;
			}
			#courseFaq dl dd.courseFaqAnswer {
				padding-left: 0;
				color: #456cff;
				font-size: 125%;
				font-weight: bold;
			}
	#courseFaq a {
		color: #e6521e;
		text-decoration: underline;
	}
		#courseFaq a:hover { text-decoration: none; }

/* ---------------------------
staff setting
--------------------------- */

/* staff */
.staff {
	margin: 10px 10px 30px;
}
	.original_theme{font-size:125%; margin-top:20px; }
	.original_theme a{color:#e6521e; }
	.original_theme a:hover{text-decoration:none; }



/* old source */
/* main content box*/
#main_content_box {
	width: 640px;
	float: left;
	text-align: left;
}
	.main_content {
		padding: 10px 10px 6px 10px;
		background: url(/img/bottom_main_content.png) no-repeat bottom;
	}
	.inner_main_content_box {
		background: url(/img/top_main_content.png) no-repeat;
		padding-top: 6px;
	}
	{
		background: url(/img/middle_main_content.png) repeat-y;
		padding: 0 10px;
	}
#main_content_box_1col {
	width: 880px;
	float: left;
	text-align: left;
}
	.main_content_1col {
		padding: 10px 10px 6px 10px;
		background: url(/img/bottom_main_content_1col.png) no-repeat bottom;
	}
	.inner_main_content_box_1col {
		background: url(/img/top_main_content_1col.png) no-repeat;
		padding-top: 6px;
	}
	.middle_main_content_box_1col {
		background: url(/img/middle_main_content_1col.png) repeat-y;
		padding: 0 10px;
	}
		.image_col1 {
			margin: 5px 0;
			text-align: center;
		}
			.image_col1 img {
				background: #ffffff;
				padding: 2px;
			}
		.image_col2 { text-align: center; }
			.image_col2 img {
				background: #ffffff;
				padding: 2px;
			}

/* cm */
.cm_title {
	color: #c41726;
	font-weight: bold;
	font-size: 130%;
}
.cm_data {
	clear: both;
	padding-top: 20px;
	font-weight: bold;
	font-size: 120%;
}
.cm_list p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	font-size: 110%;
	padding: 20px 0 10px 50px;
}
* html .cm_list p {
	display: inline;
	zoom: 1;
}
*:first-child+html .cm_list p {
	display: inline;
	zoom: 1;
}
div#cm_movie { text-align: center; }
dl.cm_credit { padding-left: 30px; }
	dl.cm_credit dt {}
		dl.cm_credit dd { padding-left: 30px; }
#character_seat:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#character_seat h5 {
	font-size: 120%;
	font-weight: bold;
	display: inline;
}
#character_seat p.character_data {
	display: inline;
	padding: 0 0 0 10px;
	font-size: 100%;
}
#character_seat p { font-size: 120%; }
.cm_character {
	float: left;
	font-size: 80%;
	width: 290px;
}
.character_description {
	clear: both;
	padding: 15px 0;
}
.character_description h5 {
	font-size: 100%;
	font-weight: bold;
}
.character_description p { font-size: 100%; }
#cm_copyright {
	clear: both;
	padding-top: 30px;
}
#cm_ajisai_title {
	font-size: 150%;
	font-weight: bold;
	color: #0d77ea;
	margin: 10px;
	padding: 10px 0 0 55px;
	background: url(/img/icon/tv.png) no-repeat 10px 2px;
}
#cm_ajisai_screenshot {
	padding: 10px 0;
	margin: 20px 30px;
	border-top: 1px #cccccc dashed;
	border-bottom: 1px #cccccc dashed;
	text-align: center;
}
#cm_ajisai_screenshot img {
	background-color: #000000;
	padding: 5px 0;
	margin: 0 3px;
}
#cm_ajisai_comment_title {
	padding: 10px 0 0 30px;
}
#cm_ajisai_comment {
	width: 540px;
	height: 780px;
	background: url(/img/company/cm/ajisai/comment_bg.jpg) no-repeat center top;
	padding: 50px 30px 50px 30px;
	line-height: 1.8em;
	font-size: 105%;
}
	#cm_ajisai_comment p {
		text-indent: 1em;
	}
#cm_ajisai_character_title {
	font-size: 130%;
	font-weight: bold;
}
#cm_ajisai_character {
	position: relative;
	width: 560px;
	height: 400px;
	padding: 0 20px;
	margin: 10px 0;
}
#cm_ajisai_character ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#cm_ajisai_character ul li {
	float: left;
	padding: 0;
}
#cm_ajisai_character ul li.mahana {
	position: absolute;
	top: 70px;
	left: 30px;
}
#cm_ajisai_character ul li.miyuu {
	position: absolute;
	top: 100px;
	left: 165px;
}
#cm_ajisai_character ul li.honomi {
	position: absolute;
	top: 60px;
	left: 305px;
}
#cm_ajisai_character ul li.sarasa {
	position: absolute;
	top: 50px;
	left: 450px;
}

#cm_ajisai_credit {}
#cm_ajisai_corporate_staff, #cm_ajisai_associate_staff {
	clear: both;
	padding: 10px;
}
#cm_ajisai_corporate_staff:after, #cm_ajisai_associate_staff:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#cm_ajisai_credit .cm_ajisai_staff {
	font-size: 130%;
	font-weight: bold;
}
dl.cm_ajisai_staff_list {
	float: left;
	width: 290px;
}
dl.cm_ajisai_staff_list dt, dl.cm_idea_staff_list dt {
	padding: 10px 0 10px 40px;
	font-weight: bold;
	color: #999999;
}
dl.cm_ajisai_staff_list dd, dl.cm_idea_staff_list dd {
	padding-left: 90px;
}
div.cm_ajisai_associate_staff_content {
	float: left;
	width: 290px;
}
div.cm_star_associate_staff_content {
}

#cm_ajisai_associate_staff ul {
	padding: 10px 0;
}
#cm_ajisai_associate_staff ul li {
	padding-left: 40px;
}
dl.cm_idea_staff_list {
	float: left;
	width: 400px;
}

/* ---------------------------
school setting

course/
	animator/
		curriculum
	art_background/
		curriculum
	instructor
	guideline
	graduate
	graduate_works
	faq
class/
	animation
	background
	drawing
	guideline
--------------------------- */

/* course */
.course {
	padding: 5px 0 0 15px;
	font-weight: bold;
}
.course { padding: 5px 20px; }
	.course dt { font-size: 120%; }
		.course dd { padding: 0 0 10px 15px; }

/* curriculum */
.curriculum { padding: 10px 30px; }
.curriculum .curriculum_row { padding: 10px 0; }
.curriculum h3 {
	padding: 5px 0 0 0;
	font-weight: bold;
	border-bottom: 1px #c41726 dotted;
	color: #c41726;
}
.curriculum h4 {
	padding-left: 5px;
	color: #666666;
}

/* graduate works */
div.graduate_works {
	text-align: center;
	padding: 10px 30px;
}
div.graduate_works h3 {
	text-align: left;
	font-weight: bold;
	color: #c41726;
	border-bottom: 1px #c41726 dotted;
	margin-bottom: 10px;
	padding: 0;
}

/* class */
.class { padding: 10px 20px; }
	.class dt {
		font-size: 120%;
		color: #c41726;
		font-weight: bold;
		border-bottom: 1px #c41726 dotted;
		margin-bottom: 10px;
	}
		dl.class dd {
			font-size: 110%;
			padding: 5px 0 20px 30px;
		}
.class_guideline { padding: 0 10px; }
.class_guideline h3 {
	padding-left: 0;
	font-weight: bold;
}
.class_guideline h4 {
	padding-left: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #c41726;
}
.class_guideline ul { padding-left: 10px; }

/* drawing */
.class_drawing {
	padding: 15px 0 0 10px;
	font-weight: bold;
	color: #c41726;
}

/* class guideline */
#class_guideline { padding: 15px 20px; }
#class_guideline div.class_guideline_row { padding: 5px 0 15px 0; }
	#class_guideline div.class_guideline_row dt {
		font-size: 120%;
		font-weight: bold;
		color: #c41726;
		border-bottom: 1px #c41726 dotted;
		margin-bottom: 10px;
	}
		#class_guideline div.class_guideline_row dd {
			font-size: 110%;
			padding: 3px 0 3px 20px;
		}

/* class shop */
.shopSideNav ul{list-style:disc inside; color:#e6521e; }
.shopSideNav h1 a{color:#666!important; }
#shopContentWrap h3{
	margin:0 0 20px 5px;
	font-size:200%;
	font-weight:bold;
	color:#e6521e;
	border-bottom:1px #e6521e dotted;
	zoom:1;
}
		#shopContentWrap h3:before, #shopContentWrap h3:after {
			content: "";
			display: table;
			overflow: hidden;
		}
#shopContentWrap h4{font-size:16px; color:#e6521e;}
#shopContentWrap article{ margin:0 0 40px 5px;}
#shopContentWrap section{ padding-left:1em;}
#shopContentWrap a{ color:#e6521e;}
#shopContentWrap a:hover{ text-decoration:none;}
	#practiceStoreInfo{ margin-bottom:10px;}
	#practiceStoreInfo dt, #practiceStoreInfo dd{ line-height:2.5em;}
	#practiceStoreInfo dt{ float:left;}
	#practiceStoreInfo dd{ padding-left:80px;}
	#goodsSpecialSiteList:after { clear: both; }
	#goodsSpecialSiteList li{float:left; margin:10px;}
		.shopBanner{margin-top:5px; }
	#shopInformation{border:solid 1px red;}
	#shopInformation div{margin:10px; }
	#shopInformation a{
		font-size:14px;
		font-weight:700;
		color:red;
		padding-left:5px;
	 }