/*	広報指定カラー（参考）
	つくば紫 / CLASSIC PURPLE：#5C068C
	つくばブルー / FUTURE BLUE：#00C1D4
*/



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}





li.notice{
    padding-left:6.5em;
    text-indent:-6.5em;
    }
    
li.about{
	padding-left:6.5em;
	text-indent:-6.5em;
	line-height: 130%;
	}

ol,ul{
	list-style:none;
	line-height: 130%;
	}

ul.news{
	font-size: 13.5px;
	}



/*報告書用*/
ul.report{
	list-style: circle;
	margin: 0px 0px 0px 60px;
	}
ol.report{
	list-style: upper-roman;
	margin: 30px 20px 1.5em 60px
	}

.preport{
	margin-left: 45px;
	}

blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}


.resizeimage img{ width:100%;}


body {
	line-height: 1;
 	margin: 0; 
 	padding: 0;
 	background: #ffffff; /*ebe7d2*/
 	color: #222; 
 	font-size : 15px;
 	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","UD デジタル 教科書体 NK-B", sans-serif; 
	}


h1 { font-size:48px; font-family: 'Tangerine', cursive; text-align: center; }


#main-in>p,ol{
	margin: 0px 20px 1em 20px;
	font-size:100%;
	line-height:130%;
	}


#main-in>h3 {
	padding: 10px;
	margin-top: 2%;
	margin-bottom: 2%;
	color: #FFF;
	border: 2px dashed #FFF;
	border-radius: 6px;
	background-color: #3F6B8C;
	box-shadow: 0 0 0 4px #3F6B8C;
	background: #3F6B8C;
	font-weight:bold;
	font-size:120%;
	/*padding: 6px;*/
	/*color: #ffffff;*/
	/*text-transform: uppercase;*/
	}


#main-in>h4{
	padding: 6px;
	bottom: 0;
	/*content: '';*/
	border-bottom: 3px solid #749fc1;
	font-size:105%;
	font-weight:bold;
	color:#749fc1;
	}


#main-in>table{
	border-collapse:collapse;
	border-spacing:0;
	border-color:#3F6B8C;
	width:90%;
	margin:auto;
	}
	
/*テーブル：プログラム*/
.program1{
	width:20%;
	}
.program2{
	width:20%;
	}
.program3{
	width:60%;
	}
	
/*テーブル：メンバー*/
.member1{
	width:20%;
	}
.member2{
	width:55%;
	}
.member3{
	width:20%;
	}
	
/*テーブル：役割分担*/
.role1{
	width:25%;
	}
.role2{
	width:45%;
	}
.role3{
	width:20%;
	}
.role4{
	width:10%;
	}


#main-in thead{
	background-color:#B8CEDF;
	}
	
#main-in thead.lunchbreak{
	background-color:#B8CEDF;
	}


#main-in>del {
	color:red;
	font-size:500%;
	text-decoration: line-through;
	}

#main-in>hr {
    border: 0;
    height: 1px;
    background: #3F6B8C;
	}


/* header */
#header { width: 100%; max-width: 800px; padding: 0; margin: 15px auto; background: #fff; }


/* footer */
#footer { width: 100%; max-width: 800px; padding: 0;  clear:both;}
#footer-in { padding: 15px 15px 15px 15px;}

#contents { width: 100%; max-width: 800px; margin: 0 auto; padding: 0; }

#main { 
	float: left;
	width: 85%;
	margin: 0; 
	padding: 0; 
	}

#main-in { margin-left: 15px; padding: 15px 15px 15px 15px; background: #fff; }
/*
#main-in ul {
	text-align:left;
	list-style-type:circle;
	margin-left:3em;
	padding-left:0;
	margin-top:1em;
	margin-bottom:0;
	}

#main-in ul li {
	list-style-image:url(../images/icon_sball.gif);
	padding-left:0.3em;
	padding-bottom: 10px;
	color:#555555;
	margin-top:0.8em;
	}
*/

#main-in th,td{
	border: solid 1px;

	padding: 10px;
	vertical-align: middle;
	line-height: 1.5;
	}
	
img.photoalbum{ 
	width:100%;
	height:100%;
	}

table.photoalbum{
	text-align:center;
	vertical-align:cneter;
	}

/*テーブル関係*/
/*セルの下と右の境界線なし*/
td.line-DR-none{
	border-bottom: none;
	border-right: none;
	}
/*セルの下と左右の境界線なし*/
td.line-DLR-none{
	border-bottom: none;
	border-left: none;
	border-right: none;
	}
/*セルの下と左の境界線なし*/
td.line-DL-none{
	border-bottom: none;
	border-left: none;
	}
/*セルの上と右の境界線なし*/
td.line-TR-none{
	border-top: none;
	border-right: none;
	}
/*セルの上と左の境界線なし*/
td.line-TL-none{
	border-top: none;
	border-left: none;
	}

/*
#main-in table,th,td{
	/*border: 1px #808080 solid;*/
/*
	margin-left: auto;
	margin-right: auto;
	}
*/

