@charset "utf-8";
*{margin: 0;padding: 0;}
body {background-color:#FFFFFF;color: #333333; margin:10px 0; padding:0; font-family:Verdana, Arial,  "ＭＳ Ｐゴシック", Osaka; font-size: 8pt;}
h1, h2, h3 {font-size:1em; margin:0; padding:0;}
img {border:0px;}
p {margin-bottom:12px;}
td {vertical-align:top;}
ul, li {list-style:none; margin:0; padding:0;}

/* Link Color for general */
a:link {color:#333333;text-decoration:none;}
a:visited {color:#333333;text-decoration:none;}
a:hover {color:#FF9900;text-decoration:underline;}
a:active {color:#FF9900;text-decoration:underline;}


/* Container */
* html body div#wwrap {width:100%; text-align:center; margin: 0;padding: 0;}
#wrapper {width:900px; margin:0 auto; padding:0px; text-align:left;}
#container {margin:0px; padding:20px 10px;}


/* Header */
#header {width:880px; height:60px;}
#header #hdrColL {float:left; width:770px;}
#header #hdrColR {float:right; width:100px;}
#header #hdrColR #logo img {width:89px;}
#header #hdrRow1 {margin:0 0 0 10px;}
#header #fchangeCol {margin-top:5px;}
#header #fchangeCol #eximg,
#header #fchangeCol #defimg {
	cursor:pointer;
}

#contents {width:600px;}

.altTxt {display:none;}
.txtBox {margin:10px}
.marginT4 {margin-top:4px}
.marginT10 {margin-top:10px}
.marginT30 {margin-top:30px}
.marginT50 {margin-top:50px}
.marginL10 {margin-left:10px}
.marginL20 {margin-left:20px}
.marginL35 {margin: 2px 0px 2px 35px;}

.alignC {text-align:center;}
.alignL {text-align:left;}
.alignR {text-align:right;}

.orange {color: #FF9900;}

.smallTxt {font-size:8pt;}
.anchormenu {cursor: pointer;}
.submenu {margin:4px 0 0 0;}

.c-both {clear:both}
div.clearfix {display: inline-block;}
div.clearfix:after {content:""; display:block; clear:both; height:1px; overflow:hidden;}
/* Hides from IE-mac \*/
* html div.clearfix {height:1%;}
div.clearfix {display:block;}
/* End hide from IE-mac */


.txtIndent {margin-left:1.5em; text-indent:-1.5em;}

#newsTitle {border-top:1px solid #99CC66; margin-top:40px; height:30px; position:relative;}
#newsHdr {position:absolute; top:5px; left:5px;}
#newsIcon {position:absolute; top:5px; left:110px;}
#newsInfo {position:absolute; top:5px; left:130px; color:#666666; font-size:8pt;}
#rssLink {position:absolute; top:5px; left:500px; font-size:8pt;}
#rssLink a:link {color:#FF9900;text-decoration:none;}
#rssLink a:visited {color:#FF9900;text-decoration:none;}
#rssLink a:hover {color:#FF9900;text-decoration:underline;}
#rssLink a:active {color:#FF9900;text-decoration:underline;}


.rsssuite-custom ul {border-bottom:1px solid #CCCCCC;}
.rsssuite-custom li {background:url(../images/dotline.gif) repeat-x left top; padding:5px 0 6px 0; display:inline-block;}
.rsssuite-custom li:after {content:""; display:block; clear:both; height:1px; overflow:hidden;}
.rsssuite-custom li .date {float:left; width:95px; background:url(../images/icon_dot.gif) no-repeat 5px 5px; padding-left:15px;}
.rsssuite-custom li .newsTxt {float:left; width:485px; line-height:1.2; word-break:break-all; padding-right:5px;}

#contents .txtBox h2 {border-top:2px solid #99CC66; margin:40px 0 0 0; padding:4px 0; line-height:1.2;}
#contents .txtBox h2 img {vertical-align:middle;}
#contents .txtBox ul {border-top:1px solid #DDDDDD;}
#contents .txtBox ul li {background:url(../images/icon_dot.gif) no-repeat 5px 5px; padding-left:15px; margin-top:8px; font-size:12px;}


/* Footer */
#footer {margin-top:10px; padding:10px 20px 10px 10px; border-top:1px solid #D8D8D9; overflow:hidden; clear:both; color:#666666; font-size:8pt;}
#footer:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/* Hides from IE-mac \*/
* html #footer { height: 1em; overflow: visible;}
/**/

#address {float:left;}
#footerCol {text-align:right; float:right;}
#footerCol img {margin-top:5px}
#footer a:link {color: #666666;text-decoration: none;}
#footer a:visited {color: #666666;text-decoration: none;}
#footer a:hover {color: #666666;text-decoration: none;}
#footer a:active {color: #666666;text-decoration: none;}


/* tooltip */
#tooltip {
	position:absolute;
	z-index:3000;
	border:1px solid #F39700;
	background-color: #FFD185;
	padding:5px;
	opacity:0.85;
	font-family:Verdana, Arial;
	font-size:12px;
}
#tooltip h3, #tooltip div {margin:0;}



#tmpStyle #main #contents #bc {
	margin:10px 0 20px 0;
}
#tmpStyle #main #contents {
	width:580px;
	font-size:1.2em;
	line-height:1.8;
}
#tmpStyle.wide #main {
	background:none;
	border-top: 1px solid #747474;
}

#tmpStyle.wide #main #contents {
	width:880px;
}

#tmpStyle #main #contents a:link,
#tmpStyle #main #contents a:visited {color:#FF9900;text-decoration:underline;;}
#tmpStyle #main #contents a:hover,
#tmpStyle #main #contents a:active {color:#FF9900;text-decoration:none}
#tmpStyle #main #contents .mainimg {
	width: 880px;
}
#tmpStyle #main #contents h2 {
	margin:0 0 1em 0;
	padding:0 7px;
	font-size:1.25em;
	border-bottom:1px solid #ff9900;
	border-left:8px solid #ff9900;
}
#tmpStyle #main #contents h3 {
	margin:0 0 1em 0;
	padding:2px 10px;
	color:#ffffff;
	font-size:1.1em;
	background:#ffe0b2 url(../images/bg_hdr.jpg) repeat-x left bottom;
	text-shadow:0 0 2px rgba(150,150,150,.5);
}
#tmpStyle #main #contents h3:before {content:"● ";}
#tmpStyle #main #contents p {
	margin:0 0 1em 0;
}
#tmpStyle .section {
	margin:0 0 30px 0;
}
#tmpStyle .section .topimg {
	width: 880px;
}
#tmpStyle .section .cltopimg {
	width: 580px;
}
#tmpStyle .section .btrimg {
	width: 445px;
}
#tmpStyle .section .imgLeft {
	vertical-align: top;
	display: inline-block;
	width: 300px;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .textRight {
	vertical-align: top;
	display: inline-block;
	width: 520px;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .btarea {
	width: 100%;
	margin: 0 20px 0 0;
}

#tmpStyle .section .imgRight {
	float: right;
	margin: 0 0 0 20px;
	text-align: left;
}

