@charset "Shift_JIS";
/* CSS Document */


/*---コンテナ指定・コーヒーカップの位置指定---*/
	
#container {
	clear:both;
	width:800px;
	padding-bottom:25px;
	background:#fff;
	overflow:hidden;}

/*---コーヒーカップ位置指定---*/
#coffee {
	position:absolute;
	left:-90px;
	top:90px;
	z-index:40;}

/*---3つのコンテンツエリア指定---*/
#information {
	width:800px;
	overflow:hidden;}

/*---非表示テキスト指定---*/
#container h2 {
	position:absolute;
	left:-9999px;}
#contents_1 p,
#contents_2 p,
#contents_3 p,
#contents_4 p {
	position:absolute;
	left:-9999px;}

/*---3つの見出し枠サイズ・背景画像とオフレフト指定---*/
#contents_1 h3 a {
	display:block;
	width:560px;
	height:244px;
	background:url(../images/index/main_button.jpg) no-repeat top left;
	text-indent:-9999px;}
#contents_2 h3 a {
	display:block;
	width:182px;
	height:244px;
	background:url(../images/index/zao_haruka.jpg) no-repeat top left;
	text-indent:-9999px;}
#contents_3 h3 a {
	display:block;
	width:182px;
	height:244px;
	background:url(../images/index/haiku_02.jpg) no-repeat top left;
	text-indent:-9999px;}

/*---3つの見出し間のマージン指定---*/
#contents_1 {
	float:left;
	margin-left:120px;}
#contents_2 {
	float:left;
	margin-left:120px;
	margin-top:30px;}
#contents_3,
#contents_4 {
	float:left;
	margin-left:7px;
	margin-top:30px;}

/*---hover時にハーフトーン指定---*/
#contents_1 h3 a:hover,
#contents_2 h3 a:hover,
#contents_3 h3 a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);}

/*---徳江の略歴などの指定---*/
#attention {
	width:584px;
	float:left;
	display:inline;/*for ie6*/
	margin:5px 0 10px 120px;}
#attention p {
	font-size:65%;
	line-height:1.3em;}
#attention p span {
	color:#C06}

/*---徳江ギター演奏の位置指定---*/
#tokue {
	position:absolute;
	left:474px;
	top:338px;
	z-index:40;}

/*---Copyright指定---*/
#credit {
	clear:both;/*for ie5.5try?*/
	display:block;
	width:660px;
	height:16px;
	position:absolute;
	left:70px;
	top:324px;
	text-indent:-9999px;
	background:url(../images/index/credit.gif) no-repeat left top;}
	
/*---現在ページをナビでハイライト表示---*/
body.top a#nav_top {
	color:#963;
	text-decoration:underline;}