@charset "utf-8";
/*
editor : W3G,LLC. Ryo Ueda ( ueda.ryo@w3g.jp );
*/
/* ----------------------------------------------------------------
	HTML5 display definitions
----------------------------------------------------------------- */
main, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{
	display:block;
}

audio, canvas, video{
	display:inline-block;
}

audio:not([controls]){
	display:none;
	height:0;
}

[hidden]{
	display:none;
}

/* ----------------------------------------------------------------
	Base
----------------------------------------------------------------- */
html{
	margin:0;
	padding:0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing:subpixel-antialiased;
}
@media only screen and (-webkit-min-device-pixel-ratio : 2),only screen and (min--moz-device-pixel-ratio : 2),only screen and (min-device-pixel-ratio : 2) {
	html{
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

body{
	margin:0;
	padding:0;
	color:#333;
	font-size:14px;
	background-color:#fff;
}
legend, hr{
	display:none;
}

/* ----------------------------------------------------------------
	Typography
----------------------------------------------------------------- */
body,button, input, select, textarea{
	font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', YuGothic, '游ゴシック', sans-serif;
}
html:lang(en) body,html:lang(en) button, html:lang(en) input, html:lang(en) select, html:lang(en) textarea{
	font-family: 'Helvetica Neue', 'Lucida Grande', 'segoe UI', Arial, 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', YuGothic, '游ゴシック', sans-serif;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	position:relative;
	font-size:100%;
	font-weight:bold;
}

p{
	margin:0;
	padding:0;
}

strong{
	font-weight:bold;
}

b, em{
	font-style:normal;
	font-weight:bold;
}

abbr[title]{
	border-bottom:1px dotted;
}

pre{
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}

q{
	quotes:none;
}

q:before,
q:after{
	content:'';
	content:none;
}

small{
	font-size:77%;
}

sub, sup{
	position:relative;
	line-height:1;
	vertical-align:baseline;
	font-size:77%;
}

sup{
	top:-0.5em;
}

sub{
	bottom:-0.25em;
}

applet, object, iframe, blockquote, abbr, acronym, address, mark,
pre, big, cite, code, del, dfn, ins, kbd, samp, q, s,
small, strike, sub, sup, tt, var, b, u, i{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
}

/* ----------------------------------------------------------------
	Links
----------------------------------------------------------------- */
a{
	color:#d31d00;
	text-decoration:underline;
	outline:0 none;
}

a:focus{
	text-decoration:underline;
}

a:hover,
a:active{
	color:#e98d7d;
	outline:0 none;
	text-decoration:none;
}
/* ----------------------------------------------------------------
	Lists
----------------------------------------------------------------- */
menu, ul, ol, dl{
	margin:0;
	padding:0;
	list-style:none;
}
menu > :last-child, ul > :last-child, ol > :last-child, dl > :last-child{
	margin-bottom:0 !important;
}
menu p, menu ul, menu ol, menu dl, menu table, ul p, ul ul, ul ol, ul dl, ul table, ol p, ol ul, ol ol, ol dl, ol table, dl p, dl ul, dl ol, dl dl, dl table{
	margin-top:5px;
	font-size:100%;
}

ol{
	list-style-type:decimal;
}
ol li ol{
	list-style-type:decimal;
}
dd{
	margin:0;
}

/* ----------------------------------------------------------------
	Tables
----------------------------------------------------------------- */
table{
	margin:0;
	padding:0;
	border-spacing:0;
	width:100%;
	font-size:inherit;
}
table p, table ul, table ol, table dl, table table{
	margin-bottom:5px;
	font-size:100%;
}
table td > :last-child{
	margin-bottom:0 !important;
}

/* ----------------------------------------------------------------
	Embedded content
----------------------------------------------------------------- */
img{
	border:0;
	line-height:1;
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
svg:not(:root){
	overflow:hidden;
}

/* ----------------------------------------------------------------
	Figures
----------------------------------------------------------------- */
figure{
	margin:0;
}

/* ----------------------------------------------------------------
	Forms
----------------------------------------------------------------- */
form, fieldset{
	margin:0;
	padding:0;
	border:0;
}

button, input, select, textarea{
	margin:0;
	vertical-align:baseline;
	font-size:100%;
}

button, input{
	line-height:normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor:pointer;
}

button[disabled], input[disabled]{
	cursor:default;
}

input[type="checkbox"],
input[type="radio"]{
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

select{
	line-height:normal;
	vertical-align:middle;
}

textarea{
	overflow:auto;
	vertical-align:top;
}
/* ----------------------------------------------------------------
	common
----------------------------------------------------------------- */
#navigation a:before,
.projectSec dt:after,
.contactSec li a:before,
.contactSec a:after,
#pagetop a:before,
#contentinfo .content a:before,
.interview .target-link a:after,
.interview .more a:after,
.toc li a:after,
#access .map dt:after,
.persons li:before,
.about #history dl:after,
.project .theme li a:after,
.project footer a:after,
.blog .nav-links .meta-nav{
	background-image:url(/img/gnavicons_ie8.png);
}
html:root #navigation a:before,
html:root .projectSec dt:after,
html:root .contactSec li a:before,
html:root .contactSec a:after,
html:root #pagetop a:before,
html:root #contentinfo .content a:before,
html:root .interview .target-link a:after,
html:root .interview .more a:after,
html:root .toc li a:after,
html:root #access .map dt:after,
html:root .persons li:before,
html:root .about #history dl:after,
html:root .project .theme li a:after,
html:root .project footer a:after,
html:root .thesis .theme li a:after,
html:root .thesis .thesislink li a:after,
html:root .thesis footer a:after,
html:root .blog .nav-links .meta-nav{
	background-image:url(/img/gnavicons_ex.png);
	background-size:310px 75px;
}
.tel{
	text-decoration:none;
	color:#333;
	cursor:text;
	position:relative;
}
.tel:hover,
.tel:active{
	color:#333;
}
@media(max-width: 720px) {
	.tel{
		color:#d31d00;
		text-decoration:underline;
	}
	.tel:hover,
	.tel:active{
		color:#e98d7d;
		text-decoration:none;
	}
}

#header{
	width:100%;
	height:92px;
	position:absolute;
	top:0;
	left:0;
	background:#de543e url(/img/headerbg.png) repeat-x 0 0;
	z-index:100;
}
@media(min-height: 830px) and (min-width: 1200px) {
	#header{
		position:fixed;
	}
}

#header h1{
	height:92px;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#header h1 a{
	display:block;
	padding:92px 0 0 0;
	font-size:100%;
	width:34%;
	height:0;
	margin:0 auto;
	outline:0 none;
	position:relative;
	overflow:hidden;
	z-index:2;
	background:url(/img/centerlogo_ja.png) no-repeat 50% 50%;
}
html:lang(en-US) #header h1 a,
html:lang(en) #header h1 a{
	background-image:url(/img/centerlogo_en.png);
}
#header h1 a:before{
	content:"";
	display:none;
	position:absolute;
	top:0;
	left:10px;
	width:100%;
	height:100%;
	background:url(/img/logo_ja.png) no-repeat 0 50%;
}
html:lang(en-US) #header h1 a:before,
html:lang(en) #header h1 a:before{
	background-image:url(/img/logo_en.png);
}
#navigation{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
#navigation ul{
	width:100%;
	height:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	position:relative;
}
#navigation > ul{
	z-index:1;
}
#navigation li{
	float:left;
	margin:0;
	padding:0;
	width:11%;
	height:100%;
	position:relative;
}
#navigation .nav-home{
	display:none;
}
#navigation .nav-contact,
#navigation .nav-blog,
#navigation .nav-publication{
	float:right;
}
#navigation a{
	height:100%;
	padding:54px 0 25px 0;
	line-height:1;
	display:block;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	position:relative;
}
#navigation a:before{
	content:"";
	display:block;
	position:absolute;
	top:12.5%;
	left:50%;
	margin-left:-12.5px;
	width:25px;
	height:25px;
}
.nav-about a:before {
	background-position:0 0;
}
.nav-project a:before {
	background-position:-25px 0;
}
.nav-interview a:before {
	background-position:-50px 0;
}
.nav-blog a:before {
	background-position:-75px 0;
}
.nav-publication a:before {
	background-position:-100px 0;
}
.nav-contact a:before {
	background-position:-125px 0;
}
.nav-thesis a:before {
	background-position:-100px -26px;
}

#navigation a:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:transparent;
	z-index:-2;
	-webkit-transition:background-color 0.3s ease;
	transition:background-color 0.3s ease;
}
#navigation a:hover:after{
	background-color:#d31d00;
}
#navigation .active a:after{
	background-color:#d31d00;
}
#navigation li:before{
	content:"";
	display:block;
	height:100%;
	width:1px;
	background:#e98d7d;
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
}
#navigation .nav-contact:before,
#navigation .nav-blog:before{
	right:auto;
	left:0;
}
#navigation .nav-publication:before,
#navigation .nav-interview:before{
	display:none;
}
#navigation ul:before,
#navigation ul:after{
	content:"";
	display:block;
	height:92px;
	width:1px;
	background:#e98d7d;
	position:absolute;
	top:0;
	z-index:-1;
}
#navigation ul:before{
	left:0;
}
#navigation ul:after{
	right:0;
}
#navigation .locale-switcher{
	width:100%;
	height:40px;
	max-width:1000px;
	margin:-40px auto 0 auto;
	position:relative;
}
#navigation .locale-options{
	position:absolute;
	bottom:-40px;
	right:0;
	width:11%;
	height:100%;
	background:#fff;
	border-left:1px solid #f9f9f9;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
#navigation .locale-options li{
	height:100%;
	width:50%;
	float:left;
	margin:0;
	padding:0;
	background:none;
}
#navigation .locale-options abbr{
	text-decoration: none;
	border-bottom:0 none;
	font-weight: bold;
}
#navigation .locale-options a{
	background:none;
	padding:0;
	height:100%;
	line-height:40px;
	width:100%;
	text-align:center;
	display:block;
	color:#aaa;
}
html:lang(ja) #navigation .locale-options li:first-child a{
	color:#d31d00;
}
html:lang(en-US) #navigation .locale-options li:first-child a,
html:lang(en) #navigation .locale-options li:first-child a{
	color:#aaa;
}
html:lang(en-US) #navigation .locale-options li:first-child + li a,
html:lang(en) #navigation .locale-options li:first-child + li a{
	color:#d31d00;
}

#navigation .locale-options:before,
#navigation .locale-options:after,
#navigation .locale-options li:before,
#navigation .locale-options li:after,
#navigation .locale-options a:before,
#navigation .locale-options a:after{
	display:none;
}
#navigation .locale-options:before{
	content:"\2F";
	position:absolute;
	width:0.5em;
	height:1em;
	line-height:1;
	top:50%;
	left:50%;
	margin:-0.5em 0 0 -0.25em;
	display:block;
	color:#d31d00;
	background:none;
	z-index:1;
}
html:root a[href$=".pdf"]:after {
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(/img/pdf.png) no-repeat right 50%;
	background-size:auto 100%;
	margin:0 0 0 0.3em;
	vertical-align:middle;
}
/* ----------------------------------------------------------------
	footer
----------------------------------------------------------------- */
#contentinfo{
	background:#d31d00;
	position:relative;
}
#contentinfo .content{
	margin:0 auto;
	max-width:1000px;
	position:relative;
	height:50px;
	line-height:50px;
}
#pagetop{
	position:absolute;
	bottom:20px;
	left:50%;
	width:80px;
	height:80px;
	margin:0 0 0 -40px;
	z-index:100;
}
#pagetop a{
	display:block;
	width:100%;
	height:0;
	position:relative;
	padding:80px 0 0 0;
	overflow:hidden;
}
#pagetop a:before{
	content:"";
	display:block;
	height:60px;
	width:60px;
	position:absolute;
	bottom:0;
	left:10px;
	background-position:-250px 0;
	-webkit-transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
}
#pagetop a:hover:before{
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
#contentinfo .content > a{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:100%;
	padding:0 30px 0 10px;
	display:block;
	color:#fff;
	text-align:center;
	font-size:12px;
	background-color:#de543e;
	text-decoration: none;
	-webkit-transition:background-color 0.5s;
	transition:background-color 0.5s;
}
#contentinfo .content > a:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -8px 0 0 0;
	height:15px;
	width:12px;
	background-position:-230px -35px;
}
#contentinfo .content > a:hover{
	background-color:#ba1900;
}
#contentinfo small{
	color:#fae2df;
	display:block;
	text-align:right;
	font-size:100%;
	line-height:50px;
	font-family:'Trebuchet MS',monospace;
}
#contentinfo small abbr{
	text-decoration: none;
	border-bottom:0 none;
}
#contentinfo small a{
	color:#fae2df;
	text-decoration:none;
}
html:root #contentinfo small a{
	display:inline-block;
	overflow:hidden;
	padding:50px 0 0 0;
	height:0;
	vertical-align:top;
	background:url(/img/naistlogo.png) no-repeat 0 50%;
	background-size:100% auto;
}

/* ----------------------------------------------------------------
	main
----------------------------------------------------------------- */
#loading {
	display:none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border: 2px solid transparent;
	border-color: transparent #d31d00 transparent #d31d00;
	border-radius: 100%;
	font-size: 0;
	line-height: 0;
	-webkit-animation: rotate-loading 1s linear 0s infinite;
	animation: rotate-loading 1s linear 0s infinite;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
@-webkit-keyframes rotate-loading{
	0%{
		-webkit-transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
	}
}
@keyframes rotate-loading{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}

/* ----------------------------------------------------------------
	main
----------------------------------------------------------------- */
#under-construction{
	font-size:20px;
	font-weight:bold;
	max-width:1000px;
	margin:0 auto;
	padding:50px 10px 0 10px;
	text-align:center;
}
#oldData{
	position:relative;
}
#oldData ~ *{
	opacity:0 !important;
	overflow:hidden !important;
	height:0 !important;
	width:0 !important;
	max-height:0 !important;
	max-width:0 !important;
	margin:0 !important;
	padding:0 !important;
}

#main{
	margin:0;
	padding:92px 0 0 0;
}
.change .top #main,
.complete .top #main,
.top #main{
	padding:0;
}

