html{
	width : 100%;
	height: 100%;
}

body
{
	width : 100%;
	height: 100%;

	font-size : 80% ;
	font-style: normal;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Tahoma,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	
	line-height:140% ;
	color : #333333 ;
	background-color : #dfcec2 ;
	
	margin  : 0 ;
	padding : 0 ;
	
	margin-left  : auto;
	margin-right : auto;
	text-align   : center;
}

img
{
	display : block;
	padding : 0;
	margin  : 0;
	
	border-style:none;
}

p
{
	/* text-align : center ; */
}

#container
{
	width  : 700px;
	
	margin-left  : auto;
	margin-right : auto;
	text-align   : center;

}

#header
{
	width  : 100% ;
}

a#header_img
{
	display : block;

	width  : 700px ;
	height : 300px ;
	background-image : url("../images/header.jpg") ;

	text-indent : -10000px ;
}

div#mainmenu
{
	width  : 700px ;
	background-image : url("../images/contents_bg.jpg") ;

}

div#mainmenu ul
{
	list-style-type: none ;
	
	width   : 550px ;
	height  : 33px  ;
	
	margin-left   : auto ;
	margin-right  : auto ;
	margin-top    : 0 ;
	margin-bottom : 0 ;
	
	text-align   : center ;
}

div#mainmenu ul li
{
	margin-left  : 15px ;
	margin-right : 0px ;
	width  : 120px ;
	height : 33px ;
	
	float : left ;
}

div#mainmenu ul li a.menuItem
{
	display : block;

	width  : 100px ;
	height : 33px ;

	text-indent : -10000px ;
}

div#mainmenu ul li a#about
{
	background-image : url("../images/menu_about.jpg") ;
}
div#mainmenu ul li a#about:hover
{
	background-image : url("../images/menu_about_b.jpg") ;
}

div#mainmenu ul li a#illust
{
	background-image : url("../images/menu_illust.jpg") ;
}
div#mainmenu ul li a#illust:hover
{
	background-image : url("../images/menu_illust_b.jpg") ;
}

div#mainmenu ul li a#works
{
	background-image : url("../images/menu_works.jpg") ;
}
div#mainmenu ul li a#works:hover
{
	background-image : url("../images/menu_works_b.jpg") ;
}

div#mainmenu ul li a#link
{
	background-image : url("../images/menu_link.jpg") ;
}
div#mainmenu ul li a#link:hover
{
	background-image : url("../images/menu_link_b.jpg") ;
}

#contents
{
	clear : both ;
	background-image : url("../images/contents_bg.jpg") ;
	width   : 700px ;
	
	padding-top : 3em ;

}

#contents #mainarea
{
	width   : 700px ;
	margin-left   : auto ;
	margin-right  : auto ;
	margin-top    : 0 ;
	margin-bottom : 0 ;
	text-align   : center;
}

#contents #mainarea img
{
	display : block ;
	margin-left   : auto ;
	margin-right  : auto ;
	margin-bottom : 1.2em ;
	text-align   : center;
}


#contents #mainarea .postBlock
{

	width : 600px;
	border : 1px solid #ffffff;
	margin-left   : auto ;
	margin-right  : auto ;
	margin-top    : 0 ;
	margin-bottom : 0 ;
	text-align   : center;

}

#contents #mainarea .postBlock .postHeader
{
	width  : 600px ;
	height : 40px ;
	margin-bottom : 1.2em ;

	background-image : url("../images/contents_bar.jpg") ;
	background-repeat: no-repeat ;
	background-position: left bottom ;
}

#contents #mainarea .postBlock .postHeader .postTitle
{
	margin-left  : 1.2em ;
	padding-left : 10px ;

	font-size : 1.3em;
	font-family :comic sans MS,Arial Black,'メイリオ',Meiryo;
	font-weight : bold;
	color : #999999 ;
	
	border-left : 8px solid #ff9966;
	
	text-align : left ;

}

#contents #mainarea .postBlock .post
{
	padding-left : 15px ;
	text-align : left ;
}

#contents #mainarea .postBlock .postFooter
{
	padding-bottom : 5em ;

}

#footer
{
	width  : 700px ;
	height : 178px ;
	
	background-image : url("../images/footer.jpg") ;


}

#preloadedImages {
	width   : 0px ;
	height  : 0px ;
	display : inline ;
	background-image : url("../images/title_header_img.jpg") ;
	background-image : url("../images/title_about.jpg") ;
	background-image : url("../images/title_illust.jpg") ;
	background-image : url("../images/title_works.jpg") ;
	background-image : url("../images/title_link.jpg") ;
}