/*トップページのスタイルシート*/

/*全体*/


* {
	line-height: 120%;
}

body {
	/* background-image: url('index_back.jpg'); */

	background-color: #ffffff;
	text-align: center;
}

/* ヘッダー：「首都大学東京公式ＨＰ」 */

#header {
	background-color: #ffffff;
}

/* "main,nextconsert,update_history,information"の入れ物 */

#container{
	background-color: #FFFFFF;
	width: 960px;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}

/* トップ画像と「ようこそ(ry」 */

#main {
	background-color: #FFFFFF;
	float: left;
	width: 720px;
	height: 480px;
}

/* サイドバーの入れ物 */

#sideber {
	background-color: #333366;
	float: right;
	width: 240px;
	height: 1000px;
}

/* 右側のサイドバーのメニュー */

#menu {
	background-color: #ffffff;
	float: right;
	width: 240px;
	height: 480px;
}

#menu_icon {
	width: 240px;
	height: 60px;
	font-size: 200%;
}

/* ツイッター */

a.twitter-timeline {
	float: right;
	width: 240px;
	height: 120px;
	overflow: auto;
}

#twitter_space {
	margin: 480 0 0 0;
	float: right;
	width: 240px;
	height: 120px;
	overflow: auto;
}

/* リンク */

#links {
	background-color: #ffffff;
	float: right;
	width: 240px;
	height: 220px;
	padding: 0;
	overflow: auto;
	font-size: 12px;
	text-align: left;
}

/* indexページのスタイルシート：ここから */

/* "nextconcert,update_hitory,information"の入れ物 */

#sub_container {
	background-color: #ffffff;
	float: left;
	width: 720px;
	height: 480px;
}

#slideshow {
	position: relative;
	width:  720px; /* 画像の横幅に合わせて記述 */
	height: 480px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
	position: absolute;
	top: 0;
	left:0;
	z-index: 8;
	opacity: 0.0;
}
#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow img.last-active {
	z-index: 9;
}

/* 次回演奏会案内（簡易） */

#nextconcert_index {
	background-color: #ffffff;
	float: left;
	width: 400px;
	height: 520px;
	overflow: auto;
}

/* 更新履歴 */

#update_history {
	background-color: #cccccc;
	float: right;
	width: 320px;
	height: 500px;
	overflow: auto;
}

/* お知らせ */

/* #information {
	background-color: #66ffcc;
	float: right;
	width: 320px;
	height: 300px;
	font-size: large;
}

*/

/* indexページのスタイルシート：ここまで */

/* aboutページのスタイルシート：ここから */

/* 紹介分 */

#about_background {
	float: left;
	width: 720px;
	height: 920px;
	overflow: auto;
	background-image: url(back.html);
	position: relative;
}

#about_text {
	margin: 10 10 0 20;
	width: 480px;
	height: 920px;
	text-align: left;
	line-height: 20px;
}

/* aboutページのスタイルシート：ここまで */

/* nextconcertページのスタイルシート：ここから */

#nextconcert_back {
	float: left;
	width: 720px;
	height: 920px;
	overflow: auto;
	background-image: url(grey.html);
}

#nextconcert {
	margin: 20 20 10 20;
	text-align: left;
	line-height: 18px;
	background-color: transparent;
}

/* nextconcertページのスタイルシート：ここまで */

/* concerts_listページのスタイルシート：ここから */

#concerts_list {
	float: left;
	width: 720px;
	height: 920px;
	overflow: auto;
	background-image: url(back.html);
	font-size: small;
}

/* concerts_listページのスタイルシート：ここまで */

/* instrumentsページのスタイルシート：ここから */

#instruments_background {
	float: left;
	width: 720px;
	height: 920px;
	overflow: auto;
	background-image: url(back.html);
	position: relative;
}

#instruments_text {
	margin: 10 10 0 20;
	width: 480px;
	height: 920px;
	text-align: left;
	line-height: 20px;
}

/* instrumentsページのスタイルシート：ここから */


/* trainersページのスタイルシート：ここから */

#trainers_background {
	float: left;
	width: 720px;
	height: 920px;
	overflow: auto;
	background-image: url(back.html);
}

#trainers_main {
	width: 640px;
	line-height: 200%;
}
p.trainers {
	text-indent: 10px
}

/* trainersページのスタイルシート：ここまで */

/* iventsページのスタイルシート：ここから */

#ivents_background {
	float: left;
	width: 720px;
	height: 920px;
	overflow: auto;
	background-image: url(ivents_back.jpg);
	position: relative;
}

#ivents_spring {
	position: absolute; top:100px; left:120px;
	width: 420px;
	height: 100px;
	text-align: left;
	font-weight: bold;
	font-size: x-large;
}

#ivents_summer {
	position: absolute; top:360px; left:320px;
	width: 320px;
	height: 100px;
	text-align: left;
	font-weight: bold;
	font-size: x-large;
}