#main main{
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	-webkit-animation:fadeIn 1s;
	animation:fadeIn 1s;
}
.change #main main{
	opacity:0;
	-webkit-animation:fadeOut 0.35s;
	animation:fadeOut 0.35s;
}
.complete #main main{
	-webkit-animation:fadeIn 1s;
	animation:fadeIn 1s;
}
@-webkit-keyframes fadeOut{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
@keyframes fadeOut{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
/* ----------------------------------------------------------------
	breadcrumbs
----------------------------------------------------------------- */
#breadcrumbs{
	line-height:1;
	height:auto;
	width:100%;
	font-size:12px;
	margin:0;
	padding:0;
	overflow:hidden;
	padding:0;
	border-bottom: 1px solid #ddd;
	background-color:#fff;
	background-color:rgba(255,255,255,0.7);
	text-shadow:0px 1px 1px #fff;
	color:#000;
	text-overflow:ellipsis;
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
#breadcrumbs ol{
	max-width:1000px;
	margin:0 auto;
	padding:0;
	list-style:none;
}
#breadcrumbs li{
	margin:0;
	padding:0 0 0 1em;
	display:inline-block;
	position:relative;
}
#breadcrumbs li:first-child{
	padding:0;
}
#breadcrumbs li:before{
	content:"\3E";
	position:absolute;
	top:50%;
	left:0;
	display:inline;
	margin-top:-0.5em;
}
#breadcrumbs li:first-child:before{
	display:none;
}
#breadcrumbs li a{
	color:#000;
	display:inline-block;
	padding-top:18px;
	padding-bottom:18px;
}
#breadcrumbs li:first-child a span{
	display:none;
}
#breadcrumbs li:first-child a:before{
	content:"HOME";
}
/* ----------------------------------------------------------------
	build-menu
----------------------------------------------------------------- */
.build-menu-open,
.build-menu-animating,
.build-menu-open body,
.build-menu-animating body{
	height:100%;
}
#build-menu-button{
	position:absolute;
	top:0;
	right:0;
	margin-top:0;
	width:90px;
	height:80px;
	z-index:1000;
	cursor:pointer;
}
#build-menu-button,
.build-menu-open #build-menu-button{
	display:none;
}
#build-menu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	display: none;
	width: 220px;
	float:right;
	padding:0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-box-shadow: 2px 0 3px rgba(0,0,0,0.5) inset;
	box-shadow: 2px 0 3px rgba(0,0,0,0.5) inset;
	background-color: #f9f9f9;
}
#build-menu > ul{
	margin:0 0 0 3px;
	padding:60px 0 0 0;
	position:relative;
}
#build-menu > ul:before,
#build-menu > ul:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	left:0;
}
#build-menu > ul:before{
	top:-1px;
	background-color:#ddd;
}
#build-menu > ul:after{
	bottom:-1px;
	background-color:#fff;
}

#build-menu .megamenu{
	display:none;
}
#build-menu > ul li{
	margin:0;
	padding:0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}
#build-menu > ul li:first-child{
	border-top:0 none;
}
#build-menu > ul li a{
	height:48px;
	line-height:48px;
	font-size:14px;
	padding:0 20px 0 10px;
	text-shadow:1px 1px 0 #fff;
	display:block;
	text-decoration:none;
	color:#000;
	position:relative;
}
#build-menu > ul li.active a{
	color:#d31d00;
}
#build-menu > ul li a:before{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:2px;
	margin:-8px 0 0 0;
	border: 8px solid transparent;
	border-left: 8px solid #d31d00;
}
#build-menu > ul li a:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:5px;
	margin:-8px 0 0 0;
	border: 8px solid transparent;
	border-left: 8px solid #f9f9f9;
}
#build-menu-close{
	width:42px;
	height:42px;
	line-height:42px;
	text-align:center;
	background-color:#d31d00;
	color:#fff;
	position:absolute;
	top:15px;
	right:10px;
	z-index:1;
	cursor:pointer;
}

#build-menu .locale-switcher{
	position:absolute;
	top:15px;
	left:10px;
	width:146px;
	height:40px;
	border:1px solid #ddd;
}
#build-menu .locale-options{
	width:100%;
	height:100%;
	background:#fff;
	overflow:hidden;
}
#build-menu .locale-options:before{
	content:"\2F";
	position:absolute;
	width:0.5em;
	height:1em;
	line-height:1;
	top:50%;
	left:50%;
	margin:-0.5em 0 0 -0.25em;
	display:block;
	color:#d31d00;
	background:none;
	z-index:1;
}

#build-menu .locale-options li{
	width:50%;
	margin:0;
	padding:0;
	float:left;
}
#build-menu .locale-options li a{
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	line-height:40px;
	color:#aaa;
	text-decoration: none;
	font-weight:bold;
}
html:lang(ja) #build-menu .locale-options li:first-child a{
	color:#d31d00;
}
html:lang(en-US) #build-menu .locale-options li:first-child a,
html:lang(en) #build-menu .locale-options li:first-child a{
	color:#aaa;
}
html:lang(en-US) #build-menu .locale-options li:first-child + li a,
html:lang(en) #build-menu .locale-options li:first-child + li a{
	color:#d31d00;
}
#build-menu abbr{
	font-weight:bold;
	text-decoration: none;
	border-bottom:0 none;
}
#build-menu-page {
	background:#fff;
}
.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translateX(-220px);
	transform: translateX(-220px);
}
.build-menu-animating #build-menu {
	display: block
}
.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0s, 0s, 0s;
	transition-delay: 0s, 0s, 0s;
}
.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, visibility 0.3s;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
}
#build-menu-overlay{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:10002;
	background:#000;
	width:0;
	opacity:0.5;
	visibility:hidden;
}
.build-menu-open #build-menu-overlay,
.build-menu-close #build-menu-overlay {
	-webkit-transition: opacity 0.6s, visibility 0.6s, width 0s;
	transition: opacity 0.6s, visibility 0.6s, width 0s;
}
.build-menu-close #build-menu-overlay{
	width:0;
	opacity: 0;
	visibility:hidden;
	-webkit-transition-delay: 0s, 0s, 0.6s;
	transition-delay: 0s, 0s, 0.6s;
}
.build-menu-open #build-menu-overlay{
	width:100%;
	opacity: 0.5;
	visibility:visible;
}

/* ----------------------------------------------------------------
	top
----------------------------------------------------------------- */
#slide {
	display:none;
	width:100%;
	height:705px;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	z-index:1;
	background:url(/img/loader.gif) no-repeat 50% 50%;
}
#slide.available{
	display:block;
	background:url(/img/top/topheaderbg.png) repeat 0 0;
}
#slide .circle{
	position:absolute;
}
#slide .p1{
	top:45%;
	left:60%;
}
#slide .p2{
	top:-40%;
	right:42.5%;
}
#slide.available.rotation .circle{
	-webkit-animation: rotate-bg 20s linear 0s infinite;
	animation: rotate-bg 20s linear 0s infinite;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
@-webkit-keyframes rotate-bg{
	0%{
		-webkit-transform:rotate(0deg);
	}
	40%{
		-webkit-transform:rotate(0deg);
	}
	50%{
		-webkit-transform:rotate(360deg);
	}
	90%{
		-webkit-transform:rotate(360deg);
	}
	100%{
		-webkit-transform:rotate(0deg);
	}
}
@keyframes rotate-bg{
	0%{
		transform:rotate(0deg);
	}
	40%{
		transform:rotate(0deg);
	}
	50%{
		transform:rotate(360deg);
	}
	90%{
		transform:rotate(360deg);
	}
	100%{
		transform:rotate(0deg);
	}
}
#slide ul{
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	list-style:none;
	position:relative;
	z-index:1;
}
#slide li{
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	opacity:0;
	visibility:hidden;
	-webkit-transition: opacity 2s, visibility 2s;
	transition: opacity 2s, visibility 2s;
}
#slide li.active{
	opacity:1;
	visibility:visible;
}
#slide li .project{
	position:absolute;
	bottom:10%;
	left:0;
	width:100%;
	z-index:3;
	display:block;
}
#slide li .text{
	position:relative;
	max-width:1000px;
	margin:0 auto;
	color:#333;
	font-size:45px;
	font-weight:bold;
	text-align:center;
	width:100%;
	line-height:1.3;
	display:block;
	text-shadow: 1px 1px 1px #fff;
}
#slide li .text em{
	font-size:70px;
}
#slide li .text .keyword{
	color:#d31d00;
}
#slide li.active .project{
	-webkit-animation: tagline-text 2s ease 1;
	animation: tagline-text 2s ease 1;
}
.change #slide li.active .project{
	-webkit-animation: none;
	animation:none;
}
@-webkit-keyframes tagline-text{
	0% {
		-webkit-transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0px);
	}
}
@keyframes tagline-text{
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0px);
	}
}
#slide li.active a:after{
	-webkit-animation: tagline-obj 2s ease 1;
	animation: tagline-obj 2s ease 1;
}
@-webkit-keyframes tagline-obj{
	0% {
		-webkit-transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0px);
	}
}
@keyframes tagline-obj{
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0px);
	}
}
.change #slide.available.rotation .circle,
.change #slide li.active .project,
.change #slide li.active a:after{
	-webkit-animation: none;
	animation: none;
}
#slide li:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}
#slide li a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
#slide li a:before,
#slide li a:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:auto 100%;
	position:absolute;
	top:0;
	left:0;
}
#slide #slide-01.loaded a:after{
	background-image:url(/img/top/project-01.png);
	max-height:72.5%;
}
#slide #slide-02.loaded a:after{
	background-image:url(/img/top/project-02.png);
	background-size:auto 60%;
	background-position:50% 0;
}
#slide #slide-03.loaded a:after{
	background-image:url(/img/top/project-03.png);
	background-size:auto 60%;
	background-position:50% 0;
}
#slide #slide-04.loaded a:after{
	background-image:url(/img/top/project-04.png);
	background-size:auto 80%;
	background-position:50% 0;
}
#slide #slide-05.loaded a:after{
	background-image:url(/img/top/project-05.png);
	background-size:auto 75%;
	background-position:50% 0;
}
#slide #slide-06.loaded a:after{
	background-image:url(/img/top/project-06.png);
	background-size:auto 70%;
	background-position:50% 0;
}
#slide #slide-07.loaded a:after{
	background-image:url(/img/top/project-07.png);
	background-size:auto 70%;
	background-position:50% 0;
}
#slide #slide-08.loaded a:after{
	background-image:url(/img/top/project-08.png);
	background-size:auto 100%;
	background-position:50% 0;
}
#slide #slide-10.loaded a:after{
        background-image:url(/img/top/project-10.png);
        background-size:auto 60%;
        background-position:50% 0;
}
#slide #slide-11.loaded a:after{
        background-image:url(/img/top/project-11.png);
        background-size:auto 100%;
        background-position:50% 0;
}
#slide #slide-12.loaded a:after{
        background-image:url(/img/top/project-12.png);
        background-size:auto 70%;
        background-position:50% 0;
}
/*
#slide #slide-03 a:before{
	background-image:url(/img/top/project-03bg.png);
}
#slide #slide-03 a:after{
	background-image:url(/img/top/project-03.png);
	background-size:auto 60%;
	background-position:50% 15%;
}
*/
#slideControler{
	display:block;
	z-index:10;
	width:100%;
	height:35px;
	line-height:35px;
	background:#ededed url(/img/repeatbg.gif) repeat 0 0;
}
#slideControlerWrapper{
	max-width:1000px;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	display:none;
}
:root #slideControlerWrapper{
	display:block;
}
#slideControlerWrapper .inner{
	width:100%;
	height:100%;
	text-align:center;
	padding:0;
}
#slideControler span{
	width:20px;
	height:0;
	overflow:hidden;
	display:inline-block;
	margin:0;
	padding:35px 0 0 0;
	position: relative;
	cursor:pointer;
}
#slideControler span:before{
	content:"";
	width:10px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-5px 0 0 -5px;
	border-radius:10px;
	background:#fff;
	-webkit-box-shadow : -1px 1px 2px rgba(0,0,0,0.3) inset;
	box-shadow : -1px 1px 2px rgba(0,0,0,0.3) inset;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
#slideControler span.active:before{
	background-color:#d31d00;
}
@media(max-width: 1000px) {
	#slide{
		height:auto;
		max-height:705px;
	}
	#slide ul{
		height:0;
		padding-top:56.25%;
	}
	#slide li .text{
		font-size:34px;
	}
	#slide li .text em{
		font-size:58px;
	}
}
@media(max-width: 900px) {
	#slide li .text{
		font-size:32px;
	}
	#slide li .text em{
		font-size:54px;
	}
}
@media(max-width: 800px) {
	#slide li .text{
		font-size:30px;
	}
	#slide li .text em{
		font-size:50px;
	}
}
@media(max-width: 720px) {
	#slide li .project{
		bottom:5%;
	}
	#slide li .text{
		font-size:28px;
	}
	#slide li .text em{
		font-size:46px;
	}
}
@media(max-width: 600px) {
	#slide li .text{
		font-size:24px;
	}
	#slide li .text em{
		font-size:40px;
	}
}
@media(max-width: 480px) {

	#slide li .text{
		font-size:18px;
	}
	#slide li .text em{
		font-size:32px;
	}
}
@media(max-width: 360px) {

	#slide li .text{
		font-size:16px;
	}
	#slide li .text em{
		font-size:28px;
	}
}
@media(max-width: 321px) {

	#slide li .text{
		font-size:14px;
	}
	#slide li .text em{
		font-size:24px;
	}
}
.top h2{
	color:#d31d00;
	margin:0;
	padding:1em 0;
	text-align:center;
	font-size:45px;
}
.top h2 .sub{
	font-size:80%;
	display:block;
}
.top h3{
	font-size:30px;
	padding:1.5em 0 1em 0;
	margin:0;
}
.top p{
	line-height:2;
}
.introSec{
	max-width:1000px;
	margin:0 auto;
}
.introSec h2{
	padding-top:1.5em;
	border-bottom:1px dotted #7f7f7f;
}
.introSec section{
	background:url(/img/top/intro_img1.jpg) no-repeat right center;
	background-size:50% auto;
	padding:0 50% 10% 0;
}
.introSec section + section{
	background:url(/img/top/intro_img2.jpg) no-repeat left center;
	background-size:50% auto;
	padding:0 10% 12.5% 40%;
}
.intro_slide { text-align: center; }
.top .projectSec{
	background:url(/img/top/projetcbg.jpg) no-repeat center top;
	background-size:cover;
	width:100%;
	margin:0;
	padding:0 0 3em 0;
	max-width:100%;
}
.projectSec h2{
	color:#000;
	border-bottom:0 none;
}
.projectSec .primary{
	max-width:720px;
	margin:0 auto;
	overflow:hidden;
}
.projectSec .secondary{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}

