@charset "UTF-8";


/*
* Theme Name: StepQi-School
* Last Update: jul 01 2014
* Version: 1.0
* Code Maked By Kiyo
*/



/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
/*html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; /**vertical-align: baseline;*/}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
/*
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
/*
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom:1; }  
*/



/*
* Theme Name: StepQi-School
* Last Update: jul 01 2014
* Version: 1.0
* Code Maked By Kiyo
*/




html{
	font-size: 10px;
	/*font-size: 62.5%;*/
	-webkit-text-size-adjust: 100%;
	/*none縺�縺ｨfontsize諡｡螟ｧ繧ｨ繝ｩ繝ｼ縺ｮ縺溘ａ100縺ｫ*/
	margin-bottom:1px;
	margin: 0;
	height:100%;
}

/** { -webkit-backface-visibility: hidden; }*/

	body{
		/*font-size: 13px;*/
		font-size: 1.3em;
		text-align: center;
		background: #fffef3;
		font-family:	Helvetica, Arial, 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', '繝｢繝ｪ繧ｵ繝ｯ 譁ｰ繧ｴ R', 'Droid Sans', '繝｡繧､繝ｪ繧ｪ', 'sans-serif';
		color: #333333;
		line-height: 1.8;
		margin: 0;
		height: 100%;
	}

@media screen and (max-width:768px){
	body{
		overflow-x: hidden !important;
		background: #fffef3;
		width: 100%;
		/*height: 100%;*/
		margin:0;
	}
}
/*ipad縺ｧ蜿ｳ蛛ｴ騾泌�繧沓UG隗｣豸�*/
	@media screen and (min-width:769px){
		body{
		min-width:960px;
		_display: inline;
		_zoom:1;
		}
	}

table {
	font-size:inherit;
	font:100%;
	}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}


/* anker */

a{
		color: #0077C2;
		border: none;
		outline: none;
		background-color: transparent;
		text-decoration: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-touch-callout:none; /*iOS縺ｮMobileSafari Pop up none*/
	}
		a:link{       text-decoration: none;}
		a:visited{    text-decoration: none; color: #0077C2;  background: none;}
		a:hover{      text-decoration: none; color: #333333;  background-color: none;}
		a:active{     text-decoration: none;}
		a:focus {     outline: none; }
		a:hover, 
		a:active {    outline: 0; }
		abbr {        cursor: help }
		abbr[title] { border-bottom: 1px dotted; }
		a img{        border: none; outline: none;}


a[target="_blank"]:after{
	content: " \f08e";
	font-family: FontAwesome;
}

/*
----------------------------
clearfix
----------------------------
*/




.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* Hides from IE-mac \*/
.ie6 .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.fclear{clear: both;}

/*
----------------------------
 structure
----------------------------
*/

#page{
	position: relative;
	min-height: 100%;
	height: auto !important; 
	height: 100%
}
	/*繝輔ャ繧ｿ繝ｼ繧剃ｸ矩Κ縺ｫ*/
	#footerOuter{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 160px;
	}

#contentsOuter{
	width: 100%;
	text-align: center;
	clear: both;
	padding-bottom: 280px;
	}
	#contentsInner{
		width: 960px;
		text-align: left;
		margin: 0 auto;
		clear: both;
	}
	@media screen and (max-width:768px){
			#contentsOuter{
				padding-bottom: 330px;
			}
			#contentsInner {
				width: 100%;
			}
	}

#contentsBottom{
	width: 100%;
	clear: both;
	height: 50px;
	position: absolute;
	bottom: 210px;
	padding: 0;
	}

	#contentsBottomInner{
		width: 960px;
		margin: 0 auto;
		clear: both;
		height: 50px;
		text-align: center;
		padding: 0;
	}
	@media screen and (max-width:768px){
		#contentsBottom{
			width: 100%;
			bottom: 280px;
			text-align: center;
		}
		#contentsBottomInner{
			width: 90%;
			text-align: center;
			margin: 0 auto;
		}
	}



#asideOuter{
	display: block;
	width: 250px;
	float: right;
}
	#asideInner{
		display: block;
		width: 250px;
	}

@media screen and (max-width:768px){
	#asideOuter {
		width: 100%;
		float: none;
		text-align: center;
	}
		#asideInner {
			width: 96%;
			margin: 0 auto;
		}
}


#mainOuter{
	display: block;
	width: 650px;
	float: left;
	}
	#mainInner{
		display: block;
		text-align: left;
		/*background: #eee;*/ /*debug*/
	}

	@media screen and (max-width:768px){
		#mainOuter {
			width: 100%;
			float: none;
			text-align: center;
			margin-bottom: 1.5em;
		}
		#mainInner {
			width: 95%;
			text-align: left;
			margin: 0 auto;
		}
	}



/*
----------------------------
 header
----------------------------
*/

#headerOuter {
	width: 100%;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	}

		#headerInner {
			width: 960px;
			min-height: 100px;
			height: auto !important;
			height: 100px;
			margin: 0 auto;
			position: relative;
			text-align: left;
		}

	#headerInner .unit{
	padding: 0;
	}


	@media screen and (max-width:768px){
		#headerOuter {
			height: 70px;
		}
		#headerInner {
			width: 100%;
			height: 70px;
			margin: 0 auto;
			text-align: center;
		}
	}


/*
----------------------------
 tagLine
----------------------------
*/



@media screen and (max-width:768px){
	#tagLine{
		background: #ABCD03;
		height: 20px;
		color:#fff;
		font-size: 80%;
		font-weight: normal;
		margin-bottom: 10px;
	}
}
@media screen and (min-width:769px){
	#tagLine{
		display: none;
		visibility: hidden;
	}
}

/*
----------------------------
 logo
----------------------------
*/



