@charset "Shift_JIS";







/*--------------------------------------



@Share Style



---------------------------------------*/



* {



	margin:0;



	padding:0;



}




html {
	height: 100%;
	scrollbar-track-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-arrow-color:#333333;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color:#000000;
	scrollbar-shadow-color: #333333;
}

body {
	height: 100%;
	margin:0;
	padding:0;
	font-family: verdana,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif,"ƒqƒ‰ƒMƒmŠpƒS Pro W6";
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center 128px;
	background-color: #87AEAB;
	scrollbar-track-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-arrow-color:#333333;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color:#000000;
	scrollbar-shadow-color: #333333;
	color: #FFFFFF;
	font-size: 12px;
}
body.top {
	background-color: #000000;
	background-image: none;
}
body.main {
	background-color: transparent;
	height: 100%;
}
body.in {
	background-color: transparent;
	height: auto;
}


h1,h2,h3,h4,h5,h6 {



	margin:0;



	padding:0;



}



p,li,dt,dl {



	line-height:160%;



}



p {



	margin:0 0 1em 0;



}



li {



	list-style-type:none;



}



img {



	border:0;



}



hr {



	display:none;



}



.fl {



	float:left;



}



.fr {



	float:right;



}





.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}











/*--------------------------------------



@Link Color



---------------------------------------*/



a {
	text-decoration:none;
	color: #00ABEB;



}



a:link {



}



a:visited {



}



a:hover {



}



a:active {



}







/*--------------------------------------



@container



---------------------------------------*/



#container {
	margin: 0;
	text-align: center;



}
#top_main {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 560px;
}
#top_footer {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../img/bg_footer_loopxOnly.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
#top_footer table.foot {
	margin-top: 5px;
}
#top_footer td {
	font-size: 10px;
	text-align: left;
	vertical-align: top;
}

#top_footer td.twitter {
	background-image: url(../img/hr.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px;
}

.twitter_textarea {
	height: 40px;
	width: 220px;
	color: #FFF;
	background-color: #333;
	border: 1px solid #FFF;
}
.tweerbtn {
	margin-top: 0px;
	margin-left: 5px;
}

#top_footer td.bbs {
	background-image: url(../img/hr.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px;
}
.textform {
	width: 220px;
	height: 15px;
	color: #FFF;
	background-color: #333;
	border: 1px solid #FFF;
}

.bbsbtn {
	margin-top: 0px;
	margin-left: 5px;
}
.article {
	display: none;
}

#top_footer td.qr {
	background-image: url(../img/hr.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px;
}
#top_footer td.copy {
	padding: 10px;
}

#top_banner {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../img/bg_footer_loopxOnly.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding-bottom: 20px;
}
#top_banner img {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}











/*--------------------------------------



@Original Style



---------------------------------------*/



#wrapper {
	width: 800px;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;



}



#header {
	background-color: #000000;
	height: 128px;
	text-align: center;
}
#header h1 {
	height: 128px;
	width: 800px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header h1.title_info {
	background-image: url(../img/head_info.gif);
}
#header h1.title_media {
	background-image: url(../img/info_media.gif);
}
#header h1.title_live {
	background-image: url(../img/info_live.gif);
}
#header h1.title_disco {
	background-image: url(../img/head_discography.gif);
}
#header h1.title_prof {
	background-image: url(../img/info_profile.gif);
}
#header h1.title_mobile {
	background-image: url(../img/head_mobile.gif);
}
#header h1.title_special {
	background-image: url(../img/head_special.gif);
}
#header h1.title_release {
	background-image: url(../img/head_release.gif);
}
#header h1.title_tokuten {
	background-image: url(../img/head_tokuten.gif);
}
#header h1.title_movies {
	background-image: url(../img/head_movies.gif);
}
#header h1.title_talk {
	background-image: url(../img/head_talk.gif);
}

#header h1 span {
	display: none;
}

#navi {
	position: absolute;
	top: 20px;
	right: 10px;
}
#navi select {
	color: #FFF;
	background-color: #000;
	border: 1px solid #333;
}

#in_main {
	/*	background-image: url(../img/1px_areabg.png);
	background-repeat: repeat;
	background-position: center top; */
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 0px;
	background-image: url(../img/underBg.png);
	background-repeat: repeat;
	background-position: center top;
}
#in_main .disco {
	width: 800px;
	height: 100%;
}
#in_main .disco .left {
	width: 250px;
	height: 100%;
}
#in_main  .disco  .right {
	width: 550px;
	height: 100%;
}
#footer {
	height: 50px;
	width: 800px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* tokuten */

.tokuten_navi {
	background-color: #000;
	margin-bottom: 20px;
	text-align: left;
	padding: 20px;
}
.tokuten_info {
	background-color: #000;
	margin-bottom: 50px;
	padding-bottom: 20px;
	text-align: left;
}
.tokuten_info.clearfix p {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}


/* movie */

div.movie_box {
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 30px;
	background-color: #000000;
	text-align: left;
	margin-top: 2px;
	color: #FFFFFF;
}

div.player {
	height: 363px;
	width: 417px;
	float: left;
}
div.playlist {
	float: right;
	width: 300px;
}
table.list {
	width: 280px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
table.list td.song {
	width: 220px;
	font-size: 12px;
}
table.list td.song p {
	background-image: url(../special/humania/movies/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 12px;
	margin: 0px;
}

table.list td.btn_play {
	width: 60px;
}

/* linernotes */

dl.navi2	{
	margin-top: 2px;

}

div.kaisetsu_box {
	margin-right: 35px;
	margin-left: 35px;
	padding-top: 14px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 30px;
	background-color: #000000;
	text-align: left;
	color: #FFFFFF;
}


dt.kaisetsu_title {
	margin: 0px;
	text-align: left;
	vertical-align: top;
	font-size: 18px;
	font-weight: bold;
}


dd.kaisetsu_text {
	margin: 0;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

span.kaisetsu_mitsu {
	color: #3399CC;
}
span.kaisetsu_saka {
	color: #339966;
}
span.kaisetsu_furu {
	color: #CC6699;
}
span.kaisetsu_tsushi {
	color: #CCCC66;
}
div.kaisetsu_shicho {
	text-align: right;
	float: right;
}


dd li	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}