@charset "UTF-8";
/* ===== for access, history, link, overview, profile, prologue, rule.html ===== */

/* ----[ prologue.html ]----------(Pcode:01)--- */

#ex-010 {
	text-align: right;
	line-height: 1.4667;
	margin-top: 3px;
	padding-right: 3%;
}
#ex-011_l { line-height: 1.4667; }

#ex-011_r { padding-left: 15px; }

#ex-012 { text-decoration: none; }
#ex-012:link, #ex-012:visited { color: #0000FF; }
#ex-012:hover, #ex-012:active { color: #FF0099; }

#ex-013 { margin-top: 25px; }

/* ----[ overview.html ]----------(Pcode:02)--- */

#ex-020 { margin-bottom: 22px; }	/* H1 */

#ex-021_c {
	color: #606060;
	font-weight: bold;
	line-height: 1.8;
}
@media only screen and (max-width:559px) {/* ------------------------------------ */
#ex-021_c {
	padding: 0 10px;
}
	#ex-021_c BR { display: none; }
}
@media only screen and (min-width:560px) {/* ------------------------------------ */

#ex-021_l, #ex-021_c, #ex-021_r {
	height: 68px;	/* = #ex-021_c {line-height} * 3 + {padding-top}  */
}
#ex-021_l, #ex-021_r {
	width: 41px;
	background-image: url("image/flowers.png");
	background-repeat: no-repeat;
	-webkit-background-size: 41px 131px;
		background-size: 41px 131px;
}
#ex-021_l { background-position: 0px 0px; }
#ex-021_r { background-position: 0px -68px; }

#ex-021_c {
	font-size: 16px;
	text-align: center;
	white-space: nowrap;
	line-height: 22px;
	padding: 2px 16px 0 16px;
}
}/* ------------------------------------------------------------- */

#ex-022 {	/* H2 */
	font-size: 19px;
	margin-top: 20px;
	margin-bottom: 30px;
}
#ex-022 SPAN {
	color: #FFFFC0;
	letter-spacing: 1px;
	padding: 4px 12px;
	background-color: #8080FF;
	border-radius: 6px;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.3);
}
.ex-023 {	/* H3 */
	font-size: 16px;
	color: #009090;
	margin-top: 0;
	margin-bottom: 10px;
}
.ex-024 {	/* P */
	line-height: 1.4667;
	margin: 0 0 20px 1.4em;
}
#ex-025 {	/* P */
	line-height: 2.2;
	margin-top: 12px;
	margin-left: 1em;
}
@media only screen and (max-width:400px) {
	#temp021 {
		width: 288px;
		height: 204px;
	}
}

/* ----[ profile.html ]-----------(Pcode:03)--- */

@media only screen and (max-width:512px) {
	#prof_img {
		width: 280px;
		height: 168px;
	}
}
#ex-030 { font-size: 16px; }

#ex-031 { line-height: 1.5334; }

#ex-032 {	/* H4 */
	color: #008080;
	margin-bottom: 10px;
}
#ex-033 {	/* UL */
	line-height: 1.5334;
	margin-top: 0;
}
#ex-034 {
	height: 110px;
	line-height: 2;
	margin-left: 4%;
	margin-right: 1.5%;
	background-image: url("image/illust01.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: 320px 100px;
		background-size: 320px 100px;
}

/* ----[ access.html ]------------(Pcode:08)--- */

#ex-080 { margin-bottom: 19px; }	/* H1 */

#ex-081 {
	margin-top: 22px;
	margin-left: 6%;
}
#ex-082 { border: none 0; }	/* IFRAME */

@media only screen and (max-width:600px) {
	#ex-082 { width: 440px; }
}
@media only screen and (max-width:460px) {
	#ex-082 { width: 300px; }
}

/* ----[ link.html ]--------------(Pcode:09)--- */

H3.cbox5 {
	font-size: 16px;
	margin: 0 1.5% 20px 1.5%;
}
H3.cbox5 .cbtxt5 {
	color: #FFFFC0;
	letter-spacing: 1px;
	padding: 4px 18px 4px 12px;
	background-color: #6666FF;
	border-radius: 6px;
	box-shadow: 6px 5px 7px rgba(0,0,0,0.3);
}
H3.cbox5 .onpu {
	color: #FFD8D8;
	padding-right: 2px;
}

@media only screen and (max-width:479px) {/* ------------------------------- */
H3.cbox5 {
	margin-top: 20px;
}
TABLE.links {
	display: block;
}
TABLE.links TD {
	display: block;
	padding-left: 15px;
	line-height: 1.4;
}
TABLE.links TD.lttl {
	padding-left: 0;
}
TABLE#links_ex UL {
	line-height: 1.6667;
	padding-left: 40px;
}
}/* ----------------------------------------------------------- */


@media only screen and (min-width:480px) {/* ------------------------------- */
TABLE.links {
	width: 97%;
	margin-left: 1.5%;
	margin-bottom: 28px;
	background-color: #FFFFFF;
	border-collapse: separate;	/* for IE */
	border-spacing: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #C0C0C0 #909090 #909090 #C0C0C0;
}
TABLE.links TD {
	line-height: 1.4;
	padding: 10px;	padding-top: 11px\9; padding-bottom: 9px\9;	/* for ~IE10 */
	border-style: solid;
	border-width: 1px;
	border-color: #A0A0A0 #D0D0D0 #D0D0D0 #A0A0A0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {	/* for Chrome */
	TABLE.links TD { padding-top: 11px; padding-bottom: 9px; }
}
TABLE#links_ex.links TD {
	padding: 0;
}
TABLE.links TD.lttl {
	width: 200px;
	background-image: url("image/tbl_bg01.gif");
	-webkit-background-size: 9px 9px;
		background-size: 9px 9px;
}
TABLE#links_ex UL {
	line-height: 1.6667;
	padding-left: 40px;
}
.links A:link, .links A:visited {
	text-decoration: none;
}
.links A:hover, .links A:active {
	text-decoration: underline;
}
}/* ----------------------------------------------------------- */

.temp-090 {	/* IMG */
	vertical-align: middle;
	margin-right: 10px;
}
.temp-091 {
	font-size: 16px;
	font-weight: bold;
}

/* ----[ rule.html ]--------------(Pcode:0R)--- */

#ex-0R0 {	/* OL */
	margin-bottom: 0;
}
#ex-0R0 LI {
	line-height: 1.4;
	margin-bottom: 16px;
}

/* ----[ history.html ]-----------(Pcode:0H)--- */

#ex-0H0  {	/* DL */
	margin-left: 1.5%;
	margin-right: 1.5%;
}
#ex-0H0 DT {
	text-indent: 20px;
	line-height: 22px;
	background-image : url("image/pencil01.gif");
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-background-size: 11px 18px;
		background-size: 11px 18px;
}
#ex-0H0 DD {
	line-height: 1.4;
	padding: 0.4em 0 1em 1.6em;

}

/* ==== @ Print =============================== */

@media print {

/* background-image of #ex-021_l, #ex-021_r, #ex-034 can not be helped. */
}