#tmpStyle .section .imgLeft .img,
#tmpStyle .section .imgRight .img {margin: 0 0 10px;}

.leadTxt {
	color:#ff9900;
	font-size:1.1em;
	font-weight:bold;
}

#tmpStyle #main #contents table {
	width:100%;
	font-size:1em;
	border-collapse:collapse;
	border:1px solid #cccccc;
}
#tmpStyle #main #contents table th,
#tmpStyle #main #contents table td {
	padding:5px 10px;
	font-size:1.2em;
	line-height:1.8;
	border:1px solid #cccccc;
}
#tmpStyle #main #contents table th {
	width:30%;
	background:#fff0d9;
}

#contactArea {
	border:2px solid #ff9900;
	margin:0 0 30px 0;
}


#tmpStyle #main #contents #contactArea h3 {
	padding:2px 7px;
}


#shared {
	margin:20px 0 0 0;
}
#shared ul li {
	float:left;
	width:130px;
}

/* index */
#tmpStyle #main #contents .mm {
	margin:0 0 1em 0;
	padding:0 7px;
	font-size:1.2em;
	border-bottom:1px solid #ff9900;
	border-left:8px solid #ff9900;
}

/* Concert information */
#tmpStyle .section .CimgLeft {
	vertical-align: top;
	display: inline-block;
	width: 200px;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .CtextRight {
	vertical-align: top;
	display: inline-block;
	width: 620px;
	margin: 0 20px 0 0;
	text-align: left;
}

