/*2016/08/09追加1*/@charset "UTF-8";
@media screen and (min-width: 641px){
	/*追加ここまで*/

body {
	width: 980px;
	margin: 0 auto;
	font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, fantasy;
	font-size: 14px;
	color: #333;
	/* border-left: 1px solid #ddd; */
	/* border-right: 1px solid #ddd; */
	line-height: 1.7;
}

/* コンテナ */
div#container {
	background-color: #ffffff;
	width: 980px;
	margin-left:auto;
	margin-right:auto
}

/* ヘッダー */
div#header	{
	text-align: right;
    width: 980px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 5px 0 0 0
}

div#header h1{
	font-size: 10px;
	color: #00CC00;
	text-align:left;
	line-height: 10px;
	margin: 0px 0px 5px 15px;
}

#logo{
	width: 380px;
	float: left;
	text-align: left;
	padding: 0;
}

#logo img{
	margin: 0px 0px 0px 15px;
}

/* トップリンク */
#top_link_kokki{
	width: 560px;
	float: right;
}

#top_link_kokki ul{
    margin: 15px 25px 0px 0px;
	padding:0;
	text-align:right;
}

#top_link_kokki li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}

#top_link{
	width: 575px;
	float: right;
}

#top_link ul{
    margin: 5px 10px 0px 0px;
	padding:0;
	text-align:right;
}

#top_link li{
	margin: 5px 10px 0px 0px;
	padding:0;
	list-style-type:none;
	display:inline;
}
/* ヘッダーここまで */

#menu_position {
padding: 50px 0 0 0;
}

/* 上のほうにあるメニュー */
#menu {
  width: 980px;
  padding: 0;
  margin: 100px 0 0 1px;
  list-style-type: none;
}
/* ナビが7個の場合　2020/03変更*/
#menu li {
  width: 140px;
  float: left;
  padding: 0;
  margin: 0 0 8px 0;
  text-align: center;
}
/* ナビが6個の場合　2020/03変更
#menu li {
  width: 163px;
  float: left;
  padding: 0;
  margin: 0 0 8px 0;
  text-align: center;
}
*/
#menu li a {
  width:auto;
  color:#fff;
  font-size:18px;
  text-shadow:0 -1px 0px #333,0 1px 0px #555;
  padding:10px 0;
  text-decoration:none;
  display:block;
  background: #228b22;
  background-image: -moz-linear-gradient(top, #228b22 0%, #2f7d2f 50%, #196819 50%, #2f7d2f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #149814), color-stop(0.50, #228b22), color-stop(0.50, #2f7d2f), color-stop(1, #228b22));
  border-left:1px solid #228b22;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			 -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #008000;
}
#menu li:first-child a{
  border-left:0px;
  border-radius:5px 0 0 5px;
  border-left:0;
  box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #008000;
}
#menu li:last-child a{
  border-radius:0 5px 5px 0;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #008000;
}
#menu li a:hover {
  background: #2f7d2f;
  background-image: -moz-linear-gradient(top, #149814 0%, #228b22 50%, #2f7d2f 50%, #228b22 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #228b22), color-stop(0.50, #2f7d2f), color-stop(0.50, #196819), color-stop(1, #2f7d2f));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
			 -1px 0px 0px rgba(225,225,225,0) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #008000;
}
/* 上のほうにあるメニューここまで */


/* トップページ画像リンク */
#top_second_menu {
	width: 980px;
	float: left;
	text-align: center;
	white-space: nowrap;
	font-size: 0;	/* 2017 追加 (smart.cssの#side_menu ulから流用) display: inline;の隙間対策 2-8 */
}

#top_second_menu ul{
	margin: 3px 2px 2px;	/* 2017 margin:3px 0px 2px 0px から変更 2-8 */
	padding: 0;
	text-align: justify;
}

#top_second_menu li	{
	margin: 3px 2px 0px;	/* 2017 margin:3px 0px 0px 0px から変更 2-8 */
	padding: 0;
	list-style-type:none;
	display:inline;
}

#top_second_menu a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/* トップページ画像リンクここまで */


/* サイドメニュー */
#side_menu {
	float: left;
	width: 225px;
	margin: 5px 5px 15px 5px;
}

#side_menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#side_menu li {
display: inline;
padding: 0;
margin: 0;
}

