@charset "UTF-8";
/* CSS Document */
/*
**********************************************************************
* top.css
* site name : fuyumi-fc.com
* description : 共通設定
* since : 2012/3/30
*********************************************************************
*/
/*
==================================================================
* 特殊指定
==================================================================
*/

/* #topwrap */

#topwrap_220525 {
	width:920px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,0.8);
	margin: -8px -1px 8px;
    border-right: 1px solid rgba(255,255,255,0.8);
    border-left: 1px solid rgba(255,255,255,0.8);
	}
	
/* #topleft */
#topleft {
	width:250px;
	float:left;
	display:inline;
}
#top_banner_over {
	width:920px;
	height:9px;
	position:absolute;
	z-index:100;
	background-image:url(/images/top/banner_overray2.png);
	display:block;
}
#topleft img{
	vertical-align:middle;
}
.topleft_yt{
	width:250px;
	height:141px;
}
/* #topright */
#topright {
	width:670px;
	height:661px;
	float:right;
	display:inline;
	position:relative;
	background-repeat:no-repeat;
	background-image:url(/images/top/topsinglebg_260304.png);
	}

/* #topsingle */

#topsingle {
	left:0px;
	bottom:0px;
	width:670px;
	height:661px;
	position:absolute;
	background-image:url(/images/top/topsingle_260304.png);
	transition:0.5s;
	cursor:pointer;
	}

#topsingle:hover{
	transition:0.5s;
	/*transform: scale(1.1);*/
	opacity:0.5;
	}
	

	
#topmv_201111_3 {
	width:670px;
		height:376px;
		position:absolute;
		top:335px;
		left:0px;
	float:right;
	display:inline;
	position:relative;
	background-repeat:no-repeat;
	}
#topkouhakubanner {
    left: 0px;
    top: 575px;
    width: 248px;
    height: 37px;
    position: absolute;
}
#toprecordbanner {
	left:29px;
	top:326px;
	width:134x;
	height:75px;
	position:absolute;
}
#topletterarea_160712 {
	right:0px;
	top:488px;
	width:112px;
	height:18px;
	text-align:center;
	font-size:77%;
	position:absolute;
}

#topinfoarea_220525 {
	height:269px;
	width:670px;
	float:right;
	margin-top:19px;
	position:relative;
	}

#topsitenewsbox_120330 {
	width:325px;
	height:269px;
	background-image:url(/images/top/topsitenews120330.png);
	background-repeat:no-repeat;
	float:left;
	display:inline;
}
#topsitenews_120330 {
	width:271px;
	height:181px;
	overflow-y:scroll;
	padding:7px 0 5px 0;
	margin:52px 8px 24px 33px;
	text-align:left;
	}
table.toplist{
	width:237px;
	padding:0 34px 0 0;
	margin:-7px 0 0;
	border: none;
	}
table.toplist tr {
	padding:0 0 3px;
	border: none;
	}	
.topdate {
	padding:7px 10px 7px 12px;
	font-size:65%;
	font-weight:700;
	width:60px;
	background-image:url(/images/top/sitenewsicon.jpg);
	background-repeat:no-repeat;
	background-position:0 10px;
	vertical-align:text-top;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:#7FB8DD solid 1px;
}
.toptext {
	padding:7px 0;
	font-size:77%;
	width:167px;
	vertical-align:text-top;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:#7FB8DD solid 1px;
}
#topfcnewsbox_120330 {
	width:326px;
	height:269px;
	background-image:url(/images/top/topfcnews120330.png);
	float:right;
	display:inline;
}
#topfcnews_120330 {
	width:271px;
	height:181px;
	overflow-y:scroll;
	padding:7px 0 5px 0;
	margin:52px 24px 24px 31px;
	text-align:left;
	}
.topdate2 {
	padding:7px 10px 7px 12px;
	font-size:65%;
	font-weight:700;
	width:60px;
	background-image:url(/images/top/fcnewsicon.jpg);
	background-repeat:no-repeat;
	background-position:0 10px;
	vertical-align:text-top;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:#FFC4EA solid 1px;
}
.toptext2 {
	padding:7px 0;
	font-size:77%;
	width:167px;
	vertical-align:text-top;
	border-bottom:#FFC4EA solid 1px;
	border-top:none;
	border-left:none;
	border-right:none;
}
#topfooter_120330 {
	width:913px;
	height:50px;
	padding:0;
	float:left;
}

#topfooter_120330 table,#topfooter_120330 table tr,#topfooter_120330 table tr td{
	margin:0;
	padding:0;
	border: none;
}


/* モーダルCSS */
.modalArea {
  display: none;
  position: fixed;
  z-index: 100; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color:rgba(235,232,227,0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 800px;
  background-color: #fff;
  padding:10px;
}
.closeModal {
  position: absolute;
 top: 0.5rem;
    right: 1rem;
    cursor: pointer;
    font-size: 2rem;
}


/* 以下ボタンスタイル */
button#openModal,button#openModal:focus {
  cursor: pointer;
  background-color:transparent;
  border:none;
  outline: none;
}

#openModal {
}

.toplyricinfo_201111 {
	top:0px;
	right:0px;
	width:102px;
	height:270px;
	position:absolute;
	background-image:url(/images/top/top_lyricinfo_201111.png);
	transition:0.5s;
	cursol:pointer;
		}
.toplyricinfo_201111:hover {
	transition:0.5s;
	transform: scale(1.04);
	opacity:0.8;
		}
.toplyricinfo_201111_2 {
	top:0px;
	right:0px;
	width:70px;
	height:228px;
	position:absolute;
	background-image:url(/images/top/top_lyricinfo_201111_2.png);
	transition:0.5s;
	cursol:pointer;
		}
.toplyricinfo_201111_2:hover {
	transition:0.5s;
	transform: scale(1.04);
	opacity:0.8;
		}
.lyrics-201111 {
  background-image:url(/images/top/lyrics-201111-2.jpg);
  background-size: cover;
  width:700px;
  height:735px;
  margin:auto;
}
.lyrics-201111 img{
  width:100%;
  height:100%;
}

.toplyricinfo_201111_3 {
	top:0px;
	right:0px;
	width:70px;
	height:228px;
	position:absolute;
	background-image:url(/images/top/top_lyricinfo_201111_3.png);
	transition:0.5s;
	cursol:pointer;
		}
.toplyricinfo_201111_3:hover {
	transition:0.5s;
	transform: scale(1.04);
	opacity:0.8;
		}