@charset "shift_jis";
@import url("reset-min.css");

/* clearfix */
.clearfix, .FloatWrap {
	display: block;
	min-height: 1%;
}
.clearfix:after, .FloatWrap:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix, * html .FloatWrap {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ------------------------------------
	Common
------------------------------------ */
html {
	overflow: hidden;
	height:100%;
	/*
	overflow-y: scroll;
	overflow-x: hidden;
	*/
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
*:first-child+html body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
* html body, th, td {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}

body,th,td {
	font-size: 12px;
	color: #000;
}
html, body {
}
body {
	behavior:url("csshover.htc");
	height: 100%;
	width: 100%;
}

a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; }

img { vertical-align: top; }


/* ------------------------------------
	Footer
------------------------------------ */
.Footer {
	position: absolute;
	width: 100%;
	left: 0px; bottom: 11px;
}
.Footer .LangLink {
	float: left;
	height: 13px; width: 160px;
	margin-top: 15px;
	padding-left: 16px;
}
.Footer .Copy {
	float: right;
	padding-right: 16px;
}
.Footer .Copy ul {
	height: 15px;
}
.Footer .Copy li {
	float: right;
	margin-left: 10px
}
.Footer .Copy address {
	display: block;
	font-size: 10px;
	margin-top: 5px;
	color: #fff;
	text-align: right;
}


/* ------------------------------------
	Layout
------------------------------------ */
#BackGround {
	display: none;
}
#BackGround #Logo {
	position: absolute;
	top: 21px; left: 14px;
	height: 70px; width: 266px;
}


/* ------------------------------------
	Gnavi
------------------------------------ */
#Gnavi {
	background: url(../imgdir/gnavi_bg.png) no-repeat 0px -1px;
	height: 391px; width: 456px;
	position: absolute;
	top: 17px; right: 8px;
	padding-right: 9px;
}
* html #Gnavi {
	width: 465px;
}
#Gnavi li {
	height: 31px; width: 220px;
	float: right;
	margin: 7px 0px 0px 7px;
	background-repeat: no-repeat;
}
* html #Gnavi li {
	height: 24px; width: 213px;
}
#Gnavi li strong img {
	margin: 9px 0px 0px 11px;
}
#Gnavi li a strong {
	display: block;
}
#Gnavi li a {
	display: block;
	height: 31px; width: 220px;
	background-position: 166px 7px;
	background-repeat: no-repeat;
}
* html #Gnavi li a {
	width: 214px;
}
#Gnavi li.close {
	background-position: left top;
}
#Gnavi li:hover,
#Gnavi li.open {
	background-position: left bottom;
}
#Gnavi li.close a {
	background-image: url(../imgdir/gnavi_btn_open.png);
}
#Gnavi li.open a {
	background-image: url(../imgdir/gnavi_btn_close.png);
}

#Gnavi li#GInfo { background-image: url(../imgdir/gnavi_info_bg.gif); }
#Gnavi li#GBbs { background-image: url(../imgdir/gnavi_bbs_bg.gif); }

#Gnavi li#GMedia { background-image: url(../imgdir/gnavi_media_bg.gif); }
#Gnavi li#GFanclub { background-image: url(../imgdir/gnavi_fanclub_bg.gif); }

#Gnavi li#GLive { background-image: url(../imgdir/gnavi_live_bg.gif); }
#Gnavi li#GAmigator { background-image: url(../imgdir/gnavi_amigator_bg.gif); }

#Gnavi li#GDiscography { background-image: url(../imgdir/gnavi_discography_bg.gif); }
#Gnavi li#GStaff { background-image: url(../imgdir/gnavi_staff_bg.gif); }

#Gnavi li#GProfile { background-image: url(../imgdir/gnavi_profile_bg.gif); }
#Gnavi li#GGoods { background-image: url(../imgdir/gnavi_goods_bg.gif); }