#side_menu li a {
display: block;
border-left: 10px solid #4C8C6C;
background-color: #E6E6E6;
padding: 8px 10px;	/* 2017 3px 10pxから変更 5-1 */
text-decoration: none;
color: #555;
width: 205px;
line-height: 25px;	/* 2017 35pxから変更 5-1 */
margin: 2px 0px;
text-align: left;
font-size: 14px;
}

#side_menu li a:hover {
border-left: 10px solid #34D9A2;
color: #777;
}
/* サイドメニューここまで */


/* 「トピックス」「一年間の行事」タブ */
#tab {
	width: 100%;
	margin: 7px 5px 10px 0;		/* 2017 上を10pxから変更 2-3 */
}

#tab ul.tab {
	overflow: hidden;
	border-bottom: 2px solid #8C2257;
}

#tab ul.tab li {
	float: left;
	margin-right: 3px;
	width: 32%;
	text-align: center;
}

/* 共通部分 */
#tab ul.tab li div {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	behavior: url("js/PIE.htc");
	padding: 5px 0;
	font-size: 14px;
	letter-spacing: 1px;
}
#tab .select div {
	color: #ffffff;
}

/* Topics */
#tab ul.tab li.select div.topics {
	border-top: 1px solid #8C2257;
	border-left: 1px solid #8C2257;
	border-right: 1px solid #8C2257;
	background-color: #8C2257;
}

#tab ul.tab li.not_select div.topics {
	border-top: 1px solid #8C2257;
	border-left: 1px solid #8C2257;
	border-right: 1px solid #8C2257;
	color: #8C2257;
}

#tab ul.tab li.not_select div.topics:hover {
	background-color: #fcf4f4;
}

/* news */
#tab ul.tab li.select div.news {
	border-top: 1px solid #228C8C;
	border-left: 1px solid #228C8C;
	border-right: 1px solid #228C8C;
	background-color: #228C8C;
}

#tab ul.tab li.not_select div.news {
	border-top: 1px solid #228C8C;
	border-left: 1px solid #228C8C;
	border-right: 1px solid #228C8C;
	color: #228C8C;
}

#tab ul.tab li.not_select div.news:hover {
	background-color: #f4f4fc;
}

/* news3 */
#tab ul.tab li.select div.topics3 {
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	background-color: #ff0000;
}

#tab ul.tab li.not_select div.topics3 {
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	color: #ff0000;
}

#tab ul.tab li.not_select div.topics3:hover {
	background-color: #ffcccc;
}
/* news3 変更　2020/03
#tab ul.tab li.select div.topics3 {
	border-top: 1px solid #8C8C22;
	border-left: 1px solid #8C8C22;
	border-right: 1px solid #8C8C22;
	background-color: #8C8C22;
}

#tab ul.tab li.not_select div.topics3 {
	border-top: 1px solid #8C8C22;
	border-left: 1px solid #8C8C22;
	border-right: 1px solid #8C8C22;
	color: #8C8C22;
}

#tab ul.tab li.not_select div.topics3:hover {
	background-color: #fcfcf4;
}
*/

/* 2017 変更 5-5
#tab ul.tab_content {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#tab ul.tab_content li {
  width:hogehoge;
  height: 305px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
*/
#tab ul.tab_content li {
  width:hogehoge;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
#tab ul.tab_top li {	/* トップページ */
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	height: 391px;	/* 2017 305pxから変更 2-3 */
}
#tab ul.tab_gyoji li {	/* 「学校生活」行事予定表 */
	height: 100%;	/* 2017 305pxから変更 5-5 */
}
/* 2017 変更 ここまで */

#tab ul.tab_content li.hide {
	display:none;
}

iframe {
  width:100%;
  height:100%;
  border:none;
  display:block;
}
iframe .youtube {
  width: 320px;
  height: 240px;
  border: none;
  display: block;
}
/* タブここまで */


/* 本文部分 */
#content1 {
	float: right;
	width: 730px;
	margin-right: 5px;
	margin-bottom: 15px;
}

#content2 {
	float: right;
	width: 715px;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 30px;
}

#content3 {
	float: left;
	width: 900px;
	margin-left: 30px;
	margin-bottom: 15px;
}

#content2 p {
    margin-left: 15px;
    margin-right:10px;
    margin-top: 10px;
}

