@charset "Shift_JIS";

/*
--------------------------------------------------
�ｽ�ｽ�ｽ�ｽ �ｽ�ｽ (2013.08.26)
(c)2013 avex marketing Inc. All rights reserved.
author:A
--------------------------------------------------*/

/* All
--------------------------------------------------*/
body{
	margin:0;
	padding:0;
	font:12px/1.5em Verdana,Helvetica,Arial,'�ｽq�ｽ�ｽ�ｽM�ｽm�ｽﾛゴ Pro W4','�ｽl�ｽr �ｽo�ｽS�ｽV�ｽb�ｽN',sans-serif;
	color:#fff;
	text-align:left;
	background:#ECF5FA;
}

#bg{
	position:fixed !important;
}

#white{
	position:fixed !important;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	z-index:2000;
	background:#fff;
}

#header{
	position:fixed !important;
	top:0;
	left:28px;
	/*width:220px;*/
	z-index:50;
}

#mainCol{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	padding:0;
	background:url(../images/common/bg.png) 0 0 repeat;
	z-index:31;
}

#mainCol2{
	position:fixed;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	padding:0;
	z-index:1;
}

#sidecol{
	position:absolute;
	top:43px;
	left:28px;
	margin:0;
	padding:0;
	width:220px;
	margin:0 auto 20px;
	padding:0;
	z-index:30;
}

body#top #sidecol{
	position:absolute;
	top:0px;
	left:0px;
	width:220px;
	margin:0 auto 20px;
	padding:50px 30px 0 30px;
	z-index:30;
	height: 100%;
}


#contents{
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:100px 0 70px 0;
	margin:0;
	z-index:5;
}

#contents #mainarea{
	margin:0;
	padding:0 30px 0 300px;
	margin:0;
	z-index:10;
}

#footer{
	margin:0;
	padding:100px 0 0 0;
	font-size:86%;
	z-index:15;
	color:#ccc;
	text-align:left;
}

#logo{
	position:relative;
	margin:0 0 15px 0;
	padding:0;
	width:220px;
	height:43px;
	font-size:100%;
	text-align:left;
	text-indent:-9999px;
	background:none;
}

#logo span{
	position:absolute; top:0; left:0;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/common/logo.png) 0 0 no-repeat;
}

#logo span a{
	display:block;
	width:220px;
	height:43px;
	overflow:hidden;
}

h1{
	position:relative;
	margin:0 auto 100px;
	padding:0;
	width:220px;
	height:50px;
	font-size:100%;
	text-align:left;
	text-indent:-9999px;
}

h1 span{
	position:absolute; top:0; left:0;
	display:block;
	width:100%;
	height:100%;
}

.subject{
	margin:0 0 12px 0;
	padding:0 0 12px 0;
	border-bottom:1px solid #fff;
	text-align:left;
	}

/*\*/
* html .subject{
	height:1%;
}
/**/

.subject h2,.subject h3{
	width:100%;
	font-size:140%;
	line-height:130%;
	margin:0;
	padding:0;
	color:#fff;
	text-indent:0;
	}

.subject em{
	font-size:68%;
	font-style:normal;
	font-weight:normal;
	color:#ccc;
	}

h2{
	font-size:140%;
	line-height:130%;
	margin:0 0 5px 0;
	padding:0;
	color:#4e4e4e;
	text-indent:0;
	font-weight:bold;
	text-align:left;
	font-weight:normal;
	}

h3{
	font-size:140%;
	line-height:130%;
	margin:0 0 8px 0;
	padding:0;
	font-weight:bold;
	color:#D0EEFF;
}

h4{
	font-size:120%;
	line-height:130%;
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	color:#fff;
}

.navileft{
	width:108px;
	float:left;
}

.naviright{
	width:108px;
	float:right;
}

.snsarea{
	width:120px;
	margin:0 0 30px 0;
}

.paging{
	margin-top: 20px;
	clear: both;
	text-align:left;
}

.paging a, .paging span {
	text-decoration: none;
	padding: 5px 7px 5px 7px;
	margin: 2px;
	color: #fff;
	background:#666;
}

.paging a:hover{
	background: #9DB8C2;
	color: #fff;
}


/*navi
------------------------------------------------*/
#naviCol{
	width:220px;
	margin:0 0 30px 0;
	padding:0;
	z-index:900;
}

#navi{
	width:220px;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:100%;
}

#navi li{
	display:block;
	margin:0 0 12px 0;
	padding:0;
	width:98px;
	height:18px;
	text-indent:-9999px;
	float:left;
}

