@charset "utf-8";

/* CSS Document */



*{

	margin: 0;

	padding: 0;

}



html {

	padding-bottom: 0px;

        margin: 0px;

        padding-left: 0px;

        padding-right: 0px;

        height: 100%;

        padding-top: 0px

}

body {

	text-align: center;

	padding-bottom: 0px;

	margin: 0px;

	padding-left: 0px;

	padding-right: 0px;

	font-family: verdana, "ＭＳ Ｐゴシック", sans-serif, "ヒラギノ角ゴ pro W6";

	height: 100%;

	color: #000000;

	padding-top: 0px;

	background: url(../img/bg.jpg) repeat-y center top fixed #0f0f0f;

}

body.top {

	background: none;

	text-align: center;

	

}

#flash {

	text-align: center;

}





img {

	border: none;

}

a {

	color: #e50510;

}



div {

	padding-bottom: 0px;

	line-height: 16px;

	margin: 0px;	

	padding-left: 0px;

	padding-right: 0px;

	font-size: 12px;

	padding-top: 0px;

}

p {

	padding-bottom: 0px;

	line-height: 16px;

	margin: 0px;

	padding-left: 0px;

	padding-right: 0px;

	font-size: 12px;

	padding-top: 0px;

}







ul, li {

	list-style-type:none;

}



p.background{
	position: fixed;
	z-index: 0;
	background: no-repeat;
}



#wrap {
	position: relative;

	text-align: left;

	margin: 0px auto;

	padding-bottom: 0px;

	width: 900px;

	background: #bae3f9;
	
	min-height: 100%;

}



#header {
	width: 900px;
	height: 350px;
	margin-bottom: 19px;
}



h1 {

	width: 72px;

	height: 27px;

	float: left;

	padding: 0px 0px 0px 20px;

/*	margin-top: -3px;*/

}



h1 a {
	display:block;
	width: 72px;
	height: 0px;
	padding-top: 27px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(../img/logo.png) no-repeat left top;

}



h1 a:hover {
	background: url(../img/logo.png) no-repeat left top;

}





#navi {
/*	background:url(../img/menu_bg.jpg) repeat-y top left;*/
	width: 900px;
	position: relative;
	line-height: 10px;
	padding: 10px 0px 13px;

}



#navi #navinew {

	position: absolute;

	left: 134px;

	top: 36px;

	z-index: 1;

}



#navi #menu {
	width: 765px;
	height: 27px;
	float: left;
	margin: 0px 0px 0px 20px;
}



#navi #menu li {

	display: inline;

	float: left;

	height: 27px;

/*	margin-right: 20px;*/

}



#navi #menu li a {

	display: block;

	height: 0px;

	padding-top: 27px;

	overflow: hidden;

	background-position: left top;

	background-repeat: no-repeat;

	font-size: 10px;

	line-height: 10px;
	
	text-indent:-1000em;

}



#navi #menu li.info a { background-image: url(../img/menu/menu.png); width:85px; background-position: 0px 0px;}

#navi #menu li.live a { background-image: url(../img/menu/menu.png); width:44px; background-position: -85px 0px;}

#navi #menu li.media a { background-image: url(../img/menu/menu.png); width:61px; background-position: -129px 0px;}

#navi #menu li.disco a { background-image: url(../img/menu/menu.png); width:105px; background-position: -190px 0px;}

#navi #menu li.bio a { background-image: url(../img/menu/menu.png); width:89px; background-position: -295px 0px;}

#navi #menu li.blog a { background-image: url(../img/menu/menu.png); width:49px; background-position: -384px 0px;}

#navi #menu li.bbs a { background-image: url(../img/menu/menu.png); width:43px; background-position: -433px 0px;}

#navi #menu li.mail a { background-image: url(../img/menu/menu.png); width:106px; background-position: -476px 0px;}

#navi #menu li.uta a { background-image: url(../img/menu/menu.png); width:58px; background-position: -582px 0px;}

#navi #menu li.fc a { background-image: url(../img/menu/menu.png); width:72px; background-position: -640px 0px;}

#navi #menu li.goods a { background-image: url(../img/menu/menu.png); width:53px; background-position: -712px 0px;}



#navi #menu li.info a:hover { background-image: url(../img/menu/menu.png); background-position: 0px -27px;}

#navi #menu li.live a:hover { background-image: url(../img/menu/menu.png); background-position: -85px -27px;}

#navi #menu li.media a:hover { background-image: url(../img/menu/menu.png); background-position: -129px -27px;}

#navi #menu li.disco a:hover { background-image: url(../img/menu/menu.png); background-position: -190px -27px;}

#navi #menu li.bio a:hover { background-image: url(../img/menu/menu.png); background-position: -295px -27px;}

#navi #menu li.blog a:hover { background-image: url(../img/menu/menu.png); background-position: -384px -27px;}

#navi #menu li.bbs a:hover { background-image: url(../img/menu/menu.png); background-position: -433px -27px;}

#navi #menu li.mail a:hover { background-image: url(../img/menu/menu.png); background-position: -476px -27px;}

#navi #menu li.uta a:hover { background-image: url(../img/menu/menu.png); background-position: -582px -27px;}

#navi #menu li.fc a:hover { background-image: url(../img/menu/menu.png); background-position: -640px -27px;}

#navi #menu li.goods a:hover { background-image: url(../img/menu/menu.png); background-position: -712px -27px;}



#header .title {
	width: 900px;
	height: 300px;
	background-image: url(../img/head_img.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;

}



#header h2{
	width: 900px;
	height: 0px;
	padding-top: 300px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 636px 128px;

}



body#info #header h2 {background-image: url(../img/title/title_info.png);}

body#live #header h2 {background-image: url(../img/title/title_live.png);}

body#media #header h2 {background-image: url(../img/title/title_media.png);}

body#disco #header h2 {background-image: url(../img/title/title_disco.png);}

body#bio #header h2 {background-image: url(../img/title/title_bio.png);}

body#bbs #header h2 {background-image: url(../img/title/title_bbs.png);}

body#mobile #header h2 {background-image: url(../img/title/title_mobile.png);}

body#uta #header h2 {background-image: url(../img/title/title_uta.png);}



#main {

	padding-left: 455px;

	background-repeat: no-repeat;

	background-position: 19px top;

}



#info #main, #live #main, #media #main {

	background-image: url(../img/main_imgA.jpg);

}



#bio #main, #bbs #main, #uta #main {

	background-image: url(../img/main_imgB.jpg);

}





#disco_l {

	width: 240px;

	float: left;

}



#disco_r {

	width: 660px;

	float: left;

}



.frame {

	margin: 0px

}



p.copy {

	width: 870px;

	height: 0;

	overflow: hidden;

	margin: 10px auto;

	padding: 10px 0 0 0 ;

	background: url(../img/copyright.png) no-repeat left top;

}



/* Clearfix */

.clearfix:after {

    content: " "; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {

    display: inline-block;

    min-height: 1%;

}

/* Hides from IE-mac \*/

* html .clearfix {

    height: 1%;

}

.clearfix {

    display: block;

}

/* End hide from IE-Mac */