/*
 * 京都府立乙訓高等学校WEBサイト
 * style.css
 * 
 * 目次
 * 1.「<h1>」など、タグ自体につけるスタイル
 * 2.「schoolInfoButton」など、名前をつけた要素につけるスタイル
 */

/****************************************************************
********* 1.「<h1>」など、タグ自体につけるスタイル **************
****************************************************************/

*
{
	margin:		0px;
	padding:	0px;
	font-size:	small;
	border:		none;
}

body
{
	text-align:			center;
	background-color:		#D0D0D0;
}

h2
{
	width:				225px;
	height:				25px;
	margin-bottom:			5px;
	font-size:medium;
	font-weight:			bold;
	color:				#FFFFFF;
	background-color:		#4551AA;
	background-position:		left top;
	padding-top:			5px;
	padding-left:			15px;
}

a,a:visited,a:hover,a:active
{
	color:				#4551AA;
	text-decoration:		underline;
}

/****************************************************************
****** 2.「schoolInfoButton」など、タグ自体につけるスタイル *****
****************************************************************/

/* 学校名 */
#schoolName
{
	margin-bottom:			0px;
}

/* タイトル・メニューボタン・本文を書くスペースを囲ったコンテンツ部 */
#contents
{
	width:				800px;
	height:				100%;
	text-align:			left;
	margin-left:			auto;
	margin-right:			auto;
	border-color:			#000099;
	/*border-color:			#4551AA;*/
	border-width:			0px 4px;
	border-style:			solid;
	background-color:		#FFFFFF;
}

/* 本文・バナーなどをレイアウトするスペース */
#body
{
	float:				left;
	margin-top:			-5px;
	padding-top:			5px;
	padding-bottom:			25px;
	padding-left:	15px;
	padding-right:	15px;
}
/* 本文を書くスペース（トップページ）*/
#topBodySentence
{
	display:			inline;
	float:				left;
	margin-top:			15px;
	padding-left:			10px;
	padding-right:			10px;
	width:				auto;
}

/* 本文を書くスペース（サブページ） */
#bodySentence
{
	display:			inline;
	float:				left;
	width:				580px;
	margin-left:			-15px;
	padding-left:			15px;
	margin-right:			-15px;
	padding-right:			15px;
}

/* メニューボタン（トップページ） */
#topMenu
{
	margin-left:		25px;
}

#topMenu ul
{
	margin-top:			0px;
	margin-right:			0px;
	margin-bottom:			0px;
	padding:			0px;
	list-style:			none;
	width:				auto;
	height:				28px;
}

#topMenu li
{
	float:				left;
	list-style:			none;
}

#topMenu a{
	text-indent:			-9999px;
	text-decoration:		none;
	display:			block;
	width:				130px;
	height:				38px;
	margin-right:8px;
	background-image:		url(./main/img/menuButtons.gif);
	background-position:		0px 0px;
	background-repeat:		no-repeat;
}

/* メニューボタン（サブページ） */
#subTopMenu
{
	display:		block;
	border-bottom:		solid 2px #4551AA;
	padding-bottom:		20px;
	height:			28px;
	padding-left:		17px;
}

ul #subTopMenu
{
	list-style:			none;
	width:				auto;
	/*height:				28px;*/
}

#subTopMenu li
{
	float:				left;
	list-style:			none;
}

#subTopMenu a{
	text-indent:			-9999px;
	text-decoration:		none;
	display:			block;
	width:				130px;
	height:				38px;
	margin-left:			8px;
	margin-bottom:			-10px;
	background-image:		url(./main/img/menuButtons.gif);
	background-position:		0px 0px;
	background-repeat:		no-repeat;
}

#officeInfoButton a
{
	background-position:		1px 0px;
}

#schoolButton a
{
	background-position:		-130px 0px;
}

#clubButton a
{
	background-position:		-260px 0px;
}

#infoButton a
{
	background-position:		-390px 0px;
}

#photoLibraryButton a
{
	background-position:		-390px 0px;
}

#officeInfoButton a:hover
{
	background-position:		1px -38px;
}

#schoolButton a:hover
{
	background-position:		-130px -38px;
}

#clubButton a:hover
{
	background-position:		-260px -38px;
}

#infoButton a:hover
{
	background-position:		-390px -38px;
}

#photoLibraryButton a:hover
{
	background-position:		-390px -38px;
}

