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


html,body{ 
	width:100%;
	height:100%; 
	background-color:#000;
	font-family:  "Helvetica", "Arial", "Verdana", "ヒラギノ角ゴ Pro W3", "メイリオ";
}


#wrapper {
	width: 100%;
	height:100%;
	min-height:100%;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
}

body > #wrapper {
	margin: 0;
	padding: 0;
	color: #222222;
	width:100%;
	height:auto;
	}




#contents{
	width:450px;
	height:450px;
	margin-top:50px;
	padding:0;
	text-align:left;
}


#maincontents{
	width:300px;
	margin-top:150px;
	padding-left:150px;
	height:auto;
	text-align:left;
}

#copyright{
	width:200px;
	text-align:left;
	margin-left:20px;
	font-size:8.5px;
	letter-spacing:0.1em;
	float:left;
}


#copyrights{
	background-color:#ffffff;
	width:100%;
	height:20px;
	font-size:11px;
	color:#3F3117;
	text-align:center;
	float:left;
}



.right{
float:right;
}

.left{
float:left;
}


/*color*/
.brown{
color:#3F3117;
}







/*clear*/
.clear{
	clear:both; 
	padding-bottom:1px;
}

.clear2{
	clear:both; 
	padding-bottom:1px;
	_margin-top:-10px;
}


/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */