@charset "utf-8";

/* ==================================================================================================

 1.common
 2.topPage (/index.html)
 3.news (/news/)
 4.introduction (/introduction/)
 5.members  (/members/)
 6.game music (/game_music/)
 7.credit (/credit/) 

====================================================================================================*/

/*-- 1.common 
----------------------------------------------------------------------------------------------------*/

#main .box01 { width: 450px; float: left; }
#main .box01 p,
#main .box03 p { padding-bottom: 16px; }
#main dl.right { width: 200px; float:right;}
#main dl.right dd { padding: 5px; padding-top: 0; border-bottom: solid 10px #FFFFFF; }

#main .box02 { width: 312px; float: left; }
#main .box02 p { padding-bottom: 16px; }
#main table.right { width: 340px; padding-top: 10px; float:right; }
#main table.right td { border-left: #fff solid 10px; border-top: #fff solid 10px; vertical-align: top; }
#main table.right td.none { background: none; }
#main table.right td dl { width: 160px; }
#main table.right td dl dd { padding: 5px; padding-top: 0; }

#main .mbox { width: 490px; float: left; }
#main ul.mright { width: 160px; float: right;}
#main ul.mright li { margin-bottom: 10px; }
object { outline: none; }


/*-- 2.topPage 
----------------------------------------------------------------------------------------------------*/
html {
	resize: horizontal;
	width: 100%;
	height: 100%;
}

#top {
	width: 100%;
	min-width: 1064px;
	height: 100%;
}

#top #flashcontent {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding-bottom: -30px;
}

#top #wrapper {
	resize: horizontal;
	width: 100%;
	min-width: 1064px;
	min-height: 100%;
	height: auto !important;
	height: 718px;
	background: url(../img/bg_top_day.gif) no-repeat top center;
}

#top #container {
	min-height: 718px;
	height: 100%;
	background: none;
	padding-bottom: 30px;	
}

#top #mainContent {
	position: absolute;
	left: 0; top: 0;
    min-width: 1062px;
    width: 100%;
	min-height: 100%;
	height: 100%;
}

#top .bgNight1 { background: url(../img/bg_top_night.gif) no-repeat center top; }

#top #mainContent #mainbox {
	position: relative;
	width: 1062px;
	height: 654px;
	margin: 0 auto;
}

#top #mainContent #mainbox h1 { position: absolute; left: -92px; top: 0; }
#top #mainContent #mainbox p.btnReview { position: absolute; left: 162px; top: 152px; z-index: 9999; }
#top #mainContent #mainbox p.btnNews { position: absolute; left: 376px; top: 7px; z-index: 9999; }
#top #mainContent #mainbox p.btnIntroduction { position: absolute; left: 591px; top: 6px; z-index: 9999; }
#top #mainContent #mainbox p.btnMembers { position: absolute; left: 805px; top: 150px; z-index: 9999; }
#top #mainContent #mainbox p.btnGame { position: absolute; left: 806px; top: 371px; z-index: 9999; }
#top #mainContent #mainbox p.btnSwitch { position: absolute; left: 592px; top: 401px; z-index: 9999; }
#top #mainContent #mainbox p.btnMusic { position: absolute; left: 375px; top: 254px; z-index: 9999; }
#top #mainContent #mainbox p.btnCredit { position: absolute; left: 163px; top: 402px; z-index: 9999; }

#top #mainContent #mainbox p.btnGame1 { position: absolute; left: 214px; top: 64px; z-index: 100; }
#top #mainContent #mainbox p.btnGame2 { position: absolute; left: 642px; top: 64px; z-index: 100; }
#top #mainContent #mainbox p.btnGame3 { position: absolute; left: 0; top: 188px; z-index: 100; }
#top #mainContent #mainbox p.btnGame4 { position: absolute; left: 428px; top: 188px; z-index: 100; }
#top #mainContent #mainbox p.btnGame5 { position: absolute; left: 856px; top: 188px; z-index: 100; }
#top #mainContent #mainbox p.btnGame6 { position: absolute; left: 213px; top: 312px; z-index: 100; }
#top #mainContent #mainbox p.btnGame7 { position: absolute; left: 643px; top: 312px; z-index: 100; }
#top #mainContent #mainbox p.btnGame8 { position: absolute; left: 0px; top: 436px; z-index: 100; }
#top #mainContent #mainbox p.btnGame9 { position: absolute; left: 428px; top: 436px; z-index: 100; }
#top #mainContent #mainbox p.btnGame10 { position: absolute; left: 856px; top: 436px; z-index: 100; }
#top #mainContent #mainbox p.btnGame11 { position: absolute; left: 213px; top: 560px; z-index: 100; }
#top #mainContent #mainbox p.btnGame12 { position: absolute; left: 642px; top: 560px; z-index: 100; }


