@charset   "Shift_JIS";
/* メインレイアウト設定 */

/*------------- 各部分の背景色・開始位置等 --------------*/
body {
background-color: #e5e5ff;    /* 背景色:#e5e5ff,#ccccff,#d2cefc,#e5cefc  */
margin: 0px;
}
.wrapper {
background-position: 0px 0px;    /* 0px 0px; */
background-color: transparent;   /* 背景色 */
}
.main {
width: 775px;
margin-left: auto;
margin-right: auto;
}

/*------------- 各ページの共通ナビーゾーン・背景等 --------------*/
.home {
background-image: url(../images/common/header_bg_img.gif);
height: 122px;
}
.aisatsu {
background-image: url(../images/common/header_bg_img.gif);
height: 122px;
}
.annai {
background-image: url(../images/common/header_bg_img.gif);
height: 122px;
}
.seikatsu {
background-image: url(../images/common/header_bg_img.gif);
height: 122px;
}
.pta {
background-image: url(../images/common/header_bg_img.gif);
height: 122px;
}
.access {
background-image: url(../images/common/header_bg_img.gif);
height: 122px;
}
.links {
background-image: url(../images/common/header_bg_img.gif);
height: 122px;
}

/*------------- 各ページの共通タイトル画像設定 --------------*/
.header {
background-image : url(../images/common/bg_header.gif);
height: 95px;
width: 775px;
border-bottom: 1px solid #2C3B88;  /*深青#3547A5*/
}

/*------------- 各ページの共通フッター設定 --------------*/
/*--- 画像 ---*/
.footerImg {
background-image: url(../images/common/bg_footer.gif);
background-repeat: repeat-x;
height: 92px;
padding-top: 20px;
}
/*--- 文字 ---*/
.copyright {
padding: 0pt;
text-align: center;
margin-left: 0px;
width: 775px;
font-family: sans-serif; /*Century,sans-serif*/
font-size: 12px;
margin-top: 45px;
color: #FFFFFF;
font-weight: bolder;
line-height: 200%;
}

/*----------------- 左メニュー設定 --------------------*/
/*--- 範囲 ---*/
.side_nav {
margin-top: 2px;
height: auto;
width: 170px;
float: left;
}
/*--- 内容 ---*/
.side_nav ul li {
font-family: Verdana, Osaka;
font-size: 12px;
color: #666;
border-top: 1px dotted #FFFFFF;
line-height: 1;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0pt;
padding: 10px 15px 10px 0pt;
text-align:right;
}
.side_nav a {
color: #336699;
text-decoration: none;
}
.side_nav a:hover {
color:#000033;
}