#headerInner h1 a#headerLogo{
		display: block;
		width: 370px;
		height: 84px;
}
	@media screen and (min-width:769px){
		#headerInner h1 a#headerLogo2{
			display: none;
		}
	}


	@media screen and (max-width:768px){
		#headerInner h1 a#headerLogo2{
			display: block;
			width: 184px;
			height: 38px;
				position: inherit;
				margin: 0 auto;
				margin-top: 0px;
		}
		#headerInner h1 a#headerLogo{display: none;}
	}



.ie8 #headerInner h1 a#headerLogo2{display: none;}



/*
----------------------------
#headerNavi
----------------------------
*/

#headerNavi{
	/*position: absolute;
	right: 0;*/
	margin-left: 220px;
	margin-top: 10px;
	}

	#headerNavi li#hn01,
	#headerNavi li#hn02,
	#headerNavi li#hn03{
		width: auto;
		font-size: 11px;
		font-size: 1.1rem;
		float: left;
		margin-left: 10px;
	}
	#headerNavi li#hn01 a,
	#headerNavi li#hn02 a,
	#headerNavi li#hn03 a{
	}

	/*
	#headerNavi li#hn01 i,
	#headerNavi li#hn02 i,
	#headerNavi li#hn03 i{
		margin-left: 2px
	}
	*/
	@media screen and (max-width:768px){
		#headerNavi{
		display: none;
		}
	}

	/*	
	#hn01 a:after,
	#hn02 a:after,
	#hn03 a:after {
		content: " \f08e";
		font-family: FontAwesome;
	}
	*/


/*
----------------------------
#hn03toggle
----------------------------
*/


#hntoggle{
		position: fixed;
		position: absolute;
		top:40px;
		right: 10px;
		background: #ABCD03;
		display: block;
		height: 30px;
		width: 36px;
		text-align: center;
		padding-top: 6px;
		padding-bottom: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}

	@media screen and (min-width:769px){
		#hntoggle{
			display: none;
		}
	}


#hntoggle a{
		color: #fff;
	}
	@media screen and (max-width:768px){
		#hntoggle{
			top:30px;
		}
	}



/*
----------------------------
 banner
----------------------------
*/

.bnblog a{
	display: block;
	width: 250px;
	height: 80px;
	margin-bottom: 10px;
	background: #00aae8;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}
	.bnblog a:hover{
			background: #0077c2;
	}
	@media screen and (max-width:768px){
		.bnblog a{
				display: block;
				width: 100%;
				margin: 0 auto;
				margin-bottom: 20px;
		}
	}




.bnevent a{
	display: block;
	width: 250px;
	height: 60px;
	margin-bottom: 10px;
	background: #45b035;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}
	.bnevent a:hover{
			background: #ABCD03;
	}
	@media screen and (max-width:768px){
		.bnevent a{
				display: block;
				width: 100%;
				margin: 0 auto;
				margin-bottom: 20px;
		}
	}


.ie8 .bnblog a{
	text-indent: -99999em;
	background: transparent url(../_images/aside/bn_blog.png) no-repeat 0 0; 
	}
	.ie8 .bnblog a:hover{
		background: transparent url(../_images/aside/bn_blog_on.png) no-repeat 0 0; 
		}

.ie8 .bnevent a{
	text-indent: -99999em;
	background: transparent url(../_images/aside/bn_event.png) no-repeat 0 0; 
	}
	.ie8 .bnevent a:hover{
		background: transparent url(../_images/aside/bn_event_on.png) no-repeat 0 0; 
		}


/*
----------------------------
	globalnavi
----------------------------
*/

#globalnaviInner ul{
		margin-bottom: 10px;
	}
	#gn00 a,
	#gn01 a,
	#gn02 a,
	#gn03 a,
	#gn04 a{
		display: block;
		width: 250px;
		height: 50px;
		background: #ABCD03;
		text-align: center;
		padding:0px 0px 0px 0px;
		margin-bottom: 1px;
	}
		#gn00 a:hover,
		#gn01 a:hover,
		#gn02 a:hover,
		#gn03 a:hover,
		#gn04 a:hover{
			background:  #45b035;
		}

	@media screen and (min-width:769px){
		#gn00{
				display: none;
		}
	}
	@media screen and (max-width:768px){
		#gn00{
				display: block;
		}
	}

.home #ngn00 a{background:  #45b035;}
.guideline #ngn06 a{background:  #45b035;}
.faq #ngn07 a{background:  #45b035;}
.event .bnevent{display: none}
.blog .bnblog{display: none}
.news .bnblog{display: none}
.lecture .bnblog{display: none}
.topics .bnblog{display: none}

#new_globalnaviInner{
	margin-bottom: 10px;
	}

	#new_globalnaviInner li a{
		display: block;
		margin-top: 1px;
		background: #ABCD03;
		padding: 10px 20px;
		color: #FFF;
		font-weight: bold;
		font-size: 16px;
	}

	#new_globalnaviInner ul ul{
		display: none;
	}

	#new_globalnaviInner li li a{
		display: block;
		margin-top: 1px;
		background: #ABCD03;
		padding: 5px 20px 5px 20px;
		color: #FFF;
		font-weight: bold;
		font-size: 13px;
	}
	
	#new_globalnaviInner ul a:hover,
	#new_globalnaviInner ul li a.current{
			background:  #45b035;
		}

	@media screen and (min-width:769px){
		#ngn00{
				display: none;
		}
	}
	@media screen and (max-width:768px){
		#ngn00{
				display: block;
		}
	}


	#about #sub01,
	#program #sub02,
	#advance #sub03,
	#english #sub04,
	#robotics #sub05,
	#datascience #sub06{
		display: block;
	}

	.subnavi a{
		padding-left: 80px;
	}

