@charset "UTF-8";

html { overflow-y:scroll; }
body { background-color:#fff; color:#333; text-align:center; }
a { color:#e10916; text-decoration:none; }
a:hover { text-decoration:underline; }
a.more { background:url(../img/btn_more.png) no-repeat; background-position:0 0; float:right; width:35px; height:30px; }
a:hover.more { background-position:0 -40px; }
a.pagetop { background:url(../img/arrow_top.gif) no-repeat; background-position:0 5px; float:right; font-size:10px; margin:20px 10px; padding-left:15px; }
hr { border-bottom:#999 1px dotted; }
h2 { border-left:#ccc 1px solid; border-right:#ccc 1px solid; margin:0 auto; text-indent:-9999px; width:958px; height:140px; }
h3 img { padding:0 0 4px; vertical-align:bottom; }
h4 { font-size:14px; font-weight:bold; line-height:1.5; padding:20px 10px 5px; text-align:left; }
h4 img { vertical-align:bottom; }
table { border:#999 1px solid; border-collapse:collapse; font-size:12px; margin:0 10px 10px; width:690px; }
th,td { border:#999 1px solid; border-collapse:collapse; padding:5px; }
th { background-color:#999; color:#fff; font-weight:bold; }
.center { display:block; margin:0 auto; text-align:center; }
.detail { border-bottom:#999 1px dotted; }
.detail p { font-size:12px; line-height:2; padding:5px 10px; text-align:left; }
.detail ul { font-size:12px; line-height:2; padding:5px 10px; text-align:left; }
.note { background-color:#fff; font-size:10px; padding:2px; }
.subnav { border-left:#ccc 1px solid; border-right:#ccc 1px solid; margin:0 auto; width:958px; }
.subnav li.back { font-size:10px; list-style:url(../img/arrow_back.gif) inside; padding:10px; text-align:left; }
.subnav li.nav { float:left; font-size:10px; list-style:url(../img/arrow.gif) inside; padding:10px; text-align:left; }
.buy a:hover,
.buy2 a:hover,
.bnrL a:hover,
.bnrR a:hover {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
  -moz-opacity:0.8;
  -khtml-opacity:0.8;
  zoom:1;
}

/* header
----------------------------------------------------------------------------------------------------*/
#fixed { background-color:#000; position:fixed; top:0; width:100%; z-index:100; }
#header { background-color:#000; margin:0 auto; position:relative; width:960px; height:40px; }
h1 { background:url(../img/logo.gif) no-repeat; float:left; text-indent:-9999px; width:240px; height:40px; }
#language { display:none; }
/*#language { position:absolute; top:21px; left:55px; }
#language li { float:left; padding-right:10px; text-indent:-9999px; }
#language li a { background-image:url(../img/language.gif); display:block; }*/
.ch a { background-position: 0 0; width: 16px; height: 11px; } 
.ch a:hover,
.ch a.on { background-position: 0 -21px; width: 16px; height: 11px; } 
.en a { background-position: 0 -42px; width: 16px; height: 11px; } 
.en a:hover,
.en a.on { background-position: 0 -63px; width: 16px; height: 11px; } 
.jp a { background-position: 0 -84px; width: 16px; height: 11px; } 
.jp a:hover,
.jp a.on { background-position: 0 -105px; width: 16px; height: 11px; } 
#nav { display:block; float:right; width:720px; }
#nav li { float:left; text-indent:-9999px; }
#nav li a { background-image:url(../img/nav.gif); display:block; }
.nav_discography a { background-position: 0 0; width: 80px; height: 40px; } 
.nav_discography a:hover,
.nav_discography a.on { background-position: 0 -50px; width: 80px; height: 40px; } 
.nav_fc a { background-position: 0 -100px; width: 80px; height: 40px; } 
.nav_fc a:hover,
.nav_fc a.on { background-position: 0 -150px; width: 80px; height: 40px; } 
.nav_goods a { background-position: 0 -200px; width: 80px; height: 40px; } 
.nav_goods a:hover,
.nav_goods a.on { background-position: 0 -250px; width: 80px; height: 40px; } 
.nav_live a { background-position: 0 -300px; width: 80px; height: 40px; } 
.nav_live a:hover,
.nav_live a.on { background-position: 0 -350px; width: 80px; height: 40px; } 
.nav_media a { background-position: 0 -400px; width: 80px; height: 40px; } 
.nav_media a:hover,
.nav_media a.on { background-position: 0 -450px; width: 80px; height: 40px; } 
.nav_mobile a { background-position: 0 -500px; width: 80px; height: 40px; } 
.nav_mobile a:hover,
.nav_mobile a.on { background-position: 0 -550px; width: 80px; height: 40px; } 
.nav_news a { background-position: 0 -600px; width: 80px; height: 40px; } 
.nav_news a:hover,
.nav_news a.on { background-position: 0 -650px; width: 80px; height: 40px; } 
.nav_special a { background-position: 0 -700px; width: 80px; height: 40px; } 
.nav_special a:hover,
.nav_special a.on { background-position: 0 -750px; width: 80px; height: 40px; } 
.nav_top a { background-position: 0 -800px; width: 80px; height: 40px; } 
.nav_top a:hover,
.nav_top a.on { background-position: 0 -850px; width: 80px; height: 40px; } 

/* wrapper
----------------------------------------------------------------------------------------------------*/
#wrapper { border-left:#ccc 1px solid; border-right:#ccc 1px solid; margin:0 auto; width:958px; }
#mainCol { float:left; margin:30px 5px 30px 4px; width:710px; }
#subCol { float:right; margin:30px 4px 30px 5px; width:230px; }

/* newsList
----------------------------------------------------------------------------------------------------*/
.newsList dl { border-bottom:#999 1px dotted; font-size:12px; padding:10px 0 10px 10px; text-align:left; }
.newsList dt { float:left; width:70px; }
.newsList dd { margin-left:70px; }
dd.icon_top { background:url(../img/icon_top.gif) no-repeat; padding-left:50px; }
dd.icon_news { background:url(../img/icon_news.gif) no-repeat; padding-left:50px; }
dd.icon_live { background:url(../img/icon_live.gif) no-repeat; padding-left:50px; }
dd.icon_media { background:url(../img/icon_media.gif) no-repeat; padding-left:50px; }
dd.icon_release { background:url(../img/icon_release.gif) no-repeat; padding-left:50px; }
dd.icon_goods { background:url(../img/icon_goods.gif) no-repeat; padding-left:50px; }
dd.icon_mobile { background:url(../img/icon_mobile.gif) no-repeat; padding-left:50px; }
dd.icon_fc { background:url(../img/icon_fc.gif) no-repeat; padding-left:50px; }
dd.icon_other { background:url(../img/icon_other.gif) no-repeat; padding-left:50px; }

/* imgList
----------------------------------------------------------------------------------------------------*/
.imgList dl a { border-right:#999 1px dotted; border-bottom:#999 1px dotted; display:block; float:left; padding:15px 20px 15px 19px; }
.imgList dl:nth-child(4n) a { border-right:#999 0px dotted; padding:15px 19px 15px 19px; }
.imgList dl a:hover { background:url(../img/stripe_red.gif) repeat; }
.imgList dt { padding-bottom:15px; }
.imgList dd { text-align:left; }
.imgList dd.date { font-size:10px; color:#999; }
.imgList dd.category { font-size:12px; border-top:#999 1px solid; color:#666; font-weight:bold; padding-top:5px; }
.imgList dd.text { font-size:12px; color:#999; font-size:10px; }

/* imgListS
----------------------------------------------------------------------------------------------------*/
.imgListS dl a { border-right:#999 1px dotted; border-bottom:#999 1px dotted; display:block; float:left; padding:10px 10px 10px 9px; }
.imgListS dl:nth-child(3n) a { border-right:#999 0px dotted; padding:10px 9px 10px 9px; }
.imgListS dl a:hover { background:url(../img/stripe_red.gif) repeat; }
.imgListS dt { float:left; padding-right:10px; height:115px; }
.imgListS dd { text-align:left; }
.imgListS dd.date { color:#666; font-size:10px; font-weight:bold; }
.imgListS dd.category { color:#999; font-size:10px; }
.imgListS dd.text { color:#999; font-size:10px; }

/* top
----------------------------------------------------------------------------------------------------*/
#top #release { background:url(../img/main.jpg) top center no-repeat; position:relative; top:27px; width:100%; height:500px; }
#top #release .buy { margin:0 auto; width:960px; }
#top #release .buy a { position:relative; top:245px; left:40px; }
#top #release .buy2 { margin:0 auto; width:960px;}
#top #release .buy2 a { position:relative; top:100px; left:145px; }

#top #release .cdinfo {
	position:relative;
	top:190px;
	left:-200px;
	text-align:left;
	margin:0 auto;
	width:350px;
	height: 270px;
}
#top #release .cdinfo ul { width:500px; margin:0; padding:0; }
#top #release .cdinfo li.cd { float:left; list-style:none; margin:0 8px 0 0; }
#top #release .cdinfo li { float:left; list-style:none; margin:0 3px 0 0; }
#top #release .cdinfo li.cd a { display: block; margin:25px 0px 0 0; width: 175px; height: 240px; }
#top #release .cdinfo li a { display: block; margin:45px 0px 0 0; width: 160px; height: 220px; }
#top #release .cdinfo span { display: none; }

#top #release .cdinfo2 { position:relative; top:157px; left:442px; text-align:left; margin:0 auto; width:375px; }
#top #release .cdinfo2 ul { width:230px; margin:0; padding:0; }
#top #release .cdinfo2 li { float:left; list-style:none; margin:0 8px 0 0; /*background:#eee;*/ }
#top #release .cdinfo2 li.blur { float:left; list-style:none; margin:20px 0 0 0; height: 122px;  }
#top #release .cdinfo2 li a { display: block; width: 100px; height: 142px; }
#top #release .cdinfo2 li.blur a { display: block; margin:20px 0 0 0; width: 105px; height: 122px; }
#top #release .cdinfo2 span { display: none; }


#top #release .tokuten { text-align:left; margin:0 auto; width:960px; }
#top #release .tokuten a { position:relative; top:345px; left:0; }

#top #release .present a{ position:relative; top:248px; left:235px; }

#top .news h3 { background:url(../img/top_news.gif) no-repeat; padding-bottom:5px; text-indent:-9999px; width:710px; height:30px; }
#top .newsList { border-bottom:#999 1px solid; overflow:auto; width:710px; height:250px; }
#top .live { float:left; margin-right:5px; width:350px; }
#top .live h3 { background:url(../img/top_live.gif) no-repeat; margin:20px 0 5px; text-indent:-9999px; width:350px; height:30px; }
#top .fc { float:right; margin-left:5px; width:350px; }
#top .fc h3 { background:url(../img/top_fc.gif) no-repeat; margin:20px 0 5px; text-indent:-9999px; width:350px; height:30px; }
#top .mobile { float:left; margin-right:5px; width:350px; }
#top .mobile h3 { background:url(../img/top_mobile.gif) no-repeat; margin:20px 0 5px; text-indent:-9999px; width:350px; height:30px; }
#top .blog { float:right; margin-left:5px; width:350px; }
#top .blog h3 { background:url(../img/top_blog.gif) no-repeat; margin:20px 0 5px; text-indent:-9999px; width:350px; height:30px; }
#top .blog li { background:url(../img/top_blog2.gif) no-repeat; padding:30px 0; width:350px; height:83px; }

/* news
----------------------------------------------------------------------------------------------------*/
#news h2 { background:url(../img/title/news.gif) bottom no-repeat; }
#news h3 { background-color:#eee; border-bottom:#e10916 1px solid; font-size:16px; font-weight:bold; line-height:1.5; margin-bottom:20px; padding:10px; text-align:left; }
#news h4 { font-size:14px; font-weight:bold; line-height:1.5; padding:10px 0; }
#news .detail ul { text-align:left; padding-left:10px; }

/* live
----------------------------------------------------------------------------------------------------*/
#live h2 { background:url(../img/title/live.gif) bottom no-repeat; }
#live h3 { font-size:12px; font-weight:bold; line-height:1.5; padding:0 0 20px; text-align:left; }
#live .imgList dl a { width:200px; height:300px; }
#live .detail h3 { background-color:#eee; border-bottom:#e10916 1px solid; font-size:16px; font-weight:bold; line-height:1.5; margin-bottom:20px; padding:10px; text-align:left; }

/* media
----------------------------------------------------------------------------------------------------*/
#media h2 { background:url(../img/title/media.gif) bottom no-repeat; }
#media h3 { background-color:#eee; border-bottom:#e10916 1px solid; font-size:16px; font-weight:bold; line-height:1.5; margin-bottom:20px; padding:10px; text-align:left; }
#media h4 { font-size:16px; }

/* discography
----------------------------------------------------------------------------------------------------*/
#discography h2 { background:url(../img/title/discography.gif) bottom no-repeat; }
#discography h2.album { background:url(../img/title/discography_album.gif) bottom no-repeat; }
#discography h2.single { background:url(../img/title/discography_single.gif) bottom no-repeat; }
#discography h2.digital { background:url(../img/title/discography_digital.gif) bottom no-repeat; }
#discography h2.collaboration { background:url(../img/title/discography_collaboration.gif) bottom no-repeat; }
#discography h2.dvd { background:url(../img/title/discography_dvd.gif) bottom no-repeat; }
#discography h2.others { background:url(../img/title/discography_others.gif) bottom no-repeat; }
#discography .imgList h3 { font-size:13px; font-weight:bold; line-height:1.5; padding:0 0 20px; text-align:left; }
#discography .imgList dl a { width:200px; height:430px; }
#discography .imgListS h3 { border-bottom:#999 1px solid; font-size:12px; font-weight:bold; line-height:1.2; padding:0 0 10px; text-align:left; }
#discography .imgListS h3 img { padding:0 0 1px; vertical-align:bottom; }
#discography .imgListS dl a { width:300px; height:110px; }

/* discography - detail -
----------------------------------------------------------------------------------------------------*/
#discography2 #wrapper { padding-top:30px; }
#discography2 h2 { background:url(../img/title/discography.gif) bottom no-repeat; }
#discography2 h2.album { background:url(../img/title/discography_album.gif) bottom no-repeat; }
#discography2 h2.single { background:url(../img/title/discography_single.gif) bottom no-repeat; }
#discography2 h2.digital { background:url(../img/title/discography_digital.gif) bottom no-repeat; }
#discography2 h2.collaboration { background:url(../img/title/discography_collaboration.gif) bottom no-repeat; }
#discography2 h2.dvd { background:url(../img/title/discography_dvd.gif) bottom no-repeat; }
#discography2 h2.others { background:url(../img/title/discography_others.gif) bottom no-repeat; }
#discography2 h3 { background-color:#eee; border-bottom:#e10916 1px solid; font-size:16px; font-weight:bold; line-height:1.5; margin:0 4px 20px; padding:10px 20px; text-align:left; }
#discography2 h4 { font-size:16px; font-weight:bold; line-height:1.5; padding:0; }
#discography2 p { line-height:2; padding:0 20px 20px; text-align:left; }
#discography2 .wrap { border-bottom:#999 1px dotted; margin:30px 0; text-align:left; width:958px; }
#discography2 .main { float:right; line-height:1.2; margin:0 20px 0 0px; width:686px; }
#discography2 .main p { padding:0; }
#discography2 dl.bonus { border-bottom:#e10916 1px solid; padding-bottom:10px; }
#discography2 dl.bonus dt { background-color:#e10916; color:#fff; font-weight:bold; margin:20px 0 10px; padding:5px; }
#discography2 dl.bonus dd { color:#e10916; font-weight:bold; padding:5px; }
#discography2 dl.entry { padding-bottom:20px; }
#discography2 dl.entry dt { font-weight:bold; padding:20px 0 10px; }
#discography2 dl.entry ol { list-style:decimal-leading-zero inside; }
#discography2 dl.entry li { line-height:2; }
#discography2 dl.entry ul li { list-style:none; }
#discography2 .sub { float:left; margin:0 20px; }
#discography2 .sub .jacket { background-position:5px 5px; border:#999 1px dotted; padding:5px; }
#discography2 .sub dl { margin-bottom:40px; }
#discography2 .sub dd { font-size:10px; padding-top:5px; text-align:center; width:210px; }

/* discography - thickbox -
----------------------------------------------------------------------------------------------------*/
#discography .product dl { padding:70px 50px; text-align:left; }
#discography .product dt.jacket { float:left; padding-right:50px; }
#discography .product dd { float:left; }
#discography .product h3 { font-size:18px; }
#discography .product .track-list { padding:0; }
#discography .product .track-list dt { background-color:#000; color:#fff; margin:20px 0; padding:5px; }
#discography .product .track-list li { display:block; padding:5px; }

/* goods
----------------------------------------------------------------------------------------------------*/
#goods h2 { background:url(../img/title/goods.gif) bottom no-repeat; }
#goods h3 { background-color:#eee; border-bottom:#e10916 1px solid; font-size:16px; font-weight:bold; line-height:1.5; margin-bottom:20px; padding:10px; text-align:left; }
#goods h4 { font-size:14px; font-weight:bold; line-height:1.5; padding:10px 0; }
#goods .detail ul { text-align:left; padding-left:10px; }

/* mobile
----------------------------------------------------------------------------------------------------*/
#mobile h2 { background:url(../img/title/mobile.gif) bottom no-repeat; }
#mobile h3 { background-color:#eee; border-bottom:#e10916 1px solid; font-size:16px; font-weight:bold; line-height:1.5; margin-bottom:20px; padding:10px; text-align:left; }
#mobile h4 { font-size:14px; font-weight:bold; line-height:1.5; padding:10px 0; }
#mobile .detail ul { text-align:left; padding-left:10px; }

/* teamayu
----------------------------------------------------------------------------------------------------*/
#teamayu h2 { background:url(../img/title/teamayu.gif) bottom no-repeat; }
#teamayu h3 { display:block; background:url(../img/fc.jpg) center no-repeat; margin:0 20px; padding-top:20px; text-indent:-9999px; width:920px; height:340px; }
#teamayu .fc { background-image:url(../img/stripe_gray.gif); padding:10px; }
#teamayu .fc a:hover {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
  -moz-opacity:0.8;
  -khtml-opacity:0.8;
  zoom:1;
}
#teamayu h4 { background-color:#eee; border-bottom:#e10916 1px solid; font-size:16px; font-weight:bold; line-height:1.5; margin:20px; padding:10px 20px; text-align:left; }
#teamayu h5 { font-size:16px; font-weight:bold; line-height:1.5; }
#teamayu p { line-height:2; padding:0 20px 20px; text-align:left; }
#teamayu .wrap { border-bottom:#999 1px dotted; margin:30px 0; padding-bottom:20px; text-align:left; width:958px; }
#teamayu .main { float:right; line-height:1.2; margin:0 20px 0 0px; width:786px; }
#teamayu .main p { padding:0; }
#teamayu .main dt { font-weight:bold; padding:20px 0 10px; }
#teamayu .sub { float:left; margin:0 20px; }

/* special
----------------------------------------------------------------------------------------------------*/
#special h2 { background:url(../img/title/special.gif) bottom no-repeat; }
#special h3 { font-size:13px; font-weight:bold; line-height:1.5; padding:0 0 20px; text-align:left; }
#special .imgList dl a { width:200px; height:300px; }

/* subcol
----------------------------------------------------------------------------------------------------*/
.release { background:url(../img/stripe_gray.gif) repeat; margin-bottom:10px; padding-bottom:15px; }
.release a.jacket { display:block; padding:15px; }
.release a.info { background-color:#fff; display:block; padding:15px; text-align:left; }
.release a:hover { background:url(../img/stripe_red.gif) repeat; }
.youtube { padding-bottom:10px; }
.youtube p { padding-bottom:5px; }
.tweet_list { border-bottom:#999 1px solid; margin-bottom:10px; text-align:left; }
.tweet_list li { list-style:none; padding:5px; }
.tweet_list li a { color:#e10916; }
.tweet_list .tweet_even { background-color:#eee; }
.tweet_list .tweet_avatar { float:left; padding-right:5px; }
.bnrL { display:inline-block; float:left; padding:0 5px 10px 0; }
.bnrR { display:inline-block; float:left; padding:0 0 10px 5px; }

/* footer
----------------------------------------------------------------------------------------------------*/
#footer { background-color:#000; width:100%; }
#footer li { list-style:none; }
#footer .nav { font-size:9px; margin:0 auto; width:960px; }
#footer .nav a { border-bottom:#ccc 1px dotted; color:#ccc; }
#footer .nav a:hover { color:#e10916; text-decoration:none; }
#footer .nav .link { float:left; padding:30px 10px; }
#footer .credit { color:#ccc; font-size:9px; margin:0 auto; width:960px; }
#footer .credit .link { float:left; padding:0 10px; }
#footer .credit .copyright { float:right; padding:5px 10px; }
#footer .lmark { float:right; padding:20px 10px; }

/* sns
----------------------------------------------------------------------------------------------------*/
.sns { margin:0; padding:50px 20px; text-align:left; }
.sns iframe { vertical-align:middle; }
.btnFb { margin-top:1px; }
.youtube { z-index:10; }
#live .sns { margin:0; padding:50px 20px; text-align:center; }

/* clearfix
----------------------------------------------------------------------------------------------------*/
.clearFix:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
.clearFix { display:inline-block; }
* html .clearFix { height:1%; }
.clearFix { display:block; }