.hover-css a, .hover-anims a, .hover-anims span { display:block;  height:44px;  position:relative;  overflow:hidden; }
.hover-anims span { position:absolute; left:0; top:0; }
.hover-css .top a, .hover-anims .top a, .hover-anims .top span {width:98px;  background:url(../images/navi/top.png) no-repeat 0 0}
.hover-css .top a:hover, .hover-anims .top span { width:98px;  background:url(../images/navi/top_on.png) no-repeat 0 0; opacity: 0.5; }
.hover-css .profile a, .hover-anims .profile a, .hover-anims .profile span {width:80px;  background:url(../images/navi/profile.png) no-repeat 0 0;}
.hover-css .profile a:hover, .hover-anims .profile span { width:98px;  background:url(../images/navi/profile_on.png) no-repeat 0 0}
#profile .hover-css .profile a, #profile .hover-anims .profile a, #profile .hover-anims .profile span {width:80px;  background:url(../images/navi/profile_on.png) no-repeat 0 0;}
.hover-css .news a, .hover-anims .news a, .hover-anims .news span {width:98px;  background:url(../images/navi/news.png) no-repeat 0 0;}
.hover-css .news a:hover, .hover-anims .news span { width:98px;  background:url(../images/navi/news_on.png) no-repeat 0 0}
#news .hover-css .news a, #news .hover-anims .news a, #news .hover-anims .news span {width:98px;  background:url(../images/navi/news_on.png) no-repeat 0 0;}
.hover-css .media a, .hover-anims .media a, .hover-anims .media span {width:98px;  background:url(../images/navi/media.png) no-repeat 0 0;}
.hover-css .media a:hover, .hover-anims .media span { width:98px;  background:url(../images/navi/media_on.png) no-repeat 0 0}
#media .hover-css .media a, #media .hover-anims .media a, #media .hover-anims .media span {width:98px;  background:url(../images/navi/media_on.png) no-repeat 0 0;}
.hover-css .live a, .hover-anims .live a, .hover-anims .live span {width:98px;  background:url(../images/navi/live.png) no-repeat 0 0;}
.hover-css .live a:hover, .hover-anims .live span { width:98px;  background:url(../images/navi/live_on.png) no-repeat 0 0}
#live .hover-css .live a, #live .hover-anims .live a, #live .hover-anims .live span {width:98px;  background:url(../images/navi/live_on.png) no-repeat 0 0;}
.hover-css .disc a, .hover-anims .disc a, .hover-anims .disc span {width:108px;  background:url(../images/navi/disc.png) no-repeat 0 0;}
.hover-css .disc a:hover, .hover-anims .disc span { width:108px;  background:url(../images/navi/disc_on.png) no-repeat 0 0}
#disc .hover-css .disc a, #disc .hover-anims .disc a, #disc .hover-anims .disc span {width:108px;  background:url(../images/navi/disc_on.png) no-repeat 0 0;}
.hover-css .aithink a, .hover-anims .aithink a, .hover-anims .aithink span {width:98px;  background:url(../images/navi/aithink.png) no-repeat 0 0;}
.hover-css .aithink a:hover, .hover-anims .aithink span { width:98px;  background:url(../images/navi/aithink_on.png) no-repeat 0 0}
#aithink .hover-css .aithink a, #aithink .hover-anims .aithink a, #aithink .hover-anims .aithink span {width:98px;  background:url(../images/navi/aithink_on.png) no-repeat 0 0;}
.hover-css .request a, .hover-anims .request a, .hover-anims .request span {width:98px;  background:url(../images/navi/request.png) no-repeat 0 0;}
.hover-css .request a:hover, .hover-anims .request span { width:98px;  background:url(../images/navi/request_on.png) no-repeat 0 0}
#request .hover-css .request a, #request .hover-anims .request a, #request .hover-anims .request span {width:98px;  background:url(../images/navi/request_on.png) no-repeat 0 0;}
.hover-css .goods a, .hover-anims .goods a, .hover-anims .goods span {width:98px;  background:url(../images/navi/goods.png) no-repeat 0 0;}
.hover-css .goods a:hover, .hover-anims .goods span { width:98px;  background:url(../images/navi/goods_on.png) no-repeat 0 0}
#goods .hover-css .goods a, #goods .hover-anims .goods a, #goods .hover-anims .goods span {width:98px;  background:url(../images/navi/goods_on.png) no-repeat 0 0;}
.hover-css .love9 a, .hover-anims .love9 a, .hover-anims .love9 span {width:98px;  background:url(../images/navi/love9.png) no-repeat 0 0;}
.hover-css .love9 a:hover, .hover-anims .love9 span { width:98px;  background:url(../images/navi/love9_on.png) no-repeat 0 0}
#love9 .hover-css .love9 a, #love9 .hover-anims .love9 a, #love9 .hover-anims .love9 span {width:98px;  background:url(../images/navi/love9_on.png) no-repeat 0 0;}

#topnaviCol{
	width:220px;
	margin:0 0 20px 0;
	padding:0;
}

#topnavi{
	width:220px;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:100%;
}

#topnavi li{
	display:block;
	margin:0 0 12px 0;
	padding:0;
	width:108px;
	height:18px;
	text-indent:-9999px;
	float:left;
}

#topnaviCol .hover-css a, #topnaviCol .hover-anims a, #topnaviCol .hover-anims span { display:block; height:18px; position:relative; overflow:hidden;}
#topnaviCol .hover-anims span { position:absolute; left:0; top:0; }

