body {
	background:url(../../images/body.jpg) #000000;
	background-repeat:no-repeat;
	background-size:2560px 1280px;
	background-position:right 3.5em;
	}

@media screen and (max-width: 980px) {
	body {
	background-position:center 3.5em;
	}
}

/* img */


@media screen and (max-width: 980px) {
	.sz_file_block img {
	width:100% !important;
	}
}

/* circle */

.border-circle {
	display:block;
	width: 3em;
	line-height:3em;
	font-size:2em;
	text-align:center;
	margin:0.5em auto 0.5em;
	border:1px dashed #404040;
	border-radius:50%;
}

/* size */

.large { font-size:3em; line-height:1em; margin-bottom:0; }
.disabled { opacity: 0.25; }

/* pict */


.pict {
	margin:0;
	padding:0.5em;
	}
.pict img {
	width:128px !important;
	height:128px;
	}
.pict.small img {
	width: 64px !important;
	height:64px;
	}
.pict.right {
	padding-left:1em;
	padding-bottom:1em;
	float:right;
	}
.pict.left {
	padding-right:1em;
	padding-bottom:1em;
	float:left;
	}
.pict.center {
		text-align:center;
		}
	.pict.center img {
		margin:0 auto;
	}	

@media screen and (max-width: 980px) {
	.pict img {
		width:64px !important;
		height:64px;
		margin:0em;
		}
	.pict.right {
		text-align:right;
		padding:0 0 0.5em 0.5em;
		}
	.pict.left {
		text-align:left;
		padding:0 0.5em 0.5em 0;
		}
}


#header {
	background-image:	url(../../images/header/bottom-center.png);
	background-size:1250px 128px;
	background-repeat:repeat-x;
	background-position:center -80px;
	/*
	box-shadow:rgba(0, 0, 0, 0.9) 0 0 9em 0, rgba(0, 0, 0, 0.9) 0 0 0.5em 0;
	-webkit-box-shadow:rgba(0, 0, 0, 0.9) 0 0 9em 0, rgba(0, 0, 0, 0.9) 0 0 0.5em 0;
	-moz-box-shadow:rgba(0, 0, 0, 0.9) 0 0 9em 0, rgba(0, 0, 0, 0.5) 0 0 0.5em 0;
	*/
	font-weight:bold;
	}

#menu {
	/*
	box-shadow:rgba(255, 255, 255, 0.8) 0px 0px 80px 0px;
	-webkit-box-shadow:rgba(255, 255, 255, 0.8) 0px 0px 80px 0px;
	-moz-box-shadow:rgba(255, 255, 255, 0.8) 0px 0px 80px 0px;
	
	background: -prefix-linear-gradient(left, rgba(0,0,0,0.2), rgba(0,0,0,0.1) 1.9%, rgba(0,0,0,0.25) 2%, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0)), url(../../images/menu.png);
	background: linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0.1) 1.9%, rgba(0,0,0,0.25) 2%, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0)), url(../../images/menu.png) ;
	*/
	background:#FFF;
	/*
	background-repeat:repeat-y, repeat-y;
	background-position:right top, right top;
	background-size: 100% 100%, 512px 128px;
	-webkit-background-size: 100% 100%, 512px 128px;
	*/
	}

#book {
	/*
	box-shadow:rgba(255, 255, 255, 0.8) 0px 0px 80px 0px, rgba(0, 0, 0, 1.0) 0 0 0.25em 0;
	-webkit-box-shadow:rgba(255, 255, 255, 0.8) 0px 0px 80px 0px, rgba(0, 0, 0, 1.0) 0 0 0.25em 0;
	-moz-box-shadow:rgba(255, 255, 255, 0.8) 0px 0px 80px 0p, rgba(0, 0, 0, 1.0) 0 0 0.25em 0;	
	
	background:
	-prefix-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1) 90%, rgba(0,0,0,0.25) 98%, rgba(0,0,0,0.1) 98.1%, rgba(0,0,0,0.2)),
	url(../../images/book.png);
	background:
	linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.1) 90%, rgba(0,0,0,0.25) 98%, rgba(0,0,0,0.1) 98.1%, rgba(0,0,0,0.2)),
	url(../../images/book.png) ;
	*/
	background:#FFF;
	/*
	background-repeat:repeat-y, repeat-y;
	background-position:left top, left top;
	background-size: 100% 100%, 512px 128px;
	-webkit-background-size: 100% 100%, 512px 128px;
	*/
	}