#top div.gnavi { position: absolute; width: 100%; min-width: 1064px; height: 30px; margin-top: -30px; background: #000; }
#top div.gnavi ul { padding: 10px 15px; text-align: left; line-height:0; width: 900px;}
#top div.gnavi ul li { display: inline; margin-right: 20px; font-size:0; }
#top div.gnavi address { position:absolute; top: 10px; right: 20px; }


/*-- 3.news 
----------------------------------------------------------------------------------------------------*/
#news #main h1 { margin-bottom: 30px; }
#news #main div.section {
	height: 115px;
	position: relative;
	margin-bottom: 20px;
	width: 670px;
}
#news #main div.section p.img {
	position: absolute;
	left:0;
}
#news #main div.section dl { margin-left: 345px; }
#news #main div.section dl dt { font-weight: bold; }
#news #main div.section dl dd { line-height: 1.4; }


/*-- 4.introduction 
----------------------------------------------------------------------------------------------------*/
#intro #side ul.nv01 li.sn01 a,
#intro #side ul.nv02 li.sn02 a,
#intro #side ul.nv03 li.sn03 a,
#intro #side ul.nv04 li.sn04 a { background: url(../introduction/img/common/navi_o.gif) no-repeat left top; }
#intro #side ul li a:hover { background: url(../introduction/img/common/navi_o.gif) no-repeat left top; }

#intro #main h3 { clear: both; padding: 0 0 15px 0; }
#intro #main h3.top { padding: 30px 0 15px 0; }

/* img caption */
#intro #main dl.right { background:url(../introduction/img/common/intro_bg.gif) repeat; }
#intro #main table.right td { background:url(../introduction/img/common/intro_bg.gif) repeat; }
#intro #main table.right td.none { background: none; }

/* syoseki */
#intro #main .box04 { margin-left: 33px; clear: both; padding-top: 40px; }
#intro #main .box04 dl.img { width: 154px; float: left; background:url(../introduction/img/common/intro_bg.gif) repeat; }
#intro #main .box04 dl.img dd { padding: 5px; padding-top: 0; border-bottom: solid 10px #FFFFFF; font-size:10px; }

#intro #main .box04 dl.txt { width: 448px; float:right;}
#intro #main .box04 dl.txt dt { background: #00FFFF; font-size: 14px; padding:5px; }
#intro #main .box04 dl.txt dt span { font-size: 10px; }
#intro #main .box04 dl.txt dd { margin-top: 8px; font-size: 10px; }

/* pagelink */
#linkArea { clear: both; }
#linkArea ul { position:relative; height: 72px; }
#linkArea ul li { position:absolute; top: 0; }
#linkArea ul li.back { left: 270px; }
#linkArea ul li.next { left: 340px; }
#linkArea ul li.one { left: 305px; }


/*-- 5.members 
----------------------------------------------------------------------------------------------------*/
/*---- members Top ---------*/
#membersTop #main { margin:0; width: 100%; background:#FF7400 url(../members/img/top/top_bg.gif) left bottom no-repeat; height: 707px; position: relative; padding:0; float: none; }
#membersTop #main li,#membersTop #main p { position: absolute; }

#membersTop #main li.m01 { top: 82px; left: 43px; }
#membersTop #main li.m02 { top: 82px; left: 296px; }
#membersTop #main li.m03 { top: 82px; left: 540px; }
#membersTop #main li.m04 { top: 287px; left: 170px; }
#membersTop #main li.m05 { top: 287px; left: 419px; }
#membersTop #main li.m06 { top: 287px; left: 672px; }
#membersTop #main li.m07 { top: 492px; left: 28px; }
#membersTop #main li.m08 { top: 492px; left: 274px; }
#membersTop #main li.m09 { top: 492px; left: 524px; }
#membersTop #main p.img01 { right:0; top:0; }
#membersTop #main p.img02 { left:0; top:289px; }