#topnaviCol .hover-css .top a, #topnaviCol .hover-anims .top a, #topnaviCol .hover-anims .top span {width:108px;  background:url(../images/navi/top.png) no-repeat 0 0; opacity: 0.5; }
#topnaviCol .hover-css .top a:hover, #topnaviCol .hover-anims .top span { width:108px; background:url(../images/navi/top.png) no-repeat 0 0; opacity: 0.5; }
#topnaviCol .hover-css .profile a, #topnaviCol .hover-anims .profile a, #topnaviCol .hover-anims .profile span {width:80px;  background:url(../images/navi/profile.png) no-repeat 0 0;}
#topnaviCol .hover-css .profile a:hover, #topnaviCol .hover-anims .profile span { width:108px;  background:url(../images/navi/profile.png) no-repeat 0 0; opacity: 0.5; }
#topnaviCol .hover-css .news a, #topnaviCol .hover-anims .news a, #topnaviCol .hover-anims .news span {width:108px;  background:url(../images/navi/news.png) no-repeat 0 0;}
#topnaviCol .hover-css .news a:hover, #topnaviCol .hover-anims .news span { width:108px;  background:url(../images/navi/news.png) no-repeat 0 0; opacity: 0.5; }
#topnaviCol .hover-css .media a, #topnaviCol .hover-anims .media a, #topnaviCol .hover-anims .media span {width:108px;  background:url(../images/navi/media.png) no-repeat 0 0;}
#topnaviCol .hover-css .media a:hover, #topnaviCol .hover-anims .media span { width:108px;  background:url(../images/navi/media.png) no-repeat 0 0; opacity: 0.5; }
#topnaviCol .hover-css .live a, #topnaviCol .hover-anims .live a, #topnaviCol .hover-anims .live span {width:108px;  background:url(../images/navi/live.png) no-repeat 0 0;}
#topnaviCol .hover-css .live a:hover, #topnaviCol .hover-anims .live span { width:108px;  background:url(../images/navi/live.png) no-repeat 0 0; opacity: 0.5; }
#topnaviCol .hover-css .disc a, #topnaviCol .hover-anims .disc a, #topnaviCol .hover-anims .disc span {width:108px;  background:url(../images/navi/disc.png) no-repeat 0 0;}
#topnaviCol .hover-css .disc a:hover, #topnaviCol .hover-anims .disc span { width:108px;  background:url(../images/navi/disc.png) no-repeat 0 0; opacity: 0.5; }
#topnaviCol .hover-css .aithink a, #topnaviCol .hover-anims .aithink a, #topnaviCol .hover-anims .aithink span {width:108px;  background:url(../images/navi/aithink.png) no-repeat 0 0;}
#topnaviCol .hover-css .aithink a:hover, #topnaviCol .hover-anims .aithink span { width:108px;  background:url(../images/navi/aithink.png) no-repeat 0 0; opacity: 0.5; }
#topnaviCol .hover-css .request a, #topnaviCol .hover-anims .request a, #topnaviCol .hover-anims .request span {width:108px;  background:url(../images/navi/request.png) no-repeat 0 0;}
#topnaviCol .hover-css .request a:hover, #topnaviCol .hover-anims .request span { width:108px;  background:url(../images/navi/request.png) no-repeat 0 0; opacity: 0.5; }
#topnaviCol .hover-css .goods a, #topnaviCol .hover-anims .goods a, #topnaviCol .hover-anims .goods span {width:108px;  background:url(../images/navi/goods.png) no-repeat 0 0;}
#topnaviCol .hover-css .goods a:hover, #topnaviCol .hover-anims .goods span { width:108px;  background:url(../images/navi/goods.png) no-repeat 0 0; opacity: 0.5; }
#topnaviCol .hover-css .love9 a, #topnaviCol .hover-anims .love9 a, #topnaviCol .hover-anims .love9 span {width:108px;  background:url(../images/navi/love9.png) no-repeat 0 0;}
#topnaviCol .hover-css .love9 a:hover, #topnaviCol .hover-anims .love9 span { width:108px;  background:url(../images/navi/love9.png) no-repeat 0 0; opacity: 0.5; }


#lannaviCol{
	width:54px;
	height:20px;
	margin:0;
	padding:0;
	z-index:150;
	float:left;
}

#lannavi{
	width:54px;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:100%;
}

#lannavi li{
	display:block;
	margin:0 3px 0 0;
	padding:0;
	width:24px;
	height:20px;
	text-indent:-9999px;
	float:left;
}

#lannaviCol .hover-css a, #lannaviCol .hover-anims a, #lannaviCol .hover-anims span { display:block; height:20px; position:relative; overflow:hidden;}
#lannaviCol .hover-anims span { position:absolute; left:0; top:0; }
#lannaviCol .hover-css .jp a, #lannaviCol .hover-anims .jp a, #lannaviCol .hover-anims .jp span {width:24px;  background:url(../images/navi/jp_on.png) no-repeat 0 0;}
#lannaviCol .hover-css .jp a:hover, #lannaviCol .hover-anims .jp span { width:24px;  background:url(../images/navi/jp_on.png) no-repeat 0 0;}
#lannaviCol .hover-css .cn a, #lannaviCol .hover-anims .cn a, #lannaviCol .hover-anims .cn span {width:24px;  background:url(../images/navi/cn.png) no-repeat 0 0;}
#lannaviCol .hover-css .cn a:hover, #lannaviCol .hover-anims .cn span { width:24px;  background:url(../images/navi/cn_on.png) no-repeat 0 0;}