/*
----------------------------
	蠑輔″蜃ｺ縺�
----------------------------
*/

	@media screen and (max-width:768px){
		.sidr {
			display: none;
			position: absolute;
			position: fixed;
			top: 0;
			height: 100%;
			z-index: 999999;
			width: 250px;
			padding: 0;
			margin: 0;
			overflow-x: hidden;
			overflow-y: hidden;
			background: #ABCD03;	
		}
		.sidr .sidr-inner {}
		/*.sidr .sidr-inner>p {margin-left: 15px;margin-right: 15px}*/
		.sidr.right {
				left: auto;
				right: -250px;
			}
			.sidr ul{
				border-bottom: 1px solid #FFFEF3;
			}
			.sidr ul ul{
				border-bottom: none;
			}
			.sidr ul li{
				border-top: 1px solid #FFFEF3;
				margin: 0;
			}
	}

/*
----------------------------
	localnavi h3
----------------------------
*/

#recentnaviOuter h3,
#archivenaviOuter h3,
#categorynaviOuter h3{
	width: 245px;
	display: block;
	background: #00aae8;
	padding: 2px 0 0 5px;
	margin-bottom: 1em;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright:5px;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
	}
	@media screen and (max-width:768px){
		#recentnaviOuter h3,
		#archivenaviOuter h3,
		#categorynaviOuter h3{
			width: 99%;
			margin: 0 auto 1em;
		}
	}

	#recentnaviOuter h3,
	#archivenaviOuter h3,
	#categorynaviOuter h3{
		position: relative;
		cursor: pointer;
	}

	#recentnaviOuter h3 span,
	#archivenaviOuter h3 span,
	#categorynaviOuter h3 span{
		color: #fff;
	}

		#recentnaviOuter h3 span.lntoggle3,
		#archivenaviOuter h3 span.lntoggle2,
		#categorynaviOuter h3 span.lntoggle1{
			position: absolute;
			right: 10px;
		}
			#recentnaviOuter h3 span.lntoggle3 i,
			#archivenaviOuter h3 span.lntoggle2 i,
			#categorynaviOuter h3 span.lntoggle1 i{
				color: #fff;
				cursor: pointer;
			}

/*
----------------------------
	localnavi ul
----------------------------
*/


#recentnaviOuter ul,
#archivenaviOuter ul,
#categorynaviOuter ul{
	display: block;
	width: 240px;
	margin-bottom: 2em;
	text-align: left;
	padding: 0 0 0 0.5em;
}
	@media screen and (max-width:768px){
		#recentnaviOuter ul,
		#archivenaviOuter ul,
		#categorynaviOuter ul{
			width: 96%;
			margin: 0 auto 2em;
		}
	}
	@media screen and (max-width:768px){
		#recentnaviOuter ul.accordion3,
		#archivenaviOuter ul.accordion2,
		#categorynaviOuter ul.accordion1{
			display: none;
		}
	}
	#recentnaviOuter ul li{
		display: block;
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		background: url(../_images/aside/bg_dot.gif) repeat-x bottom left;
		}
		#recentnaviOuter ul li a,
		#archivenaviOuter ul li a,
		#categorynaviOuter ul li a{
			/*color: #333;*/
			font-size: 90%;
			}
			#archivenaviOuter ul li a:before,
			#categorynaviOuter ul li a:before{
				content: "\f0da  ";
			font-family: FontAwesome;
			}




	#contentsBottomInner a{
			display: block;
			width: 150px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			margin: 0 auto;
			color: #fff;
			font-size: 85%;
			background: #45b035;
		-moz-border-radius-topleft: 75px;
		-moz-border-radius-topright:75px;
		-moz-border-radius-bottomleft:75px;
		-moz-border-radius-bottomright:75px;
		-webkit-border-top-left-radius:75px;
		-webkit-border-top-right-radius:75px;
		-webkit-border-bottom-left-radius:75px;
		-webkit-border-bottom-right-radius:75px;
		border-top-left-radius:75px;
		border-top-right-radius:75px;
		border-bottom-left-radius:75px;
		border-bottom-right-radius:75px;
		}


	#contentsBottomInner a:hover{
			background: #ABCD03;
		}


		@media screen and (max-width:768px){
					#contentsBottomInner a{
						width: 100%;
					}
		}

.ie8 #contentsBottomInner a{
			width: 150px;
			height: 30px;
			text-indent: -555555555555em;
			background: transparent url(../_images/footer/btn_returnTop.png) no-repeat top center;
		}
	.ie8 #contentsBottomInner a:hover{
				background: transparent url(../_images/footer/btn_returnTop_on.png) no-repeat top center;
			}

#footerOuter{
	display: block;
	width: 100%;
	height: 160px;
	clear: both;
	background:#0077C2;
	text-align: center;
			padding-bottom: 20px;
			padding-top: 20px;
	}

		#footerInner {
			display: block;
			width: 960px;
			margin: 0 auto;
			height: 160px;
			position: relative;
			text-align: left;
			background:#0077C2;

		}
				#footerInner li,
				#footerInner p{
					color: #fff;
					font-weight: normal;
					font-size: 90%;
				}
					#footerInner li,
					#footerInner p.copy{
						line-height: 1.5;
						font-size: 85%;
					}
					#footerInner li{
						float: left;
						display: inline;
						margin-right: 1em;
					}
						#footerInner li a{
							color: #fff;
							text-decoration: underline;
						}
							#footerInner li a:visited{
								color: #fff;
							}
							#footerInner li:before{
								content: "\f138  ";
								font-family: FontAwesome;
							}


		@media screen and (max-width:768px){
				#footerInner ul{
					display: block;
					width: 16.5em;
					margin: 0 auto;
				}
		}


		@media screen and (max-width:768px){
			#footerOuter{
 			text-align: center;
 			height: auto;
				}
				#footerInner {
					width: 95%;
					text-align: center;
					height: auto;
				}
		}


		@media screen and (max-width:768px){
					#footerInner span.txtm{
						font-size: 80%;
					}
					#footerInner p.copy{
						font-size: 80%;
					}
		}