h2#midashi,h2.midashi {
	background: url(../img/common/h2_bg.png) no-repeat left center;		/* IE9用 */
	background:-moz-linear-gradient(#E1E1E1, #FFFFFF);	/* Firefox用 */
	background:-ms-linear-gradient(#E1E1E1, #FFFFFF);	/* IE用 */
	background:-webkit-linear-gradient(#E1E1E1, #FFFFFF);	/* Google Chrome,Safari,Opera用 */
	background:linear-gradient(#E1E1E1, #FFFFFF);
	padding: 0px 0 3px 20px;
	line-height: 45px;
	font-size: 16px;
	color: #000;
	height: 45px;
	margin: 0px 0 10px 0px;
}

h2#midashi2, h2.midashi2 {
	padding:3px 0 0 8px;
	border-left: #4C8C6C 7px solid;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 10px;
	margin-left: 0;		/* 2017 15pxから修正 2-2 */
	margin-bottom: 0;	/* 2017 ;が付いていなかったので修正 */
	background:#CCFFCC;
	background:linear-gradient(to right, #CCFFCC, #FFFFFF);	/* 2017追加 2-2 */
}
h2#midashi2 span, h2.midashi2 span {
	padding:5px 0 3px 0;
	display:block;
	font-size: 14px;
	color:#999999;
	margin:0px 0px 5px 0px
}

h3#midashi, h3.midashi {	/* 2017 追加 2-2 */
	/*height: 30px;*/	/*廃止*/
	border-left: solid 7px #32883F;
	border-bottom: solid 2px #32883F;
	font-size: 20px;
	padding: 0 0 0 5px;
	margin: 8px 0;
}

/*2016/08/09追加*/
audio{
	display: none;
}
.hyou_midashi{
	background-color:  #E6E6E6;
	border-left: 4px solid #4C8C6C!important;
}
/*追加ここまで*/

/* 2017/07/18追加 */
/* 部活など サブメニューに使用 5-1 */
#side_menu li.sub a {
	width: 185px;
	margin: 2px 0px 2px 20px;
}

/* 学校方針 5-3 */
.houshin{
	margin: 20px 0px 10px 10px;
}
div.jisage {
	margin: 0 0 0 20px;
}

/* 校歌 5-4 */
.kashi{
	float:left;
	display:block;
	width:360px;
	padding:0 0 0 15px;	
}
.clear{
	clear:both;
}

/* 学校生活・進路指導 5-5 */
table.hyou_gyoji {
	width:100%;
	border-collapse: collapse;
	padding: 0px;
	font-size: 15px;
	line-height:22px;
	background-color: #FFFFFF;
	clear: both;
}
table.hyou_gyoji th {
	text-align: center;
	padding: 6px 6px;
	margin: 0px;
	border: 1px solid #cccccc;
	background-color: #F9F9F9;
}
table.hyou_gyoji td {
	padding: 5px 5px;
	margin: 0px;
	border: 1px solid #cccccc;
}
/*** 学校生活ここまで ***/
/* サイトマップ 5-2 */
div.jisage ul ul{
	padding: 0px 0px 10px 20px;
}
.dot:before {
	/*学校紹介にも使用*/
	content:"・";
	float: left;
	margin: 0px 5px 0px 0px;
	color: #000000;
}
.square:before {
	content:"■";
	float: left;
	margin: 0px 5px 0px 0px;
	color: #228b22;
}
.style12{
	color: #228b22;
}

/* 英語ページ 2-6 */
#content3 .eng_subtitle {
	width: 164px;
}
#content3 .eng_content {
	width: 690px;
}
/* 英語ページここまで */
/* 2017 追加ここまで */

/* 本文部分ここまで */


dl.tab dt {
	float: left;
	width: 100px;
	padding: 10px;
	border-bottom: 1px solid #999999;
}

dl.tab dd {
	margin-left: 120px;
	padding: 10px 0;
	border-bottom: 1px solid #999999;
}

dl.tab dd a {
	color: #000000;
}


/* dlリスト 2017 変更 4-2 */
#content2 .box_in {
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	margin-bottom: 5px;
	padding: 10px;
}
#content2 [class^="dl_list"] dl {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 7px 10px;			/* 2017 7px 4pxから変更 4-2-2 */
	border-bottom: 1px solid #D6D5CB;
}
#content2 [class^="dl_list"] dl:first-child {	/* 2017 追加 4-2-3-1 */
	border-top: 1px solid #D6D5CB;
}

