@charset "utf-8";

/*---------------------------------------------------
	Title: index.css
	Description:index.html用CSS定義ファイル
----------------------------------------------------*/

#htmlContent,
#flashContent{
	height:100%;
}

/**************************************************************/
/* container */

#container {
	position:relative;
	height:100%;
}


/**************************************************************/
/* main */

#main {
	position:absolute;
	top:0;
	left:215px;
}

#main h1{
	background: url(../imgs/h1.jpg) no-repeat top left;
	width:512px;
	height:98px;
	margin:312px 0 0 42px;
	text-indent:-9999px;
}

#main .gnavi{
	margin:20px 0 0 52px;
	border-left:1px dotted #000;
}

#main .gnavi li{
	float:left;
	border-right:1px dotted #000;
	padding:0 1px;
}

* html #main .gnavi .profile{
	width:86px;
}

* html #main .gnavi .blog {
	width:43px;
}

* html #main .gnavi .literary{
	width:32px;
}

#main .gnavi li a{
	padding:0 24px;
	height:16px;
	display:block;

}

#main .gnavi li a:hover{
	background: url(../imgs/gnavi_hover_bg.gif) repeat top left;
}

#main .gnavi li a span{
	height:16px;
	display:block;
	cursor:pointer;
}

#main .gnavi .profile a span{
	background: url(../imgs/gnavi_profile.gif) no-repeat top left;
	width:86px;
}

#main .gnavi .blog a span{
	background: url(../imgs/gnavi_blog.gif) no-repeat top left;
	width:43px;
}


#main .gnavi .literary a span{
	background: url(../imgs/gnavi_literary.gif) no-repeat top left;
	width:32px;

}



/**************************************************************/
/* sub */

#sub{
	background:#191919;
	width:215px;
	height:100%;
	min-height: 735px;
	
}


#sub h2{
	background: url(../imgs/h2.gif) no-repeat 120px 39px;
	width:215px;
	height:100%;
	text-indent:-9999px;
}

* html #sub h2{
	height:735px;
}


#sub span{
	position:absolute;
	top:39px;
	left:224px;
	display:none;
	background: url(../imgs/sub_hover_caution.gif) no-repeat top left;
	width:12px;
	height:157px;
	text-indent:-9999px;
}