/*----------------- トップページ設定 --------------------*/
/* トップページ画像ゾーン(位置・サイズ) */
.topimg {
background-position: 0px 0px;
background-color: #ffffff;
margin-top: 5px;
height: 176px;
width: 775px;
}
/* トップページコンテンツゾーン（左側） */
.top_content {
width: 556px;
background: #f4f4f4;  /* #f4f4f4,#e2e3e8 */
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
margin-top: 5px;
height: inherit;
padding-left: 10px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: normal;  /* bolder */
line-height: 150%;
color: #000000;       /* #696969 */
}
/* トップページナビーゾーン（右側） */
.top_side_nav {
width: 219px;
background-image : url(../images/common/bg_topic.jpg);
background-repeat: repeat-y;
margin-top: 5px;
height: inherit;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.top_side_nav a {
text-decoration: none;
}
.top_side_nav a:hover {
color: #ffffff;
}
.groupItem1, .groupItem2, .groupItem3, .groupItem4,
.groupItem5, .groupItem6, .groupItem7, .groupItem8,
.groupItem9, .groupItem10 {
font-size: 14px;
font-weight: bolder;
font-family: Century; /*Century Times*/
line-height: 150%;
}
.groupItem1 a {
color: #912a07; /*#f76db2;*/
}
.groupItem2 a {
color: #919107; /*#f76db2;*/
}
.groupItem3 a {
color: #579107; /*#f76db2;*/
}
.groupItem4 a {
color: #079191; /*#e57f19;*/
}
.groupItem5 a {
color: #075791; /*#33993b;*/
}
.groupItem6 a {
color: #410791; /*#33997f;*/
}
.groupItem7 a {
color: #6532ff; /*#91077a #f76db2;*/
}
.groupItem8 a {
color: #cc4400; /*#FA8072 #943fbf;#ffe900;*/
}
.groupItem9 a {
color: #ff8c00; /*#0c9900 ##f2df0c;#2aff00;*/
}
.groupItem10 a {
color: #f2cb0c; /*#1e9107 #943fbf;#ffe900;*/
}

/* トップページ新着マーク */
.newMark {
background-color: #FF8C00;
font-family: Times; /*Century cursive*/
font-size: 12px;
font-weight: bolder;
color: #ffffff;
line-height: 120%;
font-style: italic;
width: 40px;
text-align: center;
}

/*----------------- 二中ニュースページの設定 --------------------*/
.newsListTitle {
color: #33997f; /*#410791;*/
font-style: italic;
font-size: 16px;
font-weight: bolder;
line-height: 150%;
}
.newsList {
width: 500px;
height: 200px;
z-index: 2;
left: 95px;
top: 65px;
overflow: visible;   /* scroll */
}
table.newsListTable tr {
vertical-align: top;
}
table.newsListTable {
width: 480px;
}
table.newsListTable td {
font-size: 14px;
font-weight: lighter;
line-height: 150%;
text-align: left;
}
table.newsListTable a {
text-decoration: none;
color: #000000;
font-size: 10px;
}
table.newsListTable a:hover {
text-decoration: underline;
color: #910735;
}

/*----------------- 二中アルバム関連ページの設定 --------------------*/
.albumLinkTitle a {
  text-decoration: none;
  color: #ffffff;
}
.albumLinkTitle a:hover {
  color: #fa8072;
}
.albumTitle, .albumLinkTitle {
  font-family: cursive;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  line-height: 140%;
}
.albumTitle {
  background-color: #6495ED;
}
.albumLinkTitle {
  background-color: #7CFC00;
}
.albumTitleA, .albumTitleB, .albumTitleC, .albumTitleD {
  font-family: cursive;
  font-size: 22px;
  font-weight: bold;
  line-height: 200%;
  margin: 10px;
}
.albumTitleA {
  color: #4169e1;
}
.albumTitleB {
  color: #1e90ff;
}
.albumTitleC {
  color: #9400d3;
}
.albumTitleD {
  color: #daa520;
}
.albumDate {
  font-size: 14px;
  font-weight: normal;
  line-height: 150%;
  margin-bottom: 10px;
  color: #6495ED;  /*#6495ED #4169e1*/
}
.albumSubTitle {
  font-size: 16px;
  font-weight: bolder;
  line-height: 150%;
  margin: 10px 0px 5px 10px;    /* 上、右、下、左 */
  color: #6495ED;  /*#6495ED #4169e1*/
}
.photoExplain {
  font-size: 14px;
  font-weight: normal;
  line-height: 150%;
  margin: 10px 0px 10px 0px;    /* 上、右、下、左 */
  color: #3f00ff;  /*#6495ED #4169e1*/
}

/*----------------- その他ページの設定 --------------------*/
.content{
background: #f4f4f4;
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
float:right;
margin-top:5px;
min-height:150px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
width: 560px;          /* 560 2009.12.UPD <-550 */
}

.content_big{
background: #f4f4f4;
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
float:right;
height: auto;
margin-top:5px;
min-height:150px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
width: 755px;
}

h1 {
color: maroon;
font-size: 25px;
}

h2 {
border-bottom: 1px dotted #999;
color: mediumslateblue;
font-size: 18px;
}

h3 {
  color: #EA9A1C;
  font-size: 16px;
}
h4 {
  color: #f20c92;
  font-size: 16px;
}

p {
line-height: 1.5em;
color: #333333;
}

.pta_image {
  border: 1px solid #ccc;
  padding: 7px;
  background: #fff;
}

/* Design 1(学校生活諸ページ) */
table.Design1 {
  font: 13px/24px Osaka, Verdana;
  width: 90%;
  border-collapse:collapse;
  background-color: #fff;
}
table.Design1 th {
  padding: 0 0.5em;
  text-align: left;
}
table.Design1 tr.yellow td {
  border-top: 1px solid #FB7A31;
  border-bottom: 1px solid #FB7A31;
  background: #FFC;
  color: #D2691E;
  font-weight: bold;
}
table.Design1 tr.gray td {
  border-top: 2px solid #999;
}
table.Design1 tr.graybottom td {
  border-bottom: 2px solid #999;
}

table.Design1 td {
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding: 0 0.5em;
  vertical-align: middle;
}
table.Design1 td:first-child {
  text-align: center;
}
table.Design1 td+td {
  border-left: 1px solid #CCC;
  text-align: center;
  vertical-align: middle;
}

/* Design 2(保健室、部活動) */
table.Design2 {
font: 13px/24px Osaka, Verdana;
width: 90%;
border-collapse:collapse;
background-color: #fff;
}
table.Design2 th {
padding: 0 0.5em;
text-align: left;
}
table.Design2 tr.yellow td {
border-top: 1px solid #FB7A31;
border-bottom: 1px solid #FB7A31;
background: #FFC;
}
table.Design2 tr.gray td {
border-top: 2px solid #999;
}
table.Design2 tr.graybottom td {
border-bottom: 2px solid #999;
}
table.Design2 td {
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
padding: 0 0.5em;
}
table.Design2 td:first-child {
text-align:left;
}
table.Design2 td+td {
border-left: 1px solid #CCC;
text-align: left;
}

/* Design 3(学校紹介TOP、学校のあゆみ) */
table.Design3 {
  font: 13px/24px Osaka, Verdana;
  border-collapse: collapse;
  width: auto;
}
table.Design3 tr.yellow {
  height: 50px;
}
table.Design3 tr.yellow td {
  border-top: 1px solid #ff9710;
  border-bottom: 1px solid #ff9710; /*#FB7A31*/
  background: #f7fcd1; /*#FFC;*/
  color: maroon;
  font-size: 16px;
  font-weight: bolder;
  text-align: center;
  vertical-align: middle;
}
table.Design3 td {
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  color: #000000;
  font-size: 14px;
  padding: 5;
  vertical-align: middle;
  font-family: "ＭＳ 明朝","serif";
  mso-ascii-font-family: Century;
  mso-hansi-font-family:Century;
}

/* Design 4 (研究主題) */
table.Design4 {
  font: 13px/24px Osaka, Verdana;
  border-collapse:collapse;
  width: 90%;
}
table.Design4 tr.gray td {
  border-top: 2px solid #999;
  vertical-align: middle;
}
table.Design4 tr.graybottom td {
  border-bottom: 2px solid #999;
  vertical-align: middle;
}
table.Design4 td:first-child {
  width: 80px;  /*第一列目の幅??*/
}
table.Design4 td {
  background: #FFF;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding: 0 0.5em;
  color: #6969dd;  /*696969,*/
  font-size: 18px;
  font-weight: bolder;
  padding: 5;
  vertical-align: middle;
  font-family: "HGS教科書体";
}

/* Design 5 学校だより */
table.Design5 {
  border-spacing: 0px;
  border-collapse: separate;  /*collapse;*/
  border-top: 4px solid #EA9A1C;
  border-bottom: 1px solid #EA9A1C;
  border-right: 1px solid #EA9A1C;
  border-left: 1px solid #EA9A1C;
}
table.Design5 td {
  font-size: 16px;
  text-align: center;
  border-top: 1px dotted #EA9A1C;
  padding: 0.2em 0.5em;
  text-align: center;
  width: 156;
}
table.Design5 a {
  text-decoration: none;
}
table.Design5 a:hover {
  text-decoration: underline;
  color: #910735;
}

/* 校長あいさつ */
.kochoaisatsu {
  align: center;
  background-color: #ffffff;
  border: 1px solid #999;
  font-size: 13px;
  padding: 30px;
  text-align: left;
  width:500px;
}
.kochoaisatsu p{
  line-height:25px;
}

/* 部活動トップページ文字 */
.clublink {
  font-family: cursive;
  font-size: 16px;
  font-weight: lighter;
  line-height: 150%;
}
.clubtitleA {
  background-color: #6495ED;
  font-family: cursive;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  line-height: 150%;
}
.clubtitleB {
  background-color: #99cc00;
  font-family: cursive;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  line-height: 150%;
}
.clubname {
  color: #B22222;
  font-family: cursive;
  font-size: 24px;
  font-weight: bolder;
  line-height: 200%;
  text-align: center;
}

/* 部活動ページ文字(紹介) */
.infotext {
  font-size: 14px;
  font-weight: lighter;
  line-height: 150%;
  width: 400px;
}
/* 部活動ページ文字(実績年度) */
.yeartext {
  font-size: 12px;
  font-weight: bold;
  line-height: 200%;
  color: #990000;
  text-align: left;
}

/* リンク箇条書き画像(リンクページのみ) */
#link ul{
  list-style-image : url(../images/common/external.gif);
}
#link ul li{
  adding-right: 0px;
  line-height: 1.5em;
  margin: 0px 10px 0.5em 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}
/* 全体リンク文字 */
a {
  color:#336699;  /* 青 */
}
a:hover {
  color:#f04368;  /* 赤 */
}

/* 小リンク文字 */
.smallText {
  width: 150px;
  margin-right: 0em;
  text-align: right;
}
.smallText a {
  text-decoration: none;
  color: #000000;
  font-size: 10px;
}
.smallText a:hover {
  text-decoration: underline;
  color: #910735;
}

text-decoration: none;

/* レイアウト（回り込む）設定 */
.floatLeft {
  float: left;
  margin-right: 1em;
}
.floatRight {
  float: right;
  margin-left: 1em;
}
.floatclear {
  clear: both;
}

/*-----------------------------------------------*/