#snsnaviCol{
	/*width:159px;*/
	height:20px;
	margin:0;
	padding:0;
	float:right;
}

#snsnavi{
	/*width:159px;*/
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:100%;
}

#snsnavi li{
	display:block;
	margin:0 0 0 3px;
	padding:0;
	width:59px;
	height:20px;
	text-indent:-9999px;
	float:right;
}

#snsnavi li.instagram{
	width: 62px;
 }


#snsnaviCol .hover-css a, #snsnaviCol .hover-anims a, #snsnaviCol .hover-anims span { display:block; height:20px; position:relative; overflow:hidden;}
#snsnaviCol .hover-anims span { position:absolute; left:0; top:0; }
#snsnaviCol .hover-css .app a, #snsnaviCol .hover-anims .app a, #snsnaviCol .hover-anims .app span {width:50px;  background:url(../images/navi/app.png) no-repeat 0 0;}
#snsnaviCol .hover-css .app a:hover, #snsnaviCol .hover-anims .app span { width:50px;  background:url(../images/navi/app_on.png) no-repeat 0 0;}
#snsnaviCol .hover-css .fb a, #snsnaviCol .hover-anims .fb a, #snsnaviCol .hover-anims .fb span { width:59px; height:20px;  background:url(../images/navi/fb.png) no-repeat 0 0;}
#snsnaviCol .hover-css .fb a:hover, #snsnaviCol .hover-anims .fb span { width:59px; height:20px; background:url(../images/navi/fb_on.png) no-repeat 0 0;}
#snsnaviCol .hover-css .tw a, #snsnaviCol .hover-anims .tw a, #snsnaviCol .hover-anims .tw span {width:59px; height:20px; background:url(../images/navi/tw.png) no-repeat 0 0;}
#snsnaviCol .hover-css .tw a:hover, #snsnaviCol .hover-anims .tw span { width:59px; height:20px; background:url(../images/navi/tw_on.png) no-repeat 0 0;}
#snsnaviCol .hover-css .line a, #snsnaviCol .hover-anims .line a, #snsnaviCol .hover-anims .line span {width:59px; height:20px; background:url(../images/navi/line.png) no-repeat 0 0;}
#snsnaviCol .hover-css .line a:hover, #snsnaviCol .hover-anims .line span { width:59px; height:20px; background:url(../images/navi/line_on.png) no-repeat 0 0;}
#snsnaviCol .hover-css .instagram a, #snsnaviCol .hover-anims .instagram a, #snsnaviCol .hover-anims .instagram span {width:62px; height:20px; background:url(../images/navi/instagram.png) no-repeat 0 0;}
#snsnaviCol .hover-css .instagram a:hover, #snsnaviCol .hover-anims .instagram span { width:62px; height:20px; background:url(../images/navi/instagram_on.png) no-repeat 0 0;}



#topicsnaviCol{
	position:fixed !important;
	top:14px;
	right:0;
	width:487px;
	height:94px;
	z-index:500;
}



#topicsnavi{
	width:487px;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:100%;
}


#ribontopicsnavi{
	width:487px;
	list-style-type:none;
	margin:0;
	padding:0;
	position: fixed !important;
	top: 14px;
	right: 0;
	height: 94px;
	z-index: 500;
	font-size:100%;
}

#ribontopicsnavi li{
	/* display:block; */
	margin:0 0 10px 0;
	/* padding:0; */
	/* width:487px; */
	/* height:37px; */
	/* text-indent:-9999px; */
	/* float:left; */
}



#topicsnavi li{
	/* display:block; */
	margin:0 0 10px 0;
	/* padding:0; */
	/* width:487px; */
	/* height:37px; */
	/* text-indent:-9999px; */
	/* float:left; */
}

#topicsnaviCol .hover-css a, #topicsnaviCol .hover-anims a, #topicsnaviCol .hover-anims span {/* display:block; *//* height:37px; *//* position:relative; *//* overflow:hidden; */}
#topicsnaviCol .hover-anims span { position:absolute; left:0; top:0; }
#topicsnaviCol .hover-css .topics1 a, #topicsnaviCol .hover-anims .topics1 a, #topicsnaviCol .hover-anims .topics1 span {width:487px;  background:url(../images/top/topics1.png) no-repeat 0 -37px;}
#topicsnaviCol .hover-css .topics1 a:hover, #topicsnaviCol .hover-anims .topics1 span { width:487px;  background:url(../images/top/topics1.png) no-repeat 0 0;}

#topicsnaviCol .hover-css .topics3 a, #topicsnaviCol .hover-anims .topics3 a, #topicsnaviCol .hover-anims .topics3 span {/* width:487px; *//* background:url(../images/top/topics2_20190704.png) no-repeat 0 -37px; */}
#topicsnaviCol .hover-css .topics3 a:hover, #topicsnaviCol .hover-anims .topics3 span { width:487px;  background:url(../images/top/topics2_20190704.png) no-repeat 0 0;}

#topicsnaviCol .hover-css .topics2 a, #topicsnaviCol .hover-anims .topics2 a, #topicsnaviCol .hover-anims .topics2 span {/* width:487px; *//* background:url(../images/top/topics20190912.png) no-repeat 0 -37px; */}
#topicsnaviCol .hover-css .topics2 a:hover, #topicsnaviCol .hover-anims .topics2 span {/* width:487px; *//* background:url(../images/top/topics20190912.png) no-repeat 0 0; */}


