@charset "Shift_JIS";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#333333;		/*文字色*/

} 

body {
	background-color:#FFFFCC;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
}

.outer
	{
	width:781px;
	background-color:#66FFFF ;/*ページ全体の背景色#33FF99*/
	padding: 4px;
	margin:0 auto 0 auto;
	}

/*============================================
ヘッダ
============================================*/
.head
	{
	background-color: #c6d8e8;
	height: 100px;
	background-image:url("header42.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#cccccc;		/*ヘッダ部分の背景色*/
	}
h1 {
	padding:20px 0px 0px 30px;		/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
h1 a {text-decoration:none;color:#FFCC00; } 			/*リンクの下線を無くす*/
h1 a:hover {
	color:red;	/*リンクにマウスが乗ったら色を変える*/
}


/*============================================
メインメニュー　
============================================*/
.main
	{
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;
	width:608px;
	background-color: #ffffff;
	border:2px solid #ffffff;
	text-align:center;  
	}
	.main_1
	{
	float:left;
	width:300px;
	border:2px solid #ffffff;
	background:#000000 url('music1.jpg') no-repeat left top ;
	text-align:center;
	height: 250px;
	}
	.main_2
	{
	float:right;
	width:300px;
	border:2px solid #ffffff;
	background:#D1F0FF url('wind.jpg') no-repeat left top;
	text-align:center;
	height: 250px;
	}
	.main_3
	{
	float:left;
	width:300px;
	border:2px solid #ffffff;
	background:#CCCCCC url('audio.jpg') no-repeat left top;
	text-align:center;
	height: 250px;
	}
	.main_4
	{
	float:right;
	width:300px;
	border:2px solid #ffffff;
	background-color: #CCCCCC;
	text-align:center;
	height: 250px;
	}
	h2
	{
	color:#fff;
	text-align:center;
	padding-top:10px;
	}

h2 a {text-decoration:none;color:#fff; } 			/*リンクの下線を無くす*/
h2 a:hover {
	color:red;	/*リンクにマウスが乗ったら色を変える*/
}

/*============================================
サブメニュー（右カラム）
============================================*/

div#menu
	{
	width:160px;
	background-color: #8ce8e5;
	background-color: #ffffff;
	border:3px solid #ffffff;
	margin:3px 0px 3px 3px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
/*	height: 510px;*/
    
	}


/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/

div#menu_header {
	height:23px; padding:4px 0px 0px 0px;
	background-image:url("bg_submenu_header_4.gif");
	background-repeat:no-repeat; background-position:top;
	background-color:#cccccc;
	font-size:90%; font-weight:bold; text-align:center;
}

/*２個目以降　サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#menu_header1 {
	margin-top:5px;
	height:26px; padding:4px 0px 0px 0px;
	background-image:url("bg_submenu_header_4.gif");
	background-repeat:no-repeat; background-position:top;
	background-color:#cccccc;
	font-size:90%; font-weight:bold; text-align:center;
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#menu_body {
	padding-bottom:6px;
	background-image:url("bg_submenu_footer_4.gif");
	background-repeat:no-repeat; background-position:bottom;
	background-color:#cccccc;
}
ul#menu_body li {
	font-size:90%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 5px 0px 5px;		/*サブメニュー項目のマージン*/
	background-color:#e8e2ce;	/*サブメニュー項目の背景色*/
}
ul#menu_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 5px 0px 5px;		/*サブメニュー項目のマージン*/
	background-color:#e8e2ce;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul#menu_body li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
}



/*============================================

============================================*/


.clears{
  clear:both;
}


/*============================================
フッタ
============================================*/
.foot
	{
	clear:left;
	background-color: #c6d8e8;
	height: 26px;
	}
	#copy{
		text-align:center;
		color:#4172db;
		font-size:1em;
		padding:3px 10px;
		}