/*---- parsonal page ---------*/
#members #contents { background: #FFF none; }
#members div.titArea { position: relative; background: #FF7E00; height: 350px; margin-bottom: 30px; }
#members div.titArea p.obi { position: absolute; right:0; top:0; }
#members div.titArea p.img { position: absolute; right:0; bottom:0; }
#members div.titArea div.titTxt { position:absolute; left: 478px; top: 74px; }
#members div.titArea div.titTxt h2 { padding: 18px 0 26px 0; }

#members div#contents p.pgtop { clear: both; padding: 25px 0 30px 0; text-align: right; width: 880px; }

#members div.member01,#members div.member02 { clear: both; }
#members div.member01 .img { width: 225px; float: right; padding-right: 20px; }
#members div.member02 .img { width: 225px; float: left; padding-right: 30px; }

#members div.interview { width:620px; float: left; }

#members div.interview dl dt { color: #FF7E00; margin-top: 25px; margin-bottom: 5px; }
#members div.interview dl dd span { color: #FF7E00; }
#members div.interview dl dd.altyph { width: 168px; color: #777777; font-size: 86%; line-height: 1.3; float: left;
margin-right: 15px; margin-bottom: 20px; margin-top: 6px; }
#members div.interview dl dd.altyph p { margin-bottom: 5px; }
#members div.interview dl dd.phtxt { float: left; width: 420px; }
#members div.interview dl dt.clear { clear: both; margin-top: 0;}

#members div .img dl { width: 225px; background: url(../members/img/common/member_bg.gif); padding:5px 0; }
#members div .img dl dt,#members div .img dl dd { padding: 0 5px; font-size: 10px; }
#members div.interview p.date { margin-top: 25px; }

#members div.other { clear: both; padding-top: 50px; }
#members div.other ul { position: relative ; width: 100%; height: 220px; margin-top: 20px; }
#members div.other ul li { position: absolute; }
#members div.other ul li.b01 { left: 0; top: 0; }
#members div.other ul li.b02 { left: 204px; top: 0; }
#members div.other ul li.b03 { left: 410px; top: 0; }
#members div.other ul li.b04 { left: 0; top: 70px; }
#members div.other ul li.b05 { left: 204px; top: 70px; }
#members div.other ul li.b06 { left: 410px; top: 70px; }
#members div.other ul li.b07 { left: 0; top: 140px; }
#members div.other ul li.b08 { left: 204px; top: 140px; }


/*-- 6.game music 
----------------------------------------------------------------------------------------------------*/
/**---------- Top ----------------**/
#musicTop #main { margin:0; width: 100%; background: #FFFF00 url(../game_music/img/top/bk.gif) no-repeat top right; height: 475px; position: relative; padding:0; float: none; }
#musicTop #main p.img { position: absolute; left:0; bottom: 0; }
#musicTop #main li { position: absolute; }
#musicTop #main li.m01 { top: 26px; left: 427px; z-index:10; }
#musicTop #main li.m02 { top: 144px; left: 681px; z-index:10; }
#musicTop #main li.m03 { top: 267px; left: 545px; z-index:10; }

/**---------- side_nav ----------------**/
#music #side ul.nv01 li.sn01 a,
#music #side ul.nv02 li.sn02 a,
#music #side ul.nv03 li.sn03 a,
#music #side ul.nv04 li.sn04 a,
#music #side ul.nv05 li.sn05 a,
#music #side ul.sp li.sn01 a,
#music #side ul.fn li.sn02 a { background: url(../game_music/img/navi_o.gif) no-repeat left top; }
#music #side ul li a:hover { background: url(../game_music/img/navi_o.gif) no-repeat left top; }

/**---------- archive ----------------**/
#music #side h2 { padding-top: 10px; background: #FFF; }
#music #side p.are { padding-top: 10px; background: #FFF; }
#music #side p.arc { padding-bottom: 10px; background: #FFF; }