@media screen and (min-width:769px){
	#footerInner .silver-small{padding: 15px 0 0 10px;}
	/*	#footerInner .silver-small img {width: 261px;}*/
	#footerInner .whole{padding: 10px 0 0 10px;}
}


/*
----------------------------


element


----------------------------
*/


/*
----------------------------
mobile only display none
----------------------------
*/

@media screen and (max-width:768px){
	.mbnone{
		display: none;
	}
}


/*
----------------------------
fonts
----------------------------
*/


.txts { font-size:11px;font-size:1.1rem;}
.txtm { font-size:13px;font-size:1.3rem;}
.txtl { font-size:16px;font-size:1.6rem;}
.txtxl { font-size:20px;font-size:2rem;}
.txtxxl { font-size:24px;font-size:2.4rem;}
.txtxxxl { font-size:30px;font-size:3.0rem;}
.txtred { color:#bf0000;}
.txtblue { color:#00AAE8;}
.txtwht{color: #fff;}
.txtB { font-weight: bold;}
.caption{
	font-size: 10px;
	font-size: 1.0rem;
	margin: 10px auto;
}


/*
----------------------------
align
----------------------------
*/

.alR{text-align: right;}
.flR{float: right; margin: 0em 0 2rem 2rem;}
.flL{float: left;  margin: 0em 2rem 2rem 0px;}
.alC{text-align: center;}
.block,.alN {display: block;margin: 0 0 1rem 0;}

/*蠢�★width縺ｨ蜷梧凾謖�ｮ�*/
.alC{display: block;margin: 1rem auto 1rem;}

.wd100{width: 100% !important;}
.wd97{width: 97.35% !important;}/* */
.wd80{width: 80% !important;}
.wd70{width: 70% !important;}
.wd60{width: 60% !important;}
.wd50{width: 50% !important;}
.wd40{width: 40% !important;}
.wd30{width: 32% !important;}/* 230/730 */
.wd28{width: 28% !important;}
.wd20{width: 20% !important;}

@media screen and (max-width:768px){
.alC{
		display: block;
		margin: 1em auto 10px;
	}
}

/*
----------------------------
margin
----------------------------
*/

/*all zero*/
.mga0 { margin: 0 !important; }
.mga10 { margin: 10px !important; }

/* Top */
.mgt0 { margin-top: 0 !important; }
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }


/* Bottom */
.mgb0 { margin-bottom: 0 !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 15px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb25 { margin-bottom: 25px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb45 { margin-bottom: 45px !important; }
.mgb50 { margin-bottom: 50px !important; }


/*
----------------------------
padding
----------------------------
*/

/*all zero*/

.pda0 { padding: 0px !important; }
.pda10 { padding: 10px !important; }


/* Left */
.pdl5 { padding-left: 5px !important; }
.pdl10 { padding-left: 10px !important; }
.pdl15 { padding-left: 15px !important; }
.pdl20 { padding-left: 20px !important; }
.pdl25 { padding-left: 25px !important; }
.pdl30 { padding-left: 30px !important; }
.pdl35 { padding-left: 35px !important; }
.pdl40 { padding-left: 40px !important; }
.pdl45 { padding-left: 45px !important; }
.pdl50 { padding-left: 50px !important; }
.pdl55 { padding-left: 55px !important; }

/* Right */
.pdr5 { padding-right: 5px !important; }
.pdr10 { padding-right: 10px !important; }
.pdr15 { padding-right: 15px !important; }
.pdr20 { padding-right: 20px !important; }
.pdr25 { padding-right: 25px !important; }
.pdr30 { padding-right: 30px !important; }
.pdr40 { padding-right: 40px !important; }

/* btm*/
.pdb5 { padding-bottom: 5px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdb15 { padding-bottom: 15px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdb25 { padding-bottom: 25px !important; }
.pdb30 { padding-bottom: 30px !important; }

/* top*/
.pdt5 { padding-top: 5px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt15 { padding-top: 15px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt25 { padding-top: 25px !important; }
.pdt30 { padding-top: 30px !important; }


/*
 * Gridism
 * A simple, responsive, and handy CSS grid by @cobyism
 * https://github.com/cobyism/gridism
 * 
 * 2014/07 kiyo modyfied for this site
 
 */

/* Preserve some sanity */
.grid,
.unit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Set up some rules to govern the grid */
.grid {
  display: block;
  clear: both;
}
.grid .unit {
  float: left;
  width: 100%;
  padding: 10px;
}

/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
.grid .unit:first-child { padding-left: 20px; }
.grid .unit:last-child { padding-right: 20px; }

/* Nested grids already have padding though, so let窶冱 nuke it */
.unit .unit:first-child { padding-left: 0; }
.unit .unit:last-child { padding-right: 0; }
.unit .grid:first-child > .unit { padding-top: 0; }
.unit .grid:last-child > .unit { padding-bottom: 0; }

.unit .grid:silver-small > .unit { padding-top: 0; }
.unit .grid:silver-small > .unit { padding-bottom: 0; }

/* Let people nuke the gutters/padding completely in a couple of ways */
.no-gutters .unit,
.unit.no-gutters {
  padding: 0 !important;
}

/* Wrapping at a maximum width is optional */
.wrap .grid,
.grid.wrap {
  /*max-width: 978px;*/
  max-width: 958px;
  margin: 0 auto;
}

/* Width classes also have shorthand versions numbered as fractions
 * For example: for a grid unit 1/3 (one third) of the parent width,
 * simply apply class="w-1-3" to the element. */
.grid .whole,          .grid .w-1-1 { width: 100%; }
.grid .half,           .grid .w-1-2 { width: 50%; }
.grid .one-third,      .grid .w-1-3 { width: 33.3332%; }
.grid .two-thirds,     .grid .w-2-3 { width: 66.6665%; }
.grid .one-quarter,    .grid .w-1-4 { width: 25%; }
.grid .three-quarters, .grid .w-3-4 { width: 75%; }
.grid .one-fifth,      .grid .w-1-5 { width: 20%; }
.grid .two-fifths,     .grid .w-2-5 { width: 40%; }
.grid .three-fifths,   .grid .w-3-5 { width: 60%; }
.grid .four-fifths,    .grid .w-4-5 { width: 80%; }
.grid .golden-small,   .grid .w-g-s { width: 38.2716%; } /* Golden section: smaller piece */
.grid .golden-large,   .grid .w-g-l { width: 61.7283%; } /* Golden section: larger piece */


	/*kiyos modify*/
	.grid .silver-small,   .grid .w-s-s { width: 29.2916%; } /* Golden section: smaller piece */
	.grid .silver-large,   .grid .w-s-l { width: 70.7083%; } /* Golden section: larger piece */


/* Clearfix after every .grid */
.grid {
  *zoom: 1;
}
.grid:before, .grid:after {
	display: table;
	content: "";
	line-height: 0;
}
.grid:after {
	clear: both;
}

/* Utility classes */
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.pull-left    { float: left; }
.pull-right   { float: right; }

/* Responsive Stuff */
/*@media screen and (max-width: 568px) {*/
@media screen and (max-width: 768px) {
	/* Stack anything that isn窶冲 full-width on smaller screens */
	.grid .unit {
			width: 100% !important;
			padding-left: auto;
			padding-right: auto;
		}
		.unit .grid .unit {
		padding-left: 0px;
			padding-right: 0px;
		}
		/* Sometimes, you just want to be different on small screens */
		.center-on-mobiles {
		text-align: center !important;
		}
		.hide-on-mobiles {
		display: none !important;
	}
}

/* Expand the wrap a bit further on larger screens */
/*@media screen and (min-width: 1180px) {*/
@media screen and (min-width: 960px) {
	.wider .grid {
		max-width: 960px;
		margin: 0 auto;
	}
}



/* 
---------------------------------------------------------------------
btn
--------------------------------------------------------------------- 
*/


	p.btn a{
			display: block;
			background: #45b035;
				width: 70%;
			padding: 5px 1rem 5px 1rem;
			text-align: left;
			margin: 1em auto;
		-moz-border-radius-topleft: 75px;
		-moz-border-radius-topright:75px;
		-moz-border-radius-bottomleft:75px;
		-moz-border-radius-bottomright:75px;
		-webkit-border-top-left-radius:75px;
		-webkit-border-top-right-radius:75px;
		-webkit-border-bottom-left-radius:75px;
		-webkit-border-bottom-right-radius:75px;
		border-top-left-radius:75px;
		border-top-right-radius:75px;
		border-bottom-left-radius:75px;
		border-bottom-right-radius:75px;
		border: #ABCD03 2px solid;
		}
		p.btn a{
			color: #fff;
			}
			p.btn span:before{
				content: "\f0a9縲€";
				font-family: FontAwesome;
			}


/*
----------------------------
	Preloading
----------------------------
*/


#fueeinfo {
	width: 70px;
	height:70px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -35px;
	z-index: 999999;
	background: url(/_common/_images/contents/ajax-loader.gif) no-repeat top center;
}


/*
----------------------------
	Icons
----------------------------
*/


	.infoIcnews,
	.infoIclecture,
	.infoIcblog{
			display: inline-table;
			width: 64px;
			height: 20px;
			margin-right: 4px;
			text-indent: -999999em;
		}
			.infoIclecture {background: transparent url(../_images/contents/icon_lec.png)  no-repeat left 30%;}
			.infoIcnews{background: transparent url(../_images/contents/icon_news.png) no-repeat left 30%;}
			.infoIcblog{background: transparent url(../_images/contents/icon_blog.png) no-repeat left 30%;}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.infoIclecture{ 
		width: 64px;
		height: 20px;
		background:transparent  url(../_images/contents/icon_lec@2x.png) no-repeat left 30%;
		background-size: 100%;
		display: inline-table;
		text-indent: -999999em;
		}
	.infoIcnews{ 
		width: 64px;
		height: 20px;
		background:transparent  url(../_images/contents/icon_news@2x.png) no-repeat left 30%;
		background-size: 100%;
		display: inline-table;
		text-indent: -999999em;
		}
	.infoIcblog{ 
		width: 64px;
		height: 20px;
		background:transparent  url(../_images/contents/icon_blog@2x.png) no-repeat left 30%;
		background-size: 100%;
		display: inline-table;
		text-indent: -999999em;
	}
}



/*
----------------------------
.page-header h2
----------------------------
*/
.page-header {
	clear: both;
	margin-bottom: 2em;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	}
.page-header h2 {
	padding: 0px 0px 0px;
	min-height: 36px;
	height: auto !important; 
	height: 36px;
	background: url(../_images/contents/h2_Bg.png) no-repeat right bottom;
	}
	.page-header h2 span{
		font-size: 20px;
		font-size: 2.0rem;
		color: #0077C2;
		font-weight: normal;
	}
	@media screen and (max-width:768px){
	.page-header h2 {
			margin-bottom: 2em;
		}
	}



/* 
---------------------------------------------------------------------
asset-header
--------------------------------------------------------------------- 
*/

.archive-title 
	{}
	.archive-title em 
		{}
.entry-asset 
	{}
.asset-header 
	{}
.asset-name 
	{}

.asset-meta {
	text-align: right;
	margin-top: 1em;
	margin-bottom: 2em;
	font-size: 90%;
	}

.page-asset .asset-name 
	{}
	.asset-name a:link,
	.asset-name a:hover,
	.asset-name a:visited,
	.asset-name a:active 
	{}

.asset-header {
	margin-bottom:2em;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}

.asset-header h3{
	clear: both;
	border-bottom: 1px solid #ABCD03;
	padding-bottom: 0;
	}

.asset-header h3 span{
	color: #0077c2;
	font-size: 16px;
	/*font-weight: normal;*/
	}


		.asset-header:first-child{
			margin: 0em auto 2em;
		}







/* 
---------------------------------------------------------------------
.asset-body 
--------------------------------------------------------------------- 
*/

.asset-body 
	{clear: both;}
.asset-more 
	{clear: both;}
.asset-more-link 
	{}
	.asset-more-link a 
		{}
		.asset-more-link a:hover 
			{}

.asset-body,
.asset-more{
	width: 100%;
	margin-bottom: 3em;
	margin-top: 1em;
	clear: both;

	}
/*	.asset-body:first-child{margin-top: 0px;}
	.asset-more:first-child{margin-top: 0px;}*/

	@media screen and (max-width:768px){
		.asset-body,
		.asset-more{
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		/*	overflow-x: hidden;*/
		}
		/*.asset-body:first-child{margin-top: 0px;}
		.asset-more:first-child{margin-top: 0px;}*/
	}

/* 
---------------------------------------------------------------------
headline
--------------------------------------------------------------------- 
*/

	.asset-body h4{
		margin: 2em auto 1em;
		padding-bottom: 0!important;
		border-bottom: 1px solid #00aae8;
		}
		.asset-body h4:first-child{
			margin: 0em auto 1em;
		}
		.asset-body h4 span{
			font-size: 15px;
			color: #0077c2;
			}

	.asset-body h5{
		margin: 2em auto 1em;
		padding: 0 5px;
		font-size: 16px;
		}
		.asset-body h5:first-child{
			margin: 0em auto 1em;
		}
		.asset-body h5 span{
			font-size: 13px;
			color: #0077c2;
		}


	.asset-body h5.blue,
	.asset-body h5.lightblue,
	.asset-body h5.green,
	.asset-body h5.lightgreen,
	.asset-body h5.orange,
	.asset-body h5.orange2,
	.asset-body h5.pink{
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright:5px;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
	}
		.asset-body h5.blue{background: #0077c2;}
		.asset-body h5.lightblue{background: #00aae8;}
		.asset-body h5.green{background: #45b035;}
		.asset-body h5.lightgreen{background: #ABCD03;}
		.asset-body h5.orange{background: #EC822C;}
		.asset-body h5.orange2{background: #F08300;}
		.asset-body h5.pink{background: #EA5450;}

	.asset-body h5.blue span,
	.asset-body h5.lightblue span,
	.asset-body h5.green span,
	.asset-body h5.lightgreen span,
	.asset-body h5.orange span,
	.asset-body h5.orange2 span,
	.asset-body h5.pink span{
		color: #fff;
		font-weight: normal;
		padding: 2px 5px;
		font-size: 18px;
	}


	@media screen and (max-width:768px){
		.asset-body .grid .half h4,
		.asset-body .grid .half h5{
			margin: 2em auto 0.5em;
		}
	}



	.asset-body h6{
		margin: 0.5em auto 0.5em;
		}
		.asset-body h6:first-child{
			margin: 0em auto 0.5em;
		}
		.asset-body h6 span{
			font-size: 13px;
			color: #00aae8;
		}

		.asset-body h6.blue span{color: #0077c2;}
		.asset-body h6.lightblue span{color: #00aae8;}
		.asset-body h6.green span{color: #45b035;}
		.asset-body h6.lightgreen span{color: #ABCD03;}
		.asset-body h6.orange span{color: #EC822C;}
		.asset-body h6.orange2 span{color: #F08300;}
		.asset-body h6.pink span{color: #EA5450;}

/* 
---------------------------------------------------------------------
paragraf
--------------------------------------------------------------------- 
*/

	.asset-body p,
	.asset-more p{
	/*	text-indent: 1em;*/

	word-wrap: break-word!important;
	}



/* 
---------------------------------------------------------------------
image
--------------------------------------------------------------------- 
*/

.entry-asset img 
	{}

.mt-image-none{
	display: block;
 margin-left: auto;
 margin-right: auto;
	max-width: 73.8%;
	height: auto;
	overflow-x: hidden;
	margin-top: 2em;
	margin-bottom: 2em;
	}
	@media screen and (max-width:768px){
		.mt-image-none{
			width: 65%;	
			margin-left: auto;
			margin-right: auto;
		}
}

.mt-image-center{
	display: block;
 margin-left: auto;
 margin-right: auto;
	width: 80%;
	height: auto;
	overflow-x: hidden;
	margin-top: 2em;
	margin-bottom: 2em;
	}
	@media screen and (max-width:768px){
		.mt-image-center{
			width: 80%;
			margin-left: auto;
			margin-right: auto;
		}
}

.img01{
	margin-left: auto;
	margin-right: auto;
	max-width: 45%;
	height: auto;
	overflow-x: hidden;
	margin-top: 2em;
	margin-bottom: 2em;
	}
	@media screen and (max-width:768px){
		.img01{
			width: 55%;	
			margin-left: auto;
			margin-right: auto;
		}
}

.mt-image-left{
	display: block;
	width: 38.2%;
	overflow-x: hidden;
	height: auto;
	float: left;
	margin:0.4em 2em 1em 0;
	}
	@media screen and (max-width:480px){
		.mt-image-left{
			width: 70%;
			float: none;
			clear: left;
			margin-left: auto;
			margin-right: auto;
		}
}

.mt-image-right{
	display: block;
	width: 38.2%;
	overflow-x: hidden;
	height: auto;
	float: right;
	margin:0.4em 0em 1em 1em;
	}
	@media screen and (max-width:480px){
		.mt-image-right{
			width: 70%;
			float: none;
			clear: left;
			margin-left: auto;
			margin-right: auto;
		}
}




/*
----------------------------
.post table
----------------------------
*/
/*
.asset-body table,
.asset-more table	{
		margin-bottom: 2em;
		}

.asset-body table{
	border-collapse: collapse;
	border-top: solid 1px #C2D1CC;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
	.asset-body table tr{
		border-collapse: collapse;
		border-bottom: solid 1px #C2D1CC;
	}
		.asset-body table tr th{
			width: 20%;
			font-weight: bold;
			padding: 9px 9px;
			vertical-align: middle;
		}
		.asset-body table tr td{
			padding: 9px 9px;
		}

*/
/*th繧貞､画峩*/
/*
@media screen and (max-width:768px){
	.asset-body table tr th,
	.asset-body table tr td{
		width: 94%;
		display: list-item;
		list-style-type: none;
	}
}
*/

/*
----------------------------
.post table
----------------------------
*/

.asset-body table,
.asset-more table{
	border-collapse: collapse;
	border-top: solid 1px #C2D1CC;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
		margin-bottom: 2em;
		margin-top: 2em;
	}
	.asset-body table tr,
	.asset-more table tr{
		border-collapse: collapse;
		border-bottom: solid 1px #C2D1CC;
	}
		.asset-body table tr th,
		.asset-more table tr th{
			width: 20%;
			font-weight: bold;
			padding: 9px 9px;
			vertical-align: middle;
			border: solid 1px #C2D1CC;
			text-align: center;
			font-size: 90%;
		}
		.asset-body table tr td,
		.asset-more table tr td{
			padding: 9px 9px;
			border: solid 1px #C2D1CC;
			font-size: 90%;
			text-align: center;
		}

/*
----------------------------
.post ul
----------------------------
*/


.asset-body ul,
.asset-more ul{
	margin-left: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
	}
.asset-body ol,
.asset-more ol{
	margin-left: 2.5em;
	margin-bottom: 1em;
	margin-top: 1em;
}


/*
----------------------------
.post ul/dl
----------------------------
*/


.asset-body dl dt,
.asset-more dl dt {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}
	.asset-body dl dd,
	.asset-more dl dd {
		margin: 0 0 1em 1em;
	}


/*
----------------------------
Border
----------------------------
*/

.asset-body .border,
.asset-more .border{
		display: block;
		border: 1px solid #C2D1CC;
		margin: 1em auto 2em;
		padding: 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}

@media screen and (max-width:768px){
	.asset-body .border,
	.asset-more .border{
		/*width: 93.75%;*/
	margin: 1em auto 2em;
	padding: 1em;
	}
}

/*
----------------------------
textarea
----------------------------
*/

.asset-body textarea{
		border: 1px solid #C2D1CC;
		font-size: 10px;
		font-size: 1rem;
		/*width: 97%;*/
		width: 100%;
		overflow-y:scroll;
		text-align: left;
		color: #39332C;
		background: #EDF1F0;
		padding: 1em;
		margin: 1em auto 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	
@media screen and (max-width:640px){
.asset-body textarea{
		margin: 10px auto 20px;
		padding: 10px 0px 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
}


/*
----------------------------
blockquote 
----------------------------
*/

.asset-body blockquote {
	margin: 1em auto 2em;
	padding: 1em;
	background: #eeeef2;
}
@media (max-width: 768px) {

}

/*
----------------------------
pre 
----------------------------
*/


.asset-body pre {
		border: 1px solid #C2D1CC;
		overflow-y:scroll;
		margin: 1em auto 2em;
		padding: 1em;
		background: #333;
		color: #fff;
}

@media screen and (max-width:768px){
.asset-body pre{
		border: 1px solid #C2D1CC;
		overflow-y:scroll;
		margin: 1em auto 2em;
		padding: 1em;
		background: #333;
		color: #fff;
	}
}


/*
----------------------------
fill
----------------------------
*/

.asset-body .fill{
	background: #edf1f0;
	margin: 1em auto 2em;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	@media screen and (max-width:768px){
		.asset-body .fill{
		/*width: 93.75%;*/
		margin: 1em auto 2em;
		padding: 1em;
	}
}

.asset-body .fillalert{
	background: #f9e5e5;
	margin: 1em auto 2em;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	@media screen and (max-width:768px){
		.asset-body .fillalert{
			/*width: 93.75%;*/
			margin: 1em auto 2em;
			padding: 1em;
	}
}
.asset-body .fillwht{
	background: #fff;
	border: 1px solid #C2D1CC;
	margin: 1em auto 2em;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	@media screen and (max-width:768px){
	.asset-body .fillwht{
		/*width: 93.75%;*/
		margin: 1em auto 2em;
		padding: 1em;
	}
}

/*
----------------------------
hr
----------------------------
*/

.asset-body hr.dot{
	height: 1px;
	border: none;
	background: url(../_images/contents/bg_dot.gif) repeat-x left 50%;
}
.asset-body hr.line{
	height: 1px;
	border-color: #C2D1CC;
}

/*
----------------------------
險倅ｺ句���.asset-body �峨�grid險ｭ螳�
----------------------------
*/


.asset-body .unit:first-child { padding-left: 0; }
.asset-body .unit:last-child { padding-right: 0; }


.asset-body .grid .whole{ }


.asset-body .grid .half{ }
	.asset-body .grid .half img.mt-image-center,
	.asset-body .grid .half img.mt-image-none{ 
		width: 80%;
		overflow: hidden;
	}
	@media screen and (max-width:768px){
		.asset-body .grid .half img.mt-image-left,
		.asset-body .grid .half img.mt-image-right,
		.asset-body .grid .half img.mt-image-center,
		.asset-body .grid .half img.mt-image-none{
			margin-left: auto;
			margin-right: auto;
		}
	}


	.asset-body .grid .half h4:first-child,
	.asset-body .grid .half h5:first-child{ 
		margin: 0em auto 0.5em;
	}

	@media screen and (max-width:768px){
		.asset-body .grid .half{
			width: 97%;
			margin-left: auto;
			margin-right: auto;
			padding-left: 0;
			padding-right: 0;
		}
	}


.asset-body .grid .one-third{ }
.asset-body .grid .two-thirds{ }

.asset-body .grid .one-quarter { }
.asset-body .grid .three-quarters { }

.asset-body .grid .one-fifth { }
.asset-body .grid .two-fifths { }
.asset-body .grid .three-fifths { }
.asset-body .grid .four-fifths { }

.asset-body .grid .golden-small { }
.asset-body .grid .golden-large { } 

.asset-body .grid .silver-small { }
.asset-body .grid .silver-large { } 




/* 
---------------------------------------------------------------------
.fancybox
--------------------------------------------------------------------- 
*/


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
	background-image: url(../_images/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	/*background: url('fancybox_loading.gif') center center no-repeat;*/
	background: url(../_images/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	/*background: transparent url('blank.gif'); /* helps IE */
	background: transparent url(../_images/fancybox/blank.gif);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	/*background: url('fancybox_overlay.png');*/
	background:	url(../_images/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-image: url(../_images/fancybox/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-image: url(../_images/fancybox/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


/* 
---------------------------------------------------------------------
#trackbacks 
--------------------------------------------------------------------- 
*/

#trackbacks 
	{}
	#trackbacks .trackbacks-header 
		{}

.trackbacks-info 
	{}

	.trackback .inner 
		{}
	.trackback-footer 
	{}

/* 
---------------------------------------------------------------------
#comments 
--------------------------------------------------------------------- 
*/

#comments 
	{}
	#comments .comments-header 
		{}
	#comments .comments-open-header 
		{}
.comment 
	{}
	.comment .inner
		{}
	.comment .comment-header
		{}
	.comment .comment-content
		{}
	.comments-open 
		{}
	.comments-open-header
		{}
	.comments-open-content
		{}
#comment-preview, #comment-submit, #comment-cancel 
	{}
.comment-footer 
	{}
	
.blogArticleFooter{clear:both;}



/*
----------------------------
#pageMeta
----------------------------
*/


.asset-meta{

}

.asset-meta #pageMetaInner{
	height: 40px;
	position: relative;
	text-align: center;
	/*font-size: 86%;*/
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #c2d1cc;
}

@media screen and (max-width:768px){
	.asset-meta #pageMetaInner{
		width: 95%;
		margin: 0 auto;
	}
}

.asset-meta #pageMetaPrev {
	display: block;
	position: absolute;
	left: 0;
	top:0;
	height: 40px;
	line-height: 40px;
	width: 30%;
}

	.asset-meta #pageMetaPrev a{
		padding-left: 0px;
		height: 1.4rem;
		line-height: 1.4rem;
		text-decoration: none;
	}

	.asset-meta #pageMetaPrev a:before{
		content: "\f104  ";
		font-family: FontAwesome;
		}


.asset-meta #pageMetaNext{
	position: absolute;
	right: 0;
	top:0;
	display: block;
	width: 30%;
	height: 40px;
	line-height: 40px;
}

	.asset-meta #pageMetaNext a{
		padding-right: 0px;
		height: 1.4rem;
		line-height: 1.4rem;
		text-decoration: none;
	}

	.asset-meta #pageMetaNext a:after{
		content: "  \f105";
		font-family: FontAwesome;
		}

#pageMetaReturn
{
	margin: 0 auto;
	display: block;
	height: 40px;
	line-height: 40px;
	width: 30%;
}

	.asset-meta #pageMetaReturn a:before{
		content: "\f106  ";
		font-family: FontAwesome;
		}

#pageMetaPrev a:hover,
#pageMetaNext a:hover,
#pageMetaReturn a:hover
{
	/*text-decoration: underline;*/
}

/*
----------------------------

Pagenate sTyle 

----------------------------
*/


.pagenate ul.pager {
	margin: 0px 0 0px;
	padding: 10px 0px 10px;
	text-align: center;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #c2d1cc;
}
	.pagenate ul.pager li {
		display: inline;
		text-align: center;
		margin: 0 0px;
		padding: 0;
		border-left: 1px solid #ccc;
	}


	.pagenate ul.pager li span,
	.pagenate ul.pager li a {
		display: inline-block;
		margin-bottom: 0px;
		padding: 0px 10px 0 13px;
		text-decoration: none;
		vertical-align: middle;
}
	.pagenate ul.pager li:first-child {
		border-left: none;
		}
			.pagenate ul.pager li span.current_page {
			font-weight: bold;
			/*color: #bf0000;*/
			}
				.pagenate ul.pager li a:hover {
					text-decoration: underline;
				}

		.pagenate ul.pager li a.link_before:before{
			content: "\f104  ";
			font-family: FontAwesome;
		}
		.pagenate ul.pager li a.link_next:after{
			content: "  \f105";
			font-family: FontAwesome;
		}

/*
----------------------------

photo

----------------------------
*/

.photo02,
.photo03 {
	width: 100%;
	margin: 0 0 2% 0 !important;
	list-style: none;
}

.photo02 img,
.photo03 img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.photo02 li:nth-child(1){
	width: 49%;
	float: left;
}

.photo02 li:nth-child(2){
	width: 49%;
	float: right;
}

.photo03 li:nth-child(1){
	width: 32%;
	float: left;
	margin-right: 2%;
}

.photo03 li:nth-child(2){
	width: 32%;
	float: left;
}

.photo03 li:nth-child(3){
	width: 32%;
	float: right;
}

.mb25{
	margin-bottom: 25px !important;
}

.mb50{
	margin-bottom: 50px !important;
}