@charset "UTF-8";
/*
Copyright (C) Kyoto Animaion Co.,Ltd. All Rights Reserved.
*/

/* ---------- reset ---------- */
html{font-size:6.25%;width:100%;height:100%;overflow-y:scroll;}
article,aside,canvas,details,figcaption,figure,header,footer,hgroup,menu,nav,section,summary,h1,h2,h3,h4,h5,h6{display:block;}
body{
	font-family: Arial,Verdana,Roboto,sans-serif;
	font-size: 12px;font-size: 12em;
	line-height: 1.5;
	background: #fff;
	color: #333;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
a{
	color: #e6521e;
	overflow: hidden;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
a:active,a:focus{outline:none;}fieldset{border:0;}a img,img{border:0;vertical-align:top;}abbr,acronym{border:0;}address,caption,cite,code,dfn,em,th,strong,var{font-style:normal;font-weight:normal;}blockquote,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol,ul,li,p,pre,span,td,th,article,aside,canvas,details,figcaption,figure,header,footer,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;}caption,th{vertical-align:top;text-align:left;}small{font-size:100%;}code,kbd,pre,samp,tt{font-family:monospace;line-height:100%;}hr{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}ol,ul{list-style:none;}q:before,q:after{content:'';}
/* form */
button,fieldset,form,input,label,legend,select,textarea{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline;}
/* table */
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
/* ---------- colorbox setting ---------- */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; outline: 0; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
#cboxOverlay { background: #000; }
#cboxContent { overflow:hidden; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { margin: 25px 0 0; overflow: hidden; }
#cboxTitle { position: absolute; top: 0; left: 0; text-align: center; width: 100%; color: #949494; font-size: 133%; }
#cboxCurrent { display: none; }
#cboxSlideshow { position: absolute; right: 30px; bottom: 4px; color: #0092ef; }
/*
#cboxPrevious { position: absolute; left: 0; top: 0; border: none; background: url(/en/img/icon/control.png) no-repeat 0 0; width: 25px; height: 25px; text-indent:-9999px; }
#cboxPrevious:hover{ background-position: 0 -25px; }
#cboxNext { position: absolute; left: 27px; top: 0; border: none; background: url(/en/img/icon/control.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent:-9999px; }
#cboxNext:hover { background-position: -25px -25px; }
#cboxLoadingGraphic { background: url(/img/icon/loading.gif) no-repeat center center; }
*/
#cboxClose { position: absolute; right: 0; top: 0; border: none; background: url(/en/img/colorbox/close.png) no-repeat left top; width: 70px; height: 25px; text-indent:-9999px; }
#cboxClose:hover { background-position: left bottom; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }

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

/* ---------- common ---------- */

/*     site     */
#siteWrap {
	position: relative;
	width: 100%;
	min-width: 980px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

/* ---------- globalHeader ---------- */
#globalHeaderWrap {
	position: relative;
	width: 980px;
	height: 80px;
	margin: 0 auto;
}
.siteName {
	display: flex;display: -webkit-flex;display: -webkit-box;
	align-items: center;-webkit-align-items: center;-webkit-box-align: center;
	float: left;
	width: 360px;
	height: 80px;
}
.siteName a {
	display: block;
	width: 340px;
	height: 42px;
	padding: 0 10px;
	opacity: 1;
	-webkit-transition: .3s ease-out;transition: .3s ease-out;
}
.siteName a:hover {
	opacity: .5;
}
#globalNavWrap {
	float: right;
	width: 620px;
	height: 80px;
}
.globalNavGuideList {
	margin: 10px 10px 5px auto;
	text-align: right;
}
.globalNavGuideList li {
}
.globalNavGuideList li a {
	color: #333;
	padding-left: 9px;
	background: url(/en/img/icon/arrow_gh.png) no-repeat left 4px;
}
.globalNavGuideList li a:hover {
	color: #e6521e;
	text-decoration: none;
}
.globalNavMenu {
	width: 484px;
	height: 35px;
	margin: 0 10px 0 auto;
}
.globalNavMenu li {
	float: left;
}
.globalNavMenu li a {
	display: block;
	height: 35px;
	background-image: url(/en/img/globalHeader/globalHeaderMenuList.png);
	background-repeat: no-repeat;
	text-indent: -9999em;
}
.menu-01 a {
	width: 106px;
	background-position: 0 0;
}
.menu-01 a:hover {
	background-position: 0 -35px;
}
.menu-02 a {
	width: 143px;
	background-position: -106px 0;
}
.menu-02 a:hover {
	background-position: -106px -35px;
}
.menu-03 a {
	width: 102px;
	background-position: -249px 0;
}
.menu-03 a:hover {
	background-position: -249px -35px;
}
.menu-04 a {
	width: 133px;
	background-position: -351px 0;
}
.menu-04 a:hover {
	background-position: -351px -35px;
}


/* ---------- pankuzu ---------- */
#pankuzuList {
	width: 960px;
	margin: 5px auto;
}
#pankuzuList ul {
	padding: 5px 0;
	border: 1px #f1f1f1 solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#pankuzuList ul li {
	display: inline-block;
	padding-left: 20px;
	background: url(/en/img/icon/arrow_pankuzu.png) no-repeat 8px center;
	font-size: 13px;font-size: 13rem;
}
#pankuzuList ul li.pankuzuHome {
	padding-left: 32px;
	background: url(/en/img/icon/pankuzuHome.png) no-repeat 11px center;
}
#pankuzuList ul li a {
	color: #e6521e;
	text-decoration: underline;
}
#pankuzuList ul li a:hover {
	text-decoration: none;
}

