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

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

html{	overflow-y: scroll;}
img{border: 0;text-dec: none; padding:0px; margin:0px;vertical-align: bottom;}
a{text-decoration:none;}
*{font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;}

body{
	background-color:#111;
	margin: auto;
	padding: 0px;
	margin:0px;
}

#wrapper{
	width: 100%;
	margin: auto auto;
	background:url(../images/trial_bg.jpg) top center no-repeat;
}

#frame{
	width:100%;
	margin:auto;
	background:url(../images/bg_frame.gif) repeat-y top center;
}


#contents{
	width: 960px;
	margin: auto auto;
	position:relative;
}



.f_left{
	float:left;}
	
#menu{
	width:960px;
	height:110px;
	margin:auto;
	background:url(../images/menu/menubg.jpg) no-repeat top center;
}

#main{
	width:960px;
	margin:auto;
	text-align:center;
}

#copyright{
	width:100%;
	text-align:center;
	background:url(../images/foot.png) top center no-repeat;
}

#subm{
	width:730px;
	height:65px;
	position:absolute;
	top:45px;
	left:230px;
}

#subm ul{
	list-style-type:none;
}

#subm ul li.subbtn{
	list-style-type:none;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

ul#chlist{
	width:930px;
	height:160px;
	list-style-type:none;
	margin-left:20px;
}

ul#chlist li{
	width:170px;
	height:65px;
	margin-top:10px;
	margin-left:10px;
	list-style-type:none;
}


#mvbox{
	width:960px;
	height:500px;
	margin-top:10px;
}

#mvbox ul{
	width:960px;
	list-style-type:none;
}

#mvbox ul li{
	width:305px;
	height:220px;
	margin-left:10px;
}

#msgbtn{
	position:absolute;
	top:630px;
	left:55px;
}

#pagetop{
	position:absolute;
	top:4310px;
	right:50px;
}