@charset "shift_jis";

* {

	margin: 0px;

	padding: 0px;

}



html {

	margin: 0px;

	padding: 0px;

	height: 100%;

}


.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*

  height: auto;

  overflow: hidden;

  /**/

}

.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;
  
  overflow: hidden;
}


body {

	margin: 0px;

	padding: 0px;

	font-family: verdana,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif,"ƒqƒ‰ƒMƒmŠpƒS Pro W6";

	color: #ffffff;

	height: 100%;

}



a {

	color: #ffffff;

}



ul,li {

	list-style: none;

}

td,div,p,h2,h1 {

	margin: 0px;

	padding: 0px;

	font-size: 12px;

	line-height: 20px;

}



img {

	border: none;

}



#wrap {

	margin: 0 auto;

	position: relative;

}

.bg{
	
	width: 100%;
	
	height: 100%;

	background: url(../img/in/bg/bg_repeatL.jpg) center top repeat-y;
}

.mainbg{

	width: 100%;

	background: url(../img/in/bg/bg_mainL.jpg) center top no-repeat;

}

#header {

	width: 980px;
	
	margin: 0 auto;

	height: 167px;

	position: releative;

	background: #ffffff;

}



#header h1 {

	width: 143px;

	height: 0;

	float: left;

}



#header h1 a {

	display: block;

	width: 150px;

	height: 0;
	
	padding-top: 64px;

	overflow: hidden;

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

	margin: 53px 0px 0px 30px;
}



#menu {

	width: 561px;

	float: right;

	margin: 53px 70px 0px 0px;

	text-align: left;

}

#menu li{
	height: 29px;
	margin-bottom: 10px;
	float: left;
}

#menu a {
	display: block;
	height: 29px;
	overflow: hidden;

}

li.mTop {
	width: 36px;
}