#Gnavi li#GMail { background-image: url(../imgdir/gnavi_mail_bg.gif); margin-left: 227px; }
#Gnavi li#GLink { background-image: url(../imgdir/gnavi_link_bg.gif); margin-left: 227px; }
#Gnavi li#GTopics { background-image: url(../imgdir/gnavi_topics_bg.gif); margin-left: 227px; }
#Gnavi li#GTwitter { background-image: url(../imgdir/gnavi_twitter_bg.gif); margin-left: 227px; }
#Gnavi li#GBanner { background-image: url(../imgdir/gnavi_banner_bg.gif); margin-left: 227px; }



/* ------------------------------------
	What's New
------------------------------------ */
#WNew {
	background: url(../imgdir/whatsnew_bg.png) no-repeat left top;
	position: absolute;
	height: 81px; width: 312px;
	top: 96px; left: 11px;
}
#WNew .Feed {
	padding: 9px 9px 9px 14px;
	color: #FFF;
}
#WNew .Feed th,
#WNew .Feed td {
	font-size: 10px;
	color: #FFF;
	padding-top: 3px;
	text-align: left;
	vertical-align: top;
}
#WNew .Feed th {
	padding-right: 10px;
}
#WNew .Feed a {
	color: #FFF;
}
#WNew .Feed a:link, #WNew .Feed a:visited { text-decoration: none; }
#WNew .Feed a:hover, #WNew .Feed a:active { text-decoration: underline; }


/* ------------------------------------
	Contents
------------------------------------ */
.draggable {
	position: absolute;
	display: none;
	top: 210px;
	left: 50%;
}
.draggable .Title {
	position: relative;
	height: 39px;
	cursor: move;
}
.draggable .Title h2 {
	padding: 17px 0px 0px 21px;
}
.draggable .Title .Button {
	height: 18px; width: 48px;
	position: absolute;
	top: 15px; right: 16px;
}
.draggable .Frame {
	margin: 10px 0px 0px 19px;
}
.draggable iframe {
	background-color: #FFF;
	overflow-y: scroll;
	border: none;
}


/* ------------------------------------
	Contents - Layout
------------------------------------ */

#FBanner {
	display: block;
	top: auto; bottom: 25px; left: 8px;
	z-index: 1;
}
#FTwitter {
	top:112px; left: 8px;
}

#FTopics {
	top: 80px;
	margin-left: -369px;
	display: block;
	z-index: 2;
}
/* ------------------------------------
	Contents - hidden
	

#FInfo {
	top: 225px;
	margin-left: -355px;
}
#FProfile {
	top: 240px;
	margin-left: -340px;
}

#FLive {
	top: 255px;
	margin-left: -325px;
}
#FAmigator {
	top: 270px;
	margin-left: -310px;
}

#FBbs {
	top: 285px;
	margin-left: -295px;
}
#FGoods {
	top: 300px;
	margin-left: -280px;
}
#FStaff {
	top: 315px;
	margin-left: -265px;
}
#FDiscography {
	top: 330px;
	margin-left: -250px;
}
#FLink {
	top: 345px;
	margin-left: -235px;
}
#FMail {
	top: 360px;
	margin-left: -220px;
}
------------------------------------ */


/* ------------------------------------
	Contents - Common
------------------------------------ */
#FProfile,
#FInfo,
#FAmigator,
#FFanclub,
#FLive,
#FStaff,
#FGoods,
#FBbs,
#FMail,
#FLink,
#FDiscography,
#FTopics,
#FMedia {
	height: 475px; width: 738px;
}
#FProfile .Title,
#FInfo .Title,
#FAmigator .Title,
#FFanclub .Title,
#FLive .Title,
#FStaff .Title,
#FGoods .Title,
#FBbs .Title,
#FMail .Title,
#FLink .Title,
#FDiscography .Title,
#FTopics .Title,
#FMedia .Title {
	width: 738px;
}
#FProfile iframe,
#FInfo iframe,
#FAmigator iframe,
#FFanclub iframe,
#FLive iframe,
#FStaff iframe,
#FGoods iframe,
#FBbs iframe,
#FMail iframe,
#FLink iframe,
#FDiscography iframe,
#FTopics iframe,
#FMedia iframe {
	height: 406px; width: 700px;
}