#content2 [class^="dl_list"] dl dd {
	display: inline-block;			/* 2017 追加 4-2-2 */
	padding-left: 10px;				/* 2017 15pxから変更 4-2-2 */
	line-height: 1.4em;
	background-position: 5px center;
	vertical-align:middle;			/* 2017 追加 4-2-2 */
}
#content2 .dl_list_g1 dd {
	width: 200px;
}
#content2 .dl_list_g2 dd {
	width: 300px;
}
#content2 [class^="dl_list"] .dl_list_komidashi{	/* 2017 追加 4-2-3-2 */
	padding-left: 0px;
	font-size: 16px;
}
#content2 [class^="dl_list"] dl dd a img {	/* 2017 追加 4-2-1 */
	width:25px;
	height:25px;
	vertical-align:-4px;
}
/*
#content2 .dl_list_g1 dt {
	float: left;
	display: block;
	width: 40px;
	font-size: 12px;
	padding-left: 15px;
	line-height: 1.4em;
	background-position: 5px center;
}
#content2 .dl_list_g2 dt {
	float: left;
	display: block;
	width: 40px;
	font-size: 12px;
	padding-left: 15px;
	line-height: 1.4em;
	background-position: 5px center;
}
*/
/* dlリストここまで */

/* 画像 2017 変更 4-1 */
div[class^="photo"], div[id^="photo"] {
	color: #000000;
	line-height: 25px;
	font-size: 14px;
	margin:10px 15px 0;	/* 2017 10px 0px 0px 15pxから変更 4-1-3 */
}

div[class^="photo"] img, div[id^="photo"] img {
	background: #fff;
	vertical-align: middle;	/* 2017追加 4-1-1 */
	border: 1px solid #ccc;
	padding: 2px;
}

div#photo, div.photo {
	float:none;
	text-align: center;	/* 2017 追加 4-1-5 */
}
div[class^="photo-right"], div[id^="photo-right"] {
	float:right;
}
div[class^="photo-left"], div[id^="photo-left"] {
	float:left;
}
/* 画像ここまで */


/* フッター部分 */
div#footer	{
	background-color: #228b22;
	border-top: 1px solid #ddd;
	width: 100%;
	margin-top: 5px;
	padding-top: 8px;
	clear: both
}

address	{
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-align: right;
	padding: 10px 12px 15px 10px
}

.page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    padding: 10px;
    background: #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 10px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
/* フッター部分ここまで */


/* フォント設定 */
.style0 {
font-size: 14px;
}

.style1 {
font-size: 14px;
color: #666666;
}

.style2 {
font-size: 18px;
color: #FF3399;
}

.style3 {
font-size: 14px;
color: #3399FF;
}

.style5 {
font-size: 14px;
color: #CC3300;
}

.style6 {
font-size: 14px;
color: #000000;
}

.style7 {
font-size: 16px;
}

.style8 {
font-size: 14px;
color: #0066FF;
}

.style9 {
font-size: 14px;
color: #000000;
line-height: 1.6;
}

.style10 {
color: #003399;
line-height: 1.6;
}

.style11 {
font-size: 14px;
color: #000066;
line-height: 1.6;
}
/* フォント設定ここまで */

/* 表 */
table.hyou {
	border-collapse: collapse;
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 5px 5px;
	font-size: 12px;
	background-color: #FFFFFF;
	clear: both;
}
table.hyou th {
	text-align: center;
	text-decoration:none;
	padding: 3px 3px;
	margin: 0px;
	border: 1px solid #003300;
	background-color: #ffffff;
}
table.hyou td {
	padding: 3px 3px;
	margin: 0px;
	border: 1px solid #003300;
}
table.hyou td.name {
	background-color: #ffffff;
}

#hyou2 {
	margin-top: 5px;
	border-bottom:3px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	padding: 0px;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}
#hyou2 td{
	font-size: 10px;
	color:#000000;
}
#hyou2 th{
	font-size: 14px;
	color: #000000;
}
#hyou2 a 	{
	color: #017acd;
	border: none;
	margin-bottom: 0
}
#hyou2 a:hover 	{
	background-color: #F0F3FB;
	color: #000000
}

table.hyou3 {
	border-collapse: collapse;
	padding: 5px 5px 15px 10px;
	margin: 10px 5px 5px 20px;
	font-size: 12px;
	line-height:20px;
	background-color: #FFFFFF;
	clear: both;
}
table.hyou3 th {
	text-align: left;
	padding: 4px 4px;
	margin: 0px;
	border: 1px solid #133087;
	background-color: #ffffff;
}
table.hyou3 td {
	padding: 8px 8px;
	margin: 0px;
	border: 1px solid #133087;
}
table.hyou3 td.name {
	background-color: #ffffff;
}

