/********************************************************************* */
/* 基本設定  2010/06/25
********************************************************************* */

/* *********************************************************************
エリア設定
********************************************************************* */

/* =====================================================================
*    0. width,height
* =================================================================== */
div#wrapper	{ width: 607px; margin: 0px auto; padding: 24px 85px 24px 70px; }
div#wrapper	{ position: absolute; top: 50%; left: 50%; width: 608px; height:530px; margin-top: -265px; margin-left:-304px; padding: 0px 0px 0px 0px; }
div#header	{ width:607px; height:510px;}
div#garden	{ float:left; width: 491px; height:510px}
h1			{ float:left; width: 95px; height:43px; padding-top:227px; }
h2			{ float:right; width: 360px; height:510px}
div#navi	{ float:right; width:96px; height:317px; padding:45px 0 107px 0; }

/*
div#navi	{ margin-top:125px\9; }
div#navi	{ *margin-top:71px; }

*html div#navi { margin-top:95px; }
html:first-child  div#navi	{ *margin-top:120px; }
*/
div#footer	{ width: 195px; height: 16px; margin:3px 197px 3px 213px; }

/* =====================================================================
*    1. navigation
* =================================================================== */
div#navi ul li#info, div#navi ul li#books, div#navi ul li#event, div#navi ul li#column, div#navi ul li#profile, div#navi ul li#twitter, div#navi ul li#site 
			{ margin:0 auto; width:78px; height:39px;}
div#navi ul li#contact{ margin:0 auto; width:78px; height:13px;}

div#navi ul li#info a, div#navi ul li#books a, div#navi ul li#event a, div#navi ul li#column a, div#navi ul li#profile a, div#navi ul li#twitter a, div#navi ul li#site a 
			{ height:39px;}
div#navi ul li#contact a{ height:13px;}

div#navi ul li#info a.selected{ background:url(../img/top/navi/info_act.gif) no-repeat left top; }
div#navi ul li#books a.selected{ background:url(../img/top/navi/books_act.gif) no-repeat left top; }
div#navi ul li#event a.selected{ background:url(../img/top/navi/event_act.gif) no-repeat left top; }
div#navi ul li#column a.selected{ background:url(../img/top/navi/column_act.gif) no-repeat left top;}
div#navi ul li#profile a.selected{ background:url(../img/top/navi/profile_act.gif) no-repeat left top; }
div#navi ul li#twitter a.selected{ background:url(../img/top/navi/twitter_act.gif) no-repeat left top; }
div#navi ul li#site a.selected{ background:url(../img/top/navi/site_act.gif) no-repeat left top; }
div#navi ul li.date	{ margin:0 0 0 48px; width:48px; height:10px; }


*html div#navi ul li#infodate	{ margin-top:-1px;}
*html div#navi ul li#info, div#navi ul li#books, div#navi ul li#event, div#navi ul li#column, div#navi ul li#profile, div#navi ul li#twitter, div#navi ul li#site, div#navi ul li#contact, 
			{ margin:-2px;}
			
div#navi ul li { line-height:1.0}
div#navi ul li a{ line-height:1.0}
*:first-child+html div#navi ul li a{ margin-top:12px}

.psmall {font-size:10px}