*{
margin: 0;
padding: 0;
}

body{
	background-color: #FFF;
}

@font-face {
    font-family: 'QuicksandLight';
    src: url('../font/Quicksand_Light-webfont.eot');
    src: url('../font/Quicksand_Light-webfont.eot?iefix') format('eot'),
         url('../font/Quicksand_Light-webfont.woff') format('woff'),
         url('../font/Quicksand_Light-webfont.ttf') format('truetype'),
         url('../font/Quicksand_Light-webfont.svg#webfontbpxkzhcL') format('svg');
    font-weight: normal;
    font-style: normal;

}

p,h1,h2,li,title{
	color: #444;
	font-family: Verdana, 'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, Osaka, 'MS Pゴシック', san-serif;
/*	color: red;*/
}

p,li{
	font-size:12px;
}

h1{
	font-size:16px;
	font-weight: normal;
	line-height:2;
}
h2{
	font-size:12px;
	font-weight: normal;
	line-height:1.6;
}


#wrapper{
text-align: left;
width: 95%;
margin: 0 auto;
}

#header{
height: 150px;
}

#container{
width: 100%;
float: right;
margin-left: -180px;
}



/*コンテンツスペース*/
#contents{
position: relative;
margin-left: auto;
margin-right: auto;
/*margin: 0 30px 0 210px;*/
padding: 4em 0;
width:600px;
}
/*コンテンツ*/
.work{
/*	border-top: 1px solid #999;*/
	margin: 0px 0px 80px 0px;
}
.work h1{
/*	padding: 2px 6px;*/
/*	border-left:5px solid #999;	*/
	font: 18px 'QuicksandLight', Arial, sans-serif;
	
/*	font-family: sans-serif;
	font-weight:normal;*/
	line-height:1;
}
.work h2{
	font-size: 12px;
	border-bottom: 1px solid #999;
	margin: 0px 0px 8px 0px;
}
.work p{
	width: 600px;
}
.work img{
	
}



/*メニュースペース*/
#sidebar{
width: 180px;
float: left;
position: fixed;
}
/*title oppey.org*/
#sidebar h1{
	font-size:22px;
	color: #000;
	margin:20px 20px;
/*	text-shadow:0 2px 0 #999;*/
/*	border-left:5px solid red;
	text-shadow:0 2px 0 #FFF;
	border-shadow:0 2px 0 #FFF;
	border-radius: 10px;*/
}
#sidebar p{
	padding: 0px 0px;
	margin: 0px 20px;
}
/*list*/
#sidebar ul{
	margin 20px 0px;
}
/*list charactor*/
#sidebar li{
	margin:6px 0px;
	text-align:left;
/*	border-bottom:1px solid #000;*/
/*		border-left:1px solid #CCC;*/
/*		text-shadow:0 1px 0 #FFF;*/
/*		border:1px solid #DDD;*/
/*		border-radius:3px;*/
/*		padding:5px 5px;*/
/*		background-color: #999;*/
/*		color: #EEE;*/
}
#sidebar a{
/*	text-shadow:0 1px 0 #FFF;*/
	color: #999;
	
}
#sidebar ul{
	margin:0px 20px;
	list-style-type:none;
}





#footer{
clear: both;
width: 100%;
text-align: center;
margin: 20px 0px;
}

#footer p{
padding: 0.5em 0;
}

#topnavi{
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0.5em 0;
}

#undernavi{
position: absolute;
bottom: 0;
left: 0;
text-align: right;
margin-right: 2em;
width: 100%;
padding: 0.5em 0;
}