#officeInfoButtonSelected a
{
	background-position:		1px -76px;
}

#schoolButtonSelected a
{
	background-position:		-130px -76px;
}

#clubButtonSelected a
{
	background-position:		-260px -76px;
}

#infoButtonSelected a
{
	background-position:		-390px -76px;
}

#photoLibraryButtonSelected a
{
	background-position:		-390px -76px;
}

/* サブメニュー - 学校情報 */
#schoolInfoSubMenu
{
	clear:				left;
	float:				left;
	width:				190px;
	margin-top:			0px;
	display:				inline;
	padding-top:			55px;
	background-color:		#ddecf9;
	background-image:		url("./main/img/schoolInfoTitle.jpg");
	background-repeat:		no-repeat;
	background-position:	top left;
}

#schoolInfoSubMenu ul
{
	padding:	0px 5px 5px 5px;
}

#schoolInfoSubMenu dl
{
	margin-bottom:	5px;
}

#schoolInfoSubMenu dt
{
	font-weight:	bold;
}

#schoolInfoSubMenu dd
{
	margin-left:	10px;
}

#schoolInfoSubMenu li
{
	list-style-type:		none;
	margin-bottom:			2px;
}

/* サブメニュー - 部活動紹介 */
#clubSubMenu
{
	float:					left;
	width:					190px;
	display:				inline;
	margin-top:			0px;
	padding-top:			55px;
	background-color:		#ddecf9;
	background-image:		url("./main/img/clubTitle.jpg");
	background-repeat:		no-repeat;
	background-position:	top left;
}

#clubSubMenu ul
{
	padding:	0px 5px 5px 5px;
}

#clubSubMenu dl
{
	margin-bottom:	5px;
}

#clubSubMenu dt
{
	font-weight:	bold;
}

#clubSubMenu dd
{
	margin-left:	10px;
}

#clubSubMenu li
{
	list-style-type:		none;
	margin-bottom:			2px;
}

/* サブメニュー - お知らせ */
#officeInfoSubMenu
{
	float:					left;
	width:					190px;
	display:				inline;
	margin-top:				0px;
	padding-top:			55px;
	background-color:		#ddecf9;
	background-image:		url("./main/img/officeInfoTitle.jpg");
	background-repeat:		no-repeat;
	background-position:	top left;
}

#officeInfoSubMenu ul
{
	padding:	0px 5px 5px 5px;
}

#officeInfoSubMenu dl
{
	margin:	0px;
	margin-bottom:	5px;
}

#officeInfoSubMenu dt
{
	font-weight:	bold;
}

#officeInfoSubMenu dd
{
	margin-left:	10px;
}

#officeInfoSubMenu li
{
	list-style-type:		none;
	margin-bottom:			2px;
}

/* サブメニューの下部（グラデーション） */
#subMenuFoot
{
	width:					190px;
	height:					107px;
	background-color:		#ddecf9;
	background-image:		url("./main/img/subMenuBottom.gif");
	background-repeat:		no-repeat;
	background-position:	left bottom;
}

/* TOPにおいてあるFLASH */
#topFlash
{
	float:				left;
	margin-top:			10px;
}

#newBlock
{
	width:				440px;
	float:				left;
	margin-top:			-13px;
	padding:			5px 10px 10px 10px;
	border-color:			#4551AA;
    border-width:			8px 1px 1px;
    border-style:			solid;

}

/* 新着情報の要素一つ一つ */
.new
{
	width:auto;
	margin-top:			10px;
	margin-bottom:			10px;
	padding-bottom:			10px;
	border-bottom:			dotted 1px #999;
}

/* 過去の新着情報へのリンク */
#rirekiLink
{
	margin-left:			280px;
}

/* 「受験生の方へ」「卒業生の方へ」などのバナーのブロック */
#banner
{
	width:	255px;
	float:right;
	text-align:right;
	margin-top:	-35px;
	margin-right:	0px;
}

/* 経路情報PDFリンク */
#keiro_pdf{
	text-align:			center;
	width:				300px;
	height:				auto;
	margin-left:			-20px;
	padding-top:			20px;
}

#keiro_pdf a{
	display:			block;
	padding-left:			5px;
	padding-right:			5px;
	width:				auto;
	height:				auto
	color:				#333;
	text-decoration:		none;
	font-weight:			bold;
}