/* Concert */
#tmpStyle .section .DimgLeft {
	vertical-align: top;
	display: inline-block;
	width: 180px;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .EimgLeft {
	vertical-align: top;
	display: inline-block;
	width: 355px;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .EtextRight {
	vertical-align: top;
	display: inline-block;
	width: 470px;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .FimgLeft {
	vertical-align: top;
	display: inline-block;
	width: 200px;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .FtextRight {
	vertical-align: top;
	display: inline-block;
	width: 620px;
	margin: 0 20px 0 0;
	text-align: left;
}
/* Column */
#tmpStyle .section .cltleft {
	vertical-align: top;
	display: inline-block;
	width: 3%;
	margin: 0 10px 0 0;
	text-align: left;
}
#tmpStyle .section .cltright {
	vertical-align: top;
	display: inline-block;
	width: 92%;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .ClimgLeft {
	vertical-align: top;
	display: inline-block;
	width: 150px;
	margin: 0 10px 0 0;
	text-align: left;
}
#tmpStyle .section .CltextRight {
	vertical-align: top;
	display: inline-block;
	width: 660px;
	margin: 0 20px 0 0;
	text-align: left;
}

@media (max-width: 768px){
	#wrapper {width:100%; margin:0 auto; padding:0px; text-align:left;}
#container {margin:0px; padding:20px 10px;}
	#header {width:100%;}
	#header #hdrColL {vertical-align: top; display: inline-block; width:70%;}
	#header #hdrColL .headerimg {width:100%;}
	#header #hdrColR {vertical-align: top; display: inline-block; width:20%;}
	#header #fchangeCol {display: none;visibility: hidden;}
	#tmpStyle.wide #main #contents {
	width:100%;
}
	#tmpStyle #main #contents .mainimg {
	width: 100%;
}
	#tmpStyle .section .topimg {
	width: 100%;
}
	#tmpStyle .section .cltopimg {
	width: 100%;
}
	#tmpStyle .section .imgLeft {
	vertical-align: top;
	display: inline-block;
	width: 40%;
}
	#tmpStyle .section .imgLeft img {width:100%;}
#tmpStyle .section .textRight {
	vertical-align: top;
	display: inline-block;
	width: 45%;
	margin: 0 20px 10px 0;
}
	/* Concert information */
#tmpStyle .section .CtextRight {
	vertical-align: top;
	display: inline-block;
	width: 50%;
	margin: 0 20px 0 0;
	text-align: left;
}
	
	/* Concert */
	#tmpStyle .section .EimgLeft img {width:100%;}
#tmpStyle .section .EimgLeft {
	vertical-align: top;
	display: inline-block;
	width: 40%;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .EtextRight {
	vertical-align: top;
	display: inline-block;
	width: 50%;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .FtextRight {
	vertical-align: top;
	display: inline-block;
	width: 50%;
	margin: 0 20px 0 0;
	text-align: left;
}
	#tmpStyle .section .cltright {
	vertical-align: top;
	display: inline-block;
	width: 85%;
	margin: 0 0 0 0;
	text-align: left;
	}
	#tmpStyle .section .CltextRight {
	vertical-align: top;
	display: inline-block;
	width: 60%;
	margin: 0 0 0 0;
	text-align: left;
}
}


@media (max-width : 560px ){
	#header #hdrColR #logo img {width:100%;}
		#tmpStyle .section .imgLeft {
	width: 100%;
}
	#tmpStyle .section .imgLeft img {width:100%;}
#tmpStyle .section .textRight {
	width: 100%;
	margin: 0 20px 10px 0;
}
	#tmpStyle .section .btrimg {
	width: 100%;
}
	
		/* Concert information */
	#tmpStyle .section .CimgLeft {
	vertical-align: top;
	display: inline-block;
	width: 30%;
	margin: 0 20px 0 0;
	text-align: left;
}
	#tmpStyle .section .CimgLeft img {width:100%;}
#tmpStyle .section .CtextRight {
	vertical-align: top;
	display: inline-block;
	width: 55%;
	margin: 0 20px 0 0;
	text-align: left;
}
/* Concert */
	#tmpStyle .section .DimgLeft img {width:100%;}
#tmpStyle .section .DimgLeft {
	vertical-align: top;
	display: inline-block;
	width: 45%;
	margin: 0 10px 0 0;
	text-align: left;
}
	#tmpStyle .section .EimgLeft {
	width: 100%;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .EtextRight {
	width: 100%;
	margin: 0 20px 0 0;
	text-align: left;
}

#tmpStyle .section .FtextRight {
	width: 100%;
	margin: 0 20px 0 0;
	text-align: left;
}
#tmpStyle .section .CltextRight {
	width: 100%;
	margin: 0 10px 0 10px;
	text-align: left;
}
}