/*
#main-in th.member1,td.member1{ text-align: left; width: 25%; }
#main-in th.member2.td.member2{ text-align: left; width: 40%; }
#main-in th.member3,td.member3{ text-align: left; width: 35%; }

#main-in td.role1, td.role1{ width: 25%; }
#main-in td.role2, td.role2{ width: 40%; }
#main-in td.role3, td.role3{ width: 15%; text-align: center; }
#main-in td.role4, td.role4{ width: 20%; }
*/

#navigation{
  float: left;
  width: 15%;
  margin: 0;
  padding: 0;
}

#navigation h3{
  margin: 0;
  padding: 8px 5px 5px;
  background: #3F6B8C;
  color: #fff;
  font-size: 15px;
  text-align: center;
}

#menu h3{ 
  background: #3F6B8C;
}

#menu h4{ 
  margin: 0;
  padding: 8px 5px 5px;
  font-size: 15px;
  text-align: center;
}
/*
#menu h3:nth-of-type(1){ background: #6600cc; }
#menu h3:nth-of-type(2){ background: #99820f; }
#menu h3:nth-of-type(3){ background: #995f0f; }
#menu h3:nth-of-type(4){ background: #993d0f; }
*/
#navigation ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*background: #eeeeee;*/
  background: #F8FAFB;
  border: 3px solid #8d990f;
}

#menu ul{ border-color: #3F6B8C; }

/*
#menu ul:nth-of-type(1){ border-color: #6600cc; }
#menu ul:nth-of-type(2){ border-color: #99820f; }
#menu ul:nth-of-type(3){ border-color: #995f0f; }
#menu ul:nth-of-type(4){ border-color: #993d0f; }
*/

#navigation ul li{
  width: 100%;
  margin: 0;
  padding: 0;
}

#navigation ul li a{
  display: block;
  margin: 0;
  padding: 8px 10px;
  color: #333;
  font-size: 13.5px;
  text-align: center;
  text-decoration: none;
}

#navigation ul li#current a{
  display: block;
  margin: 0;
  padding: 8px 10px;
  color:#ffffff;
  background: #749fc1;
  font-size: 13.5px;
  text-align: center;
  text-decoration: none;
}


#navigation li a:hover{
  background: #749fc1;
  color:#FFF;
}
#toggle{ display: none; }

.red{
  color:#f00;
}

.pc{display:block !important;}
.sp{display:none !important;}



@media only screen and (max-width: 800px) {
/*ヘッダー画像選択*/
	.pc{display: none !important;}
	.sp{display: block !important;}

	#header { margin: 0; }
	#main { float: none; clear: both; width: 100%; }
	#main-in { margin-left: 0; }

	#navigation{
		float: none;
		width: 100%;
	background: #ebe7d2;
	}
	#navigation h3{
		clear: both;
		position: relative;
		z-index: 9999;
	}
	#menu { display: none; position: relative; }
	#menu:after {
		position: absolute;
		content:"";
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #d6cea3;
	}
	#navigation ul{
		border-left-width: 3px;
		border-right-width: 3px;
		border-right-style: solid;
		background: #ebe7d2;
	}
  #navigation ul:before,
  #navigation ul:after{
    content: "";
    display: table;
  }
  #navigation ul:after{ clear: both; }
  #navigation ul{ *zoom: 1; }
  #navigation ul li{
    float: left;
    width: 10%;
    box-sizing: border-box;
    border-right: 1px solid #d6cea3;
    border-bottom: 1px solid #d6cea3;
  }
  #navigation ul li:nth-of-type(4n){ border-right: 0; }
  #navigation ul li a{
    text-align: center;
    padding: 12px 0px;
  }
  #navigation ul li#current a{
   text-align: center;
   padding:12px 0px;
   }
   
  
  #navigation ul li a:hover{ background: #749fc1;}
  
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #402218;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 15px 0 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{ margin-top: -6px; }
  #toggle a:after{ margin-top: 2px; }
}


@media only screen and (max-width: 799px) { /*767*/
	#navigation ul li{ width: 50%; }
	#navigation ul li:nth-of-type(2n){ border-right: 0; }
}
@media only screen and (max-width: 320px) { /*479*/
	#navigation ul li{ float: none; width: 100%; }
	#navigation ul li:nth-of-type(2n){ border-right: 0; }
}

/* パンくずリスト */
div#bread {
	text-align:left;
	font-size:1em;
	color:#555555;
	padding: 10px 10px;
	}

div#bread a {color:#542D24}
div#bread a:link, a:visited {
	text-decoration:none;
	}

div#bread a:hover, a:active {
	text-decoration:underline;
	}
	
/* フッター */
.footlogo {
	float: left;
	text-align:left;
	}
address {
	font-size:0.8em;
	font-style:normal;
	line-height:1.2em;
	color:#333333;
	text-align:right;
	padding-top:7px;
	}
	
/*　連絡先　*/
#contact {
	width: 250px;
	height:60px;
	margin:0 0 0 auto;
	padding:10px;
	border:0.5px solid black;
	float:none; 
	clear:left;
	}
	
/*　HR線　*/

hr {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
	}

/*　workreports　*/