@charset "UTF-8";
/* =========== header 文字コード注意 ===== */
#miniHaeder{
position:fixed;
left:0;
top:0;
width:100%;
height:30px;
margin:0;
padding:0;
z-index:999;
overflow:hidden;
color:#fff;
background-color:#aa8833;
background:linear-gradient(#90773f, #e3e3aa);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#90773f), to(#e3e3aa));
overflow:hidden;
box-shadow:0 3px 7px rgba(0,0,0,0.3);
}

#miniHaeder #logo{
width:26px;
height:26px;
margin:2px auto 0 auto;
}
#miniHaeder #logo img{
width:26px;
height:26px;
}
#miniHaeder #userInfo{
position:fixed;
right:10px;
top:0;
width:330px;
height:30px;
text-align:right;
color:#fff;
font-size:11px;
font-weight:bold;
line-height:30px;
white-space:nowrap;
overflow:hidden;
}
#captionTxBig{
font-size: 27px ;
color:#888;
font-weight:bolder;
margin:50px 0 20px 0;
text-shadow:#ccc 3px 3px 3px;
}


.formDL{
width:310px;
margin:0 auto 15px auto;
}
.formDL dt{
padding:1px 0;
font-size:12px;
font-weight:bolder;
color:#888;
text-align:center;
}
.formDL dd{
margin:0 0 20px 0;
text-align:center;
}

.backTitle{
margin:30px 0;
height:240px;
text-align:center;
background: url(../_img_bg/1975Con2.jpg) no-repeat top center;
background-size: 418px 235px;
font: 16px 'Libre Baskerville',sans-serif;
line-height:330px;
color:#000;
text-shadow:3px 3px 7px #fff;
zoom: 1;
filter:alpha(opacity=37);
-moz-opacity:0.37;
opacity:0.37; 
}

.missPwdMsg{
margin-bottom:12px;
color:#f33;
font-weight:bold;
}
/* ============== main Header ================ */
#mainHeader{
width:100%;
height:80px;
margin:0;
padding:0;
background: url(../_img_bg/head_bg5x60.png) repeat 0 0; 
-box-shadow: 0 2px 7px 2px rgba(0,0,0,0.3);
border-bottom:solid 1px #aaa;
}
#headerInner{
position:relative;
width:1100px;
height:80px;
margin:0 auto;
padding:0;
}
#headerInner h1{
display:none;
}
#headerInner h2{
position:absolute;
top:0;
left:0;
height:80px;
margin:0;
font-size:18px;
line-height:45px;
font-weight:normal;
padding-left:120px;
background-image:url("../_img_bg/horn_and_cello460x460.png");
background-repeat: no-repeat;
background-size:105px 105px;
background-position:0 -15px;
color:#800;
text-shadow:#bbb 3px 3px 3px;
}
#headerInner h2 a:link{color:#800;text-decoration:none;outline:none;}
#headerInner h2 a:visited{color:#800;text-decoration:none;outline:none;}
#headerInner h2 a:hover{color:#a00;text-decoration:none;outline:none;}
#headerInner h2 a:active{color:#800;text-decoration:none;outline:none;}

#headerInner .gMenu{
position:absolute;
left:120px;
bottom:1px;
height:30px;
line-height:30px;
}
#headerInner .gMenu:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#headerInner .gMenu li{
float:left;
width:145px;
margin:0 2px 0 0;
padding:0;
font-size:14px;
text-align:center;
border:solid 1px #aaa;
border-right:solid 1px #aaa;
border-left:solid 1px #aaa;
background-color:#f3f3f3;
background:linear-gradient(#ffffff, #e3e3e3);
border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
#headerInner .gMenu li a{
display:block;
color:#000;
}
#headerInner .gMenu li a:hover{
text-decoration:none;
color:#800;
}
#headerInner .gMenu li.stay{
background-color:#ffffff;
background:linear-gradient(#f3f3f3, #ffffff);
border-bottom:solid 1px #fff;
}
#headerInner #loginName{
position:absolute;
right:10px;
top:10px;
color:#550;
font-weight:bold;
}
#headerInner .searchForm{
position:absolute;
bottom:25px;
right:10px;
width:310px;
height:35px;
margin:0;
padding:0;
text-align:right;
}
#headerInner .searchForm .kwdFld{
position:absolute;
bottom:0;
right:35px;
}
#headerInner .searchForm .roupeBtn{
position:absolute;
bottom:2px;
right:0;
}