table.hyou4 {
	border-collapse: collapse;
	padding: 5px 5px 15px 10px;
	margin: 10px 5px 5px 20px;
	font-size: 14px;
	line-height:1.6;
	background-color: #FFFFFF;
	clear: both;
}
table.hyou4 th {
	text-align: left;
	line-height:2px;
	padding: 4px 4px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
}
table.hyou4 td {
	padding: 10px 10px;
	margin: 0px;
	border: 0px solid #ffffff;
}
table.hyou4 td.name {
	background-color: #ffffff;
}

table.hyou5 {
	border-collapse: collapse;
	padding: 5px 5px 15px 10px;
	margin: 0px 5px 5px 20px;
	font-size: 12px;
	line-height:15px;
	background-color: #FFFFFF;
	clear: both;
}
table.hyou5 th {
	text-align: left;
	padding: 4px 4px;
	margin: 0px;
	border: 0px solid #cccccc;
	background-color: #ffffff;
}
table.hyou5 td {
	padding: 5px 5px;
	margin: 0px;
	border: 1px solid #cccccc;
}
table.hyou5 td.name {
	background-color: #ffffff;
}

table.hyou6 {
	border-collapse: collapse;
	padding: 5px 5px 15px 10px;
	margin: 10px 5px 5px 20px;
	font-size: 14px;
	line-height:15px;
	background-color: #FFFFFF;
	clear: both;
}
table.hyou6 th {
	text-align: center;
	padding: 6px 6px;
	margin: 0px;
	border: 1px solid #cccccc;
	background-color: #F9F9F9;
}
table.hyou6 td {
	padding: 5px 5px;
	margin: 0px;
	border: 1px solid #cccccc;
}
table.hyou6 td.name {
	background-color: #ffffff;
}


table.hyou7 {
	padding: 5px 5px 15px 10px;
	margin: 10px 5px 5px 20px;
	line-height:2;
	border-bottom:3px solid #ccc;
	border-left:1px solid #ccc;
	border-right:2px solid #ccc;
	border-top:1px solid #ccc;
	padding: 0px;
	font-size: 14px;
	font-style: normal;
	color: #000000;
}
table.hyou7 td{
	font-size: 14px;
	color:#000000;
}
table.hyou7 th{
	font-size: 14px;
	color: #000000;
}

table.hyou8 {
	border-collapse: collapse;
	padding: 5px 5px 10px 5px;
	margin: 10px 5px 5px 0px;
	font-size: 12px;
	line-height:15px;
	background-color: #FFFFFF;
	clear: both;
}
table.hyou8 th {
	text-align: center;
	padding: 6px 6px;
	margin: 0px;
	border: 1px solid #cccccc;
	background-color: #F9F9F9;
}
table.hyou8 td {
	padding: 5px 5px;
	margin: 0px;
	border: 1px solid #cccccc;
}
table.hyou8 td.name {
	background-color: #ffffff;
}

table.hyou9 {
	border-collapse: collapse;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 0px 15px;
	font-size: 12px;
	line-height:1.6;
	background-color: #FFFFFF;
	clear: both;
}
table.hyou9 th {
	text-align: left;
	line-height:2px;
	padding: 4px 4px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
}
table.hyou9 td {
	padding: 10px 10px;
	margin: 0px;
	border: 0px solid #ffffff;
}

table.hyou9 td.name {
	background-color: #ffffff;
}

table.hyou10 {
	border-collapse: collapse;
	padding: 5px 5px 10px 5px;
	margin: 10px 5px 5px 0px;
	font-size: 12px;
	line-height:15px;
	background-color: #FF9;
	clear: both;
}
table.hyou10 td {
	padding: 5px 5px;
	margin: 0px;
	border: 1px solid #cccccc;
}
/* 表ここまで */

/* サンプルページ用CSS */
.side_waku {
    top: 180px;
    position: fixed;
    z-index: 999;
    margin-left:-265px;
    width: 235px;
    padding: 5px 0 5px 0;
    border-radius: 3px 3px 3px 3px;
}
/* サンプルページ用CSSここまで */

/*2016/0809追加2*/}/*追加2ここまで*/