#media #linkareaCol{
	width:450px;
	height:20px;
	margin:0 0 20px 0;
	padding:0;
}

#disc #linkareaCol{
	width:180px;
	height:20px;
	margin:0 0 20px 0;
	padding:0;
}

#linkarea{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:100%;
}

#linkarea li{
	display:block;
	padding:0 5px;
	width:80px;
	height:20px;
	text-indent:-9999px;
	float:left;
}

#linkareaCol .hover-css a, #linkareaCol .hover-anims a, #linkareaCol .hover-anims span { display:block; height:20px; position:relative; overflow:hidden;}
#linkareaCol .hover-anims span { position:absolute; left:0; top:0; }
#linkareaCol .hover-css .tv a, #linkareaCol .hover-anims .tv a, #linkareaCol .hover-anims .tv span {width:80px;  background:url(../images/navi/tv.png) no-repeat 0 0;}
#linkareaCol .hover-css .tv a:hover, #linkareaCol .hover-anims .tv span {width:80px;  background:url(../images/navi/tv.png) no-repeat 0 -20px;}
#linkareaCol .hover-css .radio a, #linkareaCol .hover-anims .radio a, #linkareaCol .hover-anims .radio span {width:80px;  background:url(../images/navi/radio.png) no-repeat 0 0;}
#linkareaCol .hover-css .radio a:hover, #linkareaCol .hover-anims .radio span {width:80px;  background:url(../images/navi/radio.png) no-repeat 0 -20px;}
#linkareaCol .hover-css .magazine a, #linkareaCol .hover-anims .magazine a, #linkareaCol .hover-anims .magazine span {width:80px;  background:url(../images/navi/magazine.png) no-repeat 0 0;}
#linkareaCol .hover-css .magazine a:hover, #linkareaCol .hover-anims .magazine span {width:80px;  background:url(../images/navi/magazine.png) no-repeat 0 -20px;}
#linkareaCol .hover-css .web a, #linkareaCol .hover-anims .web a, #linkareaCol .hover-anims .web span {width:80px;  background:url(../images/navi/web.png) no-repeat 0 0;}
#linkareaCol .hover-css .web a:hover, #linkareaCol .hover-anims .web span {width:80px;  background:url(../images/navi/web.png) no-repeat 0 -20px;}
#linkareaCol .hover-css .others a, #linkareaCol .hover-anims .others a, #linkareaCol .hover-anims .others span {width:80px;  background:url(../images/navi/others.png) no-repeat 0 0;}
#linkareaCol .hover-css .others a:hover, #linkareaCol .hover-anims .others span {width:80px;  background:url(../images/navi/others.png) no-repeat 0 -20px;}
#linkareaCol .hover-css .newrelease a, #linkareaCol .hover-anims .newrelease a, #linkareaCol .hover-anims .newrelease span {width:80px;  background:url(../images/navi/newrelease.png) no-repeat 0 0;}
#linkareaCol .hover-css .newrelease a:hover, #linkareaCol .hover-anims .newrelease span {width:80px;  background:url(../images/navi/newrelease.png) no-repeat 0 -20px;}
.nr #linkareaCol .hover-css .newrelease a, .nr #linkareaCol .hover-anims .newrelease a, .nr #linkareaCol .hover-anims .newrelease span {width:80px;  background:url(../images/navi/newrelease.png) no-repeat 0 -20px;}
#linkareaCol .hover-css .archive a, #linkareaCol .hover-anims .archive a, #linkareaCol .hover-anims .archive span {width:80px;  background:url(../images/navi/archive.png) no-repeat 0 0;}
#linkareaCol .hover-css .archive a:hover, #linkareaCol .hover-anims .archive span {width:80px;  background:url(../images/navi/archive.png) no-repeat 0 -20px;}
.ac #linkareaCol .hover-css .archive a, .ac #linkareaCol .hover-anims .archive a, .ac #linkareaCol .hover-anims .archive span {width:80px;  background:url(../images/navi/archive.png) no-repeat 0 -20px;}

/* Top
--------------------------------------------------*/
#top{width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:fixed;}


#top #mainCol{
	position:fixed;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	padding:0;
	z-index:3;
}

#top #mainCol2{
	position:fixed;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	padding:0;
	z-index:1;
}

#top #main{
	width:220px;
	margin:0 0 0 28px;
	padding:43px 0 0 0;
}

#top h1{
	position:relative;
	margin:0 0 15px 0;
	padding:0;
	width:220px;
	height:43px;
	font-size:100%;
	text-align:left;
	text-indent:-9999px;
	background:none;
}

#top h1 span{
	position:absolute; top:0; left:0;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/common/logo.png) 0 0 no-repeat;
}

#top h2{
	position: relative;
	margin: 0 0 5px 0;
	padding: 0;
	width: 300px;
	height: 20px;
	font-size: 100%;
	text-indent: -9999px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

#top h2 span{
	position:absolute; top:0; left:0;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/top/whatsnew.png) 0 0 no-repeat;
}

/*
#top .whatarea{
	padding:0 0 0 475px;
}
*/