#menu .lead, #book .lead {
	background:
	url(../../images/book/top.png),
	url(../../images/book/bottom.png);
	background-repeat:
	no-repeat,
	no-repeat;
	background-position:
	center top,
	center bottom;
	background-size:
	128px 32px, 
	128px 32px;
	margin:2em 0 0;
	padding: 4em 3em 4em 3em;
	}
#menu .lead h3, #book .lead h3 {
	text-align:center;
	letter-spacing: 0.15em;
	}
#menu .lead p, #book .lead p {
	font-size:0.75em;
	letter-spacing: 0.15em;
	}
	
#menu .content, #book .content {
	background:
	url(../../images/book/slice.png);
	background-repeat:
	no-repeat;
	background-position:
	center top;
	background-size:
	64px 16px;
	padding: 3em 3em 2em 3em;
	}
	
#menu .content,
#menu .lead {
	margin-left:1em;
	}
#book .content,
#book .lead {
	margin-right:1em;
	}
	
#menu .first, #book .first {
	background:none;
	}
	
@media screen and (max-width: 736px) {

		#book > *, #menu > * {
			padding-left: 2em !important;
			padding-right: 2em !important;
	}

	}
	
/**/

#sidebar .standard {
	background:url(../../images/sidebar/standard.png) no-repeat ;
	background-size:128px 32px;
	background-position: center top;

	}

/**/

.post, .mini-post {
	background-color:#FFFFFF;
	background-image:
	url(../../images/post/top-left.png),
	url(../../images/post/top-right.png),
	url(../../images/post/bottom-left.png),
	url(../../images/post/bottom-right.png),
	url(../../images/post/middle-left.png),
	url(../../images/post/middle-right.png),
	url(../../images/post/top-center.png),
	url(../../images/post/bottom-center.png),
	url(../../images/post/middle-center.png);
	background-size:
	64px 64px,
	64px 64px,
	64px 64px,
	64px 64px,
	64px 512px,
	64px 512px,
	512px 64px,
	512px 64px,
	360px 180px;
	background-repeat:
    no-repeat, /* 最前面の背景レイヤーに対応 */
	no-repeat,
	no-repeat,
	no-repeat,
	repeat-y,
	repeat-y,
	repeat-x,
	repeat-x,
	no-repeat;
	background-position:
    top left,
	top right,
	bottom left,
	bottom right,
	center left,
	center right,
	top center,
	bottom center,
	center center;
}

.post .title {
	background:url(../../images/post/title.png) no-repeat ;
	background-size:180px 128px;
	background-position: left 2em center ;
	}
@media screen and (max-width: 980px) {
	.post .title {
	background-position: center center ;
	}
}

.post .meta {
	background-image:
	url(../../images/post/meta-top.png),
	url(../../images/post/meta-bottom.png);
	background-repeat:
    no-repeat,
	no-repeat;
	background-size:
	128px 32px,
	128px 32px;
	background-position:
    center top 2em,
	center bottom 2em;
	}
@media screen and (max-width: 980px) {
	.post .meta {
		background:none;		
		}
}

/* row */

.row > div {
	background-image: url(../../images/row.png);
	background-repeat: no-repeat;
	background-size:64px 32px;
	background-position:58% bottom;
	padding-bottom:1em;
	margin-bottom:2em;
	}
@media screen and (max-width: 980px) {
	.row > div {
		background:none;
		padding-bottom:0em;
		margin-bottom:0;
	}
}


