header {margin-bottom: 50px;}

#siteName a {width: 80px;}

#intro,
#profile,
#sns {margin: 0 auto 50px; width: 880px;}

#title {font: 0/0 a; text-shadow: none; color: transparent; background: url("/ikkotanaka/img/title.png") no-repeat; width: 310px; height: 34px; margin-bottom: 50px;}

.lead {line-height: 1.8;}

#profile {font-size: 11px;}
#profile h1 {font-weight: bold; margin-bottom: 20px;}
#profile .content-body {line-height: 1.8; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px;}

#information {background: #f5f5f5; padding: 50px 0 20px; margin-bottom: 50px;}

#information h1 {font-size: 19px; margin-bottom: 50px;}

#information .wrapper {width: 880px; margin: 0 auto;}
#information ul {margin-right: -40px; overflow: hidden; letter-spacing: -.40em;}
#information li {display: inline-block; width: 420px; margin-right: 40px; vertical-align: top; margin-bottom: 50px; letter-spacing: normal;}
#information span {display: block;}
#information span.address, #information span.period {margin-bottom: 8px;}
#information span.address {font-size: 10px;}
#information span.country {font-size: 14px; display: inline-block; font-weight: bold; margin-right: 10px; margin-bottom: 10px; display: block;}
#information span.gallery {font-size: 14px; margin-bottom: 8px; display: inline-block;}
#information span.map {float: left; margin-right: 15px;}

#information li a {display: inline-block; width: 200px; text-decoration: none; background: #000;}
#information li a:hover img {
-webkit-transition: 0;
   -moz-transition: 0;
     -o-transition: 0;
        transition: 0;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

#information li span.link a {display: inline-block; width: 200px; background: none; margin-bottom: 10px; text-decoration: underline;}

#sns ul:after {content: ""; display: block; clear: both;}
#sns li {float: left; margin-right: 10px;}




/** STEP STYLES **/

#quote-wrap {
	width: 880px;
	padding: 0 30px;
margin: 0 auto 50px;
position: relative;
}

#quote{
height: 600px;
	width: 880px;
}

#quote1 {background: url(/ikkotanaka/img/quote7.png) no-repeat center center transparent;}
#quote2 {background: url(/ikkotanaka/img/quote1.png) no-repeat center center transparent;}
#quote3 {background: url(/ikkotanaka/img/quote8.png) no-repeat center center transparent;}
#quote4 {background: url(/ikkotanaka/img/quote6.png) no-repeat center center transparent;}
#quote5 {background: url(/ikkotanaka/img/quote3.png) no-repeat center center transparent;}
#quote6 {background: url(/ikkotanaka/img/quote2.png) no-repeat center center transparent;}
#quote7 {background: url(/ikkotanaka/img/quote9.png) no-repeat center center transparent;}
#quote8 {background: url(/ikkotanaka/img/quote16.png) no-repeat center center transparent;}
#quote9 {background: url(/ikkotanaka/img/quote15.png) no-repeat center center transparent;}
#quote10 {background: url(/ikkotanaka/img/quote14.png) no-repeat center center transparent;}
#quote11 {background: url(/ikkotanaka/img/quote13.png) no-repeat center center transparent;}
#quote12 {background: url(/ikkotanaka/img/quote5.png) no-repeat center center transparent;}
#quote13 {background: url(/ikkotanaka/img/quote4.png) no-repeat center center transparent;}
#quote14 {background: url(/ikkotanaka/img/quote11.png) no-repeat center center transparent;}
#quote15 {background: url(/ikkotanaka/img/quote12.png) no-repeat center center transparent;}
#quote16 {background: url(/ikkotanaka/img/quote10.png) no-repeat center center transparent;}

.step {
	font: 0/0 a; text-shadow: none; color: transparent;
	width: 700px;
    height: 600px;
	display: block;
    padding: 40px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	-ms-box-sizing:     border-box;
	-o-box-sizing:      border-box;
	box-sizing:         border-box;

	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-ms-transition:     opacity 1s;
	-o-transition:      opacity 1s;
	transition:         opacity 1s;
}

#poster1,
#poster2,
#poster3,
#poster4,
#poster5 {
	padding: 0;	
    text-align: center;
}

#poster1 img,
#poster2 img,
#poster3 img,
#poster4 img,
#poster5 img {
	height: 600px;
}

/* fade out inactive slides */
.step:not(.active) {
	-ms-filter: "alpha( opacity=20 )";
	filter: alpha( opacity=20 );
	opacity: 0.2;
}

.step {
	-ms-filter: "alpha( opacity=20 )";
}
.step.active {
	-ms-filter: "alpha( opacity=100 )";
}


/** PRINT STYLE **/
@media print {
	body {
		background: white;
	}
	.hint {
		display: none;
	}
	#simple {
		width: auto; 
		margin: 0 5%;
		padding: 0; 
		border: 0;
		float: none !important;
		color: black; 
		background: transparent;
	}
	.step {
		page-break-after: always;
		opacity: 1;
		clear: both;
		display: block;
		float: none !important;
		position: relative;
		margin: 20px auto;

		-webkit-transition: rotate(0deg);
		-moz-transition:    rotate(0deg);
		-ms-transition:     rotate(0deg);
		-o-transition:      rotate(0deg);
		transition:         rotate(0deg);
	}
	.step:not(.active) {
		opacity: 1;
	}
}


.next {
	float: right;
}
.prev {
	float: left;
}

#global-next, #global-prev {
	outline: none;
	padding: 280px 5px 0;
	font-size: 22px;
	text-decoration: none;
	position: absolute;
	display: block;
	height: 600px;
	z-index: 9999;
}
#global-next {
	right: 0;
}
#global-prev {
	left: 0;
}