.LogoutBtn a{
display:inline-block;
margin:0 3px;
white-space:nowrap;
color:#33a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #ccc;
text-decoration:none;
background-color:#eee;
background: -moz-linear-gradient(top, #fcfcfc 0%, #ddd 100%); 
background: -webkit-linear-gradient(top, #fcfcfc 0%,#ddd 100%); 
background: -ms-linear-gradient(top, #fcfcfc 0%,#ddd 100%); 
background: linear-gradient(to bottom, #fcfcfc 0%,#ddd 100%); 
text-align:center;
font-size:12px;
line-height:18px;
padding:0 5px;
text-decoration:none !important;
}
.LogoutBtn a:hover{
color:#77f;
text-decoration:none;
background-color:#f3f3f3;
background: linear-gradient(to bottom, #fff 0%,#eee 100%); 
}

/* ========= section ======== */
#mainWrapper{
position:relative;
width:1100px;
min-height:330px;
margin:20px auto;
		background:#fff;
}

#leftColumn{
position:absolute;
top:0;
left:0;
width:200px;
}
#leftColumn2{
position:absolute;
top:0;
left:0;
width:210px;
}
.leftInner{
width:100%;
padding-bottom:30px;
background:#f5f3f1;
border-radius: 5px;
}
.leftInner h3{
font-size:13px;
text-align:center;
padding:5px;
background:#e7e5e3;
border-radius: 5px;
margin:0 0 10px 0;
}

.leftInner .ymList{
list-style-type:none;
margin:0;
padding:0;
max-height:700px;
}

.leftInner .ymList li{
font-size:12px;
line-height:1.5;
margin:3px 10px;
border-bottom:1px dotted #fff;
}
.leftInner .ymList li a{
display:block;
color:#777;
}
.leftInner .ymList li a:hover{
color:#55f;
text-decoration:none;
background:#fff;
}
.leftInner .ymList li a.stay{
color:#700;
text-decoration:none;
background:#fff;
}


#mainSectionCemter,
#mainSectionCenter{
position:relative;
margin-left:215px;
width:600px;
padding:0 0 30px 0;
}
#mainSectionWide{
position:relative;
padding:0 0 50px 0;
width:800px;
}

#musicSectionCenter{
position:relative;
margin-left:230px;
width:585px;
padding:0 0 30px 0;
}

#rightColumn{
position:absolute;
top:0;
right:0;
width:270px;
}
#rightColumn h3{
font-size:12px;
line-height:1;
margin:0;
padding:5px;
background:#e7e5e3;
color:#555;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#rightColumn .newsBlock{
width:264px;
height:330px;
margin:0 auto 15px auto;
border-top:1px solid #ddd;
border-right:1px solid #ccc;
border-bottom:3px double #ccc;
border-left:3px double #ccc;
background-color:#fff;
overflow:auto;
}
#newsChk{
width:270px;
height:auto;
margin:15px 0;
padding:5px;
border-top:25px solid #eee;
border-right:1px solid #ccc;
border-bottom:3px double #ccc;
border-left:3px double #ccc;
background-color:#fff;
overflow:auto;
}
.scroll{
overflow-x:hidden;
overflow-y:auto;
}
.scroll::-webkit-scrollbar{ 
    width: 8px;
}
.scroll::-webkit-scrollbar-thumb{ 
    background: #ccc;
    border-radius: 8px;
}
.scroll::-webkit-scrollbar-track-piece:start{
    background: #ddd;
}
.scroll::-webkit-scrollbar-track-piece:end{
    background: #eee;
}
#rightColumn .newsBlock dt{
padding:5px 5px 0 5px;
font-size:12px;
font-weight:bold;
}
#rightColumn .newsBlock dd{
padding:1px 5px 5px 5px;
border-bottom:1px dotted #aaa;
color:#555;
font-size:11px;
}
#rightColumn .newsBlock dd p{
color:#666;
font-size:10px;
padding:0 5px 3px 5px;
text-align:right;
}
#halfwayFixBlock{
width:270px;
height:auto;
margin:0 auto 15px 0;
background-color:#fff;
}
.halfwayFixed {
	position: fixed;
	top: 20px;
}
.idurBnr{
width:270px;
height:270px;
text-align:center;
margin-top:15px;
overflow:hidden;
}
.idurBnr img{
width:160px;
height:160px;
}

/* ---------- --------- */
#overlayBG {
position: fixed;
z-index: -1;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
filter:alpha(opacity= 33);
-moz-opacity:0.33; 
opacity:0.33; 
}

#compMsg{
display:none;
position:fixed;
top:100px;
left:0;
width:100%;
z-index:998;
}
#compMsg .MsgInner{
width:500px;
height:auto;
margin:0 auto;
padding:20px;
border:3px double #ccc;
background-color:#fff;
-webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.7);
-moz-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.7);
box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.7);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
z-index:999;
text-align:center;
}

