/* TAGS */
* {
	margin:0;
	padding:0;
	}
html {
	overflow-y:scroll; font-size:62.5%; line-height:1;
	}
body {
	font-family: Lucida Sans,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial, Helvetica, sans-serif;
	background:url("../img/bg.gif");
	color:#000000;
	}
img {
	border:none;
	}
a {
	color:#32358E;
	}
	a:hover {
		color:#00B0FF;
		}
	a.icon {
		padding-left:1.2em;
		background:url("../img/link-icon.gif") 0 0.2em no-repeat;
		}

/* CONTAINER */
#body {}
	#body div.bodyContainer {
		overflow:hidden; 
		margin:0 auto;
		padding-bottom:30px;
		width:820px; }


#header {}
	#header div {}
		#header div.headerContainer {
			overflow:hidden; 
			width:820px; }
		#header div.logo {
			float:left;
			width:158px;
			height:58px;
			padding:28px 66px 32px 29px; }
		#header div.navi {
			float:left;
			width:567px;
			margin:45px 0 0 0; }
#globalNavi {
	float:left; }
	#globalNavi div {}
		#globalNavi div.globalNaviContainer {}
#subGlobalNavi {}
	#subGlobalNavi div {}
	#subGlobalNavi div.subGlobalNaviContainer {
		padding:15px 0 30px 0;
		border-bottom:#726E63 1px solid; }
	#subGlobalNavi ul {}
		#subGlobalNavi ul li {
			display:inline;
			margin:0 6px 0 0; }
#content {
	width:820px; }
	#content div {}
		#content div.contentContainer {
			width:820px;
			overflow:hidden; }
		#content div.photo {
			width:820px;
			height:245px;
			overflow:hidden; }
#contentForLayout {
	width:531px;
	margin-right:51px;
	float:left; }
	#contentForLayout div {}
		#contentForLayout div.image {
			padding:0 0 24px 0; }
		#contentForLayout div.hr {
			border-bottom: 1px solid #B6B6B6;
			margin: 3em 0; }
		#contentForLayout div.topicPath {
			padding:0;
			font-size:1em; }
		#contentForLayout div.link {
			padding:12px 0;
			font-size:1.2em;
			line-height:1.2; }
		#contentForLayout div.topic {
			font-size:1.2em; }
			#contentForLayout div.topic h2 {
				font-weight:normal;
				line-height:1.4; }
			#contentForLayout div.topic h3 {
				font-size:1.2em;
				color:#32358E;
				padding:1em 0 0.5em 0;
				line-height:1.4; }
	#contentForLayout h1 {
		margin-bottom:45px; }
	#contentForLayout h2 {
		font-size:1.4em;
		width:514px;
		color:#333333;
		margin:1em 0 0.5em;
		position:relative;
		padding:13px 0 13px 15px;
		overflow:hidden;
		border-left: 2px solid #32358E;
		}
		#contentForLayout h2.news {
			font-weight: normal;
			font-size:1.4em;
			width:531px;
			color:#333333;
			margin:1em 0;
			position:relative;
			padding:3px 0;
			overflow:hidden;
			border:#333333 1px solid;
			border-width:0 0 1px 0;
			}
		#contentForLayout h2.year {
			font-weight:bold;
			font-size:1.4em;
			width:531px;
			color:#32358E;
			margin:1em 0;
			position:relative;
			padding:3px 0;
			overflow:hidden;
			border:#333333 1px solid;
			border-width:0 0 1px 0;
			}
		#contentForLayout h2 span.label {
			float:left; }
		#contentForLayout h2 span.navi {
			float:right;
			position: absolute; bottom:3px; right:9px; }
	#contentForLayout h3 {
		font-size:1.2em;
		color:#32358E;
		padding:0 0 0.5em 0;
		line-height:1.4; }
	#contentForLayout h4 {
		font-size:11px;
		font-weight:normal;
		color:#32358E;
		padding:6px 0 0 0;
		line-height:12px; }
	#contentForLayout p {
		font-size:1.2em;
		line-height:1.5;
		margin-bottom:2em; }
		#contentForLayout p.message {
			font-size:1.4em;
			line-height:1.8em;
			margin:30px 0 2em 0; }
		#contentForLayout p.note {
			font-size:1.1em;
			color:#FF6170; }
		#contentForLayout p.signature {
			text-align:right;
			color:#726E63; }
	#contentForLayout span {}
		#contentForLayout span.note {
			font-weight:bold;
			color:#FF6170; }
		#contentForLayout span.add {
			font-size:0.8em; }
		#contentForLayout span.link {
			padding-left:12px;
			background:url("../img/arrow.gif") 0 0.2em no-repeat;
			}

	#contentForLayout ul {}
		#contentForLayout ul.note {
			font-size:10px;
			padding:9px 0 2em 9px;
			line-height:1.4; }
			#contentForLayout table ul.note {
				padding:6px 0 0 0; }
			#contentForLayout ul.note li {
				text-indent: -10px;
				padding-left: 10px;
				overflow:hidden; }
		#contentForLayout ul.topics {
			font-size:1.2em;
			line-height:1.4;
			width:531px; }
			#contentForLayout ul.topics li {
				width:519px;
				padding:0 0 1em 12px;
				overflow:hidden;
				background:url("../img/arrow.gif") 0 4px no-repeat;
				list-style: none; }
				#contentForLayout ul.topics li span.date {
					display:block;
					float:left;
					width:90px;
					}
					#contentForLayout ul.topics li span.date span.new {
						color:#00B0FF;
						position:relative;
						top:-3px;
						font-size:0.8em;
						font-weight:bold;
						text-decoration:blink;
						}
					:root #contentForLayout ul.topics li span.date span.new {
						font-size:0.9em;}
				#contentForLayout ul.topics li span.title {
					float:left;
					display:block;
					width:429px; }
				#contentForLayout ul.topics li span.title-important {
					float:left;
					display:block;
					width:429px;
					background:#FFD8CF;
					}
					#contentForLayout ul.topics li span.title-important a{
						text-decoration:none; }
		#contentForLayout ul.link {
			font-size:1.2em;
			line-height:1.4;
			width:531px; }
			#contentForLayout ul.link li {
				width:519px;
				padding:0 0 0.5em 12px;
				overflow:hidden;
				background:url("../img/arrow.gif") 0 4px no-repeat;
				list-style: none; }
		#contentForLayout ul.anchor {
			line-height:1.4;
			padding:0 0 15px 0;
			border-bottom: 1px solid #B6B6B6;
			margin-bottom: 2em;
			overflow:hidden;
			width:531px; }
			#contentForLayout ul.anchor li {
				float:left;
				font-size:12px;
				height: 12px;

				padding:0 2em 0 12px;
				background:url("../img/arrow.gif") 0 2px no-repeat;
				list-style: none; }

	#contentForLayout table {}
		#contentForLayout table.lesson {
			border: solid 1px #333333;
			border-collapse: separate;
			font-size:1.2em;
			line-height:1.3; }
			#contentForLayout table.lesson colgroup.h {
				width:40%; }
			#contentForLayout table.lesson colgroup.v {
				width:30%; }
			#contentForLayout table.lesson thead {}
				#contentForLayout table.lesson thead th {
					padding:3px;
					color:#FFFFFF;
					border: solid 1px #666666;
					background:#B6B6B6; }
			#contentForLayout table.lesson tbody {}
				#contentForLayout table.lesson tbody th {
					padding:6px;
					text-align:left;
					font-weight:normal;
					border: solid 1px #B6B6B6;
					background:#DDDDDD; }
					#contentForLayout table.lesson tbody th span {
						font-size:0.8em; }
				#contentForLayout table.lesson tbody td {
					padding:6px;
					border: solid 1px #DDDDDD;
					background:#EFEFEF; }
					#contentForLayout table.lesson tbody td.note {
						color:#FF6170; }
					#contentForLayout table.lesson tbody td.v {
						text-align:center; }
					#contentForLayout table.lesson tbody td.v span.point {
						font-size:0.9em;
						font-weight:bold;
						color:#FF6170; }