.projectSec .primary ul{
	display:table;
	margin:0 auto;
	max-width:720px;
}
.projectSec .secondary ul{
	margin-top:20px;
	max-width:1000px;
}
.projectSec li{
	display:table-cell;
	width:33.333333%;
	height:100%;
}
.projectSec .primary li{
	width:50%;
}
.projectSec a{
	display:block;
	color:#333;
	text-decoration:none;
}
.projectSec dl{
	border:5px solid #f5f5f5;
	border-bottom:0 none;
	background-color:#fff;
	background-color:rgba(255,255,255,0.7);
	margin:0;
	padding:20px 0 131px 0;
	position:relative;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.projectSec li:first-child dl{
	margin:0 10px 0 0;
}
.projectSec li:last-child dl{
	margin:0 0 0 10px;
}

.projectSec a:hover dl{
	background-color:#fff;
}
.projectSec dt{
	font-weight:bold;
	font-size:16px;
	text-align:center;
	position:relative;
	line-height:1;
	height:1em;
	padding:0 20px 0 0;
	overflow:hidden;
	text-overflow:ellipsis;
}
.projectSec dt:after{
	content:"";
	display:block;
	background-position:-220px -35px;
	width:8px;
	height:17px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-8px;
}
.projectSec dd{
	line-height:1.4;
	height:4.2em;
	padding:30px 20px 0 20px;
	margin:0;
	overflow:hidden;
}
.projectSec dd > span{
	display:block;
	border-top:5px solid #f5f5f5;
	height:116px;
	position:absolute;
	bottom:0;
	left:-5px;
	margin:0;
	background-color:#d23921;
	background-color:rgba(210,57,33,0.8);
	padding:0 5px;
	width:100%;
	color:#fff;
	line-height:1;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.projectSec a:hover dd > span{
	background-color:#d23921;
}
.projectSec dd > span:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:20px;
	margin: 0;
	border: 10px solid transparent;
	border-top: 10px solid #f5f5f5;
}
.projectSec dd span[itemprop="name"]{
	display:block;
	padding:25px 115px 10px 20px;
	font-size:120%;
	font-weight:bold;
}
.projectSec dd span.post{
	display:block;
	padding:10px 0;
	line-height:1;
	font-size:80%;
}
.projectSec dd span[itemprop="image"]{
	position:absolute;
	top:10px;
	right:10px;
}
.interviewSec{
	max-width:1000px;
	margin:0 auto;
}
.interviewSec h2{
	padding-bottom:0;
}
.interviewSec h3{
	text-align:center;
}
.interviewSec ul{
	overflow:hidden;
	margin:0 -10px;
}
.interviewSec li{
	width:33.333333%;
	display:inline-block;
}
.interviewSec li.view{
	display:inline-block !important;
}
.interviewSec li a{
	display:block;
	text-align:center;
	text-decoration:none;
	color:#333;
	margin:0 5px;
}
.interviewSec .post{
	padding:0 0.5em 0 0;
	font-size:12px;
}
.interviewSec span[itemprop="name"]{
	font-size:16px;
	font-weight:bold;
	display:block;
	margin-bottom:0.5em;
}
.interviewSec dt{
	background:#fff;
}
.interviewSec dt img{
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
}
.interviewSec a:hover dt img{
	opacity:0.9;
}
.interviewSec dd{
	border:1px solid #333;
	padding:1em;
	margin:-1.5em 7.5% 0 7.5%;
	line-height:1;
	background-color:#fff;
	background-color:rgba(255,255,255,0.85);
	color:#333;
	position:relative;
	-webkit-transition: 0.3s;
	transition:0.3s;
}
.interviewSec a:hover dd{
	border-color:#aaa;
	background-color:#fff;
	color:#666;
}
.interviewSec section + section{
	margin-top:2.5em;
	margin-bottom:4em;
}
.interviewSec section + section　dd{
	margin-top:-2.25em;
}
.top .blogSec{
	background:#ededed url(/img/repeatbg.gif) repeat 0 0;
	width:100%;
	max-width:100%;
}
.blogSec h2{
	color:#333;
}
.top section .content{
	max-width:1000px;
	margin:0 auto;
	padding:0 0 2em 0;
}
.blogSec ul{
	margin:0 -10px;
	padding:0;
	list-style:none;
}
.blogSec ul:before,
.blogSec ul:after{
	content:"";
	display:block;
}
.blogSec ul:after{
	clear:both;
}
.blogSec li{
	position:relative;
	margin:0;
	padding:0;
	width:50%;
	float:left;
}
.blogSec li:nth-child(2n+1){
	clear:left;
}
.blogSec li a{
	display:block;
	background:#fff;
	margin:0 10px 20px 10px;
	padding:10px 10px 10px 150px;
	min-height:80px;
	max-height:80px;
	line-height:20px;
	color:#333;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.15);
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.blogSec li a:after{
	content:"";
	display:block;
	background-color:#fff;
	width:100%;
	height:20px;
	position:absolute;
	bottom:0;
	left:150px;
}
.blogSec li a:hover{
	color:#999;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.blogSec li time{
	display:block;
	color:#aaa !important;
	margin:10px 0 8px 0;
	line-height:12px;
	font-size:12px;
}
.blogSec li .img{
	position:absolute;
	top:10px;
	left:10px;
	width:130px;
	height:80px;
	display:block;
	overflow:hidden;
	border-right:1px dotted #999;
	line-height:80px;
}
.blogSec li .img img{
	margin-left:10px;
	min-width:110px;
	max-width:110px;
	max-height:80px;
	vertical-align:middle;
}
.blogSec li a:hover img{
	-webkit-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
	opacity:0.75;
	filter: alpha( opacity=75 );
	-ms-filter: "alpha( opacity=75 )";
}
.top .contactSec{
	background:url(/img/footer.jpg) no-repeat center bottom;
	max-width:100%;
	padding-bottom:300px;
}
.mini-resolution .top .contactSec{
	background-image:url(/img/footer_s.jpg);
}
.contactSec .appoint{
	display:block;
	text-align:center;
}
.contactSec .appoint a{
	color:#333;
	text-decoration: none;
	position:relative;
	display:block;
	background:#f7f7f7 url(/img/header_circle2.png) no-repeat 50% 70%;
	border:1px solid #e5e5e5;
	padding:3em 0 4em 0;
	border-radius:3px;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
.contactSec a{
	background-color:#f7f7f7;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
.contactSec a:hover{
	background-color:#fff;
}
.contactSec a:after{
	content:"";
	display:block;
	width:17px;
	height:8px;
	background-position:-200px -35px;
	margin-top:-4px;
	margin-left:-9px;
	position:absolute;
	bottom:2.5em;
	left:50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.contactSec a:hover:after{
	-webkit-transform: translateY(0.5em);
	transform: translateY(0.5em);
}
.contactSec .appoint em{
	background-color:#f0cbc6;
	color:#d31d00;
	display:inline-block;
	padding:0.5em 2em;
	margin-top:1.5em;
}
.contactSec .appoint dt{
	font-size:22px;
	font-weight:bold;
	margin-bottom:1em;
}
.contactSec .appoint dd{
	padding:0 10px;
}
.contactSec ul{
	margin:30px 0 0 0;
}
.contactSec ul:before,
.contactSec ul:after{
	content:"";
	display:block;
}
.contactSec ul:after{
	clear:both;
}
.contactSec li{
	width:50%;
	float:left;
}
.contactSec li a{
	display:block;
	margin-left:15px;
	color:#333;
	text-decoration: none;
	position:relative;
	background-color:#f7f7f7;
	border:1px solid #e5e5e5;
	padding:80px 0 50px 0;
	border-radius:3px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.contactSec li:first-child a{
	margin-right:15px;
	margin-left:0;
}
.contactSec li a:after{
	bottom:30px;
}
.contactSec li a:before{
	content:"";
	display:block;
	position:absolute;
	top:35px;
	left:50%;
	background-position:-200px 0;
	width:47px;
	height:32px;
	margin-left:-24px;
}
.contactSec li:first-child a:before{
	background-position:-150px 0;
	width:48px;
	height:46px;
	top:25px;
}


/* ----------------------------------------------------------------
	content
----------------------------------------------------------------- */
article{
	padding:0 0 100px 0;
}
article > header {
	background:#efefef;
	position:relative;
	color:#d31d00;
	padding:75px 0 35px 0;
}
header .title,
article > header > h2{
	margin:0 auto;
	padding:50px 0 0 0;
	max-width:1000px;
	position:relative;
	font-size:26px !important;
	font-weight:bold;
	text-align:center;
	background-position:50% 0;
	background-repeat:no-repeat;
}
header .title + h2{
	background:none;
	text-indent:0;
	padding:0;
	height:auto;
	font-weight:normal;
}



.entry{
	font-size:100%;
	line-height:1.8;
	max-width:1000px;
	margin:0 auto;
	padding:20px 0;
}
.entry:before,
.entry:after{
	content:"";
	display:block;
}
.entry:after{
	clear:both;
}
.entry{
	font-size:14px;
}
.top article h2{
	font-size:44px;
}
article h2{
	font-size:35px;
}
.blog .entry-title,
article h3{
	font-size:30px;
}
article  h4{
	font-size:25px;
}
.entry p{
	margin:1em 0;
}
.entry ul{
	margin:1.5em 0;
	list-style:disc none outside;
	line-height:1.8;
}
.entry ol{
	margin:1.5em 0;
	line-height:1.8;
}
.entry ul ul,
.entry ol ol,
.entry ol ul,
.entry ul ol,
.entry table ul,
.entry table ol{
	margin:0;
}
.entry li{
	margin:0.25em 0 0.25em 2em;
	padding:0;
}
.entry b,
.entry strong{
	font-weight:bold;
}
.entry em,
.entry i{
	font-weight:normal;
	font-style:italic;
}
.entry s,
.entry strike,
.entry del{
	text-decoration : line-through ;
}
.entry u,
.entry ins{
	text-decoration : underline ;
}
.entry blockquote{
	margin: 0 0 0 1.618em;
	padding: 0 1.618em;
	border-left: 3px solid #ddd;
}
.entry p img{
	vertical-align:middle;
}
.entry table{
	width:100%;
	font-size:14px;
	margin:20px 0;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	overflow:auto;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
}
.entry table caption{
	text-align:left;
	padding:0 0 0.75em 0;
	font-weight:bold;
}
.entry table th{
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color: #fbfbfb;
	text-shadow:1px 1px 0px #fff;
	margin:0;
	padding:1em 0;
	text-align:center;
	vertical-align:middle ;
	font-weight:normal;
	font-size:100%;
}
.entry table td{
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin:0;
	padding:1em;
	position:relative;
	font-size:100%;
}
.mt-image-none{
	clear:both;
	display:block;
}
.mt-image-left{
	clear:left;
}
.mt-image-right{
	clear:right;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
figure.alignleft,
figure.alignright,
figure.aligncenter{
	width:100% !important;
	max-width:1000px !important;
}
img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}

.entryMeta{
	border-top:1px dotted #ddd;
	padding:15px 0 0 0;
	margin:50px 0 30px 0;
	text-align:right;
	font-size:12px;
	line-height:12px;
	color:#aaa;
	position:relative;
	display:inline-block;
	clear:both;
}
.entryMeta{
	display:block;
}
.entryMeta:before,
.entryMeta:after{
	content:"";
	display:block;
}
.entryMeta:after{
	clear:both;
}
.pager{
	display:inline-block;
	margin:30px 0;
	padding:0;
	position:relative;
	line-height:40px;
	height:40px;
	font-weight:bold;
	font-size:14px;
}
.pager{
	display:block;
}
.pager:before,
.pager:after{
	content:"";
	display:block;
}
.pager:after{
	clear:both;
}
.pager li{
	width:5em;
	background:none;
	border:0 none;
	margin:0;
	padding:0;
	position:absolute;
	list-style:none;
	line-height:40px;
	height:40px;
}
.pager .prev{
	top:0;
	left:0;
}
.pager .next{
	top:0;
	right:0;
}
.pager .more{
	top:0;
	left:50%;
	margin:0 0 0 -4em;
	width:8em;
}
.pager li span,
.pager li a{
	display:block;
	text-align:center;
	line-height:38px;
	height:38px;
	border:1px solid #ddd;
	color:#333;
	text-decoration:none;
	padding:0;
	text-shadow:none;
	-webkit-transition:color 0.3s, background-color 0.3s;
	transition:color 0.3s, background-color 0.3s;
}
.pager li span{
	color:#fff;
	border:0 none;
}
.pager li a:hover{
	background-color:#d80000;
	color:#fff;
}
.pager .more a:before{
	content:"\2261";
	font-size:16px;
	margin:0 0.5em 0 0;
}
.pdfico{
	vertical-align:middle;
	margin:0 0 0 0.5em;
}
.real{
	font-weight:bold;
	color:#d31d00;
}
.more{
	margin:4em 0;
	text-align:center;
}
.more-link,
.more a{
	margin:0 auto;
	display:block;
	max-width:35%;
	padding:1.25em 0;
	line-height:1;
	color:#fff;
	font-weight:bold;
	text-decoration: none;
	position:relative;
	z-index:1;
	border:1px solid #d31d00;
	border-radius:2em;
	background:#de543e url(/img/headerbg.png) repeat-x 0 0;
}
.more-link{
	clear:both;
	margin:50px auto 0 auto;
	text-align:center;
	background:#fff;
	border:1px solid #666;
	color:#666;
	-webkit-transition:color 0.3s ease, border-color 0.3s, text-indent 0.3s;
	transition:color 0.3s ease, border-color 0.3s, text-indent 0.3s;
}
.more-link:hover{
	color:#aaa;
	border-color:#aaa;
	text-indent:1em;
}

.more-link:before,
.more-link:after,
.more a:before,
.more a:after{
	content:"";
	display:block;
	border-radius:2em;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:1;
}

.more a:before{
	z-index:-1;
	background:#de543e url(/img/headerbg.png) repeat-x 0 0;
	-webkit-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
}

.more a:after {
	z-index:-2;
	background:#d31d00;
}
.more a:hover{
	background:transparent none;
}

.more a:hover:before{
	opacity:0;
}
/* ----------------------------------------------------------------
	page content
----------------------------------------------------------------- */

.entry figure{
	text-align:center;
	margin:20px 0;
	display:block;
}
.entry figcaption{
	font-weight:bold;
	padding:0.5em 0;
	display:block;
	text-align:center;
}
/* ----------------------------------------------------------------
	about
----------------------------------------------------------------- */
.about .title,
.about h2{
	background-image:url(/img/about/h2.png);
	background-size:45px 37px;
	background-position:50% 5px;
}

.about #intro{
	position:relative;
	z-index:1;
}
.about #intro:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/img/about/introbg.jpg) no-repeat 50% 0;
	z-index:-1;
}
.about #intro header{
	max-width:1000px;
	margin:0 auto;
	min-height:308px;
	text-shadow:0px 0px 5px #fff;
}
.about #intro header h3{
	padding:45px 0 30px 50%;
	color:#d31d00;
}
.about #intro header p{
	padding:0 0 45px 50%;
	font-weight:bold;
	font-size:16px;
	line-height:1.8;
}
.about #intro .sub{
	font-size: 70%;
	display: block;
}
.about #intro .cross li:before{
	background-image:url(/img/about/img1.jpg);
}
.about #intro .cross li+li:before{
	background-image:url(/img/about/img2.jpg);
}

