@charset "UTF-8";
/* ===== for conc1/c*.html =================(Pcode:10)=== */

#header_in { background-image: url("../image/score01.gif"); }
#hdr_logo  { background-image: url("../image/hdr_logo.gif"); }
#content   { background-image: url("../image/wallpp1.gif"); }

#sidebar { background-image: url("../image/side160.gif"); }
#gohome { background-image: url("../image/home01.gif"); }
@media only screen and (min-width:960px) and (max-width:979px) {
	#sidebar { background-image: url("../image/side140.gif"); }
}
@media only screen and (min-width:1121px) {
	#sidebar { background-image: url("../image/side180.gif"); }
}

/* ---- Element ------------------------------- */

H1 { margin-top: 4px; }

H2 {
	font-size: 18px;
	color: #666666;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
}
#mon_year {
	font-family: "Times New Roman", Times, serif;
	color: #999966;
	letter-spacing: 1px;
	padding-left: 12px;
	padding-right: 12px;
}
#signpen {	/* IMG */
	margin-left: 15px;
	margin-right: 20px;
}

/* ---- Mark ---------------------------------- */

.mk11 { color: #00C8C8; }

/* ---- Other --------------------------------- */

#topwri0 {
	line-height: 1.5;
	margin: 20px 3%;
}
#topwri0 P {
	margin-top: 0;
	margin-bottom: 0;
}
#topwri0 P.bbr {
	margin-top: 0;
	margin-bottom: 12px;
}
#imgbox {
	text-align: center;
	padding-bottom: 6px;
}
#imgbox IMG {
	margin-bottom: 40px;
	box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	border-radius: 10px;
}
 @media only screen and (max-width:512px) {
	#imgbox IMG { width: 288px;  height: 192px; }
}

/* ---- Concert List -------------------------- */

#con_list {
	line-height: 1.8;
	margin: 0 4px;
	padding: 12px 20px;
	border: dotted 2px #A0A0A0;
	border-radius: 4px;
}
#con_list P {
	color: #404040;
	font-weight: bold;
	margin: 0;
}
#con_l1, #con_l2 {	/* UL */
	list-style-type: circle;
	margin-bottom: 0;
}
#con_l1 {
	margin-top: 0;
}
#con_l2 {
	margin-top: 6px;
	padding-top: 6px;
	border-top: dotted 2px #B0B0B0;
}
#con_l1 .here {	/* LI */
	list-style-type: disc;
	color: #909090;
}
@media only screen and (min-width:336px) {
	#con_list {
		line-height: 2;
		margin: 0 1.5%;
		padding:  6px 10px 10px 20px;
		border-radius: 0;
	}
	#con_l1, #con_l2, #con_l1 .here {
		list-style-type: none;
	}
	#con_l2 {
		margin-top: 0;
		padding-top: 0;
		border-top: none 0;
	}
	#con_list LI {
		display: inline-block;
	}
	#con_list LI:after {
		content: " | ";
		color: #909090;
	}
	#con_list UL > LI:last-child:after {
		content: "";
	}
}
@media only screen and (min-width:336px) and (max-width:640px) {
	#con_l1, #con_l2 {
		padding-left: 0;
	}
}

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

@media print {
	H1 { margin-top: 0; }
	#con_list DT { color: #000000; }
}