/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}
		

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}
		.image.fit:after {
			position: absolute;
			display: block;
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			box-shadow: inset 0 0 0 0.5em rgba(0, 0, 0, 0.1);
			background-image:
			url(../../images/featured/top-center.png),
			url(../../images/featured/bottom-center.png),
			url(../../images/featured/top-left.png),
			url(../../images/featured/top-right.png),
			url(../../images/featured/bottom-left.png),
			url(../../images/featured/bottom-right.png),
			url(../../images/featured/middle-center.png);
			background-size:
			213px 37px,
			213px 37px,
			30px 30px,
			30px 30px,
			30px 30px,
			30px 30px,
			64px 64px;
			background-repeat:
			no-repeat,
			no-repeat,
			no-repeat,
			no-repeat,
			no-repeat,
			no-repeat,
			repeat;
			background-position:
			top center,
			bottom center,
			top left,
			top right,
			bottom left,
			bottom right,
			center center;
		}

			.image.fit img {
				width: 100%;
			}

		.image.featured {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}
		.image.featured:after, .image.pushed:after {
			position: absolute;
			display: block;
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			box-shadow: inset 0 0 0 0.5em rgba(0, 0, 0, 0.1);
			background-image:
			url(../../images/featured/top-center.png),
			url(../../images/featured/bottom-center.png),
			url(../../images/featured/top-left.png),
			url(../../images/featured/top-right.png),
			url(../../images/featured/bottom-left.png),
			url(../../images/featured/bottom-right.png),
			url(../../images/featured/middle-center.png);
			background-size:
			427px 75px,
			427px 75px,
			75px 75px,
			75px 75px,
			75px 75px,
			75px 75px,
			128px 128px;
			background-repeat:
			no-repeat,
			no-repeat,
			no-repeat,
			no-repeat,
			no-repeat,
			no-repeat,
			repeat;
			background-position:
			top center,
			bottom center,
			top left,
			top right,
			bottom left,
			bottom right,
			center center;
			}
			.image.featured img, .image.pushed img {
				width: 100%;
			}
			
			.image.thumb {
			display: block;
			margin: 0;
			width: 100%;
			height:100%;

			}
			.image.thumb:after {
			position: absolute;
			display: block;
			content: "";
			top: 0;
			left: 0;
			margin: 0;
			width: 100%;
			height: 100%;
			box-shadow: inset 0 0 0 0.5em rgba(0, 0, 0, 0.1);
			}
			

			@media screen and (max-width: 736px) {

				.image.featured {
					margin: 0 0 1.5em 0;
				}

			}

		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

/**/

.sz_html_content {
	padding:0 0 1em;
	background:url(../../images/module.png) no-repeat center bottom;
	background-size:128px 32px;
	}
.sz_html_content:first-child ,
.sz_html_content:last-child {
	background:none;
	}

/**/

		ul.posts {
			list-style: none;
			padding: 0;
		}

			ul.posts li {
				border-top: dotted 1px rgba(160, 160, 160, 0.3);
				margin: 1.0em 0 0 0;
				padding: 1.0em 0 0 0;
			}

				ul.posts li:first-child {
					border-top: 0;
					margin-top: 0;
					padding-top: 0;
				}

			ul.posts article {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: -moz-flex-start;
				-webkit-align-items: -webkit-flex-start;
				-ms-align-items: -ms-flex-start;
				align-items: flex-start;
				-moz-flex-direction: row-reverse;
				-webkit-flex-direction: row-reverse;
				-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
			}

				ul.posts article .image {
					display: block;
					margin-right: 1.5em;
					min-width: 4em;
					width: 4em;
				}

					ul.posts article .image img {
						width: 100%;
					}

				ul.posts article header {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-ms-flex: 1;
				}

					ul.posts article header h3 {
						font-size: 0.9em;
						margin-top: 0.125em;
					}

					ul.posts article header .published {
						display: block;
						font-family: 'Hiragino Mincho ProN';
						font-size: 0.75em;
						font-weight: 400;
						letter-spacing: 0.25em;
						margin: -0.625em 0 1.7em 0;
						text-transform: uppercase;
					}

					ul.posts article header > :last-child {
						margin-bottom: 0;
					}
					