.about #intro dt{
	position:relative;
	z-index:1;
	padding:0.5em 0 1em 0;
	overflow:hidden;
}
.about #intro dt:before{
	content:"VISION";
	display:block;
	width:100%;
	color:#eee;
	position:absolute;
	top:-0.25em;
	left:0;
	font-size:200%;
	z-index:-1;
	font-weight:normal;
	text-align:right;
}

.about #intro li + li dt:before{
	content:"MISSON";

}
.about #intro em{
	font-weight:bold;
	font-style: normal;
	color:#d31d00;
}
.about #members{
	margin:50px 0;
}
.about #members h3{
	text-align:center;
}
.about #members h4{
	text-align:center;
	color:#d31d00;
}
.about #members .staff h5{
	font-size:24px;
	text-align:left;
}
.about #members h5{
	text-align:center;
	font-size:18px;
}
.about #members h5 .post{
	display:inline-block;
	padding:0 1em 0 0;
	font-size:12px;
}
.about #members figure{
	float:right;
	padding:0 0 20px 20px;
	margin:0;
}
.about #members section{
	clear:both;
	padding:2em 0;
}
.about #members .relate{
	margin:0;
	padding:0;
	list-style:none;
}
.about #members .relate li{
	display:inline-block;
	margin:0;
	padding:0;
}
.about #members .relate li + li{
	margin-left:0.5em;
}
.entry .persons{
	list-style:none;
	margin:0;
	padding:0;
}
.persons:before,
.persons:after{
	content:"";
	display:block;
}
.persons:after{
	clear:both;
}

.entry .persons li{
	width:33.333333%;
	float:left;
	margin:0;
	padding:1.5em 0 1.5em 25px;
	border-bottom:1px dotted #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.entry .persons li:before{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-11px;
	width:18px;
	height:22px;
	background-position:0 -25px;
}
.entry .persons li:nth-child(3n+1){
	clear:left;
}

#join-us{
	background:#fbefed url(/img/about/repeatbg.jpg) repeat-x left bottom;
	padding:3em 0 250px 0;
	margin:0;
	text-align:center;
}
#join-us .entry > dl > dt{
	color:#d31d00;
	font-size:110%;
	font-weight:bold;
}
#join-us em{
	font-weight:bold;
	font-style:normal;
}
.about #join-us ul{
	text-align:center;
	margin:0;
	padding:2em 0 1em 0;
}
.about #join-us li{
	display:inline-block;
	padding:0.75em 1.25em;
	margin:0 0.25em;
	float:none;
	width:auto;
	background:#f6d2cc;
	line-height:1;
	font-weight:bold;
}
.about #usually {
	margin:50px 0 0 0;
}
.about #usually h3{
	text-align:center;
}
.about #usually figure{
	float:right;
	margin:0 0 20px 20px;
	width:50%;
}
.about #usually section{
	padding:30px 0;
	clear:both;
}
.about #usually section section{
	padding:10px 0 0 0;
}
.about #usually section + section figure{
	float:left;
	margin:0 20px 20px 0;
}
.about #history h3{
	text-align:center;
}
.about #history dl{
	overflow:hidden;
	position:relative;
	padding:35px 0 0 0;
	margin:0;
}
.about #history dl:before{
	content:"";
	position:absolute;
	top:0;
	left:5px;
	display:block;
	width:3px;
	height:100%;
	background:#eebeb7;
}
.about #history dl:after{
	content:"";
	position:absolute;
	top:0;
	left:5px;
	display:block;
	width:40px;
	height:49px;
	background-position:-20px -25px;
}

.about #history dt{
	width:6em;
	clear:left;
	float:left;
	padding:0.5em 0;
	margin:0 0 0 2em;
	position:relative;
	color:#e16552;
}
.about #history dt:before{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:-2em;
	margin-top:-6px;
	border:6px solid #e16552;
	border-radius:100%;
}
.about #history dd{
	margin:0 0 0 2em;
	padding:0.5em 0 0.5em 7em;
	border-bottom:1px dotted #ddd;
}
@media(max-width: 1000px) {
	.about #intro header{
		min-height:240px;
	}
	.about #intro:before{
		background-size:auto 240px;

	}
	.about #intro header h3{
		padding:30px 0 15px 47.5%;
		color:#d31d00;
	}
	.about #intro header p{
		padding:0 10px 15px 47.5%;
		font-weight:bold;
		font-size:14px;
		line-height:1.8;
	}
	.about #intro .cross{
		margin:0;
	}
	.about #members section section{
		padding-left:10px;
		padding-right:10px;
	}
	.about #history .entry,
	.about #usually .entry,
	.about #join-us .entry{
		padding-left:10px;
		padding-right:10px;
	}
}
@media(max-width: 900px) {
	.about #intro header{
		min-height:0;
	}
	.about #intro:before{
		background-size:auto 100px;
		left:-15%;
		padding-right:15%;
	}
	.about #intro header h3{
		padding:10px 10px 40px 50%;
		color:#d31d00;
	}
	.about #intro header p{
		padding:10px 10px 0 10px;
		font-weight:normal;
		text-shadow:none;
	}
}
@media(max-width: 720px) {
	.about #intro:before{
		background-size:auto 90px;
	}
	.about #intro header h3{
		padding-bottom:20px;
	}
	.about #intro dt{
		text-align:left;
	}
	.about #members figure{
		float:none;
		padding:0;
		margin:0 0 1em 0;
	}
	.about #members .staff h5{
		text-align:center;
	}
	.entry .persons li{
		width:50%;
		white-space:nowrap;
	}
	.entry .persons li:nth-child(3n+1){
		clear:none;
	}
	.entry .persons li:nth-child(2n+1){
		clear:left;
	}
	.entry .persons .name{
		display:block;
	}
	.about #join-us ul{
		padding:0;
	}
	.about #join-us li{
		display:block;
		padding:0.75em 1.25em;
		margin:1em 0;
	}
	.about #usually figure{
		margin:0 0 10px 10px;
	}
	.about #usually section + section figure{
		margin:0 10px 10px 0;
	}

}
@media(max-width: 600px) {
	.about #intro:before{
		background-size:auto 80px;
	}
}
@media(max-width: 540px) {
	.about #intro:before{
		background-size:auto 70px;
	}
}
@media(max-width: 400px) {
	.about #intro:before{
		background:none;
	}
	.about #intro header h3{
		padding:20px 0 0 0;
		text-align:center;
	}
}
/* ----------------------------------------------------------------
	project
----------------------------------------------------------------- */
.project .title,
.project h2{
	background-image:url(/img/project/h2.png);
	background-size:42px 42px;
}