#ivents_autumn {
	position: absolute; top:600px; left:80px;
	width: 320px;
	height: 100px;
	text-align: left;
	font-weight: bold;
	font-size: x-large;
}

#ivents_winter {
	position: absolute; top:720px; left:440px;
	width: 240px;
	height: 100px;
	text-align: left;
	font-weight: bold;
	font-size: x-large;
}

#ivents_other {
	position: absolute; top: 800px; left: 200px;
	width: 280px;
	height: 100px;
	text-align: left;
	font-weight: bold;
	font-size: x-large;
}

#nyugakushiki {
	position: absolute; top: 20px; left: 460px;
	width: 204px;
	height: 136px;
}

#shinkan {
	position: absolute; top: 20px; left: 460px;
	width: 204px;
	height: 136px;
}

#springconcert {
	position: absolute; top: 20px; left: 460px;
	width: 204px;
	height: 136px;
}

#haiku {
	position: absolute; top: 20px; left: 460px;
	width: 204px;
	height: 136px;
}

#ankon {
	position: absolute; top: 380px; left: 80px;
	width: 204px;
	height: 136px;
}

#natsugasshuku {
	position: absolute; top: 380px; left: 80px;
	width: 204px;
	height: 136px;
}

#yokokoku {
	position: absolute; top: 380px; left: 80px;
	width: 204px;
	height: 136px;
}

#shiki {
	position: absolute; top: 580px; left: 380px;
	width: 204px;
	height: 136px;
}

#teien {
	position: absolute; top: 580px; left: 380px;
	width: 204px;
	height: 136px;
}

#okeski {
	position: absolute; top: 580px; left: 380px;
	width: 204px;
	height: 136px;
}

#harugasshuku {
	position: absolute; top: 580px; left: 380px;
	width: 204px;
	height: 136px;
}

/* iventsページのスタイルシート：ここまで */

/* accessページのスタイルシート：ここから */

#access_background {
	float: left;
	width: 720px;
	height: 920px;
	overflow: auto;
	background-image: url(access_back.jpg);
}

#access_routes {
	text-align: left;
	padding-left: 120px;
	padding-right: 120px;
}

#address {
	text-align: left;
	padding-left: 140px;
	padding-right: 140px;
}

#mailform {
	text-align: left;
	padding-left: 140px;
	paddingright: 140px;
}

/* accessページのスタイルシート：ここまで */

/* shinkanページのスタイルシート：ここから */

#shinkan_back {
	float: left;
	width: 720px;
	height: 920px;
	ovewflow: scroll;
	background-image: url(shinkan_back.html);
}

#shinkan_main {
	padding: 0 40;
}

#shinkan_ivents {
	padding: 0 50;
}

/* shinkanページのスタイルシート：ここまで */

/* unkikaページのスタイルシート：ここから */

#unkika {
	float: left;
	width: 720px;
	height: 920px;
	overflow: hidden;
	line-height: 1.2em;
	background-image: url(access_back.jpg);
}

p.image {
    float: left;
	width: 680px;
	height: 640px;
    overflow: auto;
	overflow-x: hidden;
}

/* unkikaページのスタイルシート：ここまで */

/* renshuページのスタイルシート：ここから */

#renshu {
	float: left;
	width: 720px;
	height: 920px;
	overflow: scroll;
	line-height: 1.2em;
	background-image: url(access_back.jpg);
}
/* renshuページのスタイルシート：ここまで */
/*見出し*/

h1 {
	line-height: 48px;
	background-color: transparent;
	font-size: 3em;
	color: #000000;
	padding: 2 30 2;
	margin: 10 0 10;
}

h2 {
	line-height: 36px;
	background-color: transparent;
	font-size: x-large;
	color: #000000;
	padding: 0 20 0;
	margin: 20 0 10;
}

h3 {
	line-height: 30px;
	font-size: large;
	color: #000000;
	padding: 0 16 0;
	margin: 10 0 8;
	background-color: rgba(0,0,0,0.00);
}

/*フッター*/

#footer {
	clear: left;
	clear: right;
	width: 960px;
	height: 32px;
    margin: auto;
	background-color: #ffffff;
	font-size: 8px;
	color: #999999;
}
#shinkan2015 {
	float: left;
	width: 720px;
	height: 920px;
	overflow: scroll;
	line-height: 1.2em;
	background-image: url(access_back.jpg);
	background-color: rgba(255,255,255,1.00);
	color: rgba(0,0,0,1.00);
}
#container #shinkan2015 p {
	margin-left: 10px;
}
#container #shinkan2015 ul {
	margin-left: 30px;
}
#container #shinkan2015 #boshu {
	margin-left: 545px;
}
#container #shinkan2015 #welcome {
	font-weight: bold;
}
#container #shinkan_font {
	background-color: rgba(255,255,255,1.00);
	color: rgba(0,0,0,1.00);
	line-height: 0px;
	margin-left: -16px;
}
.trp {
	margin-left: 408px;
	margin-top: -102px;
}
.web {
}
#nextconcert p .web {
	font-size: medium;
}