﻿@charset "UTF-8";

/**********************************
	全体のスタイル
**********************************/

* {
	margin:0px; padding:0px;		/*全体のマージンとパディングをリセット*/
}

/**********************************
	body
**********************************/

body {
	background-color:#ffffff;	/*ページ全体の背景色 */
	font-family: "MS ゴシック",sans-serif;	/*フォントの種類をゴシック系に*/
	line-height:1.5;			/*行の高さを1.5倍にする*/
	background-image: url(../kabe.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
	-webkit-text-size-adjust: 100%;
}

/**********************************
	pagebody
**********************************/

div#pagebody {
	background:rgba(255,255,255,1.0);	/*内容全体の背景色*/
	width:960px; margin:0 auto;
	border-right:3px double #5f4e44;
	border-left:3px double #5f4e44;
	border-bottom:3px double #5f4e44;
}

/**********************************
	logo
**********************************/

img#header {
	width:480px;
	float:left;
}

img#sixtieth {
        width:500px;
	float:left;
}

/**********************************
	information
**********************************/

div#information {
        position: relative;
	top: 120px;
	left: 30px;
}

/**********************************
	backup
**********************************/

div#supporter {
	margin-left:20px;
	float:left;
}

/**********************************
	main menu
**********************************/

ul#menu {
        position:relative;
	top:5px;
	clear:both;					/*回りこみを解除*/
	width:959px; height:40px;	/*メインメニュー部分の幅と高さ*/
}

#menu li {
	list-style-type:none;		/* リストマーカーなし */
	display:inline;				/* リスト項目をインラインに */
	float:left;					/* リスト項目を横に並べる */
}

#menu li a {
	background-color:#ffffff;			/* 背景色 */
	color:#000000;			/* 文字色 */
	display:block;					/* リンク部分をブロック表示する */
	width:137px; height:40px;		/* 幅と高さ */
	padding:0px 0px 0px 0px;		/* 上右下左パディング */
	text-align:center;				/* テキストセンター揃え */
	line-height:1.0;				/* 行の高さ1.0倍 */
	text-decoration:none;			/* リンクの下線なし */
}

#menu li a:hover {
	background-color:#ffffff;		/* リンクにマウスが乗ったら背景色変更 */
}

a#menu_home{
	background:url("../img/home.png");	/*ホームのアイコンを挿入*/
	background-size:cover;
	text-indent:-9999px;
}

a:hover#menu_home {
	background:url("../img/home.png");	/*ホームにカーソルオンの状態*/
	opacity:0.5;
	background-size:cover;
	text-indent:-9999px;
}

a#menu_schedule {
	background:url("../img/schedule.png");	/*時間割のアイコンを挿入*/
	background-size:cover;
	text-indent:-9999px;
}

a:hover#menu_schedule {
	background:url("../img/schedule.png");	/*時間割にカーソルオンの状態*/
	opacity:0.5;
	background-size:cover;
	text-indent:-9999px;
}

a#menu_class {
	background:url("../img/lecture.png");	/*講義情報のアイコンを挿入*/
	background-size:cover;
	text-indent:-9999px;
}

a:hover#menu_class {
	background:url("../img/lecture.png");	/*講義情報にカーソルオンの状態*/
	opacity:0.5;
	background-size:cover;
	text-indent:-9999px;
}

a#menu_regist {
	background:url("../img/registration.png");	/*参加登録のアイコンを挿入*/
	background-size:cover;
	text-indent:-9999px;
}

a:hover#menu_regist {
	background:url("../img/registration.png");	/*参加登録にカーソルオンの状態*/
	opacity:0.5;
	background-size:cover;
	text-indent:-9999px;
}

a#menu_access {
	background:url("../img/access.png");	/*アクセスのアイコンを挿入*/
	background-size:cover;
	text-indent:-9999px;
}

a:hover#menu_access {
	background:url("../img/access.png");	/*アクセスにカーソルオンの状態*/
	opacity:0.5;
	background-size:cover;
	text-indent:-9999px;
}

a#menu_poster {
	background:url("../img/poster.png");	/*パンフレットのアイコンを挿入*/
	background-size:cover;
	text-indent:-9999px;
}

a:hover#menu_poster {
	background:url("../img/poster.png");	/*パンフレットにカーソルオンの状態*/
	opacity:0.5;
	background-size:cover;
	text-indent:-9999px;
}

a#menu_link {
	background:url("../img/link.png");	/*リンクのアイコンを挿入*/
	background-size:cover;
	text-indent:-9999px;
}

a:hover#menu_link {
	background:url("../img/link.png");	/*リンクにカーソルオンの状態*/
	opacity:0.5;
	background-size:cover;
	text-indent:-9999px;
}

a#menu_contact {
	background:url("../img/menu_contact_off.png");	/*お問い合わせのアイコンを挿入*/
	background-size:cover;
	text-indent:-9999px;
}

a:hover#menu_contact {
	background:url("../img/menu_contact_on.png");	/*お問い合わせにカーソルオンの状態*/
	background-size:cover;
	text-indent:-9999px;
}