@media screen and (max-width: 1024px) {
	ul.posts li {
		width:33%;
		float:left;
		padding:0;
		margin:0;
		border:none;
		}
	ul.posts:after,
	ul.posts:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}
}
@media screen and (max-width: 800px) {
	ul.posts li {
		width:100%;
		float:none !important;
		padding:1em 0 0;
		}
	}

/* Box */

	.box {
		margin-bottom: 2em;
		padding: 3em ;
	}
	@media screen and (max-width: 480px) {
		.box { padding: 1.5em; }
		}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

.box {
	border:none;
	background-image:
	url(../../images/box/top-left.png),
	url(../../images/box/top-right.png),
	url(../../images/box/bottom-left.png),
	url(../../images/box/bottom-right.png),
	url(../../images/box/middle-center.png);
	background-size:
	75px 75px,
	75px 75px,
	75px 75px,
	75px 75px,
	128px 128px;
	background-repeat:
    no-repeat,
	no-repeat,
	no-repeat,
	no-repeat,
	repeat;
	background-position:
    top left,
	top right,
	bottom left,
	bottom right,
	center center;
}

.row .box { margin-bottom:-2em; }

/* table */

@media screen and (max-width: 480px) {

.tableSmart { overflow: hidden; zoom: 1; }
.tableSmart ,
.tableSmart tbody ,
.tableSmart tbody tr ,
.tableSmart tbody tr th ,
.tableSmart tbody tr td { display:block; border:none;}
.tableSmart thead tr th ,
.tableSmart thead tr td { display:none; }
.tableSmart tbody tr th ,
.tableSmart tbody tr td { padding:5px; }
.tableSmart tbody tr th { background:rgba(256,256,256,0.1); border-top:1px dashed rgba(256,256,256,0.05); }
.tableSmart tbody tr td { }

.tableFloat { width:100%; }

.tableFloat tr { clear:both;}
.tableFloat tr:after {
  display: block;
  clear: both;
  content: "";
}

.boxFloat thead,
.tableFloat thead { display:none;}

.boxFloat th,
.tableFloat th { display:inline; padding:0;  }

.boxFloat th:after,
.tableFloat th:after { content: ""; display: block;  }

.boxFloat tr:after,
.tableFloat tr:after { margin-bottom:1em;}

.boxFloat td,
.tableFloat td { display:inline; padding:0; }

.boxFloat td:after,
.tableFloat td:after { content: ""; display: block; }

.boxFloat img,
.tableFloat img { width:100%; }

.boxFloat td.tdDelete,
.tableFloat td.tdDelete { display:none; }
.boxFloat td:first-child,
.tableFloat td:first-child { clear:both; }

.boxFloat td.tdButton,
.tableFloat td.tdButton { float:none; clear:both !important; width:100% !important; }

.tableLarge { font-size:20px; }

}

@media screen and (max-width: 480px) {
	.img2col .row > * {
		float: left;
	}
}


/* headlineSlideIn 
.js-headlineSlideIn { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }

.headlineSlideIn { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); -webkit-animation: slideIn 1.0s ease-out; -moz-animation: slideIn 1.0s ease-out; -ms-animation: slideIn 1.0s ease-out; animation: slideIn 1.0s ease-out; }

@-webkit-keyframes slideIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); margin-top: -2em; }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); margin-top: 0; } }
@-moz-keyframes slideIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); margin-top: -2em; }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); margin-top: 0; } }
@-ms-keyframes slideIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); margin-top: -2em; }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); margin-top: 0; } }
@keyframes slideIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); margin-top: -2em; }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); margin-top: 0; } }
  
  */