@charset "UTF-8";


/* -- paragraph -- */

.Title {
	line-height: 1.5em;
	font-size: 1.25em;
/*	font-weight:bold;*/
	font-family:Impact;
	color: #5588cc;
}

.Section{
	margin-left:1em;
}

.SctionTitle {
	line-height: 1.75em;
	font-size: 1em;
	font-weight:bold;
	color: #333333;
}

.Sentence {
	text-indent: 0em;
	font-size: 13px;
	line-height: 1.75em;
	color: #333333;
}

.Caption {
	margin-left:1em;
	text-indent: -1em;
	font-size: 13px;
	line-height: 1.75em;
	color: #333333;
}

.Commentary {
	text-indent: 0em;
	font-size: 13px;
	line-height: 1.75em;
	color: #333333;
}


.Caution {
	border:2px solid #FF7C93;
	color:#FF3366;
	font-size:.0.8em;
	padding:8px;
	margin:10px 10px 10px 10px;
}


img.Commentary {
	margin:1em 1em 1em 1em;
}


a {
text-decoration: none;
}


/* -- drop-shadow -- */

.drop-shadow {
	position:relative;
	width:auto;
	padding:1em;
	margin:1em auto 1em;
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
	content:"";
	position:absolute;
	z-index:-2;
	bottom:15px;
	left:10px;
	width:50%;
	height:20%;
}

.drop-shadow:after{
	right:10px;
	left:auto;
}


.curls {
	border:1px solid #efefef;
	-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
	border-radius:0 0 120px 120px / 0 0 6px 6px;
}
 
.curls:before,
.curls:after {
	bottom:12px;
	max-width:200px;
	height:55%;
	-webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
	box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
	-webkit-transform:skew(-8deg) rotate(-4deg);
	-moz-transform:skew(-8deg) rotate(-4deg);
	-o-transform:skew(-8deg) rotate(-4deg);
	transform:skew(-8deg) rotate(-4deg);
}
 
.curls:after {
	-webkit-transform:skew(8deg) rotate(4deg);
	-moz-transform:skew(8deg) rotate(4deg);
	-o-transform:skew(8deg) rotate(4deg);
	transform:skew(8deg) rotate(4deg);
}

.raised:before {
	width:auto;
	right:10px;
	left:10px;
	bottom:0;
	-webkit-box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
	box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
}

.perspective:before {
	left:28px;
	bottom:8px;
	max-width:200px;
	height:35%;
	-webkit-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
	box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
	-webkit-transform:skew(50deg);
	-moz-transform:skew(50deg);
	-o-transform:skew(50deg);
	transform:skew(50deg);
}
 
.perspective:after {
	display:none;
}