#top .whatarea{
	padding:10px;
	margin: 0 0 15px 475px;
	background:rgba(000,000,000,0.3);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44000000,EndColorStr=#44000000);
}

/*
#top .whatcol{
	width:220px;
	margin:0 0 14px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #ccc;
	color:#211814;
	z-index:380;
	background:url(../images/common/subject.png) 0 0 repeat;
}
*/

#top .whatcol{
	width:300px;
	margin:0 0 14px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #ccc;
	color:#fff;
	z-index:380;
}

#top #what{
	width:276px;
	margin:0;
	padding:5px;
}

#top #whatlist dl {
	width:288px;
	height:140px;
	overflow:auto;
	margin:0;
	padding:0;
	text-align:left;
	line-height:130%;
}

#top #whatlist dt {
	width:65px;
	margin:0 12px 0 0;
	padding:0;
	text-align:left;
	float:left;
}

#top #whatlist dt .cate{
	margin:0;
	padding:0;
	text-align:center;
	color:#fff;
	background:#9DB8C2;
}

#top #whatlist dd {
	width:186px;
	margin:0 0 14px 0;
	padding:0;
	float:left;
}

#top .bnarea{
	width:350px;
	margin:10px;
	padding:135px 0 0 0;
	text-align:right;
	z-index:600;
	float:left;
}

#top .moviearea{
	width:340px;
	margin:10px;
	padding:0;
	text-align:right;
	z-index:700;
	float:left;
}

#top .bannerarea{
	position:fixed !important;
	top:0;
	right:186px;
	margin:0;
	padding:0;
	text-align:right;
	float:left;
}

#top #footCol{
	position:fixed !important;
	bottom:14px;
	right:22px;
	margin:0;
	font-size:86%;
	padding:0;
	text-align:right;
	color:#cccccc;
	z-index:40;
}

area{
	outline: none;
}

/* PROFILE
--------------------------------------------------*/
#profile h1 span{
	background:url(../images/contents/t_profile.png) 50% 0 no-repeat;
}

#profile #mainarea .left{
	//float:left;
}

#profile #mainarea .right{
	//float:left;
}

#profile .photo{
	position:relative;
	margin:0 0 20px 0;
	padding:0;
	width:640px;
	height:450px;
	font-size:100%;
	text-align:left;
	text-indent:-9999px;
}

#profile .photo span{
	position:absolute; top:0; left:0;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/contents/photo.jpg) 0 0 no-repeat;
}

/* NEWS
--------------------------------------------------*/
#news h1 span{
	background:url(../images/contents/t_news.png) 100% 0 no-repeat;
}

#news dl{
	margin:0;
}

#news dt{
	margin:0 0 3px 0;
}

#news dd{
	margin:0 0 20px 0;
}

/* MEDIA
--------------------------------------------------*/
#media h1 span{
	background:url(../images/contents/t_media.png) 50% 0 no-repeat;
}


/* DISCOGRAPHY
--------------------------------------------------*/
#disc h1 span{
	background:url(../images/contents/t_disc.png) 100% 0 no-repeat;
}

#disc .musicimg{
	width:200px;
	margin:0 18px 0 0;
	text-align:center;
	float:left;
}

#disc .musicimg img{
	max-width:200px;
	max-height:200px;
}

#disc .musictxt{
	//width:776px;
	//float:right;
	max-width:540px;
	float:left;
}

#disc .discblock{
	margin:0 0 14px 0;
	padding:0;
}

#disc  .thum{
	width:200px;
	height:260px;
	margin:0 6px;
	text-align:center;
	font-size:90%;
	float:left;
}

#disc  .thum img{
	max-width:200px;
	max-height:200px;
}

/* LIVE
--------------------------------------------------*/
#live h1 span{
	background:url(../images/contents/t_live.png) 100% 0 no-repeat;
}

#live dl{
	margin:0 0 15px 0;
	padding:0;
}

#live dt{
	width:100px;
	margin:0 0 3px 0;
	padding:0;
	float:left;
}

#live dd{
	margin:0 0 20px 0;
	padding:0;
}

/* aithink
--------------------------------------------------*/
#aithink h1 span{
	background:url(../images/contents/t_aithink.png) 100% 0 no-repeat;
}

/* REQUEST
--------------------------------------------------*/
#request h1 span{
	background:url(../images/contents/t_request.png) 100% 0 no-repeat;
}

#request table{
	width:810px;
	margin:0 auto 15px;
}

/* GOODS
--------------------------------------------------*/
#goods h1 span{
	background:url(../images/contents/t_goods.png) 50% 0 no-repeat;
}

#goods #contents li{
	width:200px;
	height:280px;
	margin:0 6px;
	text-align:center;
	float:left;
	font-size:90%;
}

#goods #contents .box{
	width:200px;
	height:300px;
	display:block;
	padding:0;
	margin:0 6px;
	text-align:center;
	font-size:90%;
	float:left;
}

#goods .box img{
	width:200px;
}

/* LOVE9CUBE
--------------------------------------------------*/
#love9 h1 span{
	background:url(../images/contents/t_love9.png) 100% 0 no-repeat;
}
#love9 .cont{
	width:40%;
	padding:10px;
	margin:0 4px 0 4px;
	border:1px solid #ccc;
	float:left;
}