/* 学校の情報 */
#access
{
	text-align:right;
	margin-top:	10px;
}

/* 長い文章のタイトル */
.descriptionTitle
{
	text-align:		center;
	font-weight:	bold;
	font-size:		large;
	margin:			10px;
}

/* 学校情報の紹介文 */
#schoolInfoIntro dd
{
	margin-left:	10px;
	margin-bottom:	1em;
}

/* 経営計画のリスト */
.keieiKeikaku
{
	margin-top:		10px;
	margin-bottom:	5px;
}

.keieiKeikaku dd
{
	margin-left:	10px;
}

/* 乙高の沿革 */
.enkaku dt
{
	font-weight:	bold;
}

.enkaku dd
{
	margin-left:	10px;
	margin-bottom:	10px;
}

/* 部活紹介 */
.bukatu p
{
	display:		block;
	clear:			left;
	margin-bottom:	1em;
	margin-top:	1em;
}
.bukatu dt
{
	display:		block;
	clear:			left;
	font-weight:	bold;
	margin-top:	1em;
}

.bukatu dd
{
	display:	block;
	margin-left:	18px;
}

a.imgLink
{
	text-decoration:	none;
}

/* 校舎改築ページの日付 */
.kosyaHiduke
{
	width:			560px;
	text-align:		right;
	font-weight:	bold;
}

/* お知らせページのテーブル */
.officeInfoTable
{
	background-color:	#AAA;
	margin:				5px;
}
.officeInfoTable td
{
	padding:			5px;
	background-color:	White;
}
.officeInfoTable th
{
	padding:			5px;
	background-color:	#EEEEEE;
	text-align:			center;
}

/* お知らせページの項目表示 */
.officeInfoDl dt
{
	margin-top:	5px;
}
.officeInfoDl dd
{
	margin-left:	15px;
	margin-top:		3px;
	margin-bottom:	3px;
}

/* フォトライブラリのTOPの写真 */
.libraryPhoto
{
	display:			block;
	width:				160px;
	padding:			5px 5px 5px 5px;
	background-color:	#FFFAFA;
	border-top:			solid 1px #666666;
	border-right:		solid 2px #333333;
	border-bottom:		solid 2px #333333;
	border-left:		solid 1px #666666;
}
.libraryPhoto img
{
	margin-bottom:	5px;
	border:			none;
}
.libraryPhoto a
{
	color:				black;
	text-decoration:	none;
}
.libraryPhotoBlock
{
	width:				180px;
	height:				250px;
	display:			block;
	float:				left;
	margin:				0px 12px 10px 0px;
}

/*フォトライブラリのコンテンツ*/
#library
{
	width:	780px;
}
#library h2
{
	
	
	width:				500px;
	height:				25px;
	margin-bottom:			5px;
	font-size:medium;
	font-weight:			bold;
	color:				#FFFFFF;
	background-color:		#4551AA;
	background-position:		left top;
	padding-top:			5px;
	padding-left:			15px;
}
.librarySubTitle{
	padding-left:			10px;
	font-weight:			bold;
}
.libraryDate{
	float:				right;
	padding-right:			10px;
	font-weight:			bold;
}
#library table{
	text-align:			center;
	width:				auto;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:			16px;
}
#library th{
	font-size:	large;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
#library .comment{
	float:left;
	padding:	2px;
	text-align:	left;
	vertical-align:	middle;
}
#library td{
	padding:2px;
	text-align:center;
	vertical-align:middle;
}

/* ページ最下部（トップページ） */
#footer
{
	display:			block;
	width:				750px;
	height:				24px;
	margin-top:			0px;
	margin-left:			auto;
	margin-right:			auto;
	padding-left:			29px;
	padding-right:			29px;
	padding-top:			8px;
	color:				#575757;
	text-align:			left;
	background-position:		center top;
	background-color:		#ADADAD;
}

/* ページ最下部（サブページ */
#subFooter
{
	display:			block;
	width:				750px;
	height:				24px;
	margin-top:			0px;
	margin-left:			auto;
	margin-right:			auto;
	padding-left:			29px;
	padding-right:			29px;
	padding-top:			8px;
	color:				#575757;
	text-align:			left;
	background-position:		center top;
	background-color:		#ADADAD;
}

/* 版権表示 */
#copyRight
{
	float:	left;
}

/* ページ上部へのリンク */
#pageTop
{
	float:	right;
}