@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: 19px; left: 14px;
	height: 69px; width: 533px;
}


/* ------------------------------------
	Gnavi
------------------------------------ */
#Gnavi {
	background: url(../imgdir/gnavi_bg.png) no-repeat 0px -1px;
	height: 239px; width: 456px;
	position: absolute;
	top: 17px; right: 8px;
	padding-right: 9px;
}
#Gnavi li {
	height: 31px; width: 220px;
	float: right;
	margin: 7px 0px 0px 7px;
	background-repeat: no-repeat;
}
#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;
}
#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#GTwitter { background-image: url(../imgdir/gnavi_twitter_bg.gif); }
#Gnavi li#GMusic { background-image: url(../imgdir/gnavi_music_bg.gif); }
#Gnavi li#GNews { background-image: url(../imgdir/gnavi_news_bg.gif); }

#Gnavi li#GAmigator { background-image: url(../imgdir/gnavi_amigator_bg.gif); }
#Gnavi li#GBiography { background-image: url(../imgdir/gnavi_biography_bg.gif); }
#Gnavi li#GTour { background-image: url(../imgdir/gnavi_tour_bg.gif); }

#Gnavi li#GStaff { background-image: url(../imgdir/gnavi_staff_bg.gif); }
#Gnavi li#GLink { background-image: url(../imgdir/gnavi_link_bg.gif); }
#Gnavi li#GBbs { background-image: url(../imgdir/gnavi_bbs_bg.gif); }

#Gnavi li#GMail { background-image: url(../imgdir/gnavi_mail_bg.gif); }
#Gnavi li#GTopics { background-image: url(../imgdir/gnavi_topics_bg.gif); }


/* ------------------------------------
	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
------------------------------------ */

#FTwitter {
	top:310px; left: 8px;
}


/* ------------------------------------
	Contents - hidden
#FTopics {
	display: block;
	z-index: 2;
	top: 167px; left: auto; right: 235px;
}
#FNews {
	top: 260px;
	margin-left: -355px;
}
#FMusic {
	top: 275px;
	margin-left: -340px;
}
#FTour {
	top: 290px;
	margin-left: -325px;
}
#FBiography {
	top: 305px;
	margin-left: -310px;
}
#FAmigator {
	top: 320px;
	margin-left: -295px;
}
#FBbs {
	top: 335px;
	margin-left: -280px;
}
#FLink {
	top: 350px;
	margin-left: -265px;
}
#FStaff {
	top: 365px;
	margin-left: -250px;
}
#FMail {
	top: 380px;
	margin-left: -235px;
}
------------------------------------ */


/* ------------------------------------
	Contents - Common
------------------------------------ */
#FBiography,
#FNews,
#FAmigator,
#FTour,
#FStaff,
#FBbs,
#FMail,
#FLink,
#FMusic,
#FTopics {
	height: 475px; width: 738px;
}
#FBiography .Title,
#FNews .Title,
#FAmigator .Title,
#FTour .Title,
#FStaff .Title,
#FBbs .Title,
#FMail .Title,
#FLink .Title,
#FMuisc .Title,
#FTopics .Title {
	width: 738px;
}
#FBiography iframe,
#FNews iframe,
#FAmigator iframe,
#FTour iframe,
#FStaff iframe,
#FBbs iframe,
#FMail iframe,
#FLink iframe,
#FMusic iframe,
#FTopics 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 - Biography
------------------------------------ */
#FBiography {
	background: url(../imgdir/frame_biography.png) no-repeat left top;
}


/* ------------------------------------
	Contents - News
------------------------------------ */
#FNews {
	background: url(../imgdir/frame_news.png) no-repeat left top;
}


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


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


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


/* ------------------------------------
	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;
}
#FMail iframe {
	overflow-x: hidden;
}


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


/* ------------------------------------
	Contents - Music
------------------------------------ */
#FMusic {
	background: url(../imgdir/frame_music.png) no-repeat left top;
}


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