*{
		margin:0;
		padding:0;
		font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;

	}
	
	html, body {
		
		height: 100%;
	
	}
	p{
	font-size: 14px;
	letter-spacing : normal;
	line-height : 1.5em;

	}
	
 
a:link { color: #666;
}

a:visited {  color: #666;
}

a:hover { color: red; }

a:active { color: red; }

#loading {
	
		position: absolute;
		top: 49.5%;
		left: 49.5%;
		z-index: 3;
		width: 24px;
		height: 24px;
		text-indent: -999em;
	
	}
#supersize{
	
		position:fixed;
	
	}
#supersize img, #supersize a{
	
		height:100%;
		width:100%;
		position:absolute;
		z-index: 0;
	
	}
#supersize .prevslide, #supersize .prevslide img{
		z-index: 1;
	}
#supersize .activeslide, #supersize .activeslide img{
		z-index: 2;
	}

#content{
	
	width:100%;	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;
	z-index: 3;

	}

#contentframe1{
	
	position: absolute;
	top:30%;
	background-color:transparent;
	opacity:0.8;
	margin-left:40px;
	height:auto;
	width:30%;
	font-size : 20px;
	color : #fff;
	overflow: hidden;
	border-top:0px;
	border-bottom:0px;
	text-align:left;
	z-index: 3;
	
	}

	#contentframe1 p{
	
				font-size : 12px;

	}
#contentframe2{

	overflow: auto;
	padding : 20px;
	position: absolute;
	z-index: 2; 
	top:5%;
	left:40%;
	height : 80%;
	color : #666;
	min-width: 600px;
	width:54%;
	background-color: #fff;
	opacity:0.7;

}

#contentframe5{
			font-size : 11px;
			position: absolute;
			top:10%;
			right:30%; 
			color : #fff;
			width:300px;
			height:300px;

			background-color: #fff transparent;
			opacity:0.8;
}
#contentframe5 p{
			font-size : 10px;

}

#contentframe2 img{
width:220px;
opacity:1.0;
border: solid 1px #ddd;
}
#contentframe2 a{
font-size: 12px;
}
#contentframe2 p{
margin-top: 20px;
font-size: 12px;
}


#osara{
width: 240px;
height: auto;

margin-bottom:400px;
margin-top:15%;

margin-left: auto;
margin-right: auto;
}


.works{
	color : #666;

font-size: 13px;
text-align: center;
padding-top: 20px;
/*border:dashed;*/
margin: 9px;
float: left;
width:30%;
height: 25%;
}
h2,h5,h4{
margin-bottom: 10px;
}

h2{
margin-top: 10px;

}
.a_work{
color: #666;
}



#menubox {
	clear: both;
	min-width: 1100px;
	font-size: 12px;
	clear: both;
	height: 40px;
	padding-left: 20px;
	opacity:0.7;
	background-color: #fff;
}

.menu{
text-align: center;
float: left;
padding: 10px;
height: 20px;
width : 100px; 
}

.a_menu{
color: #666;
}



#push {
	clear: both;
	height: 40px;
}

.wrap{
	color : #fff;
	float:clear;
	position: absolute;
	width:70%;
	top:220%;
	left:5%;
	background-color: #fff transparent;
	opacity:0.8;
	//overflow: auto;
}
.box{
	
	font-size : 12px;
	color : #fff;
	margin-top : 5px;
	margin-left : 10px;
	left:5%;
	padding : 5px;
	float:left;
	width:220px;
   	display: inline;  /* IE6 fix */

}

#prf{
position: absolute;
bottom:10%;
	font-size : 12px;
	color : #fff;
	margin-top : 5px;
	margin-left : 10px;
	left:5%;
	padding : 5px;
	opacity:0.8;
		width:220px;

	}
	
#fmt{
color: #666;
	position: absolute;
	right:3%;
	margin-top : 5px;
	margin-left : 10px;
	padding : 5px;
	opacity:0.8;
	width:180px;
	z-index: 3;
	}

#fmt p{
	opacity:1.0;
	font-size : 10px;
	color : #333;
	

}

#feedbox{

	text-align : right;
	width :20%;
	height :80%;
	position: absolute;
	top:3%;
	right:2%;

}
#twtter{

	font-size : 13px;
	color : #fff;
	opacity:0.8;

}

#feed{

	text-align : left;
	margin-top :10px;
	color : #fff;
	opacity:0.0;
	font-size : 11px;
	width :100%;

}

div.title{
	margin-bottom :10px;
}

div.name{

	font-size : 12px;
	
}

#main_title{

	}