li.mTop a {
	width: 36px;
	background: url(../img/in/menu/top.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 0px;
}

li.mInfo a {
	width: 33px;
	background: url(../img/in/menu/info.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 32px;
}

li.mLive a {
	width: 37px;
	background: url(../img/in/menu/live.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 32px;
}

li.mMedia a {
	width: 55px;
	background: url(../img/in/menu/media.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 32px;
}

li.mProfile a {
	width: 64px;
	background: url(../img/in/menu/profile.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 32px;
}

li.mDisco a {
	width: 50px;
	background: url(../img/in/menu/disco.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 30px;
}

li.mMv a {
	width: 132px;
	background: url(../img/in/menu/mv.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 0px;
}

li.mMessage a {
	width: 38px;
	background: url(../img/in/menu/bbs.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 26px;
}

li.mMail a {
	width: 69px;
	background: url(../img/in/menu/mail.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 30px;
}

li.mMobile a {
	width: 138px;
	background: url(../img/in/menu/mobile.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 24px;
}

li.mUta a {
	width: 78px;
	background: url(../img/in/menu/uta.png) no-repeat 0px 0px;
	text-indent: -10000em;
	margin-left: 26px;
}


li.mTop a:hover { background: url(../img/in/menu/top.png) no-repeat 0px -29px; }

li.mInfo a:hover, li.mInfo.active { background: url(../img/in/menu/info.png) no-repeat 0px -29px;margin-left: 32px; }

li.mLive a:hover, li.mLive.active { background: url(../img/in/menu/live.png) no-repeat 0px -29px;margin-left: 32px; }

li.mMedia a:hover, li.mMedia.active { background: url(../img/in/menu/media.png) no-repeat 0px -29px;margin-left: 32px; }

li.mProfile a:hover, li.mProfile.active { background: url(../img/in/menu/profile.png) no-repeat 0px -29px;margin-left: 32px; }

li.mDisco a:hover, li.mDisco.active { background: url(../img/in/menu/disco.png) no-repeat 0px -29px;margin-left: 30px; }

li.mMv a:hover, li.mMv.active { background: url(../img/in/menu/mv.png) no-repeat 0px -29px; }

li.mMessage a:hover, li.mMessage.active { background: url(../img/in/menu/bbs.png) no-repeat 0px -29px;margin-left: 26px; }

li.mMail a:hover, li.mMail.active { background: url(../img/in/menu/mail.png) no-repeat 0px -29px;margin-left: 30px; }

li.mMobile a:hover, li.mMobile.active { background: url(../img/in/menu/mobile.png) no-repeat 0px -29px;margin-left: 24px; }

li.mUta a:hover, li.mUta.active { background: url(../img/in/menu/uta.png) no-repeat 0px -29px;margin-left: 26px; }


#main{
	
	position: relative;
	
	z-index: 1;
	
	width: 980px;
	
	margin: 0 auto;

	background: url(../img/in/bg/bg_mainS.jpg) left top no-repeat #ffffff;
	
}

.leftcol{

	width: 269px;
	
	float: left;


}

.rightcol{

	width: 711px;
	
	float: right;

	background: url(../img/in/bg/bg_repeatS.jpg) left top repeat-y;

}


#main #contents {

	padding: 0 8px 0 31px;

}



#main h2{

	margin: 36px 0px 30px 30px;
	
	width: 280px;
	
	height: 0;
	
	padding-top: 40px;
	
	overflow: hidden;	

}


#info #main h2 { background: url(../img/in/title/info.png) left top no-repeat ; }

#live #main h2{ background: url(../img/in/title/live.png) left top no-repeat ; }

#media #main h2{ background: url(../img/in/title/media.png) left top no-repeat ; }

#profile #main h2{ background: url(../img/in/title/profile.png) left top no-repeat ; }

#disco #main h2{ background: url(../img/in/title/disco.png) left top no-repeat ; }

#message #main h2{ background: url(../img/in/title/message.png) left top no-repeat ; }

#uta #main h2{ background: url(../img/in/title/uta.png) left top no-repeat ; }



p.copy {

	width: 182px;

	height: 0;
	
	padding-top: 146px;
	
	overflow: hidden;

	background: url(../img/in/copyright.png) no-repeat left top;
	
	margin: 1027px 0px 0 30px;

}


/*======================================
                            In_Contents
======================================*/

.pagetop{

	font-size: 17px;
	
	text-decoration: underline;
	
	text-align: right;
	
	margin: 0 0 35px 0;
	
}

.pagetop span{

	cursor: pointer;

}


dl.article dt{
	
	padding: 19px 12px;

	background-color: #ffffff;
	
	color: #000000;
	
	font-size: 18px;
	
	font-weight: bold;

}

dl.article dd{
	
	padding: 36px 20px 10px 17px;

}

span.date{
	
	font-weight: normal;

}


/*======================================
                             Information
======================================*/




/*======================================
                                   Live
======================================*/

h4 {

	border-bottom: 2px solid #ffffff;
	
	margin-bottom: 10px;

	font-size: 14px;
	
}

.live {
	margin: 20px 0 0 0;
}

/*======================================
                                  Media
======================================*/

.mediamenu {
	position: absolute;
	left: 175px;
	top: 7px;
}

.mediamenu li {
	display: inline;
	float: left;
	margin-right: 5px;
}

.media {
	width: 642px;
	display: table;
	margin-bottom: 15px;
}

.media .date {
	display: table-cell;
	width: 150px;
	text-align: left;
	vertical-align: top;
}

.media .title {
	display: table-cell;
	width: auto;
	text-align: left;
	vertical-align: top;
}

.media .title .mediatitle {
	font-weight: bold;
}

.notice {
	padding-top: 20px;
}


/*======================================
                            Discography
======================================*/

#disco_l {
	width: 220px;
	float: left;
}

#disco_r {
	width: 452px;
	float: left;
}


/*======================================
                                Profile
======================================*/

.proftxt {
	padding-left: 41px;
	padding-bottom: 130px;
}

.proftxt img {
	display: none;
}