#sideBar {
	width:238px;
	float:left; }
	#sideBar div {}
	#sideBar p {
		font-size: 1.1em;
		line-height:1.4;
		}
		#sideBar div.sideBarContainer {
			width:238px; }
		#sideBar div.photoCaption {
			text-align:right;
			padding:2px 12px 27px 0; }
			#sideBar div.photoCaption a {
				color:#333333;
				text-decoration:none; }
		#sideBar div.image {
			margin-bottom:21px; }
		#sideBar div.contact {
			padding:0 0 0 30px;
			background:url('../img/elements/sideBar/contact-bar.gif') repeat-y; }
			#sideBar div.contact h3 {
				padding:9px 0; }
			#sideBar div.contact h4 {
				font-size:11px;
				padding:3px;
				vertical-align:middle;
				margin:0 0 0.3em 0;
				font-weight:normal;
				color:#FFFFFF;
				line-height:11px; 
				background:#A9A9A9; }
			#sideBar div.contact ul {
				padding:0.5em 0 1.2em 0; }
				#sideBar div.contact ul li {
					font-size:1.3em;
					line-height:1.3;
					list-style: none; }
					#sideBar div.contact ul li.add {
						font-size:0.8em;
						line-height:1;
						padding:0 0 0.6em 0; }


#footer {
	width:820px;
	margin-top:39px;
	border-top:#000000 1px solid; }
	#footer div {
		width:820px; }
		#footer div.footerContainer {
			padding:21px 0 0 0;
			width:820px;
			position:relative;
			overflow:hidden; }
		#footer div.main {
			font-size:1.2em;
			padding:0;
			line-height:1.6; }
			#footer div.main a {
				text-decoration:none; }
			#footer div.main strong {
				font-size:1.3em;
				color:#32358E; }
			#footer div.main span {
				font-size:0.9em; }
		#footer div.copyright {
			font-size:0.9em;
			text-align:right;
			line-height:1.6;
			color:#CCCCCC;
			}
@media print {
	body { background:none; margin:0; }
	div.photo {
		display:none; }
	#globalNavi {
		display:none; }
	#sideBar {
		display:none; }
}