#overlayBG2 {
position: fixed;
z-index: -1;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
filter:alpha(opacity= 55);
-moz-opacity:0.55; 
opacity:0.55; 
}

#compMsg .MsgInner2{
position:relative;
width:800px;
height:auto;
margin:0 0 0 10px;
padding:10px;
border:3px double #ccc;
background-color:#fff;
-webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.7);
-moz-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.7);
box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.7);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
z-index:999;
text-align:center;
}

.closeBtnP{
display:inline-block;
padding:0 12px;
margin:10px 8px 0 0;
font-size:14px;
line-height:1.8;
white-space:nowrap;
color:#333;
border:1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none;
background-color:#ffd;
cursor:pointer;
}
.closeBtnP:hover{background-color:#fff;text-decoration:none;}




/* ========= parts ======== */
.alpha50{
zoom: 1;
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50; 
}
.grdBtn1 a{
display:inline-block;
padding:0 10px;
margin:0 15px;
line-height:1.5em;
white-space:nowrap;
background:#eee;
color:#888;
border:1px solid #888;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-decoration:none;
background:linear-gradient(#ffffff, #bbbbbb);
}
.grdBtn1 a:link{color:#333;text-decoration:none;}
.grdBtn1 a:visited{color:#333;text-decoration:none;}
.grdBtn1 a:hover{color:#a00;background:#fffaca;text-decoration:none;}
.grdBtn1 a:active{color:#e00;text-decoration:none;}

.aBtn1 a{
display:inline-block;
padding:1px 10px;
margin:0;
white-space:nowrap;
color:#888;
border:1px solid #789;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none;
background-color:#b8d5ff;
background:linear-gradient(#ffffff, #b8d5ff);
box-shadow: 2px 2px 6px #ddd;
}
.aBtn1 a:link{color:#333;text-decoration:none;}
.aBtn1 a:visited{color:#333;text-decoration:none;}
.aBtn1 a:hover{color:#a00;background:#e3fff8;text-decoration:none;}
.aBtn1 a:active{color:#e00;text-decoration:none;}

.aBtn2 a{
display:inline-block;
padding:1px 10px;
margin:0;
white-space:nowrap;
color:#555;
border:1px solid #789;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none;
background-color:#ddd;
background:linear-gradient(#ffffff, #ccc);
box-shadow: 2px 2px 6px #ddd;
}
.aBtn2 a:link{color:#555;text-decoration:none;}
.aBtn2 a:visited{color:#555;text-decoration:none;}
.aBtn2 a:hover{color:#00c;background:#eee;text-decoration:none;}
.aBtn2 a:active{color:#e00;text-decoration:none;}

.aBtn3 a{
display:inline-block;
padding:1px 10px;
margin:0;
white-space:nowrap;
color:#a85;
border:1px solid #789;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none;
background-color:#ffccbb;
background:linear-gradient(#ffffff, #ffaa88);
box-shadow: 2px 2px 6px #ddd;
}
.aBtn3 a:link{color:#333;text-decoration:none;}
.aBtn3 a:visited{color:#333;text-decoration:none;}
.aBtn3 a:hover{color:#a00;background:#ffccbb;text-decoration:none;}
.aBtn3 a:active{color:#e00;text-decoration:none;}


.aBtn4 a{
display:inline-block;
padding:3px 5px;
line-height:1;
white-space:nowrap;
color:#555;
border:1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none;
background-color:#ffd;
background:linear-gradient(#fff, #ffc);
box-shadow: 2px 2px 6px #ddd;
}
.aBtn4 a:link{color:#852;text-decoration:none;}
.aBtn4 a:visited{color:#852;text-decoration:none;}
.aBtn4 a:hover{color:#f00;background:#ffa;text-decoration:none;}
.aBtn4 a:active{color:#f00;text-decoration:none;}

.aBtn5 a{
display:inline-block;
padding:2px 4px;
line-height:1;
white-space:nowrap;
border:1px solid #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration:none;
background-color:#b8d5ff;
background:linear-gradient(#ffffff, #b8d5ff);
}
.aBtn5 a:link{color:#768;text-decoration:none;}
.aBtn5 a:visited{color:#768;text-decoration:none;}
.aBtn5 a:hover{color:#00f;background:#bdf;text-decoration:none;}
.aBtn5 a:active{color:#00f;text-decoration:none;}

.aBtn6 a{
display:inline-block;
padding:2px 3px;
line-height:1;
white-space:nowrap;
border:1px solid #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration:none;
background-color:#ddd;
background:linear-gradient(#ffffff, #ccc);
}
.aBtn6 a:link{color:#555;text-decoration:none;}
.aBtn6 a:visited{color:#555;text-decoration:none;}
.aBtn6 a:hover{color:#00c;background:#eee;text-decoration:none;}
.aBtn6 a:active{color:#e00;text-decoration:none;}

.DisBtn {
display:inline;
padding:1px 10px;
margin:0;
white-space:nowrap;
color:#aaa;
border:1px solid #cde;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none;
background-color:#ddd;
}

/* ==== おまけ ===== */
.resetBtnBox{
margin:0 8px 5px 5px;
text-align:right;
}
.resetBtn a{
display:inline-block;
margin:0;
white-space:nowrap;
color:#fff;
border: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:1px solid #a88;
text-decoration:none;
background-color:#804000;
background: -moz-linear-gradient(top, #e09777 0%, #800 100%); 
background: -webkit-linear-gradient(top, #e09777 0%,#800 100%); 
background: -ms-linear-gradient(top, #e09777 0%,#800 100%); 
background: linear-gradient(to bottom, #e09777 0%,#800 100%); 
text-align:center;
font-size:11px;
line-height:1;
padding:3px 7px;
text-decoration:none !important;
}
.resetBtn a:hover{
color:#ffd;
text-decoration:none;
background-color:#905010;
background: -moz-linear-gradient(top, #f0a787 0%, #905010 100%); 
background: -webkit-linear-gradient(top, #f0a787 0%,#905010 100%); 
background: -ms-linear-gradient(top, #f0a787 0%,#905010 100%); 
background: linear-gradient(to bottom, #f0a787 0%,#905010 100%); 
}

.otherWin:after{
content: url("../_img_bg/to_new_win.png");
margin: 0 5px;
}

.gAdCenter{
text-align:center;
z-index:0 !important;
}

/** facebookアイコンの位置調整 */
.socialWrap {
	padding: 20px 0;
	text-align: center;
}
.socialWrap div {
	display: inline-block;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}
/* ====== nice icon ========= */
.niceIcons{
display:inline-block;
white-space:nowrap;
margin:0 10px;
}
.niceIcons img{
width:20px;
height:20px;
}
.niceIcons q{
display:inline-block;
width:28px;
font-size:10px;
padding:0 3px;
overflow:hidden;
white-space:nowrap;
color:#777;
}
.niceIcons q:after{
  content: "人";
}

.niceIcons s{
position:relative;
display:none;
z-index:990;
}
.niceIcons s i{
display:inline-block;
position:absolute;
bottom:25px;
max-width:120px;
margin-left:-5px;
background-color:#333;
color:#fff;
text-align:left;
font-size:11px;
line-height:1.4;
padding:3px;
border:1px solid #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/* 下向き三角 */
.niceIcons s i:after{
content: "";
position:absolute;
bottom: -6px;
left: 7px;
border-top: 7px solid #333;
border-left: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
border-bottom: 0px solid rgba(0, 0, 0, 0);
}

/* ============== footer ============== */
footer{
position:fixed;
left:0;
bottom:0;
width:100%;
height:25px;
background-color:#f7f5f3;
border-top:1px solid #ccc;
z-index:998;
}
#copyR{
color:#aaa;
font-size:11px;
font-family:Georgia,selif;
text-indent:1em;
white-space:nowrap;
line-height:25px;
font-style:oblique;
}
#goTopBtn{
position:fixed;
right:10px;
bottom:3px;
z-index:999;
}
#pageTop{
	position:fixed;
	right:0;
	bottom:0;
}
#pageTop a{
	display:block;
	background: url(../_img_bg/btn_pagetop.png) no-repeat 0 0;
	background-size:45px auto;
	width:45px;
	height:45px;
	position:absolute;
	right:0;
	bottom:50px;
	text-indent:-9999px;
}

/* === パスワードを忘れた場合 === */

#forgot{
width:700px;
min-height:200px;
margin:50px auto;
padding:20px;
border:1px solid #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3);
box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3);
}
#forgot h2{
font-size:20px;
color:#852;
text-align:center;
margin-bottom:20px;
}

#forgot dl{
text-align:center;
margin:0 0 25px 0;
}
#forgot dt{
font-size:13px;
padding:10px;
line-height:1.7;
}
#forgot dd{
padding:10px;
}

#forgot2{
width:700px;
min-height:200px;
margin:50px auto;
padding:20px;
border:1px solid #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3);
box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3);
}
#forgot2 h2{
font-size:20px;
color:#852;
text-align:center;
margin-bottom:20px;
}