#music div#cntentsTop { width: 670px; overflow: hidden; padding-top: 10px; }
#music div#cntentsTop ul { width: 680px; line-height:0; font-size:0; }
#music div#cntentsTop ul li { float: left; margin:10px 10px 0 0; width: 330px; }

#music div.archive h2.arc { margin-bottom: 10px; }
#music div.archive h3 { padding: 0 0 0 40px; clear: both; line-height: 30px; margin-bottom: 20px; }
#music div.archive h3.m01 { background: url(../game_music/archive/img/common/h3_music01.gif) no-repeat left center; }
#music div.archive h3.m02 { background: url(../game_music/archive/img/common/h3_music02.gif) no-repeat left center; }
#music div.archive h3.m03 { background: url(../game_music/archive/img/common/h3_music03.gif) no-repeat left center; }
#music div.archive h3.m04 { background: url(../game_music/archive/img/common/h3_music04.gif) no-repeat left center; }
#music div.archive h3.m05 { background: url(../game_music/archive/img/common/h3_music05.gif) no-repeat left center; }
#music div.archive h3.m06 { background: url(../game_music/archive/img/common/h3_music06.gif) no-repeat left center; }
#music div.archive h3.m07 { background: url(../game_music/archive/img/common/h3_music07.gif) no-repeat left center; }
#music div.archive h3.m08 { background: url(../game_music/archive/img/common/h3_music08.gif) no-repeat left center; }
#music div.archive h3.m09 { background: url(../game_music/archive/img/common/h3_music09.gif) no-repeat left center; }
#music div.archive h3.m10 { background: url(../game_music/archive/img/common/h3_music10.gif) no-repeat left center; }
#music div.archive h3.m11 { background: url(../game_music/archive/img/common/h3_music11.gif) no-repeat left center; }
#music div.archive h3.m12 { background: url(../game_music/archive/img/common/h3_music12.gif) no-repeat left center; }
#music div.archive h3.m13 { background: url(../game_music/archive/img/common/h3_music13.gif) no-repeat left center; }
#music div.archive h3.m14 { background: url(../game_music/archive/img/common/h3_music14.gif) no-repeat left center; }
#music div.archive h3.m15 { background: url(../game_music/archive/img/common/h3_music15.gif) no-repeat left center; }
#music div.archive h3.m16 { background: url(../game_music/archive/img/common/h3_music16.gif) no-repeat left center; }
#music div.archive h3.m17 { background: url(../game_music/archive/img/common/h3_music17.gif) no-repeat left center; }
#music div.archive h3.m18 { background: url(../game_music/archive/img/common/h3_music18.gif) no-repeat left center; }
#music div.archive h3.m19 { background: url(../game_music/archive/img/common/h3_music19.gif) no-repeat left center; }
#music div.archive h3.m20 { background: url(../game_music/archive/img/common/h3_music20.gif) no-repeat left center; }

#music div.archive h3.m01,#music div.archive h3.m09,#music div.archive h3.m11,#music div.archive h3.m12,
#music div.archive h3.m15,#music div.archive h3.m17,#music div.archive h3.m16{ padding-left: 50px; }
#music div.archive h3.m04,#music div.archive h3.m05{ padding-left: 60px; }
#music div.archive h3.m20 { padding-left: 15px; }

#music div.mbox table.list {
	width: 100%;
}
#music div.mbox table.list td,
#music div.mbox table.list th { padding: 5px; }
#music div.mbox table.list tr { background: url(../game_music/archive/img/common/dot.gif) repeat-x left bottom; }
#music div.mbox table.list tr.th {	background: url(../game_music/img/music_bg.gif); }
#music div.mbox table.list tr.th th {
	border-top: solid 1px #8F8F00;
	border-bottom: solid 1px #8F8F00;
}
#music div.mbox table.list tr.th th.c01 { width: 330px; }
#music div.mbox table.list tr.th th.c02 { width: 80px; text-align: center; }
#music div.mbox table.list td {
/*	border-bottom: dotted 1px #3F3F3F;*/
	text-align: center;
}
#music div.archive table.list td.txt01 { color: #8F8F00; text-align: left; }
#music div.archive p.txt01 { color: #8F8F00; margin-bottom: 10px; }
#music div.mbox table.list a {
	background: url(../game_music/archive/img/common/icon_onpu.gif) no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	text-align: left;
	display: block;
}
#music div.mbox table.list a:hover {
	background:url(../game_music/archive/img/common/icon_onpu_o.gif) no-repeat;
}
#music div.mbox table.list tr.box_hover { background-color: #FFFF00; cursor:pointer;	}
#music div.mbox table.list .box_hover a {	background: url(../game_music/archive/img/common/icon_onpu_o.gif) no-repeat;	}
#music div.mbox table.list a:link		{ color: #000; text-decoration: none; }
#music div.mbox table.list a:visited	{ color: #000; text-decoration: none; }
#music div.mbox table.list a:hover		{ color: #000; text-decoration: none; }
#music div.mbox table.list a:active		{ color: #000; text-decoration: none; }