/* ------------------------------------
	Contents - Twitter
------------------------------------ */
#FTwitter {
	background: url(../imgdir/frame_twitter.png) no-repeat left top;
	height: 425px; width: 310px;
}
#FTwitter .Title {
	width: 310px;
}
#FTwitter .Frame {
	background-color: #FFF;
	height: 354px; width: 257px;
	padding: 0px 0px 0px 13px;
}
#twtr-widget-1 .twtr-hd {
	padding: 15px 10px 10px 0px;
}
#twtr-widget-1 .twtr-ft {
	display: none;
}
#twtr-widget-1 div.twtr-bd {
	position: relative;
	z-index: 0;
	border-top: solid 1px #787878;
}
.twtr-widget .twtr-tweet-wrap {
	padding: 6px 8px 6px 0px !important;
}
#twtr-widget-1 .twtr-widget .twtr-tweet {
	border-bottom: 1px dotted #b0b0b0;
}
#twtr-widget-1 .twtr-tweet .twtr-tweet-text p em,
#twtr-widget-1 .twtr-tweet .twtr-tweet-text p em a {
	color: #ff0082 !important;
}

#FTwitter .Follow {
	padding-top: 5px;
	width: 250px;
}
#FTwitter .Follow .Logo {
	float: left;
	height: 17px; width: 71px;
	padding-top: 10px;
}
#FTwitter .Follow .Button {
	float: right;
	height: 34px; width: 116px;
}


/* ------------------------------------
	Contents - Profile
------------------------------------ */
#FProfile {
	background: url(../imgdir/frame_profile.png) no-repeat left top;
}


/* ------------------------------------
	Contents - Information
------------------------------------ */
#FInfo {
	background: url(../imgdir/frame_info.png) no-repeat left top;
}


/* ------------------------------------
	Contents - Amigator
------------------------------------ */
#FAmigator {
	background: url(../imgdir/frame_amigator.png) no-repeat left top;
}
#FAmigator iframe {
	overflow-x: hidden;
}


/* ------------------------------------
	Contents - Fanclub
------------------------------------ */
#FFanclub {
	background: url(../imgdir/frame_fanclub.png) no-repeat left top;
}


/* ------------------------------------
	Contents - Live
------------------------------------ */
#FLive {
	background: url(../imgdir/frame_live.png) no-repeat left top;
}


/* ------------------------------------
	Contents - StaffDiary
------------------------------------ */
#FStaff {
	background: url(../imgdir/frame_staff.png) no-repeat left top;
}
#FStaff iframe {
	overflow-x: hidden;
}


/* ------------------------------------
	Contents - Goods
------------------------------------ */
#FGoods {
	background: url(../imgdir/frame_goods.png) no-repeat left top;
}


/* ------------------------------------
	Contents - BBS
------------------------------------ */
#FBbs {
	background: url(../imgdir/frame_bbs.png) no-repeat left top;
}


/* ------------------------------------
	Contents - MailService
------------------------------------ */
#FMail {
	background: url(../imgdir/frame_mail.png) no-repeat left top;
}


/* ------------------------------------
	Contents - Link
------------------------------------ */
#FLink {
	background: url(../imgdir/frame_link.png) no-repeat left top;
}


/* ------------------------------------
	Contents - Discography
------------------------------------ */
#FDiscography {
	background: url(../imgdir/frame_discography.png) no-repeat left top;
}


/* ------------------------------------
	Contents - Banner
------------------------------------ */
#FBanner {
	background: url(../imgdir/frame_banner.png) no-repeat left top;
	height: 295px; width: 251px;
}
#FBanner .Title {
	width: 251px;
}
#FBanner .Frame {
	width: 210px;
}
#FBanner .Frame ul {
	width: 210px;
}
#FBanner .Frame ul li {
	margin-bottom: 7px;
}
#FBanner .Frame ul a img {
	border: solid 1px #a9a9a9;
}


/* ------------------------------------
	Contents - Topics
------------------------------------ */
#FTopics {
	background: url(../imgdir/frame_topics.png) no-repeat left top;
}
#FTopics iframe {
	overflow: hidden;
}


/* ------------------------------------
	Contents - Media
------------------------------------ */
#FMedia {
	background: url(../imgdir/frame_media.png) no-repeat left top;
}