.project .theme{
	padding:50px 0 0 0;
	margin:0 auto;
	max-width:1000px;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

}
.project footer a,
.project .theme header{
	display: block;
	/* height:116px; */
	margin:0;
	/* background-color:#f5f5f5; */
	padding:0;
	width:100%;
	color:#333;
	line-height: 1;
	position:relative;

}
.project .theme h3 span[itemprop="name"]{
	display:block;
	padding:25px 125px 0 10px;
}
.project footer span.post,
.project .theme h3 span.post{
	padding:0 0.5em 0 0;
	line-height:1;
	font-size:12px;
}
.project .theme h3 span[itemprop="image"]{
	position:absolute;
	top:10px;
	right:10px;
}
.project .theme .specialty{
	padding:1em 115px 0 10px;
}
.project .theme ul{
	margin:0;
	padding:0;
	list-style:none;
	border:5px solid #f5f5f5;
}
.project .theme li{
	margin:0;
	padding:0;
}
.project .theme li + li{
	border-top:1px solid #eee;
}
.project .theme li a{
	padding:1.5em 30px 1.5em 10px;
	margin:0;
	line-height:1.4;
	display:block;
	text-decoration:none;
	color:#333;
	position:relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
	background: -webkit-linear-gradient(top, #fff, #f9f9f9);
	background: linear-gradient(to bottom, #fff, #f9f9f9);
}
.project .theme li a:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
	background: -webkit-linear-gradient(top, #f9f9f9, #fff);
	background: linear-gradient(to bottom, #f9f9f9, #fff);
}
.project footer a:after,
.project .theme li a:after{
	content: "";
	display: block;
	background-position: -220px -35px;
	width: 8px;
	height: 17px;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -8px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.project footer a:hover:after,
.project .theme li a:hover:after{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.project footer a:hover:after{
	background-position:-200px -45px;
}
.project footer{
	margin:50px auto 0 auto;
	max-width:1000px;
}
.project footer dt{
	font-weight:bold;
	margin:0 0 20px 0;
	font-size:120%;
}
.project footer a{
	display:block;
	text-decoration:none;
	position:relative;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.project footer a:hover{
	background-color:#de543e;
	color:#fff;
}

.project footer a + a{
	margin-top:1.5em;
}
.project footer span[itemprop="name"]{
	display:block;
	padding:25px 30px 0 125px;
	font-size:120%;
	font-weight:bold;
}
.project footer .type{
	padding:1em 30px 0 125px;
	display:block;
}
.project footer span[itemprop="image"]{
	position:absolute;
	top:10px;
	left:10px;
}
@media(max-width: 1000px) {
	.project .theme{
		margin-left:10px;
		margin-right:10px;
	}
	.project .entry,
	.project footer,
	header .title + h2{
		padding-left:10px;
		padding-right:10px;
	}
}
@media(max-width: 720px) {
	.project .theme .specialty{
		padding-top:0.5em;

	}
	.project .theme .specialty .type{
		display:block;
		padding:0 0 0.5em 0;
	}
}

/* ----------------------------------------------------------------
	thesis
----------------------------------------------------------------- */
.thesis .title,
.thesis h2{
	background-image:url(/img/thesis/h2.png);
	background-size:42px 42px;
}

.thesis h5{
	font-size: 16px;
}

.thesis .theme{
	padding:50px 0 0 0;
	margin:0 auto;
	max-width:1000px;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

}
.thesis footer a,
.thesis .theme header{
	display: block;
	/* height:116px; */
	margin:0;
	/* background-color:#f5f5f5; */
	padding:0;
	width:100%;
	color:#333;
	line-height: 1;
	position:relative;

}
.thesis .theme h3 span[itemprop="name"]{
	display:block;
	padding:25px 125px 0 10px;
}
.thesis footer span.post,
.thesis .theme h3 span.post{
	padding:0 0.5em 0 0;
	line-height:1;
	font-size:12px;
}
.thesis .theme h3 span[itemprop="image"]{
	position:absolute;
	top:10px;
	right:10px;
}
.thesis .theme .specialty{
	padding:1em 115px 0 10px;
}
.thesis .theme ul{
	margin: 0 0 20px 0;
	padding:0;
	list-style:none;
	border:5px solid #f5f5f5;
}
.thesis .theme li{
	margin:0;
	padding:0;
}
.thesis .theme li + li{
	border-top:1px solid #eee;
}
.thesis .theme li a{
	padding:1.5em 30px 1.5em 10px;
	margin:0;
	line-height:1.4;
	display:block;
	text-decoration:none;
	color:#333;
	position:relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
	background: -webkit-linear-gradient(top, #fff, #f9f9f9);
	background: linear-gradient(to bottom, #fff, #f9f9f9);
}
.thesis .theme li a:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
	background: -webkit-linear-gradient(top, #f9f9f9, #fff);
	background: linear-gradient(to bottom, #f9f9f9, #fff);
}
.thesis footer a:after,
.thesis .theme li a:after{
	content: "";
	display: block;
	background-position: -220px -35px;
	width: 8px;
	height: 17px;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -8px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.thesis footer a:hover:after,
.thesis .theme li a:hover:after{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.thesis .thesislink{
	padding:0px 0 0 0;
	margin:0 0 0 auto;
	max-width:350px;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

}
.thesis footer a,
.thesis .thesislink header{
	display: block;
	/* height:116px; */
	margin:0;
	/* background-color:#f5f5f5; */
	padding:0;
	width:100%;
	color:#333;
	line-height: 1;
	position:relative;

}
.thesis .thesislink h3 span[itemprop="name"]{
	display:block;
	padding:25px 125px 0 10px;
}
.thesis footer span.post,
.thesis .thesislink h3 span.post{
	padding:0 0.5em 0 0;
	line-height:1;
	font-size:12px;
}
.thesis .thesislink h3 span[itemprop="image"]{
	position:absolute;
	top:10px;
	right:10px;
}
.thesis .thesislink .specialty{
	padding:1em 115px 0 10px;
}
.thesis .thesislink ul{
	margin: 0 0 20px 0;
	padding:0;
	list-style:none;
	border:5px solid #f5f5f5;
}
.thesis .thesislink li{
	margin:0;
	padding:0;
}
.thesis .thesislink li + li{
	border-top:1px solid #eee;
}
.thesis .thesislink li a{
	padding:1.5em 30px 1.5em 10px;
	margin:0;
	line-height:1.4;
	display:block;
	text-decoration:none;
	color:#333;
	position:relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
	background: -webkit-linear-gradient(top, #fff, #f9f9f9);
	background: linear-gradient(to bottom, #fff, #f9f9f9);
}
.thesis .thesislink li a:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
	background: -webkit-linear-gradient(top, #f9f9f9, #fff);
	background: linear-gradient(to bottom, #f9f9f9, #fff);
}
.thesis footer a:after,
.thesis .thesislink li a:after{
	content: "";
	display: block;
	background-position: -220px -35px;
	width: 8px;
	height: 17px;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -8px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.thesis footer a:hover:after,
.thesis .thesislink li a:hover:after{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.thesis footer a:hover:after{
	background-position:-200px -45px;
}
.thesis footer{
	margin:50px auto 0 auto;
	max-width:1000px;
}
.thesis footer dt{
	font-weight:bold;
	margin:0 0 20px 0;
	font-size:120%;
}
.thesis footer a{
	display:block;
	text-decoration:none;
	position:relative;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.thesis footer a:hover{
	background-color:#de543e;
	color:#fff;
}

.thesis footer a + a{
	margin-top:1.5em;
}
.thesis footer span[itemprop="name"]{
	display:block;
	padding:25px 30px 0 125px;
	font-size:120%;
	font-weight:bold;
}
.thesis footer .type{
	padding:1em 30px 0 125px;
	display:block;
}
.thesis footer span[itemprop="image"]{
	position:absolute;
	top:10px;
	left:10px;
}
@media(max-width: 1000px) {
	.thesis .theme{
		margin-left:10px;
		margin-right:10px;
	}
	.thesis .entry,
	.thesis footer,
	header .title + h2{
		padding-left:10px;
		padding-right:10px;
	}
}
@media(max-width: 720px) {
	.thesis .theme .specialty{
		padding-top:0.5em;

	}
	.thesis .theme .specialty .type{
		display:block;
		padding:0 0 0.5em 0;
	}
}

/* ----------------------------------------------------------------
	interview
----------------------------------------------------------------- */
.interview .title,
.interview h2{
	background-image:url(/img/interview/h2.png);
	background-size:39px 32px;
	background-position:50% 10px;
}
.interview .target-link ul{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.interview .target-link li{
	width:44%;
	padding:3em 3%;
	margin:0;
	float:left;
}
.interview .more a,
.interview .target-link a{
	border:1px solid #666;
	background:#fff;
	border-radius:2.5em;
	line-height:1;
	height:1em;
	font-size:16px;
	font-weight:bold;
	text-decoration: none;
	color:#666;
	display:block;
	padding:1.25em 0 1.25em 2em;
	position:relative;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.05);
}
.interview .more a:hover,
.interview .target-link a:hover{
	background: #de543e url(/img/headerbg.png) repeat-x 0 0;
	color:#fff;
	border-color:#d31d00;
}
.interview .target-link a.active,
.interview .target-link a:hover.active{
	background: #787878 url(/img/interview/tilebg.png) repeat-x 0 0;
	color:#fff;
	border-color:#787878;
}
.interview .more a:after,
.interview .target-link a:after{
	content: "";
	display: block;
	background-position: -220px -35px;
	width: 8px;
	height: 17px;
	position: absolute;
	top: 50%;
	right: 2em;
	margin-top: -8px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.interview .more a:hover:after,
.interview .target-link a:hover:after{
	-webkit-transform: translateX(1em);
	transform: translateX(1em);
}
.interview .target-link a.active:hover:after{
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.interview .more a:hover:after,
.interview .target-link a:hover:after,
.interview .target-link a.active:after{
	background-position:-200px -45px;
}
.interview .more{
	padding-top:5em;
	padding-bottom:5em;
	margin:0 auto;
	max-width:1000px;
}
.interview .more a{
	background-image:none;
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	padding-left:0;
	font-size:14px;
	max-width:50%;
	margin:0 auto;
}

.interview .more a:before{
	display:none;
}
.interview .more a:after{
	left:auto;
	z-index:1;
	border-radius: 0;
	background-color:transparent;
}

.interview .entry h3{
	margin:0;
	padding:20px 20px 0 20px;
	background:transparent;
	color:#333;
	font-size:30px;
	font-weight:bold;
	line-height:1;
}
.interview .entry .post{
	font-size:14px;
	padding:0 1em 0 0;
}
.interview .specialty{
	margin:0 0 10px 0;
}
.interview p{
	margin:1em 20px;
}
.interview .entry section{
	padding:60px 0 0 0;
	margin:0 auto;
	min-height:0;
	max-height:none;
	max-width:1000px;
	background-position:50% 0;
	background-repeat:no-repeat;
	clear:both;
}
.interview .entry section:first-child{
	padding-top:30;
}
.interview .entry section + section{
	padding-bottom:0;
}

.interview .entry section:before,
.interview .entry section:after{
	content:"";
	display:block;
}
.interview .entry section:after{
	clear:both;
}

.interview h3{
	margin:0 !important;
	padding:0 !important;
}
.interview .post{
	display:block;
	margin:0 0 0.5em 0;
	padding:0;
}
.interview p{
	margin:1em 0;
	line-height:2.2;
}

.interview--odd figure{
	float:left;
	padding:0 20px 20px 0;
	margin:0;
}
.interview--even figure{
	float:right;
	padding:0 0 20px 20px;
	margin:0;
}
/* ----------------------------------------------------------------
	publication
----------------------------------------------------------------- */
.publication .title,
.publication #head  {
	background-image:url(/img/publication/h2.png);
	background-size:42px 40px;
	background-position:50% 2px;
}
.publication .container{
        max-width:1000px;
        margin:0 auto;
        overflow:hidden;
}
/*
.publication article > section + section{
	margin-top:50px;
}
.publication section header{
	background:#ededed url(/img/repeatbg.gif) repeat 0 0;
}
.publication h3{
	max-width:1000px;
	margin:0 auto;
	padding:1.5em 0;
}
.publication section section{
	max-width:1000px;
	margin:0 auto;
	padding:0;
}
.publication h4{
	font-weight:bold;
	margin:2em 0 1em 0;
}
.publication section ol{
	margin:0;
	padding:0;
	list-style:none;
	counter-reset : item ;
}
.publication section ol li{
	margin:0 0 1em 0;
	padding:0 0 0 3em;
	position:relative;
}
.publication section ol li:before{
	content: counters(item, "") "";
	counter-increment: item ;
	position:absolute;
	top:0.4em;
	left:0;
	color:#fff;
	background:#b7b7b7;
	width:1.5em;
	height:1em;
	line-height:1;
	padding:0.4em;
	text-align:center;
}

.toc{
	max-width:1000px;
	margin:0 auto;
	font-weight:bold;
	padding:2em 0;
}
.toc ul{
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
.toc li{
	float:left;
	width:33.333333%;
}
.toc li a{
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	display:block;
	padding:1.5em 1em 1.5em 1em;
	position:relative;
	line-height:1;
}
.toc li a:after{
	content: "";
	display: block;
	width: 17px;
	height: 8px;
	background-position: -200px -35px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
*/

/* ----------------------------------------------------------------
	contact
----------------------------------------------------------------- */
.contact .title,
.contact h2{
	background-image:url(/img/contact/h2.png);
	background-size:42px 29px;
	background-position:50% 13px;
}

.contact .appoint{
	background:#ebebeb url(/img/header_circle2.png) no-repeat 50% 70%;
	width:100%;
	padding:0;
	display:block;
	text-align:center;
	position:relative;
	padding:3em 0;
}
.contact .appoint dt{
	font-size:34px;
	font-weight:bold;
}
.contact .appoint dd{
	margin-top:1em;
}
.contact .appoint em {
	background-color: #f0cbc6;
	color: #d31d00;
	display: inline-block;
	padding: 0.5em 2em;
	margin-top: 1.5em;
}
.contact .appoint .note{
	font-size:12px;
	padding:1.5em 10px 0 10px;
}
.entry .cross{
	margin:1.5em 0;
	padding:0;
	list-style:none;
}
.cross:before,
.cross:after{
	content:"";
	display:block;
}
.cross:after{
	clear:both;
}
.cross li{
	padding:10% 0 10% 50%;
	margin:0;
	position:relative;
	min-height:389px;
	list-style:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.cross li:first-child{
	padding:10% 50% 10% 0;
	background-position:0 0;
}
.cross li:before{
	content:"";
	display:block;
	width:50%;
	height:100%;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
	position:absolute;
	top:0;
	left:0;
}
.cross li:first-child:before{
	left:auto;
	right:0;
}
.cross li dl{
	padding:0 0 0 20px;
	margin:0;
}
.cross li:first-child dl{
	padding:0 20px 0 0;
	margin:0;
}
.cross dt{
	margin:0;
	padding:0;
	font-size:24px;
	font-weight:bold;
}
.contact .cross li:before{
	background-image:url(/img/contact/img2.jpg);
}
.contact .cross li:first-child:before{
	background-image:url(/img/contact/img1.jpg);
}
#contact-address{
	background:#fbefed url(/img/about/repeatbg.jpg) repeat-x left bottom;
	padding:3em 0 250px 0;
	margin:0;
	text-align:center;
}
.vcard{
	margin:1em 0;
	padding:100px 0 0 0;
	background:url(/img/contact/contact-constructerbg_ie8.gif) no-repeat 50% 0;
}
html:root .vcard{
	background-image:url(/img/contact/contact-constructerbg.gif);
	background-size:90px 85px;
}
.contact .vcard{
	margin-bottom:3em;
}
.vcard span{
	display:block;
}
.vcard span.type{
	display:inline-block;
}

.vcard .mail{
	display:block;
	width:12em;
	margin:0 auto;
}


.vcard em{
	font-size:125%;
	display:block;
	padding:0.5em 0;
}
#contact-address p{
	max-width:1000px;
	padding:0 10px 3em 10px;
	margin:0 auto;
}
#floormap h3,
#access h3{
	margin:0 0 1em 0;
	text-align:center;
}
#access ol{
	margin:0;
	padding:0;
	list-style:none;
}
#access ol:before,
#access ol:after{
	content:"";
	display:block;
}
#access ol:after{
	clear:both;
}
#access li{
	float:left;
	width:33.333333%;
	padding:0;
	margin:0 0 2em 0;
}
#access dl{
	max-width:320px;
	margin:0 auto;
}
#access li:nth-child(4){
	clear:left;
}
#access li dt img{
	max-width:320px;
	width:100%;
	margin:0 auto;
	padding:0;
	vertical-align:top;
}
#access .map a{
	color:#333;
	text-decoration:none;
}
#access .map dt{
	padding:62.5% 0 0 0;
	margin:0;
	display:block;
	height:0;
	max-width:320px;
	position:relative;
	background-color:transparent;
	z-index:1;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
}
#access .map em{
	position:absolute;
	top:50%;
	left:0;
	padding:30px 0 0 0;
	margin-top:-1em;
	font-style: normal;
	font-weight:bold;
	width:100%;
	text-align:center;
	z-index:2;
}
#access .map dt:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color:#fff;
	border:1px solid #ebebeb;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	-webkit-transition:background-color 0.3s ease;
	transition:background-color 0.3s ease;
}
#access .map a:hover dt:before{
	background-color:#fbefed;
}

#access .map dt:after{
	content: "";
	display: block;
	z-index:1;
	position: absolute;
	top: 30%;
	left: 50%;
	background-position: -150px 0;
	width: 48px;
	height: 46px;
	margin-left:-24px;
	-webkit-transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
}
#access .map a:hover dt:after{
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.contact section{
	padding:50px 0 0 0;
}
/* ----------------------------------------------------------------
	blog
----------------------------------------------------------------- */
.blog .title,
.blog h2{
	background-image:url(/img/blog/h2.png);
	background-size:36px 36px;
	background-position:50% 6px;
}

.blog .meta{
	max-width:1000px;
	margin:0.25em auto 0 auto;
	padding:0;
	text-align:center;
}
.blog .entry-meta time,
.blog .meta time{
	color:#fff;
	background-color: #303030;
	font-size: 10px;
	width: 5.5em;
	height: 1em;
	line-height: 1;
	padding: 5px;
}
.blog .entry + .entry{
	border-top:1px dotted #ddd;

}
.blog .entry-title{
	font-weight:bold;
	margin:0;
}
.blog .entry-title a{
	display:block;
	line-height:1.4;
}
.blog .entry-title + .entry-meta{
	margin:0.25em 0 0 0;
}
.blog .entry-content{
	padding:20px 0;
}
.blog .entry a + a{
	margin-left:1em;
}
/* Paging Navigation */

.loop-pagination {
	text-align: center;
	max-width:1000px;
	margin:0 auto 50px auto;
	overflow:hidden;
	clear:both;
}
.page-numbers {
	border-top: 5px solid transparent;
	display: inline-block;
	font-size: 14px;
	font-weight: 900;
	margin-right: 1px;
	padding: 7px 16px;
	text-transform: uppercase;
}
.pagination a {
	color: #333;
	-webkit-transition:border-top-color 0.3s, color 0.3s;
	transition:border-top-color 0.3s, color 0.3s;
}
.pagination .page-numbers.current {
	border-top-color: #d31d00;
}
.pagination a:hover {
	border-top-color:  #de543e;
	color: #2b2b2b;
}
#blog-function{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	padding:50px 0;
	clear:both;
}
#blog-function aside{
	width:70%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 10px;
}
#blog-function aside + aside{
	width:30%;
}
#blog-function h2{
	font-size:16px;
}
.widget_recent_entries{
	border:5px solid #f5f5f5;
	border-top:0 none;
}
.widget_recent_entries h2{
	margin: 0 -10px 0 -10px;
	padding:15px 0;
	background:#f5f5f5;
	text-align:center;
}
.blog .nav-links{
	clear:both;
	overflow:hidden;
	max-width:1000px;
	margin:0 auto 50px auto;
	padding:0;
	position:relative;
	height:80px;
}
.blog .nav-links:before{
	content:"";
	display:block;
	width:1px;
	height:100%;
	background-color:#ddd;
	position:absolute;
	top:0;
	left:50%;
}

.blog .nav-links a{
	display:block;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	float:left;
	width:50%;
	height:100%;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 10px 0 40px;

}
.nav-links .meta-title{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	line-height:80px;
}
.blog .nav-links a + a{
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:right;
	padding:0 40px 0 10px;
}