/**---------- アレンジ版 ----------------**/
#music h3 { clear: both; padding: 0 0 15px 0; }
#music h3.top { padding: 30px 0 15px 0; }
#music h4 { margin-bottom: 12px; }

/* img caption */
#music #main dl.right { background:url(../game_music/img/common/music_bg.gif) repeat; }
#music #main dl dt.none { background:#fff; text-align: center; padding-top:20px; }

#music #main div.boder { border: #FFFF00 solid 2px; padding: 10px; margin-bottom: 15px; }
#music #main div.boder p { padding:0; }
#music #main div div.dl { position: relative; line-height:0; font-size:0; margin-top:20px; width: 425px; }
#music #main div div.dl p { padding: 30px 0 0 15px; }
#music #main div div.dl p a span { position: absolute; top:0; right: 0; background: url(../game_music/arrange/img/super/btn01_o.gif) no-repeat; width: 293px; height: 101px; display: block; cursor: pointer; }
#music #main div div.dl p a span.fina { background: url(../game_music/arrange/img/finalty/btn01_o.gif) no-repeat; }

#music #main div div.dl p.r1 a span { background: url(../game_music/arrange/img/super/bio_txt1_o.gif) no-repeat; }
#music #main div div.dl p.r1 a span.fina { background: url(../game_music/arrange/img/finalty/bio_txt1_o.gif) no-repeat; }

#music #main div div.dl p.r2 a span { background: url(../game_music/arrange/img/super/bio_txt2_o.gif) no-repeat; }
#music #main div div.dl p.r2 a span.fina { background: url(../game_music/arrange/img/finalty/bio_txt2_o.gif) no-repeat; }

#music #main div div.dl p a span { position: absolute; top:0; right: 0; background: url(../game_music/arrange/img/super/btn01_o.gif) no-repeat; width: 293px; height: 101px; display: block; cursor: pointer; }
#music #main div div.dl p a span.fina { background: url(../game_music/arrange/img/finalty/btn01_o.gif) no-repeat; }
#music #main div div.dl p a { display: block; }
#music #main div div.dl p a,
#music #main div div.dl p a span img,
#music #main div div.dl p a:hover { background-color:#FFFFFF;}
#music #main div div.dl p a:hover span img { display: none; }


/**---------- CDBOX ----------------**/
#music div.cdpre { background: #FFFFFF; padding: 20px 0 80px 50px; position: relative; }
#music div#end { padding-bottom: 0;}
#music div.cdpre p.txt01 { position: absolute; left: 452px; top: 53px; } 
#music div.cdpre p.end { text-align: right; padding: 20px 55px 0 0;} 
#music div.cdpre p.btn { margin-bottom: 20px; }
#music div.cdpre p.btn2 { margin-top: 30px; text-align: center; }
#music div.cdpre ul.obtn { height: 72px; }
#music div.cdpre ul.obtn li { float: left; margin-right: 10px; }
#music div.cdpre div.imgArea {
	background: url(../game_music/present/img/present_bg.jpg) no-repeat;
	width: 804px;
	position: relative;
	margin-top: 30px;
}

#music div.cdpre div.imgArea p.txt1 { position: absolute; top: 339px; left: 11px; }
#music div.cdpre div.imgArea p.txt2 { position: absolute; top: 88px; left: 640px; }
#music div.cdpre div.imgArea p.txt3 { position: absolute; top: 391px; left: 687px; }
#music div.cdpre div.imgArea p.txt4 { position: absolute; top: 529px; left: 671px; }

