@charset "UTF-8";
/* CSS Document */


.lazy { display: none; }


html{
overflow-x:hidden;
min-width:1080px;}

body{	
	background-color:#fff;   
}

* html body {
    background: url(null) fixed;
}




/* header要素
----------------------------------------------------------- */
div#header	{
	width: 100%;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	background: #fff;
	color: #FFF;
}

div#header h1	{
	width: 1080px;
	margin: 0 auto;
}







/* contents要素
----------------------------------------------------------- */
.container{
	width:1080px;
	margin:0 auto 20px auto;
}


.mainimage{
	width:1080px;
	height:475px;
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
	position: relative;
	margin:0 0 20px 0;
}


/*submenu*/

.topsubmenu{
	width: 100%;
	height:46px;
	z-index:20;
	position: absolute;
	top: 413px;
	left: 627px;
	width: 512px;
	height: 55px;
}
#origin{
	width:239px;
	}
#tooltip_content{
	overflow:hidden;
	
 
}


.box {
	float: left;
	width:215px;
	margin:8px 5px 8px 0;
}



.boxContainer {
	overflow: hidden;
	width:500px;
	margin:0 auto;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}


#fadein{
display:none;
}



/*end*/






/*banner*/

ul.foo {
  width: 1080px;
  padding:0;
  font-size:0px;
  margin-bottom:30px;
}

ul.foo li {
  width:269px;
  display: inline-block;
  text-align: center;
  font-size:16px;
}

ul.foo li:first-child {
  height:88px;
}

ul.foo li a {
  display: block;
}




/*banner*/

ul.3foo {
  width: 1080px;
  padding:0;
  font-size:0px;
  margin-bottom:30px;
}

ul.3foo li {
  width:303px;
  display: inline-block;
  text-align: center;
  font-size:16px;
}

ul.3foo li:first-child {
  height:88px;
}

ul.3foo li a {
  display: block;
}





/*infotopics*/


.topicsinfo{
	width:347px;
	margin:0 0 0 0;
}

.topicslive{
	width:347px;
	margin:0 0 20px 0;
}

#c a:link {
	color: #333;
	text-decoration: none;
}
#c a:visited {
		color: #333;
	text-decoration: none;
}
#c a:hover {
		color:#999;
	text-decoration: none;
}
#c a:active {
		color: #333;
	text-decoration: none;
}

.infotxt{
color: #333;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
}
.topicsbox{
  padding: 0px;
  margin-left:10px;
  width: 327px;
  height:500px;
  background-image:url(../images/dots.png);
  background-repeat:no-repeat;
  
}

.livebox{
  padding: 0px;
  margin-left:10px;
  width: 337px;
  height:250px;
  
}

#c{
	font-size:0.8em;
	line-height:1.8em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*INFOtopics_end*/

.lefts {width:337px;
	margin-right:29px;float: left;
	
}




.middle{
	width:347px;
	float: left;
	margin-right:29px;
	margin-bottom:60px;
}




.rights{width:337px;
	float:right;
	margin-bottom:60px;
}


#wrap{
 width:650px;
/* float:left;*/
}

/*
 サイドバーを幅指定。floatで右か左か選択出来る
*/
#sidebar1{
 width:310px;
}
 
/*
 サイドバーを幅指定。floatで右か左か選択出来る
*/
#content{
 width:310px;
}
 

#sidebar2{
 width:310px;
}

.clearfloat{
	clear:both;
}



.contents{
	width:1000px;
	margin:0 auto;	
	text-align: center;
}
#left-pane, #main, #right-pane {
    display: inline-block;
    height: 100%;
    text-align: left;
}
 
#left-pane, #right-pane {
    width: 310px;
    background-color: #333;
}
 
#main {
    width: 310px;
	padding:0 23px;
    background-color:  #333;
}


.left_colamen_head{
	height:94px;
	background-image:url(../images/topics.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.main_colamen_head{
	height:94px;
	background-image:url(../images/newrelease.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.right_colamen_head{
	height:94px;
	background-image:url(../images/tweets.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.column_innner{
	height:500px;
	border-bottom:1px #666 dashed;
}


/*.waku{
	height:90px;
	margin:0;
}*/



/*page_topbtn*/
#page-top {
	color: #fff;
	position: fixed;
	bottom: 0px;
	right: 20px;
	font-size: 60%;
	z-index:900;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 64px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 4px;
}
#page-top a:hover {
	text-decoration: none;
}
.pagetoptxt{
	color: #fff;
}

.release_dl{
	border-bottom: 1px #666 dashed;
	padding-bottom:110px;
	margin-bottom:13px
}




/*top_bio_flaxslider*/


.top_bio_innner{
	position:relative;
	width:100%;
	
border-top:#222 10px solid;
border-bottom:10px #222 solid;
	/*
	background-image:url(../images/bio.jpg);*/
}

.bio_if_title{
	margin-left:0px;
    width:121px;
	height:39px;
	background-image:url(../images/bio_title.png);
	
}

.bio_if{
	position:absolute;
	/*bottom:40px;*/
	right:10%;
top:10%;
	text-align:right;
	z-index:666;
	
}

.bio_if img{
}


/*top_bio_css3*/

#profile{
	height:600px;
	
	background-image:url(../images/bio.jpg);
	background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
border-top:#222 10px solid;
border-bottom:10px #222 solid;
}
.top_bio{
	margin:0px 30px 0 0;
	float:right;
	width:540px;
	height:500px;
}
.top_biotitle{
	padding-left:25px;
}


/*banner*/

.banner{
	width:1010px;
	margin: 50px auto;
}

.banner_innner{
	height:68px;
}



/*footer*/

.footer{
	clear:both;
	background-color:#fff;
	border-top:1px #ddd solid;
	margin-top:80px;
	width:100%;
}

.footer h1	{
	padding:30px 0 30px 20px;
	width: 1080px;
	margin: 0 auto;
}

.fotterlink{
	padding-top:20px;
}

#jQueryPush{
	cursor: pointer;
}

#videopage{
	padding-top:25px;
}