html,body{
	margin:0;
	padding:0;
	background-color:#444444;
}

body{
	font: 76% arial,sans-serif;
	text-align:center;
}

/*?t?H???g??W*/
p{
	margin:0 10px 10px;
}


a, a:link{
	color: #263f52;
	text-decoration: none;
}

a:hover{
	color: rgb(189, 140, 200);
}

div#contents{
	margin:0px 0px 0px 5px;
}

div#contents img{
	border:0px;
	margin:1px;
}

div#sidebar img{
	border:0px;
	padding:0px;
	margin:10px 1px 1px 1px
}



h2{
	margin:0px;
}

/*
ul{
	margin:0px;
}

li{
	margin: 0px 10px 0px 0px;
}
*/





/*?z?u*/
#wrapper {
 width:865px;
 margin: auto;
 background: #fff url(./img/shadow-left.gif) top left repeat-y;
}

div#container{
	background: #fff;
	width:855px;
	margin:0 auto;
	text-align:left;
	border:0px solid gray;
	 background: url(./img/shadow-right.gif) top right repeat-y;

}

div#header1{
	height:45px;
	margin:0;
	background-image:url("./img/title.png");
	background-repeat:no-repeat;
}

div#header2{
	padding:0px 0px 0px 0px;
	width:850px;
	margin:0;
	text-align: right;
}
h2.bg010 { position: static; margin: 1em 0px 0px 0px; padding: 4px 5px 2px 5px; background: #FFD555; }



div#header3{
	height:30px;
	margin:0;
	background-image:url("./img/nav.png");
	background-repeat:no-repeat;
}

div#home{
	float:left;
	width:640px;
	margin:0px 0px 0px 0px;
}


div#home p{
	line-height:1.4;
}

div#blog{
	float:left;
	width:620px;
	margin:0px 0px 0px 10px;

}

div#page{
	float:left;
	width:620px;
	margin:20px 0px 0px 10px;

}



p#border{
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 10px;
}


/*---?????---*/
div#works{
	width:630px;
	margin: 0px 0px 0px 0px;
	padding: 0px;

	float: left;
}

div#works_top{
	width:590px;
	padding:0px 0px 0px 20px;
	margin: -1px;
}
div#works_under{
	width:315px;
	float:right;
}
div#works_top h2{
	padding: 0px 0px 0px 20px;
}
div#works_center{
	width:590px;
	margin: 10px;
	padding: 0px 0px 0px 35px;
}

div#works_center img{
	/*width:150px;*/
	/*height:150px;*/
	/*float:left;*/
	padding:0px;
	margin: 0px 15px 0px 0px;
	border:solid 1px rgb(204, 204, 204);
}



/*---?T?C?h?o?[---*/
div#sidebar{
	margin:0px;
	padding:0px;
	float:right;
	width:205px;
}

div#sidebar img{
	margin:1px;
	padding:1px;
}

div#extra{
	background:#FF8539;
	clear:both;
	width:850px;
	margin: 0;
}
div#footer{
	text-align: right;
	width:850px;
	background-image:url("./img/footer.png");
	height: 80px;
	color: #FFF;
}

div#footer p{
	margin:0;
	padding:5px 10px;
}

div#footer a{
	color: #ffffff;
	text-decoration:underline;
}

dic#footer a:hover{
	color: rgb(126, 206, 244);
}

/*imgchange*/
#imageContainer {
	width:820px;
	height:150px;
	padding:0px 0px 0px 15px:
}

#imageContainer img {
	text-align:center;
	display:none;
 	padding:0px 0px 0px 15px;
 	position:absolute;
}



/*wordpress img*/
img.centered{
    display:block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright{
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft{
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright{
    float: right;
    }

.alignleft{
    float:left;
}