#music div.cdpre div.imgArea li.b1 { position: absolute; top: 183px; left: 449px; }
#music div.cdpre div.imgArea li.b2 { position: absolute; top: 183px; left: 630px; }
#music div.cdpre div.imgArea li.b3 { position: absolute; top: 358px; left: 450px; }
#music div.cdpre div.imgArea li.b4 { position: absolute; top: 418px; left: 450px; }

#music div.cdpre div.imgArea p.mtxt { padding: 592px 0 0 70px; }
#music div.cdpre div.imgArea p.btn { padding: 0 0 0 225px; }
#music div.cdpre div.imgArea p.more { padding: 0 0 0 184px; }

/* profile */
#music div.lbox { padding: 28px 0 0 20px; position: absolute; }
#music div.lbox p.ph { position: absolute; top: 20px; left: 425px; }
#music div.lbox p.txt { padding: 21px 0 16px 0; }
#music div.lbox p.hp { margin-left: 405px; }
#music div.lbox p.hp strong { font-weight: bold; }
#music div.lbox p.mes { margin-bottom: 5px; }

/* 応募 */
#music div.cdpre div.oubo { margin-top: 30px; background: url(../game_music/present/img/oubo_bg2.gif) repeat-y; width: 800px; padding-bottom:24px; }
#music div.cdpre div.oubo h3 { padding: 27px 27px 0 27px; background: url(../game_music/present/img/oubo_bg1.gif) no-repeat 0 0;}
#music div.cdpre div.oubo h4,#music div.cdpre div.oubo p,#music div.cdpre div.oubo ul,
#music div.cdpre div.oubo dl { margin: 0 27px; }

#music div.cdpre div.oubo h4 { margin-top: 12px; padding-left: 14px; background: url(../game_music/present/img/icon.gif) no-repeat 0 4px;}
#music div.cdpre div.oubo dl { margin-top: 8px; }
#music div.cdpre div.oubo .red { color:#FF0000; }
#music div.cdpre div.oubo li { padding-left: 12px; background:url(../game_music/present/img/list.gif) no-repeat 0 4px;}

#music div.form { background: #FFFFFF; padding: 20px 0 80px 50px; overflow: hidden; width:850px; }
#music div.form div.titArea { width: 230px; float: left; }
#music div.form div.titArea h2 { margin-bottom: 10px; }
#music div.form div.fmain { width: 570px; float: left; }
#music div.form div.fmain p.lead { margin-bottom: 6px; }
#music div.form div.fmain p.red { margin-bottom: 20px; }
#music div.form div.fmain p.img { margin-bottom: 20px; }

#music div.form .pink { color: #FF32FF; }
#music div.form .bule { color: #00C1C1; }
#music div.form .red { color:#FF0000; }
#music div.form div.error { border:solid 2px #FF0000; margin-bottom:20px; padding: 20px; color:#FF0000; }
#music div.form div.error strong { font-weight: bold; }
#music div.form div.error p { margin-bottom: 5px; }
#music div.form div.oubo { padding: 20px 28px; background: url(../game_music/present/img/form_bg2.gif) repeat-y; width: 513px; }

#music div.form p.flead { margin-bottom: 18px; }
#music div.form table td { padding: 5px; }
#music div.form table td.c1 { width: 90px; }
#music div.form table input.w1 { width: 385px; }
#music div.form table { margin-top: 15px; width: 100%; }
#music div.form div.oubo .fbtn { margin-top: 20px; }
#music div.form div.oubo ul.fbtn li { float:left; margin-right: 10px; }


/*-- 7.credit 
----------------------------------------------------------------------------------------------------*/
#credit #main { position: relative; }
#credit #main h1 { margin-bottom: 28px; }

#credit #main p { padding-bottom: 20px; width: 450px;  }
#credit #main p#img { position: absolute; margin-left:470px; width: 200px; top: 180px; }

#credit #main h2 { margin-bottom: 14px; }
#credit #main h2.tit2 { padding-top:30px; clear: both; }

/* img caption */
#credit #main dl.right { background:url(../credit/img/credit_bg.gif) repeat; }