/* ---------- content ---------- */
#contentWrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 300px;
	text-align: left;
	background-color: #fff;
}
.contentBox {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding-bottom: 40px;
}
.contentBox h2 {
	padding-left: 10px;
	font-size: 24px;font-size: 24rem;
	font-weight: bold;
	color: #e6521e;
	border-bottom: 1px #e6521e dotted;
}
.contentBox h3 {
	padding-left: 10px;
	font-size: 18px;font-size: 18rem;
	color: #333;
	border-bottom: 1px #333 dotted;
}
.column {
	float: left;
}

/* ---------- sideNav ---------- */
.sideNavContent {
	width: 260px;
}
.sideNav {
	margin: 0 10px 10px;
	background-color: #fafafa;
}
.sideNavTitle a {
	display: block;
	padding: 5px;
	color: #666;
	font-size: 18px;font-size: 18rem;
	background-color: #f1f1f1;
}
.sideNavSubTitle a {
	display: block;
	padding: 5px;
	color: #666;
	font-size: 14px;font-size: 14rem;
	border-bottom: 1px #CCC dotted;
}
.sideNavList a {
	display: block;
	padding: 3px 5px 3px 20px;
	font-size: 14px;font-size: 14rem;
	background: url(/en/img/icon/arrow_sd.png) #fafafa no-repeat 11px 11px;
}
.sideNavList a:hover {
	background-color: #f1f1f1;
}
.sideNav .curNav a {
	color: #333;
	text-decoration: none;
	background-color: #f1f1f1;
	background-image: url(/en/img/icon/arrow_sd_hv.png);
}
.sideNav .sideNavTitle.curNav a {
	background-image: none;
}
.mainContent {
	width: 720px;
}
.mainContentTitle {
	margin: 0 10px;
}
.content {
	padding: 20px;
}
.contData {
	padding-top: 30px;
	margin: -30px 0 30px;
}
.contData .title {
	color: #333;
	padding: 0 10px;
	font-size: 16px;font-size: 16rem;
	border-bottom: 1px #ccc solid;
}
.contData .detail {
	line-height: 1.8;
	margin: 10px;
}

/* ---------- globalFooter ---------- */
#globalFooterWrap {
	position: absolute;
	width: 100%;
	min-width: 980px;
	bottom: 0px;
	height: 300px;
	border-top: 1px #d0d0d0 solid;
	background-color: #222;
}
.globalFooterBox {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 30px 0 20px;
	background: url(/en/img/globalFooter/globalFooterBg.png) no-repeat center 0;
}
#goToTop {
	position: absolute;
	top: 0;
	right: 10px;
	width: 80px;
	height: 20px;
}
#goToTop a {
	display: block;
	width: 80px;
	height: 20px;
	text-indent: -9999em;
	background: url(/en/img/globalFooter/goToTop.png) no-repeat 0 0;
	opacity: 1;
	-webkit-transition: .3s ease-out;transition: .3s ease-out;
}
#goToTop a:hover {
	opacity: .7;
}
.footerNav {
	display: table;
	width: 100%;
	padding-bottom: 10px;
}
.footerNavMenu {
	display: table-cell;
	width: 33%;
}
.footerNavMenu h4 {
	font-size: 16px;font-size: 16rem;
	margin: 0 10px;
}
.footerNavMenu01 {
	border-bottom: 3px #649ecc solid;
}
.footerNavMenu02 {
	border-bottom: 3px #75cc72 solid;
}
.footerNavMenu03 {
	border-bottom: 3px #cc5231 solid;
}
.footerNavMenuList {
	line-height: 1.8;
	margin: 10px 20px;
}
.footerNavMenuList ul li {
    padding-left: 8px;
    background: url(/en/img/icon/arrow_gf.png) no-repeat left 6px;
}
.footerNavMenu a {
	color: #FFF;
	-webkit-transition: .3s ease-out;transition: .3s ease-out;
}
.footerNavMenu a:hover {
	color: #666;
	text-decoration: none;
}
#globalFooterWrap .copyright {
	position: relative;
	width: 980px;
	height: 64px;
	margin: 0 auto;
	padding-bottom: 5px;
	background: url(/en/img/globalFooter/footer.png) no-repeat left 14px;
}
#globalFooterWrap .copyright p {
	position: absolute;
	left: 55px;
	bottom: 5px;
}
#globalFooterWrap .copyright p small {
	color: #fff;
	font-size: 11px;font-size: 11rem;
}
span.companyName {
	position: absolute;
	left: 5px;
	bottom: 15px;
	color: #fff;
	font-size: 22px;font-size: 22rem;
}
#footerSocialLink {
	position: fixed;
	bottom: 30px;
	right: 0;
	padding: 10px;
	border: 1px #cccccc solid;
	border-right: 0;
	background: #fff;
}
.footerSocialLinkList a {
	opacity: 1;
	-webkit-transition: .3s ease-out;transition: .3s ease-out;
}
.footerSocialLinkList a:hover {
	opacity: .5;
}
.twitter {
	margin-bottom: 15px;
}