@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.8em;
	line-height: 140%;
	color: #666666;
	text-align: center;
	margin: 0 auto;
	background: #FFFFCC url(../images/background.jpg) repeat-y center top;
}

#wrapper {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
}
img {
	margin: 0;
	padding: 0;
	border: 0;	
}
div.clear {
	margin-top: -1px;
	height: 1px;
	clear: both !important;
	clear /**/: none;
	overflow: hidden;
}
ol, ul {
	list-style-type: none;
}
hr {
	display: none;
	margin: 0;
	padding: 0;
}



.style1 {
color:#E4E4E4}
.style2 {
color: #FF3300;
font-weight:bold;
font-size:1.2em;
}




img.right {
  float: right;
  margin: 0 0 10px 10px;
  padding: 0;
  vertical-align: top;
}

img.left{
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  vertical-align: top;
}

a:link { color: #003366;}
a:active { color: #990099; text-decoration: none;}
a:visited { color: #003366;}
a:hover { color: #2a5f9e; text-decoration: none;}

a.image:link { text-decoration: none;}
a.image:active { text-decoration: none;}
a.image:visited { text-decoration: none;}
a.image:hover { text-decoration: none;}


/* メニュー */

#menu {
	margin: 0;
	padding: 0;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul li {
	margin: 0;
	padding: 0;
	float:left;
}

/* アドレス */
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-size: 0.7em;
	line-height: 120%;
}
.email {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 160%;
	font-weight: bold;
}






/* トップページ
---------------------------------------------------- */
#flashimage{
	margin: 0;
	padding: 0;
	height: 433px;
	width: 800px;
}
#topcontents #left{
	float: left;
	width: 240px;
	margin: 43px 0 0 0;
}
#topcontents #left .copy{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../../images/pho01.gif) no-repeat left top;
	height: 139px;
	width: 238px;
}
#topcontents #left .bbs {
	margin: 6px 0 0 11px;
	padding: 0;
}
#topcontents #left .atten {
	margin: 6px 0 0 11px;
	padding: 0;
	font-size: 75%;
	line-height: 120%;
}
#topcontents #right {
	float: left;
	margin: 43px 0 10px 14px;
	padding: 0;
	width: 540px;
}
#topcontents #right .title {
	width: 515px;
	height: 15px;
	padding: 0 0 1px 0;
	margin: 0 0 12px 0;
	text-indent: -9999px;
	background: url(../../images/tkoushin.gif) no-repeat left top;
	border-bottom: 1px dotted #CCCCCC;
}
#topcontents #right dl {
	padding: 0;
	margin: 0 0 18px 0;
}
#topcontents #right dt {
	padding: 0 0 0 27px;
	margin: 0 0 2px 0;
	background: url(../images/arrow01.gif) no-repeat left top;
	font-size: 90%;
}
#topcontents #right dd {
	padding: 0 0 0 27px;
	margin: 0;
}
/* コピーライト */
#copyright {
	width: 800px;
	clear: both;
	height: 12px;
	text-indent: -9999px;
	background: url(../images/tcopyright.gif) no-repeat center top;
	margin: 0;
	padding: 0 0 10px 0;
}


/* コンテンツ共通
---------------------------------------------------- */
#contentsimage {
	margin: 0;
	padding: 0;
	height: 89px;
	width: 800px;
}
#contents {
	padding: 0;
	margin: 4px 0 0 0;
	width: 800px;
	background: url(../images/back_menu.gif) repeat-y left top;
}
#contents #right {
	padding: 0;
	margin: 0;
	float: right;
	width: 600px;
}
#contents #right h1 {
	padding: 0;
	margin: 0 0 40px 0;
}
#contents #left {
	padding: 0;
	margin: 0;
	width: 180px;
}
#contents #left .menu {
	padding: 0 6px 0 6px;
	margin: 4px 0 0 4px;
	width: 158px;
	text-align: left;
	background-color: #ffffff;
	border-right: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
	text-indent: 10px;
}
#contents #left ul {
	padding: 0;
	margin: 0;
}
#contents #left li {
	padding: 10px 0;
	margin: 0;
	background: url(../images/arrow02.gif) no-repeat left center;
}
#contents #left li.top {
	border-bottom: 1px dotted #E7E7E7;
}
.pagetop {
	padding: 0 0 12px 0;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #E7E7E7;
	text-align: right;
}
.pagetoplast {
	text-align: right;
}
/* フッター */
#footer {
	padding: 0;
	margin: 0;
	width: 800px;
	clear: both;
	background: url(../images/back_footer.gif) no-repeat left top;
	height: 5px;
}





/* インフォメーション
---------------------------------------------------- */
.info#contents #left .menutitle {
	text-indent: -9999px;
	background: url(../../info/images/menutitle.jpg) no-repeat left top;
	width: 180px;
	height: 57px;
}
.info#contents #right .blockinfo {
	padding: 0;
	margin: 22px 0 10px 0;
}
.info#contents #right .lessonarea h3 {
	padding: 0;
	margin: 30px 0 5px 0;
	font-weight: bold;
	color: #666600;
}