.blog .nav-links .meta-nav{
	display: block;
	overflow:hidden;
	background-position: -220px -55px;
	width: 8px;
	height: 0;
	padding:17px 0 0 0;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -8px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.blog .nav-links a:hover .meta-nav{
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}
.blog .nav-links a + a .meta-nav{
	background-position: -220px -35px;
	left:auto;
	right: 20px;
}
.blog .nav-links a + a:hover .meta-nav{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

@media(max-width: 600px) {
	.blog .nav-links{
		height:120px;
	}
	.blog .nav-links:before{
		display:none;
	}
	.blog .nav-links a{
		width:100%;
		float:none;
		height:60px;
	}
	.blog .nav-links a + a{
		border-top:0 none;
	}
	.nav-links .meta-title{
		line-height:60px;
	}
	.more-link{
		max-width:1000px;
	}
}

/* ----------------------------------------------------------------
	shareThis
----------------------------------------------------------------- */
#shareThis{
	text-align:center;
	padding:30px 0;
	height:20px;
	line-height:1;
	margin:0;
	position:relative;
	overflow:hidden;
}
#shareThis .twitter-share-button,
#shareThis .hatena-bookmark-button-frame{
	display:inline-block;
	height:20px !important;
	line-height:1 !important;
	padding:0 !important;
	border:0 none !important;
	text-align:left;
}
#shareThis .hatena-bookmark-button-frame{
	margin:0 0 0 15px;
	width:80px !important;
}
#shareThis .twitter-share-button{
	margin:0;
	width:56px !important;
}
#shareThis .fb-like{
	margin:0 15px 0 0 ;
	display:inline-block !important;
	width:92px !important;
	height:20px !important;
	position:relative;
}
#shareThis .fb-like > span{
	width:92px !important;
	height:20px !important;
	text-align:left !important;
	position:absolute !important;
	display:block !important;
	top:0;
	left:0;
}
#shareThis #fblikebtn{
	margin:0 15px 0 0;
	padding:0;
	border:0 none;
	display:inline-block !important;
	width:92px !important;
	height:20px !important;
	overflow:hidden;
	position:relative;
}
#shareThis a.hatena-bookmark-button,
#shareThis a.twitter-share-button{
	display:none;
}
/* ----------------------------------------------------------------
	responsive
----------------------------------------------------------------- */
@media(min-height: 900px) and (min-width: 1180px) {
	#pagetop{
		position:fixed;
		margin-left:520px;
	}
}
@media(max-width: 1000px) {
	#slide .p1{
		height:100%;
	}
	#slide .p2{
		height:200%;
	}
	#navigation ul:before,
	#navigation ul:after{
		display:none;
	}
	#breadcrumbs ol{
		padding:0 10px;
	}
	.top .introSec,
	.top .contactSec{
		padding-left:10px;
		padding-right:10px;
	}
	.projectSec ul{
		padding:0 10px;
	}
	#main .interviewSec{
		padding:0 5px;
	}
	.interviewSec ul{
		margin:0;
	}
	#main .blogSec,
	.blogSec ul{
		padding:0;
		margin:0;
	}
	.top .contactSec{
		background-size:110% auto;
	}
	.contactSec .appoint a{
		background-size:100% auto;
	}
	#contentinfo small{
		padding-right:10px;
	}


	/*interview*/
	.interview .target-link ul{
		padding:0 10px;
	}
	.interview .target-link li{
		width:47.5%;
		padding-left:2.5%;
		padding-right:0;
	}
	.interview .target-link li:first-child{
		padding-left:0;
		padding-right:2.5%;
	}
	.interview .more{
		padding-top:4em;
		padding-bottom:4em;
	}
	.interview .entry {
		padding-left:10px;
		padding-right:10px;
	}
	.interview .entry section:first-child{
		padding-top:20px;
	}
	/*publication*/
	.publication section h3,
	.toc,
	.publication section section{
		padding-left:10px;
		padding-right:10px;
	}
	/*contact*/
	.cross li{
		padding:0 10px 0 50%;
		min-height:300px;
	}
	.cross li:first-child{
		padding:0 50% 0 10px;
	}
	.cross dl{
		display:table;
		vertical-align:middle;
	}
	#floormap{
		padding-left:10px;
		padding-right:10px;
	}
	#access ol{
		margin:0 5px;
	}
	#access li dl{
		margin:0 5px;
	}
	/*blog*/
	.blog .entry,
	.blog .meta{
		padding-left:10px;
		padding-right:10px;
	}

}
@media(max-width: 900px) {
	#header,
	#header h1,
	#navigation ul:before,
	#navigation ul:after{
		height:81px;
	}
	#header h1 a{
		padding-top:81px;
		background-size:auto 100%;
	}
	#navigation a{
		padding:48px 0 25px 0;
	}
	#navigation a{
		font-size:12px;
	}
	#navigation .locale-switcher{
		height:30px;
	}
	#navigation .locale-options a{
		line-height:30px;
	}
	#main,
	.change .top #main{
		padding-top:81px;
	}
	.top #main h2{
		font-size:42px;
	}
	#main h2{
		font-size:32px;
	}
	.blog .entry-title,
	#main h3{
		font-size:28px;
	}
	#main h4{
		font-size:24px;
	}
	#breadcrumbs li a {
		padding-top:14px;
		padding-bottom:14px;
	}

	.interview figure {
		width:50%;
	}
	.interview--odd figure{
		padding:0 10px 10px 0;
	}
	.interview--even figure{
		padding:0 0 10px 10px;
	}
	/*page header*/
	article > header {
		padding:55px 0 25px 0;
	}
	header .title,
	article > header > h2{
		padding-top:45px;
		font-size:22px !important;
	}
	.about .title,
	.about h2{
		background-size:40px 33px;
		background-position:50% 4px;
	}
	.project .title,
	.project h2{
		background-size:37px 37px;
	}
	.interview .title,
	.interview h2{
		background-size:34px 28px;
		background-position:50% 9px;
	}
	.publication .title,
	.publication h2{
		background-size:37px 35px;
		background-position:50% 2px;
	}
	.blog .title,
	.blog h2{
		background-size:32px 32px;
		background-position:50% 5px;
	}
	.contact .title,
	.contact h2{
		background-size:37px 25px;
		background-position:50% 12px;
	}
}
@media(max-width: 800px) {
	#header,
	#header h1,
	#navigation ul:before,
	#navigation ul:after{
		height:70px;
	}
	#header h1 a{
		padding-top:70px;
	}
	#navigation a{
		padding:42px 0 20px 0;
		font-size:11px;
	}
	#navigation a:before{
		top:10%;
	}
	#main,
	.change .top #main{
		padding-top:70px;
	}
	.top #main h2{
		font-size:40px;
	}
	#main h2{
		font-size:30px;
	}
	.blog .entry-title,
	#main h3{
		font-size:26px;
	}
	#main h4{
		font-size:22px;
	}
	.projectSec .primary,
	.projectSec .primary ul,
	.projectSec ul{
		display:block;
		max-width:100%;
	}
	.projectSec .secondary ul{
		margin-top:0;
	}
	.projectSec .primary li,
	.projectSec li{
		display:block;
		width:100%;
		height:100%;
		margin:1.5em 0;
	}
	.projectSec dl{
		margin:0 !important;
	}
	.projectSec dd{
		height:2.6em;
	}
	.blogSec li{
		width:100%;
		float:none;
	}
	.blogSec li a{
		margin-bottom:10px;
	}

	/*interview*/
	.interview .target-link li{
		padding-top:2em;
		padding-bottom:2em;
	}
	.interview .target-link a{
		font-size:14px;
	}
	.interview .more{
		padding-top:3.5em;
		padding-bottom:3.5em;
	}
	/*contact*/
	.cross li{
		min-height:250px;
	}

	.cross dl{
		vertical-align:top;
		display:block;
	}

}
@media(max-width: 720px) {
	#header{
		position:relative !important;
	}
	#main{
		padding-top:0 !important;
	}
	#header,
	#header h1{
		height:81px;
	}
	#header h1 a{
		padding-top:81px;
		background-image:url(/img/logobg.png) !important;
		background-size:auto 100%;
		background-position:0 0;
		width:100%;
		margin:0;
		cursor:default;
	}
	#header h1 a:before{
		display:block;
		background-size:auto 100%;
	}
	#header h1 a:after{
		content:"";
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		border-bottom:1px solid #eee;
	}
	#build-menu-button{
		display:block;
	}
	#navigation > div,
	#navigation > ul > li{
		display:none;
	}
	#navigation{
		left:auto;
		right:10px;
		top:15px;
		background:#fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
		background: -webkit-linear-gradient(top, #fff, #f9f9f9);
		background: linear-gradient(to bottom, #fff, #f9f9f9);
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
		width:80px;
		height:50px;
		z-index:2;
		cursor:pointer;
	}
	#navigation:before{
		content:"MENU";
		font-family:monospace;
		color: #fff;
		font-weight:normal;
		font-size:10px;
		height:18px;
		line-height:18px;
		letter-spacing: 0.1em;
		background: #de543e url(/img/headerbg.png) repeat-x 0 0;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		padding:0;
		text-align:center;
	}
	#navigation:after{
		content:"\2261";
		font-family:'Courier New', monospace;
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		margin:0;
		padding:0;
		font-weight:normal;
		font-size:30px;
		line-height:30px;
		height:30px;
		width:100%;
		text-shadow: 1px 1px 1px #fff;
		vertical-align: middle;
		text-align:center;
	}
	#navigation > ul{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	.introSec h3{
		text-align:center;
		background-color:rgba(255,255,255,0.5);
	}
	.introSec section{
		background-position:50% 20px;
		background-size:auto 60%;
		padding:35% 0 0 0;
	}
	.introSec section + section{
		background-position:50% 20px;
		background-size:auto 60%;
		padding:35% 0 0 0;
	}
	.interviewSec li{
		width:50%;
	}
	.interviewSec li:nth-child(3),
	.interviewSec li:nth-child(3) ~ li{
		display:none !important;
	}
	.top .contactSec{
		padding-bottom:200px;
		background-image:url(/img/footer_s.jpg);
	}
	.contactSec ul{
		margin-top:20px;
	}
	.contactSec li a{
		margin-left:10px;
	}
	.contactSec li:first-child a{
		margin-right:10px;
		margin-left:0;
	}
	.top #main h2{
		font-size:35px;
	}
	#main h2{
		font-size:28px;
	}
	.blog .entry-title,
	#main h3{
		font-size:24px;
	}
	#main h4{
		font-size:20px;
	}
	.more a{
		max-width:50%;
	}
	.entry{
		font-size:14px;
	}
	.mt-image-none,
	.mt-image-left,
	.mt-image-right{
		display:block !important;
		float:none !important;
		clear:both !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.entryMeta{
		margin-top:30px;
		text-align:center;
	}
	.entry table th{
		width:8em;
	}
	.entry table td{
		padding:1em 0.25em 1em 0.75em;
	}

	#main .toc,
	#main .relate{
		padding-left:10px;
		padding-right:10px;
	}
	#main .toc h3,
	#main .relate h3{
		margin-bottom: 10px;
	}
	.entry table{
		font-size:12px;
	}
	.entry table th{
		padding-top:0.75em;
		padding-bottom:0.75em;
	}
	.entry table td{
		padding:0.75em;
	}
	/*interview*/
	.interview .more{
		/*background: #ededed url(/img/repeatbg.gif) repeat 0 0;*/
		padding:1.5em 0;
	}
	.interview .more a{
		margin:0 auto ;
		max-width:80% ;
		background-color:#fff ;
	}
	/*publication*/
	.toc li{
		width:50%;
	}
	/*contact*/
	.contact .appoint{
		background-size:120% auto;
		padding:2em 0;
	}
	.contact .appoint dt{
		font-size:28px;
	}
	.contact .appoint dd{
		padding:0 10px;
	}
	/*contact*/
	.cross li,
	.cross li:first-child{
		min-height:0;
		padding:40% 0 0 0;
		width:50%;
		float:left;
	}
	.cross li dl,
	.cross li:first-child dl{
		padding:0 10px;
		background:#fff;
		position:relative;
	}
	.cross li:before{
		width:100%;
		background-position:0 0;
		background-size:100% auto;
	}
	.cross dt{
		font-size:20px;
		text-align:center;
	}
	#join-us,
	#contact-address{
		background-size:auto 125px;
		padding-bottom:125px;
	}
	#access ol{
		margin:0 10px;
	}
	#access li{
		width:50%;
	}
	#access li:nth-child(2n+1){
		clear:left;
	}
	#access li:nth-child(4){
		clear:none;
	}
	#access li dl,
	#access li:nth-child(even) dl,
	#access li:nth-child(odd) dl{
		margin:0 auto;
	}
	/*page header*/
	article > header {
		padding:50px 0 20px 0;
	}
	header .title,
	article > header > h2{
		padding-top:40px;
		font-size:18px !important;
	}
	.about .title,
	.about h2{
		background-size:40px 33px;
		background-position:50% 1px;
	}
	.project .title,
	.project h2{
		background-size:34px 34px;
	}
	.interview .title,
	.interview h2{
		background-size:32px 26px;
		background-position:50% 8px;
	}
	.publication .title,
	.publication h2{
		background-size:34px 32px;
		background-position:50% 2px;
	}
	.blog .title,
	.blog h2{
		background-size:29px 29px;
		background-position:50% 5px;
	}
	.contact .title,
	.contact h2{
		background-size:34px 23px;
		background-position:50% 11px;
	}
}
@media(max-width: 600px) {
	.introSec section{
		padding:45% 0 0 0;
	}
	.top .contactSec{
		padding-bottom:150px;
	}
	.contactSec .appoint dt{
		font-size:20px;
	}
	.top #main h2,
	#main h2{
		font-size:26px;
	}
	.blog .entry-title,
	#main h3{
		font-size:22px;
	}
	#main h4{
		font-size:18px;
	}
	.table-frame{
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		position: relative;
	}
	.entry .table-frame table{
		width:600px;
	}
	.table-frame:before{
		content:"";
		display:block;
		width:89px;
		height:121px;
		position:absolute;
		top:50%;
		left:100px;
		margin-top:-60px;
		background:url(/ITC-local/img/swipe_icon.png) no-repeat 0 0;
		background-size:100% auto;
		z-index:1;
	}
	.table-frame.touched:before{
		-webkit-animation: fadeIn 2s;
		animation: fadeIn 2s;
	}
	.table-frame.nowtouch:before,
	.table-frame:hover:before{
		left:-100px;
	}
	/*interview*/
	.interview .target-link li{
		padding-top:1.5em;
		padding-bottom:1.5em;
	}
	.interview .target-link a{
		padding:1em 0 1em 1.5em;
	}
	.interview .target-link a:after{
		right:1.25em;
	}
	.interview .target-link a:hover:after{
		-webkit-transform: translateX(0.5em);
		transform: translateX(0.5em);
	}
	/*contact*/
	#access li:nth-child(even) dl{
		margin:0 0 0 5px;
	}
	#access li:nth-child(odd) dl{
		margin:0 5px 0 0;
	}
}
@media(max-width: 540px) {
	/*contact*/
	.contact .appoint{
		padding:1.5em 0;
	}
	.contact .appoint dt{
		font-size:24px;
	}
	.contact .appoint dd{
		margin-top:0.5em;
	}
	.contact .appoint em{
		margin-top:0.5em;
	}
	header .title,
	article > header > h2{
		font-size:16px !important;
	}
}
@media(max-width: 480px) {
	.respond{
		display:none;
	}
	#contentinfo small{
		font-size:18px;
	}
	#header,
	#header h1{
		height:70px;
	}
	#header h1 a{
		padding-top:70px;
		background-size:auto 100%;
	}
	#build-menu-button{
		width:80px;
		height:70px;
	}
	#navigation{
		top:10px;
		width:70px;
	}
	#breadcrumbs{
		font-size:10px;
	}
	#breadcrumbs li a {
		padding-top:10px;
		padding-bottom:10px;
	}
	#breadcrumbs li.current span{
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		max-width:10em;
		display:inline-block;
	}
	.top #main h2,
	#main h2{
		font-size:22px;
	}
	.blog .entry-title,
	#main h3{
		font-size:18px;
	}
	#main h4{
		font-size:16px;
	}
	.more a{
		max-width:80%;
	}
	.entry h3{
		font-size:16px;
	}
	.entry .table-frame table{
		width:540px;
	}
	.entry table th{
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
	.entry table td{
		padding:0.5em;
	}
	.introSec section{
		padding:50% 0 0 0;
	}
	.introSec section + section{
		padding:60% 0 0 0;
	}
	.interviewSec .post{
		padding:0 0 0.5em 0;
		display:block;
	}
	.interviewSec .post,
	.interviewSec dd{
		font-size:10px;
	}
	.interviewSec span[itemprop="name"]{
		font-size:14px;
	}
	.top .contactSec{
		padding-bottom:100px;
	}
	.contactSec ul{
		margin-top:10px;
	}
	.contactSec li a{
		margin-left:5px;
	}
	.contactSec li:first-child a{
		margin-right:5px;
		margin-left:0;
	}
	.contactSec .appoint dt{
		font-size:18px;
	}
	/*interview*/
	.interview .target-link li{
		padding-top:1.25em;
		padding-bottom:1.25em;
	}
	.interview .target-link a{
		padding:1em 0 1em 1.25em;
	}
	.interview .entry h3{
		padding:10px 10px 0 10px;
	}

	/*contact*/
	.contact .appoint dt{
		font-size:20px;
	}
	.contact .cross{
		margin:-20px 0 0 0;
	}
	.cross li,
	.cross li:first-child{
		min-height:0;
		padding:40% 0 0 0;
		margin:0 0 20px 0;
		width:100%;
		float:none;
	}
	.cross li dl,
	.cross li:first-child dl{
		padding:0 10px;
		background:#fff;
		position:relative;
	}
	.cross dt{
		padding:0.5em 0;
	}
	#join-us,
	#contact-address{
		background-size:auto 75px;
		padding-bottom:75px;
	}
	#contact-address p{
		font-size:12px;
	}
	.vcard span.type{
		display:block;
		padding:0;
	}
}
@media(max-width: 400px) {

	/*interview*/
	.interview .target-link a{
		font-size:13px;
	}

	.interview figure{
		float:none;
		width:100%;
		margin:0 0 20px 0;
		padding:0;
	}
	.interview .more a{
		max-width:100%;
	}
	/*publication*/
	.toc li a{
		font-size:12px;
		font-weight:normal;
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		padding-right:2.5em;
	}
	/*contact*/
	#access .map dt:after{
		top:20px;
	}

}