/* 2012.05.09_�ｽC�ｽ�ｽ start */
#love9 .img{
	width:200px;
	height:869px;
	background:url(../images/love9/img.jpg) no-repeat 0 0;
	border:1px solid #ccc;
}
/* 2012.05.09_�ｽC�ｽ�ｽ end */

/*
#love9 .img{
	width:200px;
	height:819px;
	background:url(../images/love9/img.jpg) no-repeat 0 0;
	border:1px solid #ccc;
}
*/

#love9 .cont01{
	width:500px;
	height:167px;
	background:url(../images/love9/cont01.jpg) no-repeat 0 0;
	border:1px solid #ccc;
}

#love9 .cont02{
	width:500px;
	height:167px;
	background:url(../images/love9/cont02.jpg) no-repeat 0 0;
	border:1px solid #ccc;
}

#love9 .cont03{
	width:240px;
	height:169px;
	background:url(../images/love9/cont03.jpg) no-repeat 0 0;
	border:1px solid #ccc;
}

#love9 .cont04{
	width:250px;
	height:117px;
	background:url(../images/love9/cont04.jpg) no-repeat 0 0;
	border:1px solid #ccc;
}

/* 2012.05.09_�ｽﾇ会ｿｽ start */

#love9 .cont05{
	width:460px;
	height:117px;
	background:url(../images/love9/cont05.jpg) no-repeat 0 0;
	border:1px solid #ccc;
}
/* 2012.05.09_�ｽﾇ会ｿｽ end */


#love9 .imgarea{
	background:url(../images/common/contents_bg.gif) repeat-y 220px 10px;
}

#love9 .imgarea .left{
	width:210px;
	margin:0 30px 0 0;
	padding:0;
	text-align:center;
	float:left;
}

#love9 .imgarea .right{
	margin:0;
	padding:0 0 0 240px;
	text-align:left;
}

/*SUBWIN
------------------------------------------------*/
#subwin{
	text-align:left;
	padding:20px;
	color:#FFF;
	background:#152C42;
}

#subwin #contents{
	width:100%;
	margin:0;
	padding:0;
}

#subwin .box{
	margin:0 6px 0 6px;
	text-align:center;
	float:left;
}

#subwin.detail .leftCol{
	width:340px;
	margin:0 16px 20px 0;
	text-align:center;
	float:left;
}

#subwin.detail .rightCol{
	margin:0;
	padding:0 ;
	text-align:left;
	float:left;
}

#subwin.detail .leftCol .photomain{
	width:340px;
	height:340px;
	margin:0;
	text-align:center;
	border:1px solid #ccc;
}

#subwin ul.thumbnail{
	list-style-type:none;
	margin:0;
	padding:0 ;
}

#subwin ul.thumbnail li{
	width:50px;
	margin:0 8px 10px 0;
	padding:0;
	border:4px solid #ccc;
	cursor:pointer;
	float:left;
}

#subwin.detail .rightCol .photo{
	width:50px;
}

#subwin ul.thumbnail li.item_image img{
	width:50px;
	margin:0;
	padding:0;
	text-align:left;
}

#subwin dl{
padding:0 ;
}
#subwin dt{
font-weight:bold;
color:#CE1B1D;
}
#subwin dd{
margin:0;
padding:0 0 18px 10px;
}

ul.linkb {
    list-style-type: none;
    margin: 0 0 15px;
    padding: 0;
}

ul.linkb li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0 0 8px;
    padding: 0 0 8px;
    width: 120px;
}

#subwin h2{
	font-size:140%;
	line-height:130%;
	margin:0 0 5px 0;
	padding:0;
	color:#ffffff;
	text-indent:0;
	font-weight:bold;
	text-align:left;
	font-weight:normal;
	}