.info#contents #right .lessondetailtop {
	width: 600px;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
}
.info#contents #right .lessondetail {
	width: 600px;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px dotted #CCCCCC;
}
.info#contents #right .lessondetailtop .text,
.info#contents #right .lessondetail .text {
	float: left;
	width: 420px;
}
.info#contents #right .lessondetailtop img.st,
.info#contents #right .lessondetail img.st {
	float: left;
	margin: 3px 5px 0 0;
}

.info#contents #right .lessonarea table {
	border: 2px solid #EBEBD6;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}
.info#contents #right .lessonarea table th {
	border: 1px solid #ffffff;
	padding: 5px;
	font-weight: normal;
	text-align: center;
	background-color: #EBEBD6;
	white-space: nowrap;
}
.info#contents #right .lessonarea table td {
	border: 1px solid #EBEBD6;
	padding: 10px;
	text-align: center;
}


.info#contents #right .lessonarea  dl dt{
float:left;
width:15em;
margin:0 0.5em 0 0;
padding:0.5em 0;
font-weight:bold;
color:#336600;
}

.info#contents #right .lessonarea  dl dd{
margin:0;
padding:0.5em 0 0.5em 16em;
border-bottom:1px solid #ccc;
}

input{
margin:0 0 1px 0;
}
input#familyname,
input#firstname,
input#kana_familyname,
input#kana_firstname{
width:100px;
}
input#postalcode{
width:80px;
}
input#address{
width:350px;
}
p.submit{
text-align:center;
}


.info#contents #right .schoolarea {
	padding: 0;
	margin: 30px 0 10px 0;
}
.info#contents #right .schoolarea .text {
	float: left;
	padding: 0;
	margin: 0;
	width: 265px;
}
.info#contents #right .schoolarea .text dd {
	margin: -1.4em 0 0 4em;
}




/* プロフィール
---------------------------------------------------- */
.profile#contents #left .menutitle {
	text-indent: -9999px;
	background: url(../../profile/images/menutitle.jpg) no-repeat left top;
	width: 180px;
	height: 57px;
}
.profile#contents #right .intro {
	padding: 0;
	margin: 20px 0 20px 0;
}
.profile#contents #right table {
	border-collapse: collapse;
	margin: 30px 0 10px 0;
}
.profile#contents #right table td {
	vertical-align: top;
	padding: 5px;
}
.profile#contents #right table td.year {
	border: 1px solid #ffffff;
	background-color: #EBEBD6;
	white-space: nowrap;
}


/* コーポレートプロフィール
---------------------------------------------------- */
.cprofile#contents #left .menutitle {
	text-indent: -9999px;
	background: url(../../corporate/images/menutitle.jpg) no-repeat left top;
	width: 180px;
	height: 57px;
}
.cprofile#contents #right .intro {
	padding: 0;
	margin: 20px 0 20px 0;
}
.cprofile#contents #right table {
	border-collapse: collapse;
	margin: 30px 0 10px 0;
}
.cprofile#contents #right table td {
	vertical-align: top;
	padding: 5px;
}
.cprofile#contents #right table td.year {
	border: 1px solid #ffffff;
	background-color: #EBEBD6;
	white-space: nowrap;
}



/* カレンダー
---------------------------------------------------- */
.calendar#contents #right .calendar table {
	border: 2px solid #EBEBD6;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}
.calendar#contents #right .calendar table tr.holiday th,
.calendar#contents #right .calendar table tr th.holiday{
background:#EAD6D5;
}
.calendar#contents #right .calendar table tr.holiday td,
.calendar#contents #right .calendar table tr td.holiday{
background:#F9F3F2;
}
.calendar#contents #right .calendar table tr.saturday th,
.calendar#contents #right .calendar table tr th.saturday{
background:#D5E5EA;
}
.calendar#contents #right .calendar table tr.saturday td,
.calendar#contents #right .calendar table tr td.saturday{
background:#F2F7F9;
}
.calendar#contents #right .calendar table th {
	border: 1px solid #ffffff;
	padding: 5px;
	font-weight: normal;
	text-align: center;
	background-color: #EBEBD6;
	white-space: nowrap;
	width:70px;
}
.calendar#contents #right .calendar table td {
	border: 1px solid #EBEBD6;
	padding: 5px;
	width:73px;
	vertical-align:top;
	font-size:85%;
}
.calendar#contents #right .calendar table.horizontal td {
width:500px;
font-size:100%;
}
.calendar#contents #right .calendar table caption span.month{
font-weight:bold;
font-size:200%;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:200%;
}


.calendar ul {
	margin:5px 0 50px 0;
	padding: 0;
}
.calendar ul li {
	margin:5px 0 0 20px;
	padding:0;
	list-style:circle;
}