@charset "utf-8";

body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background:url(../img/common/bg.jpg) center top repeat;}
body,td,th {font-family:"Verdana","Helvetica","Arial","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro W4","Hiragino Maru Gothic Pro","メイリオ","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Osaka","sans-serif"; font-size:12px; line-height:1.5em; color:#333;}
h1,h2,h3,h4,h5,p,ul,li,ol,dl,dt,dd,address {margin:0; padding:0; list-style-type:none;}


/* FONT */
h1 {width:508px; height:114px; margin:0; padding:0; font-size:5px; text-indent:-9999px;}
h2 {margin:0 0 10px 0; padding:3px 5px; background-color:#000; color:#fff; font-size:14px; font-weight:normal;}
h2.ctg_tv {margin:0 0 10px 0; padding:3px 5px 3px 70px; background:url(../media/img/ctg_tv.jpg) 5px 5px no-repeat #000; color:#fff; font-size:14px;}
h2.ctg_radio {margin:0 0 10px 0; padding:3px 5px 3px 70px; background:url(../media/img/ctg_radio.jpg) 5px 5px no-repeat #000; color:#fff; font-size:14px;}
h2.ctg_magazine {margin:0 0 10px 0; padding:3px 5px 3px 70px; background:url(../media/img/ctg_mag.jpg) 5px 5px no-repeat #000; color:#fff; font-size:14px;}
h2.ctg_internet {margin:0 0 10px 0; padding:3px 5px 3px 70px; background:url(../media/img/ctg_internet.jpg) 5px 5px no-repeat #000; color:#fff; font-size:14px;}
h2.ctg_other {margin:0 0 10px 0; padding:3px 5px 3px 70px; background:url(../media/img/ctg_other.jpg) 5px 5px no-repeat #000; color:#fff; font-size:14px;}
h2.ctg_live {margin:0 0 10px 0; padding:3px 5px 3px 70px; background:url(../live/img/ctg_live.jpg) 5px 5px no-repeat #000; color:#fff; font-size:14px;}
h2.ctg_event {margin:0 0 10px 0; padding:3px 5px 3px 70px; background:url(../live/img/ctg_event.jpg) 5px 5px no-repeat #000; color:#fff; font-size:14px;}
h3 {font-size:16px; line-height:1.5em; color:#ff0066;}
h4 {font-size:14px; line-height:1.5em;}
h5 {font-size:12px; font-weight:normal; color:#ff0066; display:inline;}
.j16 {font-size:16px; line-height:22px;}
.j14 {font-size:14px; line-height:20px;}
.j12 {font-size:12px; line-height:16px;}
.j11 {font-size:11px; line-height:16px;}
.j10 {font-size:10px; line-height:16px;}


/* LINK */
a:link {color:#ff0066; text-decoration:none;}
a:hover {color:#ff6699; text-decoration:none;}
a:visited {color:#ff0066; text-decoration:none;}
a:active {color:#ff6699; text-decoration:none;}
a.link_bl:link {color:#000; text-decoration:none;}
a.link_bl:hover {color:#666; text-decoration:underline;}
a.link_bl:visited {color:#999; text-decoration:none;}
a.link_bl:active {color:#666; text-decoration:underline;}

a.link_a:link {color:#ff0066; text-decoration:none; background:url(../img/common/arrow.jpg) left 1px no-repeat; padding:0 0 3px 15px;}
a.link_a:hover {color:#ff6699; text-decoration:none; background:url(../img/common/arrow2.jpg) left 1px no-repeat; padding:0 0 3px 15px;}
a.link_a:visited {color:#ff0066; text-decoration:none; background:url(../img/common/arrow.jpg) left 1px no-repeat; padding:0 0 3px 15px;}
a.link_a:active {color:#ff6699; text-decoration:none; background:url(../img/common/arrow2.jpg) left 1px no-repeat; padding:0 0 3px 15px;}

a.link_ab:link {color:#000; text-decoration:none; background:url(../img/common/arrow.jpg) left 1px no-repeat; padding:0 0 3px 15px;}
a.link_ab:hover {color:#666; text-decoration:none; background:url(../img/common/arrow2.jpg) left 1px no-repeat; padding:0 0 3px 15px;}
a.link_ab:visited {color:#000; text-decoration:none; background:url(../img/common/arrow.jpg) left 1px no-repeat; padding:0 0 3px 15px;}
a.link_ab:active {color:#000; text-decoration:none; background:url(../img/common/arrow2.jpg) left 1px no-repeat; padding:0 0 3px 15px;}

a.link_an:link {color:#ff0066; text-decoration:none; background:url(../img/common/arrow.jpg) right 1px no-repeat; padding:0 15px 3px 0;}
a.link_an:hover {color:#ff6699; text-decoration:none; background:url(../img/common/arrow2.jpg) right 1px no-repeat; padding:0 15px 3px 0;}
a.link_an:visited {color:#ff0066; text-decoration:none; background:url(../img/common/arrow.jpg) right 1px no-repeat; padding:0 15px 3px 0;}
a.link_an:active {color:#ff6699; text-decoration:none; background:url(../img/common/arrow2.jpg) right 1px no-repeat; padding:0 15px 3px 0;}

a.link_ap:link {color:#ff0066; text-decoration:none; background:url(../img/common/arrow_prev.jpg) left 1px no-repeat; padding:0 0 3px 15px;}
a.link_ap:hover {color:#ff6699; text-decoration:none; background:url(../img/common/arrow_prev2.jpg) left 1px no-repeat; padding:0 0 3px 15px;}
a.link_ap:visited {color:#ff0066; text-decoration:none; background:url(../img/common/arrow_prev.jpg) left 1px no-repeat; padding:0 0 3px 15px;}
a.link_ap:active {color:#ff6699; text-decoration:none; background:url(../img/common/arrow_prev2.jpg) left 1px no-repeat; padding:0 0 3px 15px;}

a.link_a2:link {color:#000; text-decoration:none; background:url(../img/common/arrow_bl.jpg) left 4px no-repeat; padding:0 0 3px 10px;}
a.link_a2:hover {color:#666; text-decoration:none; background:url(../img/common/arrow_bl2.jpg) left 4px no-repeat; padding:0 0 3px 10px;}
a.link_a2:visited {color:#000; text-decoration:none; background:url(../img/common/arrow_bl.jpg) left 4px no-repeat; padding:0 0 3px 10px;}
a.link_a2:active {color:#666; text-decoration:none; background:url(../img/common/arrow_bl2.jpg) left 4px no-repeat; padding:0 0 3px 10px;}


/* SPACE */
.space_2 {margin-top:2px; margin-bottom:2px;}
.space_5 {margin-top:5px; margin-bottom:5px;}
.space_10 {margin-top:10px; margin-bottom:10px;}
.space_15 {margin-top:15px; margin-bottom:15px;}
.space_20 {margin-top:20px; margin-bottom:20px;}
.space_cb {clear:both; margin-bottom:10px;}


/* MENU */
#menu_bg {
	position:relative;
	width:190px;
	height:310px;
	background:url(../img/menu/menu_bg.jpg)
}

#menu_bg ul {
	float:right;
	width:140px;
}

#menu_bg ul li {
	margin:0;
	width:140px;
	height:20px;
}
#menu_bg ul li a{
	display:block;
	margin:0;
	width:140px;
	height:20px;
	text-indent:-9999px;
}

li#information a{background:url(../images/menu_btn01.jpg) no-repeat 0 0;}
li#information a:hover{background:url(../images/menu_btn01.jpg) no-repeat -140px 0;}

li#biography a{background:url(../images/menu_btn02.jpg) no-repeat 0 0;}
li#biography a:hover{background:url(../images/menu_btn02.jpg) no-repeat -140px 0;}

li#discography a{background:url(../images/menu_btn03.jpg) no-repeat 0 0;}
li#discography a:hover{background:url(../images/menu_btn03.jpg) no-repeat -140px 0;}

li#blog a{background:url(../images/menu_btn04.jpg) no-repeat 0 0;}
li#blog a:hover{background:url(../images/menu_btn04.jpg) no-repeat -140px 0;}





#btt_bg {
	position:relative;
	width:190px;
	height:46px;
}
ul#btt {
	margin:0 0 0 148px;
	position:absolute;
	right:0px;
	width:42px;
	height: 46px;
	overflow:hidden;
}
#btt_bg ul li {margin:0; padding:0; border:0; overflow:hidden;}
li#backtotop {float:left; width:42px; list-style:none; background:none;}
li#backtotop a {
	width:42px;
	height:46px;
	display:block;
}
#backtotop a span {display:none;}
a.backtotop {background: url(../img/menu/toplink.jpg) no-repeat 0 0;}
a:hover.backtotop {background-position: 0px -47px;}



#b_menu_bg{
	width:616px;
	height:43px;
	float:left;
}
#b_menu_bg ul {
	display:block;
	width:616px;
	height:43px;
	margin:0 0 0 20px;
}
#b_menu_bg_inner{
}

#b_menu_bg ul li {
	display:block;
	margin:0 2px 0 0;
	float:left;
	height:21px;
	color:#999;
	font-size:10px;
	font-we:bold;
	line-height:21px;
	vertical-align:middle;
}

#b_menu_bg ul li,
#b_menu_bg ul li a{color:#666;}
#b_menu_bg ul li a:hover{color:#F06;}


/* COMMON LAYOUT */
.c-both {clear:both; margin:0; padding:0;}
#wrap {width:900px; margin:auto; background:url(../img/common/contentsbg.jpg) repeat-y;}
#header {width:900px; height:114px; background:url(../img/common/titlebg.jpg) right top no-repeat;}
#header div.logo {float:left; width:508px; padding-left:50px; background:url(../images/header_bg.jpg) no-repeat;}
#header div.title {float:right; width:292px; padding-top:66px; padding-right:50px; text-align:right;}
#container {width:900px; margin:0; padding:0 0 10px 0; background:url(../img/common/contentsbg.jpg) repeat-y;}
#container div.cmenu {float:left; width:190px;}
#container div.contents {float:right; width:620px; padding:20px 70px 20px 0;}
#container div.contents div.sub {padding:10px; margin-bottom:30px; background:url(../img/common/dgnbg.gif) repeat; font-size:11px; line-height:1.5em;}
#container div.contents div.sub img.title {margin-bottom:8px;}
#container div.contents div.sub_top {padding:10px; margin-bottom:20px; background:url(../img/common/dgnbg.gif) repeat; font-size:11px; line-height:1.5em;}
#container div.contents div.sub_top img.title {margin-bottom:8px;}
#footer {width:900px; height:58px; margin:auto; background:url(../img/common/contentsbg.jpg) repeat-y;}
div#footer div.toplink {float:left; width:190px;}
div#footer div.bmenu {float:right; width:620px; padding:2px 70px 2px 0; font-size:10px; line-height:1.5em;}
/*div#col {width:900px; height:27px; background:url(../img/common/footer.png) no-repeat; position:absolute;}
*html div#col {width:900px; height:27px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/common/footer.png) no-repeat;}*/
span.guard{position:absolute; display:block; width:100%; height:100%; background-image:url(../img/spacer.gif);}
ul.hedge li {list-style-type:none; text-indent:-1em; padding-left:1em; font-size:12px; line-height:1.5em;}
ul.hedge2 li {list-style-type:none; text-indent:-1em; padding-left:1em; margin-left:2em; font-size:12px; line-height:1.5em;}
div.box ul li {margin-left:15px; list-style:disc; margin-top:5px;}
div.box ol li {margin-left:25px; list-style-type:decimal;}
div.l {float:left; margin-right:10px;}
div.r {float:right; margin-left:10px;}


/* INFORMATION */
div.datelist {margin:0; padding:0;}
div.datelist dl {padding:0; margin:0;}
div.datelist dt {float:left; width:7em;}
div.datelist dd {margin-left:7em; margin-bottom:5px;}
div.sectionInfo {margin-bottom:20px;}

/* BIOGRAPHY */
div.profpix {float:right; position:relative; width:240px; height:240px; padding:0 0 10px 10px;}

/* DISCOGRAPHY */
div.jk {float:right; position:relative; width:240px; height:240px; padding:0 0 10px 10px;}

/* MEDIA+LIVE */
div.ctglist {margin:0; padding:0;}
div.ctglist dl {padding:0; margin:0;}
div.ctglist dt.tv {float:left; width:60px; background:url(../media/img/ctg2_tv.jpg) 0 3px no-repeat;}
div.ctglist dt.radio {float:left; width:60px; background:url(../media/img/ctg2_radio.jpg) 0 3px no-repeat;}
div.ctglist dt.magazine {float:left; width:60px; background:url(../media/img/ctg2_mag.jpg) 0 3px no-repeat;}
div.ctglist dt.internet {float:left; width:60px; background:url(../media/img/ctg2_internet.jpg) 0 3px no-repeat;}
div.ctglist dt.other {float:left; width:60px; background:url(../media/img/ctg2_other.jpg) 0 3px no-repeat;}
div.ctglist dt.live {float:left; width:60px; background:url(../live/img/ctg2_live.jpg) 0 3px no-repeat;}
div.ctglist dt.event {float:left; width:60px; background:url(../live/img/ctg2_event.jpg) 0 3px no-repeat;}
div.ctglist dd {margin-left:70px; margin-bottom:10px;}

/* FAN CLUB */
a.guide {display:block; width:293px; height:51px; background:url(../fanclub/img/btn_guide.jpg) 0 0 no-repeat; text-decoration:none; text-indent:-9999px; font-size:5px;}
a:hover.guide {background-position:0 -51px;}
a.login {display:block; width:293px; height:51px; background:url(../fanclub/img/btn_login.jpg) 0 0 no-repeat; text-decoration:none; text-indent:-9999px; font-size:5px;}
a:hover.login {background-position: 0 -51px;}
a.member {display:block; width:293px; height:51px; background:url(../fanclub/img/btn_member.jpg) 0 0 no-repeat; text-decoration:none; text-indent:-9999px; font-size:5px;}
a:hover.member {background-position: 0 -51px;}
a.nyukai {display:block; width:293px; height:51px; background:url(../fanclub/img/btn_nyukai.jpg) 0 0 no-repeat; text-decoration:none; text-indent:-9999px; font-size:5px;}
a:hover.nyukai {background-position: 0 -51px;}
a.henkou {display:block; width:293px; height:51px; background:url(../fanclub/img/btn_henkou.jpg) 0 0 no-repeat; text-decoration:none; text-indent:-9999px; font-size:5px;}
a:hover.henkou {background-position: 0 -51px;}
.sessiondescription {display:none; font-weight:normal; margin:5px 0; padding:10px; background-color:#eee; font-size:12px; line-height:18px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;}
.sessiondescription img {float:right; padding-left:5px; padding-bottom:5px;}
div.box_fcinfo {margin:0; padding:0;}
div.box_fcinfo dl {padding:0; margin:0 15px;}
div.box_fcinfo dt {float:left; width:8em; color:#f06;}
div.box_fcinfo dd {margin-left:8em; margin-bottom:5px;}
div.fccontents {width:620px; margin:0; padding:0; text-align:left;}
div.fccontents div.message {float:left; width:200px; padding:20px 10px 0 0; background:url(../fanclub/img/message.gif) center top no-repeat;}
div.fccontents div.wallpaper {float:left; width:200px; padding-top:20px; background:url(../fanclub/img/wallpaper.gif) center top no-repeat;}
div.fccontents div.screensaver {float:right; width:200px; padding-top:20px; background:url(../fanclub/img/screensaver.gif) center top no-repeat;}

/* FAN CLUB MENU */
#fcmenu_bg {position:relative; width:620px; height:60px; margin-bottom:15px; background:url(../fanclub/img/menu/menubg.gif) 0 0 no-repeat;}
ul#fcmenu {position:absolute; right:0px; width:620px; margin:0;}
#fcmenu_bg ul li {margin:0;}
li#top {float:left; width:33px; list-style:none;}
li#top a {width:33px; height:60px; display:block;}
li#guidepage {float:left; width:68px; list-style:none;}
li#guidepage a {width:68px; height:60px; display:block;}
li#memberssite {float:left; width:100px; list-style:none;}
li#memberssite a {width:100px; height:60px; display:block;}
li#change {float:left; width:107px; list-style:none;}
li#change a {width:107px; height:60px; display:block;}
li#fcinfo {float:left; width:143px; list-style:none;}
li#fcinfo a {width:143px; height:60px; display:block;}
li#qa {float:left; width:41px; list-style:none;}
li#qa a {width:41px; height:60px; display:block;}
li#agreement {float:left; width:68px; list-style:none;}
li#agreement a {width:68px; height:60px; display:block;}
li#contact {float:left; width:60px; list-style:none;}
li#contact a {width:60px; height:60px; display:block;}
#top a span {display:none;}
#guidepage a span {display:none;}
#memberssite a span {display:none;}
#change a span {display:none;}
#fcinfo a span {display:none;}
#qa a span {display:none;}
#agreement a span {display:none;}
#contact a span {display:none;}
a.top {background-image: url(../fanclub/img/menu/top.gif);}
a:hover.top {background-position: 0px -60px;}
a.guidepage {background-image: url(../fanclub/img/menu/guide.gif);}
a:hover.guidepage {background-position: 0px -60px;}
a.memberssite {background-image: url(../fanclub/img/menu/memberssite.gif);}
a:hover.memberssite {background-position: 0px -60px;}
a.change {background-image: url(../fanclub/img/menu/change.gif);}
a:hover.change {background-position: 0px -60px;}
a.fcinfo {background-image: url(../fanclub/img/menu/fcinfo.gif);}
a:hover.fcinfo {background-position: 0px -60px;}
a.qa {background-image: url(../fanclub/img/menu/qa.gif);}
a:hover.qa {background-position: 0px -60px;}
a.agreement {background-image: url(../fanclub/img/menu/agreement.gif);}
a:hover.agreement {background-position: 0px -60px;}
a.contact {background-image: url(../fanclub/img/menu/contact.gif);}
a:hover.contact {background-position: 0px -60px;}

/* MOBILE INFO */
div.contents div.mil {float:left; width:200px; padding-right:10px; text-align:center;}
div.contents div.mic {float:left; width:200px; text-align:center;}
div.contents div.mir {float:right; width:200px; text-align:center;}

/* TABLE */
table.g {margin:0px; border-top:solid 1px #999; border-left:solid 1px #999;}
table.g td {margin:0px; padding:5px; empty-cells:show; vertical-align:top; border-right:solid 1px #999; border-bottom:solid 1px #999; text-align:left;}
table.g th {margin:0px; padding:5px; empty-cells:show; vertical-align:top; border-right:solid 1px #999; border-bottom:solid 1px #999; background-color:#eee; font-weight:normal; text-align:right;}
table.g th.color {margin:0px; padding:5px; empty-cells:show; vertical-align:top; border-right:solid 1px #999; border-bottom:solid 1px #999; background-color:#ccc; font-weight:bold; text-align:center;}
