@charset "UTF-8";

@media screen and (max-width: 640px){

body {
	margin: 0 auto;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 1.7;
}

/* コンテナ */
div#container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	background-color: #ffffff;
	margin-left:auto;
	margin-right:auto;
	word-break: break-all;
}

/* ヘッダー */
div#header	{
	display: flex;
	height: auto;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 5px 0 0 0;
	order: 1;
}

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

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

#logo img{
  width: auto;
	height: 48px;
	margin: 0px 0px 0px 10px;
}

/* トップリンク */
#top_link_kokki{display: none;}

#top_link{display: none;}
/* ヘッダーここまで */


#menu_position {
	position: relative;
width: 100%;
padding: 0;
order: 4;
}

#Stage{
	width: 100%!important;
	height: auto!important;
}

#Stage:before{
	content:"";
	display: block;
	padding-top: 56.22%; /*高さを幅の56%（パソコン版の画像サイズが980×551なため）に固定*/
}

div[id^="Stage__"] {
		position: absolute!important;
		width: 100%!important;
		height: auto!important;
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    right: 0!important;
		transform: none!important;
}

/* 上のほうにあるメニュー */
#menu {
  width: 100%;
  padding: 0;
  margin: 0 0 1px;
  list-style-type: none;
	order: 2;
}

#menu li {
  width: 33.3%;
  float: left;
  padding: 0;
  margin: 0 0  0;
  text-align: center;
	border-bottom: 1px solid #186218;
}
#menu li:first-child{
	display: none;
}
/* メニュー　表示W50％　2020/03変更
#menu li:nth-child(2), #menu li:nth-child(3){
	width: 50%;
}
*/
#menu li a {
  width:auto;
  color:#fff;
  font-size:16px;
  text-shadow:0 -1px 0px #333,0 1px 0px #555;
  padding: 6px 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));
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #149814), color-stop(1, #228b22));
  border-left:1px solid #228b22;
  box-shadow: 1px 1px 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:nth-child(4) a{
	font-size: 14px;
	padding:8px 0;
}

#menu li:first-child a, #menu li nth-child(3) a{
	border-left: 0px;
}
/*#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: 100%;
	float: left;
	text-align: center;
	white-space: nowrap;
	order: 5;
}

#top_second_menu ul{
  margin: 3px 0px 0px 0px;
	padding: 0;
	text-align: justify;
}

#top_second_menu li	{
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
	list-style-type:none;
	/*display:inline;*/
}

#top_second_menu a img{
	width: 100%;
}


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


/* サイドメニュー */
#side_menu *{
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#side_menu {
	margin: 5px 3px; /* 2017 5px 5px 5px 5pxから変更 5-1 */
	order: 3;
}

#side_menu ul {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
font-size: 0;/*display: inline-block;の隙間対策*/
}

#side_menu li {
display: inline-block;
width: 50%;
padding: 0 2px;	/* 2017 padding: 0;から変更 5-1 */
margin: 0;
font-size: 14px;/*元に戻しておく*/
}

/*	2017 廃止 5-1
#side_menu li:nth-child(odd){
	padding-right: 2px;
}

#side_menu li:nth-child(even){
	padding-left: 2px;
}
*/
/* 2017 追加 5-1 */
#side_menu li.smart_none {
	display: none;
}
#side_menu li.smart_100 {
	width: 100%;
}
/* 2017 追加ここまで */

#side_menu li a {
display: block;
border-left: 10px solid #4C8C6C;
background-color: #E6E6E6;
padding: 3px 10px;
text-decoration: none;
color: #555;
width: 100%;
line-height: 20px;
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: 10px 5px 10px 0;
}

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

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

/* 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;
	color: #ffffff;
	padding: 5px 0;
	font-size: 14px;
	letter-spacing: 1px;
}

#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;
	padding: 5px 0;
	font-size: 14px;
	letter-spacing: 1px;
}

#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;
	color: #ffffff;
	padding: 5px 0;
	font-size: 14px;
	letter-spacing: 1px;
}

#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;
	padding: 5px 0;
	font-size: 14px;
	letter-spacing: 1px;
}

#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;
	color: #ffffff;
	padding: 5px 0;
	font-size: 14px;
	letter-spacing: 1px;
}

#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;
	padding: 5px 0;
	font-size: 14px;
	letter-spacing: 1px;
}

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

#tab ul.tab li div {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	behavior: url("js/PIE.htc");
}

#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.hide {
	display:none;
}

iframe {
  width:100%;
  height:100%;
  border:none;
  display:block;
}

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


/* 本文部分 */
#content1 {
	width: auto;
	margin: 8px;
	margin-bottom: 15px;
	order: 6;
}

#content2 {
	width: auto;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 30px;
	order: 5;
}

#content3 {
	width: auto;	/* 2017 変更 2-6 */
	order: 5;	/* 2017 追加 2-6 */
}

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

/* 2017 変更 2-1
h2#midashi {
	background:
  -moz-box-linear-gradient(#E1E1E1, #FFFFFF);          /* Firefox用 
  -ms-box-linear-gradient(#E1E1E1, #FFFFFF);           /* IE用 
  -webkit-box-linear-gradient(#E1E1E1, #FFFFFF);* Google Chrome,Safari,Opera用 
  box-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#midashi,h2.midashi {
	background:#E1E1E1;					/* 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: 5px 0 8px 20px;	/* 2017 変更 2-1 */
	line-height: 35px;
	font-size: 16px;
	color: #000;
	/*height: 45px;*/	/* 2017 廃止 2-1 */
	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{
	padding:5px 0 3px 0;
	display:block;
	font-size: 14px;
	color:#999999;
	margin:0px 0px 5px 0px
}

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



audio{
	height: 32px;
	width: 280px;
}
.hyou_midashi{
	background-color:  #E6E6E6;
	border-left: 4px solid #4C8C6C!important;
}

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

/* 校歌 5-4 */
.clear{
	clear:both;
}

/* 学校生活 5-5 */
table.hyou_gyoji {
	width:100%;
	border-collapse: collapse;
	padding: 0px;
	font-size: 14px;
	line-height:20px;
	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 0px 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: 128px;
}
#content3 .eng_content {
	width: auto;
}
/* 英語ページここまで */
/* 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 5px;	/* 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 */
	box-sizing:border-box;
	width: 100%;		/* 2017 200pxから変更 4-2-2 */
	padding-left: 5px;	/* 2017 15pxから変更 4-2-2 */
	line-height: 1.4em;
	background-position: 5px center;
	vertical-align:middle;		/* 2017 追加 4-2-2 */
}
#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-2 */
}

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

div#photo, div.photo, div#photo-right_pc, div.photo-right_pc, div#photo-left_pc, div.photo-left_pc {
	float:none;
	text-align: center;	/* 2017 追加 4-1-5 */
}
div#photo-right, div.photo-right {
	float:right;
}
div#photo-left, div.photo-left {
	float:left;
}
img.picture {		/* 2017 移動 4-1-5 */
	width: 100%;
	height: auto;
}


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

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;
order: 7;

}

.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 {
	width: auto;
	border-collapse: collapse;
	padding: 5px 5px 15px 10px;
	margin: 10px 5px 5px;	/* 2017  10px 5px 5px 20px;から変更 2-9*/
	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 5px;
	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;	/* 2017  10px 5px 5px 20px;から変更 2-9 */
	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ここまで */

}