@media(max-width: 360px) {
	.introSec section{
		padding:55% 0 0 0;
		background-size:100% auto !important;
	}
	.introSec section + section{
		padding:65% 0 0 0;
	}
	.interviewSec dd{
		margin-left:5%;
		margin-right:5%;
	}
	.top .contactSec{
		padding-bottom:80px;
	}
	.contactSec .appoint dd{
		font-size:12px;
	}

	.top #main h2,
	#main h2{
		font-size:20px;
	}
	.blog .entry-title,
	#main h3{
		font-size:16px;
	}
	#main h4{
		font-size:14px;
	}
	.entry .table-frame table{
		width:480px;
	}
	/*contact*/
	.contact .appoint dt{
		font-size:18px;
	}
	/*contact*/
	#access .map dt:after{
		top:15px;
	}
}
/* ----------------------------------------------------------------
	jscrollpane
----------------------------------------------------------------- */
.jspScrollable{
	outline:0 none !important;
}
.jspContainer{
	overflow: hidden;
	position: relative;
	outline:0 none !important;
}
.jspPane{
	position: absolute;
	outline:0 none !important;
	width:100% !important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0 0 0 !important;
}
.jspVerticalBar{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: transparent;
}
.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: transparent;
}
.jspVerticalBar *,
.jspHorizontalBar *{
	margin: 0;
	padding: 0;
}
.jspCap{
	display: none;
}
.jspHorizontalBar .jspCap{
	float: left;
}
.jspTrack{
	position: relative;
	background-color: #f1f1f1;
	border-radius:5px;
}
.jspDrag{
	background-color: #ddd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius:5px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
	float: left;
	height: 100%;
}
.jspArrow{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled{
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow{
	height: 16px;
}
.jspHorizontalBar .jspArrow{
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus{
	outline: none;
}
.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}
* html .jspCorner{
	margin: 0 -3px 0 0;
}
/* ----------------------------------------------------------------
	crayon
----------------------------------------------------------------- */
#colorbox.crayon-colorbox,#cboxOverlay.crayon-colorbox,.crayon-colorbox #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay.crayon-colorbox{position:fixed;width:100%;height:100%}.crayon-colorbox #cboxMiddleLeft,.crayon-colorbox #cboxBottomLeft{clear:left}.crayon-colorbox #cboxContent{position:relative}.crayon-colorbox #cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}.crayon-colorbox #cboxTitle{display:none!important}.crayon-colorbox #cboxLoadingOverlay,.crayon-colorbox #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}.crayon-colorbox #cboxPrevious,.crayon-colorbox #cboxNext,.crayon-colorbox #cboxClose,.crayon-colorbox #cboxSlideshow{cursor:pointer}.crayon-colorbox .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.crayon-colorbox .cboxIframe{width:100%;height:100%;display:block;border:0}#colorbox.crayon-colorbox,.crayon-colorbox #cboxContent,.crayon-colorbox #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay.crayon-colorbox{background:#000}#colorbox.crayon-colorbox{outline:0}.crayon-colorbox #cboxContent{margin-top:20px;background:#000}.crayon-colorbox .cboxIframe{background:#fff}.crayon-colorbox #cboxError{padding:50px;border:1px solid #ccc}.crayon-colorbox #cboxLoadedContent{border:5px solid #000;background:#fff}.crayon-colorbox #cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}.crayon-colorbox #cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}.crayon-colorbox #cboxPrevious,.crayon-colorbox #cboxNext,.crayon-colorbox #cboxSlideshow,.crayon-colorbox #cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}.crayon-colorbox #cboxPrevious:active,.crayon-colorbox #cboxNext:active,.crayon-colorbox #cboxSlideshow:active,.crayon-colorbox #cboxClose:active{outline:0}.crayon-colorbox #cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}.crayon-colorbox #cboxContent{margin-top:0}.crayon-colorbox #cboxLoadedContent{border:0}#crayon-main-wrap .form-table th{width:100px}#crayon-log{display:none;max-height:200px;border-color:#dfdfdf;background-color:white;border-width:1px;border-style:solid;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:1px;padding:3px;overflow:auto;white-space:pre;margin-bottom:5px}.crayon-span,.crayon-span-5,.crayon-span-10,.crayon-span-50,.crayon-span-100,.crayon-span-110{line-height:24px;display:inline-block}.crayon-span-5{min-width:5px}.crayon-span-10{min-width:10px}.crayon-span-50{min-width:50px}.crayon-span-100{min-width:100px}.crayon-span-110{min-width:117px}.crayon-span-margin{margin-left:5px}#height_mode,#width_mode{min-width:65px}.crayon-error{color:#F00}.crayon-success{color:#00F}.crayon-warning{color:#ff8000}.crayon-help{min-height:30px;padding:5px 10px}.crayon-help .crayon-help-close,.crayon-help .crayon-help-close:active,.crayon-help .crayon-help-close:hover{text-decoration:none;float:right;color:#000}.crayon-help span,.crayon-help a{margin:0;padding:0;font-size:12px}#crayon-log-text{font:11px/13px Monaco,'MonacoRegular','Courier New',monospace}#crayon-log-controls{float:left;margin-right:5px}.crayon-table{font-size:12px;border:1px solid #999;padding:0;margin:0;margin-top:12px}.crayon-table td{vertical-align:top;border-bottom:1px solid #AAA;padding:0 6px;margin:0;background:#EEE}.crayon-table-light td{background:#f8f8f8}.crayon-table-header td{font-weight:bold;background:#CCC}.crayon-table-last td,.crayon-table tr:last-child td{border:0}#lang-info div{padding:5px 0}.crayon-table .not-parsed{color:#F00}.crayon-table .parsed-with-errors{color:#f90}.crayon-table .successfully-parsed{color:#77a000}#crayon-live-preview,#crayon-log-wrapper{padding:0;width:100%;float:left;clear:both}#crayon-live-preview{float:none;padding:0}#crayon-logo{text-align:center}#crayon-info,#crayon-info td{border:0;padding:0 5px;margin:0}.crayon-admin-button{display:inline-block;text-align:center}#crayon-subsection-langs-info{margin-top:5px}#crayon-theme-editor-admin-buttons{display:inline}#crayon-theme-editor-admin-buttons .crayon-admin-button{margin-left:5px}#crayon-theme-info{display:table;padding:0;margin:0;margin-top:5px}#crayon-theme-info>div{display:table-cell;vertical-align:middle}#crayon-theme-info .content *{float:left}#crayon-theme-info .field{font-weight:bold}#crayon-theme-info .field,#crayon-theme-info .value{margin-left:5px}#crayon-theme-info .description.value{font-style:italic;color:#999}#crayon-theme-info .type{text-align:center;min-width:120px;font-weight:bold;border-right:1px solid #ccc;padding-right:5px}#crayon-theme-info .type.stock{color:#666}#crayon-theme-info .type.user{color:#5b9a00}#crayon-editor-table td{vertical-align:top}.small-icon{width:24px;height:24px;display:inline-block;margin:5px 5px 0 0}#twitter-icon{background:url(/blog/wp/wp-content/plugins/crayon-syntax-highlighter/css/images/twitter.png)}#gmail-icon{background:url(/blog/wp/wp-content/plugins/crayon-syntax-highlighter/css/images/google.png)}#docs-icon{background:url(/blog/wp/wp-content/plugins/crayon-syntax-highlighter/css/images/docs.png)}#git-icon{background:url(/blog/wp/wp-content/plugins/crayon-syntax-highlighter/css/images/github.png)}#wp-icon{background:url(/blog/wp/wp-content/plugins/crayon-syntax-highlighter/css/images/wordpress-blue.png)}#donate-icon{background:url(/blog/wp/wp-content/plugins/crayon-syntax-highlighter/css/images/donate.png);width:75px}#crayon-donate,#crayon-donate input{margin:0;display:inline;padding:0}#crayon-theme-editor-info a{text-decoration:none!important;font-style:italic!important;color:#666!important}.crayon-syntax .note{font-style:italic;color:#999}#crayon-change-code-text{width:400px;height:300px}.crayon-syntax{overflow:hidden!important;position:relative!important;direction:ltr;text-align:left;box-sizing:border-box;direction:ltr!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-text-size-adjust:none}.crayon-syntax div{background:0;border:0;padding:0;margin:0;text-align:left}.crayon-syntax.crayon-loading{visibility:hidden}.crayon-syntax,.crayon-syntax .crayon-main,.crayon-syntax .crayon-toolbar,.crayon-syntax .crayon-info,.crayon-syntax .crayon-plain,.crayon-syntax .crayon-code{width:100%}.crayon-syntax .crayon-main,.crayon-syntax .crayon-plain{overflow:auto}.crayon-syntax,.crayon-syntax .crayon-main,.crayon-syntax .crayon-plain,.crayon-syntax .crayon-table{padding:0;margin:0}.crayon-syntax-inline{margin:0 2px;padding:0 2px}.crayon-syntax .crayon-table{border:none!important;background:none!important;padding:0!important;margin-top:0!important;margin-right:0!important;margin-bottom:0!important;width:auto!important;border-spacing:0!important;border-collapse:collapse!important}.crayon-syntax .crayon-table td,.crayon-syntax .crayon-table tr{padding:0!important;border:none!important;background:0;vertical-align:top!important;margin:0!important}.crayon-syntax .crayon-invisible{display:none!important}.crayon-plain-tag{margin-bottom:12px}.crayon-popup .crayon-plain{display:block!important;width:100%!important;height:100%!important;opacity:100!important;position:relative!important}.crayon-popup-window{background:#fff}.crayon-syntax .crayon-num{text-align:center;padding:0 5px;margin:0}.crayon-syntax .crayon-toolbar{position:relative;overflow:hidden;z-index:4}.crayon-syntax .crayon-info{position:absolute;overflow:hidden;display:none;z-index:3;padding:0;min-height:18px;line-height:18px}.crayon-syntax .crayon-info div{padding:2px!important;text-align:center}.crayon-syntax .crayon-toolbar span{padding:0 4px!important}.crayon-syntax .crayon-toolbar .crayon-button{display:inline;float:left!important;position:relative;width:24px;background-repeat:no-repeat;line-height:15px;border:0;text-decoration:none}.crayon-toolbar .crayon-button,.crayon-toolbar .crayon-button:hover,.crayon-toolbar .crayon-button.crayon-pressed:hover{background-position:0 center}.crayon-toolbar .crayon-button.crayon-pressed,.crayon-toolbar .crayon-button:active,.crayon-toolbar .crayon-button.crayon-pressed:active{background-position:-24px 0}.crayon-toolbar .crayon-button.crayon-popup-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-popup-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-popup-button.crayon-pressed:hover .crayon-button-icon{background-position:0 0}.crayon-toolbar .crayon-button.crayon-copy-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-copy-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-copy-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -16px}.crayon-toolbar .crayon-button.crayon-nums-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-nums-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-nums-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -32px}.crayon-toolbar .crayon-button.crayon-plain-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-plain-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-plain-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -48px}.crayon-toolbar .crayon-button.crayon-mixed-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-mixed-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-mixed-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -64px}.crayon-toolbar .crayon-button.crayon-minimize .crayon-button-icon{background-position:0 -80px;background-color:transparent!important}.crayon-toolbar .crayon-button.crayon-expand-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-expand-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-expand-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -96px}.crayon-toolbar .crayon-button.crayon-wrap-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-wrap-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-wrap-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -112px}.crayon-toolbar .crayon-button.crayon-popup-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-popup-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-popup-button.crayon-pressed:active .crayon-button-icon{background-position:-24px 0}.crayon-toolbar .crayon-button.crayon-copy-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-copy-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-copy-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -16px}.crayon-toolbar .crayon-button.crayon-nums-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-nums-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-nums-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -32px}.crayon-toolbar .crayon-button.crayon-plain-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-plain-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-plain-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -48px}.crayon-toolbar .crayon-button.crayon-mixed-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-mixed-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-mixed-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -64px}.crayon-toolbar .crayon-button.crayon-minimize .crayon-button-icon{background-position:-24px -80px;background-color:transparent!important}.crayon-toolbar .crayon-button.crayon-expand-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-expand-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-expand-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -96px}.crayon-toolbar .crayon-button.crayon-wrap-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-wrap-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-wrap-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -112px}.crayon-syntax .crayon-toolbar .crayon-language{padding-right:8px!important}.crayon-syntax .crayon-title,.crayon-syntax .crayon-language{float:left}

/*
.crayon-main::-webkit-scrollbar,.crayon-plain::-webkit-scrollbar{height:6px;overflow:visible;width:6px;background:#EEE}
.crayon-main::-webkit-scrollbar-thumb,.crayon-plain::-webkit-scrollbar-thumb{background-color:#CCC;background-clip:padding-box;border:1px solid #AAA;box-shadow:inset 0 0 2px #999;min-height:8px;padding:0;border-width:1px}
.crayon-main::-webkit-scrollbar-button,.crayon-plain::-webkit-scrollbar-button{height:0;width:0;padding:0}
.crayon-main::-webkit-scrollbar-track,.crayon-plain::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 4px;border:1px solid #BBB;border-right:0;border-bottom:0}
.crayon-main::-webkit-scrollbar-corner,.crayon-plain::-webkit-scrollbar-corner{background:#EEE}
.crayon-main::-webkit-scrollbar-thumb:hover,.crayon-plain::-webkit-scrollbar-thumb:hover{background:#AAA;border:1px solid #777;box-shadow:inset 0 0 2px #777}
*/
.crayon-syntax .crayon-pre,.crayon-syntax pre{color:#000;white-space:pre;margin:0;padding:0;overflow:visible;background:none!important;border:none!important}.crayon-syntax .crayon-line{padding:0 5px}.crayon-syntax.crayon-wrapped .crayon-line{white-space:pre-wrap!important}.crayon-syntax-inline .crayon-pre,.crayon-syntax-inline pre{white-space:normal}.crayon-syntax-inline-nowrap .crayon-pre,.crayon-syntax-inline-nowrap pre{white-space:pre}.crayon-syntax{font-family:Monaco,'MonacoRegular','Courier New',monospace;font-weight:500}.crayon-table .crayon-nums-content{white-space:nowrap}.crayon-syntax.crayon-wrapped .crayon-line{height:auto}.crayon-syntax .crayon-num,.crayon-syntax .crayon-pre .crayon-line,.crayon-syntax .crayon-toolbar *,.crayon-syntax .crayon-pre *{font-family:inherit;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;height:inherit}.crayon-syntax .crayon-toolbar .crayon-button .crayon-button-icon{background-image:url('/blog/wp/wp-content/plugins/crayon-syntax-highlighter/css/images/toolbar/buttons.png');height:16px!important;width:100%;position:absolute;left:0;top:50%;margin-top:-8px}.crayon-syntax .crayon-toolbar .crayon-tools{position:absolute;right:0}.crayon-syntax.crayon-expanded{position:absolute!important;margin:0!important}.crayon-syntax.crayon-expanded .crayon-main{overflow:hidden!important}.crayon-placeholder{width:100%!important}.crayon-toolbar-visible .crayon-toolbar{position:relative!important;margin-top:0!important;display:block!important}.crayon-syntax.crayon-expanded .crayon-toolbar .crayon-tools{position:relative;right:auto;float:left!important}.crayon-syntax .crayon-plain-wrap{height:auto!important;padding:0!important;margin:0!important}.crayon-syntax .crayon-plain{width:100%;height:100%;position:absolute;opacity:0;padding:0 5px;margin:0;border:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:none;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;white-space:pre;word-wrap:normal;overflow:auto;resize:none;color:#000;background:#FFF}.crayon-wrapped .crayon-plain{white-space:pre-wrap}.bbp-body .crayon-syntax{clear:none!important}.crayon-minimized .crayon-toolbar{cursor:pointer}.crayon-minimized .crayon-plain-wrap,.crayon-minimized .crayon-main,.crayon-minimized .crayon-toolbar .crayon-tools *{display:none!important}.crayon-minimized .crayon-toolbar .crayon-tools .crayon-minimize{display:block!important}.crayon-minimized .crayon-toolbar{position:relative!important}.crayon-syntax.crayon-minimized .crayon-toolbar{border-bottom:none!important}.crayon-te *,#crayon-te-bar-content{font-family:"Lucida Grande",Arial,sans-serif!important;font-size:12px}.crayon-te input[type="text"],.crayon-te textarea{background:#f9f9f9;border:1px solid #CCC;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);padding:2px 4px;-webkit-border-radius:3px;border-radius:3px;border-width:1px;border-style:solid}.crayon-te #crayon-code{font-family:monospace!important}#crayon-te-content,#crayon-te-table{width:100%;height:auto!important}#crayon-range,#crayon-mark{width:100px}#crayon-te-table th,#crayon-te-table td{vertical-align:top;text-align:left}#crayon-te-table .crayon-tr-center td,#crayon-te-table .crayon-tr-center th{vertical-align:middle}#crayon-te-table .crayon-nowrap{white-space:nowrap}#crayon-te-bar{position:absolute;top:0;left:0;width:100%}#crayon-te-bar-content{border:1px solid #666;border-bottom:0;height:26px;line-height:25px;padding:0 8px;padding-right:0;background-color:#222;color:#cfcfcf}#crayon-te-bar-content a{line-height:25px;padding:5px 10px;color:#DDD;font-weight:bold;text-decoration:none!important}#crayon-te-bar-content a:hover{color:#FFF}.crayon-te-seperator{color:#666;margin:0;padding:0}#crayon-te-bar-block{height:34px;width:100%}#crayon-te-title{float:left}#crayon-te-controls{float:right}#crayon-url-th{vertical-align:top!important;padding-top:5px}.crayon-te-heading{font-size:14px;font-weight:bold}#crayon-te-settings-info{text-align:center}.crayon-te-section{font-weight:bold;padding:0 10px}#crayon-te-sub-section{margin-left:10px}#crayon-te-sub-section .crayon-te-section{font-weight:normal;padding:0}#crayon-code{height:200px;white-space:pre}#crayon-code,#crayon-url{width:555px!important}.crayon-disabled{background:#EEE!important}.mce_crayon_tinymce_highlight,.qt_crayon_highlight{border:1px solid #7c9dde!important}.qt_crayon_highlight{background-image:-ms-linear-gradient(bottom,#daf2ff,white)!important;background-image:-moz-linear-gradient(bottom,#daf2ff,white)!important;background-image:-o-linear-gradient(bottom,#daf2ff,white)!important;background-image:-webkit-linear-gradient(bottom,#daf2ff,white)!important;background-image:linear-gradient(bottom,#daf2ff,white)!important}.qt_crayon_highlight:hover{background:#ddebf2!important}.mce_crayon_tinymce{background:url(/blog/wp/wp-content/plugins/crayon-syntax-highlighter/css/images/crayon_tinymce.png) 0 0!important}#crayon-te-table{margin-top:26px;padding:10px;border-collapse:separate!important;border-spacing:2px!important}#crayon-te-table th{width:100px}#crayon-te-clear{margin-left:10px;color:#666;background-color:#f4f4f4;border:1px solid #CCC;border-radius:3px;margin-left:8px}#crayon-title{width:360px}#TB_window.crayon-te-ajax{overflow:auto!important}#TB_window.crayon-te-ajax,#TB_window.crayon-te-ajax #TB_ajaxContent,#TB_window.crayon-te-ajax #TB_title{width:680px!important}#TB_window.crayon-te-ajax #TB_ajaxContent{padding:0!important;margin:0!important;width:100%!important;height:auto!important;margin-top:28px!important}#TB_window.crayon-te-ajax #TB_title{position:fixed!important}#TB_window.crayon-te-ajax #TB_title .crayon-te-submit{margin-top:3px!important;float:right!important}#TB_window.crayon-te-ajax a{color:#2587e2;text-decoration:none}#TB_window.crayon-te-ajax a:hover{color:#499ce9}.crayon-te-quote{background:#DDD;padding:0 2px}#crayon-te-submit-wrapper{display:none}#crayon-te-clear{display:none;margin:0;margin-top:10px}.crayon-syntax-pre{background:red;white-space:pre;overflow:auto;display:block;word-wrap:break-word}.crayon-question{padding:1px 4px!important;background:#83b3cb!important;text-decoration:none!important;color:white!important;border-radius:10px!important;height:15px!important;width:15px!important}.crayon-setting-changed,.crayon-setting-selected{background:#fffaad!important}.crayon-question:hover{color:white;background:#a6d6ef}#crayon-te-warning{display:none}.crayon-te-info{padding:5px!important;margin:2px 0!important}#crayon-te-submit{margin-bottom:5px}
.crayon-syntax{
	max-width:1000px;
	margin:0 auto;
}
.crayon-plain,
.crayon-toolbar{
	display:none !important;
}
/*
Name: Classic
Description: Clean, crisp and colorful.
Version: 1.3
Author: Aram Kocharyan
URL: http://aramk.com/
*/
.crayon-theme-classic {
	border-width: 1px !important;
	border-color: #999 !important;
	border-style: solid !important;
	text-shadow: none !important;
	background: #fdfdfd !important;
}
.crayon-theme-classic-inline {
    border-width: 1px !important;
    border-color: #ddd !important;
    border-style: solid !important;
	background: #fafafa !important;
}
.crayon-theme-classic .crayon-table .crayon-nums {
	background: #dfefff !important;
	color: #5499de !important;
}
.crayon-theme-classic *::selection {
	background: transparent !important;
}
.crayon-theme-classic .crayon-code *::selection {
	background: #ddeeff !important;
	color: #316ba5 !important;
}
.crayon-theme-classic .crayon-striped-line {
	background: #f7f7f7 !important;
}
.crayon-theme-classic .crayon-striped-num {
	background: #c8e1fa !important;
	color: #317cc5 !important;
}
.crayon-theme-classic .crayon-marked-line {
	background: #fffee2 !important;
    border-width: 1px !important;
    border-color: #e9e579 !important;
}
.crayon-theme-classic .crayon-marked-num {
	color: #1561ac !important;
	background: #b3d3f4 !important;
    border-width: 1px !important;
    border-color: #5999d9 !important;
}
.crayon-theme-classic .crayon-marked-line.crayon-striped-line {
	background: #faf8d1 !important;
}
.crayon-theme-classic .crayon-marked-num.crayon-striped-num {
	background: #9ec5ec !important;
	color: #105395 !important;
}
.crayon-theme-classic .crayon-marked-line.crayon-top {
	border-top-style: solid !important;
}
.crayon-theme-classic .crayon-marked-num.crayon-top {
	border-top-style: solid !important;
}
.crayon-theme-classic .crayon-marked-line.crayon-bottom {
	border-bottom-style: solid !important;
}
.crayon-theme-classic .crayon-marked-num.crayon-bottom {
	border-bottom-style: solid !important;
}
.crayon-theme-classic .crayon-info {
	background: #faf9d7 !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #b1af5e !important;
    border-bottom-style: solid !important;
	color: #7e7d34;
}
.crayon-theme-classic .crayon-toolbar {
	background: #DDD !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #BBB !important;
    border-bottom-style: solid !important;
}
.crayon-theme-classic .crayon-toolbar > div {
	float: left !important;
}
.crayon-theme-classic .crayon-toolbar .crayon-tools {
	float: right !important;
}
.crayon-theme-classic .crayon-title {
	color: #333 !important;
}
.crayon-theme-classic .crayon-language {
	color: #999 !important;
}
.crayon-theme-classic .crayon-button {
	background-color: #DDD;
}
.crayon-theme-classic .crayon-button:hover {
	background-color: #EEE;
	color: #666;
}
.crayon-theme-classic .crayon-button.crayon-pressed:hover {
	background-color: #EEE;
	color: #666;
}
.crayon-theme-classic .crayon-button.crayon-pressed {
	background-color: #BCBCBC;
	color: #FFF;
}
.crayon-theme-classic .crayon-button.crayon-pressed:active {
	background-color: #BCBCBC;
	color: #FFF;
}
.crayon-theme-classic .crayon-button:active {
	background-color: #BCBCBC;
	color: #FFF;
}
.crayon-theme-classic .crayon-pre .crayon-c {
	color: #ff8000 !important;
}
.crayon-theme-classic .crayon-pre .crayon-s {
    color: #008000 !important;
}
.crayon-theme-classic .crayon-pre .crayon-p {
	color: #b85c00 !important;
}
.crayon-theme-classic .crayon-pre .crayon-ta {
    color: #FF0000 !important;
}
.crayon-theme-classic .crayon-pre .crayon-k {
	color: #800080 !important;
}
.crayon-theme-classic .crayon-pre .crayon-st {
	color: #800080 !important;
}
.crayon-theme-classic .crayon-pre .crayon-r {
	color: #800080 !important;
}
.crayon-theme-classic .crayon-pre .crayon-t {
	color: #800080 !important;
}
.crayon-theme-classic .crayon-pre .crayon-m {
	color: #800080 !important;
}
.crayon-theme-classic .crayon-pre .crayon-i {
	color: #000 !important;
}
.crayon-theme-classic .crayon-pre .crayon-e {
    color: #004ed0 !important;
}
.crayon-theme-classic .crayon-pre .crayon-v {
	color: #002D7A !important;
}
.crayon-theme-classic .crayon-pre .crayon-cn {
	color: #ce0000 !important;
}
.crayon-theme-classic .crayon-pre .crayon-o {
	color: #006fe0 !important;
}
.crayon-theme-classic .crayon-pre .crayon-sy {
    color: #333 !important;
}
.crayon-theme-classic .crayon-pre .crayon-n {
    color: #666 !important;
    font-style: italic;
}
.crayon-theme-classic .crayon-pre .crayon-f {
	color: #999 !important;
}
.crayon-theme-classic .crayon-pre .crayon-h {
    color: #006fe0 !important;
}
.crayon-font-monospace * {
    font-family: monospace !important;
}