/*LINK
------------------------------------------------*/
a:link,a:visited,a:active{color:#fff;}
a:hover {color:#D0EEFF; text-decoration:none;}
/*
#what a:link,#what a:visited,#what a:active{color:#211814; text-decoration:none;}
#what a:hover {color:#666; text-decoration:underline;}
*/
#what a:link,#what a:visited,#what a:active{color:#fff; text-decoration:none;}
#what a:hover {color:#3bb8ff; text-decoration:underline;}

.copy a:link,.copy a:visited,.copy a:active{color:#F2A6B3;}
.copy a:hover {color: #ccc; text-decoration:none;}

/* class
--------------------------------------------------*/
p{
	margin:0 0 15px 0;
	padding:0;
}

.social{
	text-align:right;
	margin:0 0 15px 0;
}

.wrap{
	margin:0;
	padding:0;
}

.bn{
	width:185px;
	height:47px;
	margin: 0 10px 10px 0;
	float:left;
}

.bn2{
	width:185px;
	height:47px;
	margin: 0 0 10px 0;
	float:left;
}

.block{
	margin:0 0 30px 0;
	padding:0;
}

.block ul{
	margin:0 0 15px 0;
	padding:0;
	list-style-type:none;
}

.block ul li{
	margin:0 0 14px 0;
	padding:0;
}

.disctxt ul{
	margin:0 0 14px 0;
	padding:0 0 0 30px;
	list-style-type:disc;
}

.disctxt ul li{
	margin:0;
	padding:0;
}

.discimg p{
	margin:0 0 5px 0;
	padding:0;
}

.block li em{
	font-style:normal;
	font-weight:bold;
}

ul{
	margin:0 0 0 30px;
	padding:0;
}

li{
	margin:0;
	padding:0 0 12px 0;
}

.col{
	margin:0 0 30px 0;
}

.date{
	font-size:90%;
	color: #F2A6B3;
}

.pagetop a{
	position:fixed;
	bottom:0;
	right:60px;
	width:60px;
	height:40px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/navi/pagetop.png) 0 0 no-repeat;
	z-index:12;
}

.pagetop a:hover{
	width:60px;
	height:40px;
	cursor:hand;
	background:url(../images/navi/pagetop_on.png) 0 0 no-repeat;
}

.back a{
	float:right;
	width:80px;
	height:24px;
	margin:0 0 20px 0;
	padding:0;
	display:block;
	background:url(../images/navi/back.png) 0 0 no-repeat;
}

.back a:hover{
	width:80px;
	height:24px;
	cursor:hand;
	background:url(../images/navi/back_on.png) 0 0 no-repeat;
}

.buy a{
	width:200px;
	height:34px;
	margin:0 0 10px 0;
	padding:0;
	display:block;
	background:url(../images/navi/buy.png) 0 0 no-repeat;
}

.buy a:hover{
	width:200px;
	height:34px;
	cursor:hand;
	background:url(../images/navi/buy.png) 0 -34px no-repeat;
}

.dl a{
	float:right;
	width:200px;
	height:34px;
	margin:0 0 10px 0;
	padding:0;
	display:block;
	background:url(../images/navi/dl.png) 0 0 no-repeat;
}

.dl a:hover{
	width:200px;
	height:34px;
	cursor:hand;
	background:url(../images/navi/dl.png) 0 -34px no-repeat;
}

.red{
	color:#FF0000;
}

.bred{
	font-weight:bold;
	color:#FF0000;
}

.borg{
	font-weight:bold;
	color:#ff6600;
}

.bpink{
	font-weight:bold;
	color:#FF3366;
}

.bgreen{
	font-weight:bold;
	color:#00A6A7;
}

.txbig{
	font-size:120%;
}

.txsmall{
	font-size:86%;
}

.tex{
	font-size:86%;
	color:#ccc;
}

hr {
	display:none;
	}

.waku{
	display:block;
	padding:10px;
	margin:0 0 10px 0;
	border:1px solid #ccc;
}

.ph{
	display:block;
	padding:0;
	margin:0 14px 0 0;
	float:left;
}

.ec{
	display:block;
	width:110px;
	height:30px;
	padding:0;
	margin:0 14px 14px 0;
	float:left;
}

.stxt{
	font-size:86%;
	line-height:130%;
}

.centerCol{
	text-align:center;
}

#disc .centerCol{
	text-align:left;
}


.gline{
	border:1px solid #ccc;
}

ol {
    margin:0 0 14px 0;
    padding:0;
}


ol li{
	list-style-position : outside;
	list-style-type: decimal-leading-zero;
	vertical-align:top;
	margin:0 0 0 40px;
	padding:0;
	background:none;
	}

ol li em{
	margin:0;
	padding:0;
	color:#ff9900;
	font-size:86%;
	font-style:normal;
	}

.bg1{
	margin:0;
	padding:6px;
	text-align:center;
	background:url(../images/common/subject2.png) 0 0 repeat;
}

.bg2{
	margin:0;
	padding:6px;
	background:url(../images/common/subject.png) 0 0 repeat;
	text-align:center;
	color:#333;
}

.bg3{
	background:url(../images/common/subject.png) 0 0 repeat;
}
table{
	font-size:100%;
}

/* reset
--------------------------------------------------*/
#header:after,
#topnaviCol:after,
#naviCol:after,
.wrap:after,
.imgarea:after
	{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

#header,
#topnaviCol,
#naviCol,
.wrap,
.imgarea
{
	display:inline-block;
}

/*\*/
* html #header,
* html #topnaviCol,
* html #naviCol,
* html .wrap,
* html .imgarea{
	height:1%;
}

#header,
#topnaviCol,
#naviCol,
.wrap,
.imgarea
 {
	display:block;
}
/**/

.reset {
	clear:both;
	display:block;
	margin:0;
	padding:0;
	width:auto;
	height:1px;
	font-size:1px;
	line-height:1px;
	}

#top_bk{
position: relative;
width: 100%;
height: calc( 100% - 50px );
padding: 0px 0px 0px 280px;
box-sizing: border-box;
/*background-color: #fbe8e3;*/
background-color: #FFFFFF;
background-image:url(../images/top/background_3.jpg);
background-size: auto 100%;
background-position: center center;
background-repeat: no-repeat;
}

.paging{
margin-top: 0px;
margin: 0 0 60px 4px;
}

.paging a:link,
.paging a:visited,
.paging a:active{
color:black;
background:#D1E1EB;
}

.paging a:hover,
.paging span{
color: white;
background:#3BB8FF;
}

#acommoncopy ul li p { margin-bottom: 0; }