@charset "UTF-8";


/* -- paragraph -- */

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

.ItemName {
	line-height: 1.75em;
	font-size: 1.25em;
	font-weight:bold;
/*	font-family:Impact;*/
/*	color: #cc8855;*/
}

.Section{
	margin-left:1em;
	margin-right:1em;
}

.SctionTitle {
	line-height: 2em;
	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 {
	margin-left:1em;
	text-indent: -1em;
/*	font-size: 13px;*/
	line-height: 1.75em;
/*	color: #333333;*/
}


.Caution {
	text-indent: 0em;
	border:2px solid #FF7C93;
	color:#FF3366;
	font-size:0.8em;
	padding:0.8em;
	margin:0.8em 0.8em 0.8em 0.8em;
	border-radius: 0.8em;
}

.CautionCharOnly {
	color:#FF3366;
}

.Ref {
	border-left:2px solid #888888;
	margin:0.5em;
	padding-left:0.5em;
}




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


a {
text-decoration: none;
}


.footer {
	margin-top:1em;
	border-top:1px solid #888888;
	padding-top:0.5em;
	font-size: 0.8em;
	text-align:center;
}

/* -- articles -- */


div.art_title {
	margin-top:1em;
	line-height: 1.75em;
	font-size: 1.25em;
	font-weight:bold;
}

div.art_section {
	line-height: 2em;
	font-weight:bold;
	margin-top:2em;
}

div.art_0 {
	text-indent: 1em;
	margin-left: 0em;
	line-height: 1.75em;
}

div.art_1 {
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.75em;
}

div.art_1s {
	text-indent: 1em;
	margin-left: 1em;
	line-height: 1.75em;
}

div.art_2 {
	text-indent: -1em;
	margin-left: 2em;
	line-height: 1.75em;
}

div.art_2s {
	text-indent: 1em;
	margin-left: 2em;
	line-height: 1.75em;
}







/* -- Q&A -- */
.Q_head {
	float:left;
	font-size: 1.5em;
	color: #31639c;
	padding;0.5 0.5 0.5 0.5 em;
}

.A_head {
	float:left;
	font-size: 1.5em;
	color: #9c3163;
	padding;0.5 0.5 0.5 0.5 em;
}

.Q_area {
/*	font-size: 1em;*/
	margin-top:0.25em;
	margin-left:2em;
	margin-bottom:1em;
	border-bottom:1px solid #1ba1e2;
}

.A_area {
/*	font-size: 1em;*/
	margin-top:0.5em;
	margin-left:2em;
	margin-bottom:1em;
	border-bottom:2px solid #1ba1e2;
	padding-bottom:1em;
}

.QA {
	width:100%;
}

.Qside {
	font-size:1.25em;
}

span.KeyWord {
	color:#ff0000;
	font-weight:bold;
}

span.Bold {
	font-weight:bold;
}


/* open and close*/
.open{
     cursor: pointer;
     }
.slideBox{
     display:none;
     }
.close{
     cursor: pointer;
     }


/* download */
.download{
	width:580px;
	height:100%;
}

.dlicon{
	float:left;
	width:130px;
	height:130px;
	margin-top:0px;
}

.dlmsg{
	text-align:justify;
	font-size:1.2em;
	margin-top:10px;
}

/* -- 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;
}