@charset "utf-8";

/* structure layout
============================================================================================================================== */
html {
	background: url(../images/bg_mini.gif) 0 -38px repeat-x;
	background-color: #ece3d1;
	margin-bottom:1px;
	height:100%;
}
body {
	background: url(../images/bg_mini.gif) 0 -38px repeat-x;
	height:100%;
}
body#body_pop {
	background: url(../images/bg_mini_.gif) 0 -38px repeat-x;
	
}
#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#head {
}
#head .nav{
}
#body {
	background-color: #FFFFFF;
	padding: 0 25px;
}
#body #article{
	background: #999999;
	width: 705px;
	float: right;
}
#body .nav{
	width: 200px;
	float: left;
}
/*
#footer {
	background:url(../images/footer/bg.gif) center 0 no-repeat #FFFFFF;
}*/
/* detail
------------------------------------------------------------------------------------------------------------------------------ */




/* head layout
============================================================================================================================== */

/* logos
------------------------------------------------------------------------------------------------------------------------------ */
#head .logo {
	float: left;
	width: 670px;
	height: 50px;
}
#head .logo img {
	margin-top: 4px;
	margin-right: 15px;
	vertical-align: middle;
}
#head .external_link {
	float: right;
	margin-top: 23px;
	width: 309px;
	text-align: right;
}
#head .external_link li {
	display: inline;
	margin-top: 13px;
	display: inline;
}

/* detail */
body.detail #head {
	height: 77px;
}
body.detail #head .logo {
	width: 300px;
}
body.detail #head .external_link {
	width: 200px;
}
body.detail #body {
	padding: 10px 25px;
}



/* form
------------------------------------------------------------------------------------------------------------------------------ */
#head .head_form {
	clear: both;
	height: 27px;
}
#head .head_form legend {
	display: none;
}

#head .head_form .search {
	float: left;
	width: 350px;
	height: 26px;
	background: url(../images/head/searchbox_mini.gif) 69px 50% no-repeat;
}
#head .head_form .search label ,
#head .head_form .search .word ,
#head .head_form .search .submit {
	display: block;
	float: left;
}
#head .head_form .search label {
	margin-left: 5px;
}
#head .head_form .search img {
	margin-top: 8px;
}
#head .head_form .search .word {
	border: 0px none;
	height: 16px;
	width: 204px;
	margin-left: 27px;
	_margin-left: 22px;
	margin-top: 5px;
	font-size: 1em;
	background: #FFFFFF;
}
#head .head_form .search .submit {
	height: 20px;
	margin: 3px 0 0;
	padding: 0;
	border: none;
	/*background: none transparent;*/
}

span.required{
	color: #de2e66;
	font-weight: bold;
}


/*======================================
	Login Panel
======================================*/
.lightTip .helpCont{
	font-size: 1.2em;
	width: 500px;
	padding: 10px;
	border: 6px solid #e2e2e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ffffff;
	color: #020202;
	text-align: left;
}
.lightTip .toparrow{
	height: 14px;
	width: 500px;
	background: transparent url(../images/tinyTip/notch-white_up.gif) 260px 0 no-repeat;
	* html background-position: 250px 0;
}
p.logout{
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 3px;
}
p.logout,
#head .head_form .login {
	float: right;
	width: 470px;
	text-align: right;
	vertical-align: middle;
}
/* IE6, 7 */
html* p.logout a img {
	vertical-align: middle;
}


#head .head_form .login fieldset {
}
#head .head_form .login label ,
#head .head_form .login input {
	display: block;
	float: left;
}
#head .head_form .login label {
	margin-top: 8px;
	margin-right: 6px;
}
#head .head_form .login input.password ,
#head .head_form .login input.identity {
	height: 14px;
	width: 138px;
	margin-top: 4px;
	margin-right: 13px;
	border: 1px solid #aaaaaa;
	background: #fcebca;
	font-size: 1em;
}	
#head .head_form .login input.submit {
	margin-top: 3px;
}

/* IE6 Login form layout tuning */
* html #head .head_form .login input.password ,
* html #head .head_form .login input.identity {
	width: 136px;
}


/* login panel top page & teacher top*/
#loginUnder {
	width: 220px;
	height: 110px;
	padding: 0;
	border: solid 1px #aaaaaa;
	background-color: #f2f2f2;
	text-align: center;
}
#loginUnderBg {
	background: url(../images/home/logintitle.gif) top no-repeat;
	margin: 0;
	padding: 5px;
	border: none;

}
#loginUnder legend {
	padding-left: 50px;
	font-weight: bold;
	color: #666;
	display: none;
}
#loginUnder input.identity {
	margin-top: 15px;
	margin-bottom: 5px;
}
#loginUnder input.password {
	margin-bottom: 10px;
}
#loginUnder label img {
	vertical-align: middle;
}

/* global
------------------------------------------------------------------------------------------------------------------------------ */

/*#head .nav {
	width: 980px;
	height: 36px;
	overflow: hidden;
}*/

#head .nav li {
	margin-top: 0;
	padding: 0;
}
* html #head .nav li.home {
	width: 79px;
}
* html #head .nav li.about,
* html #head .nav li.results,
* html #head .nav li.teachers,
* html #head .nav li.parents {
	width: 224px;
}
#head .nav li a {
	padding: 0px;
}
#head .nav img {
}

#head .nav {
	clear: both;
	width: 980px;
	height: 36px;
	margin: 0 auto -8px 0px;
}
#head .nav li {
	float: left;
	margin-top: 0;
}
#head .nav li a {
	padding-top: 0;
	height: 28px;
	display: block;
}
#head .nav li a:hover {
	border-bottom-width: 8px;
	border-bottom-style: solid;
	margin-bottom: -8px;
	position: relative;
	height:100%;
}
#head .nav li.home a:hover {
	border-bottom: none;
}

body.about #head .nav li.about a ,
#head .nav li.about a:hover {
	border-bottom-color: #d06632;
	height:100%;
}
body.results #head .nav li.results a ,
#head .nav li.results a:hover {
	border-bottom-color: #7C28BC;
	height:100%;
}
body.teacher #head .nav li.teachers a ,
#head .nav li.teachers a:hover {
	border-bottom-color: #5f9617;
	height:100%;
}
body.student #head .nav li.parents a ,
#head .nav li.parents a:hover {
	border-bottom-color: #D5687B;
	height:100%;
}


/* current category */

body.student #head .nav li.parents a ,
body.teacher #head .nav li.teachers a ,
body.results #head .nav li.results a ,
body.about #head .nav li.about a {
	border-bottom-width: 8px;
	border-bottom-style: solid;
	margin-bottom: -8px;
	position: relative;
}
div.nav .local li.first-child {
	font-size: 1.4em;
	font-weight: bold;
}
body.student div.nav .local li.first-child {
	letter-spacing: normal;	
}


/* bread_crumb
------------------------------------------------------------------------------------------------------------------------------ */
#head .bread_crumb {
	clear: both;
	padding: 15px 25px 12px;
	background: #FFFFFF;
}
#head .bread_crumb span {
	font-size: 0.8em;
	color: #999999;
	padding: 3px;
}
#head .bread_crumb em {
	font-style: normal;
	color: #666666;
}


/* body
============================================================================================================================== */

/* nav
------------------------------------------------------------------------------------------------------------------------------ */
#body .nav div {
	margin-bottom: 25px;
}

#body .nav h3 {
	padding: 11px 0;
	border-top: 3px solid #999999;
}
/* category color
---------------------------------------------------------------- */

body.about #body .nav .local h3 {
	border-color: #D06632;
}
body.results #body .nav .local h3 {
	border-color: #7C28BC;
}
body.teacher #body .nav .local h3 {
	border-color: #5F9617;
}
body.student #body .nav .local h3 {
	border-color: #D5687B;
}
/* ----------------------------------------------------------------
category color*/


#body .nav a {
	color: #000000;
}
#body .nav a:active ,
#body .nav a:hover {
	text-decoration: none;
}


#body .nav .local ul {
	border: 1px solid #999999;
}
#body .nav .local ul li {
	padding-bottom: 1px;
}
#body .nav .local li.current {
	background-color: #CCCCCC;
}
#body .nav .local a {
	padding: 10px 5px 9px 25px;
	display: block;
	font-size: 1.3em;
	line-height: normal;
	zoom: 1;
	text-decoration: none;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
#body .nav .local li.current a {
	color: #FFFFFF;
	text-decoration: none;
}
#body .nav .local a:hover {
	background-color: #EEEEEE;
}
#body li a img {
	margin-left: 5px;
}
/* top page icon tuningu */
#body li.shortcutIcon a img {
/*	margin: 0; default;*/
	margin: 0 30px; 
}

/* category color
---------------------------------------------------------------- */
/* h1 */
body.about #body #article h1 {
	background: url(../images/about-h1bg.gif) repeat-x;
	color: #fff;
	margin-bottom: 10px;
}
body.results #body #article h1 {
	background: url(../images/results-h1bg.jpg) repeat-x;
	color: #fff;
	margin-bottom: 10px;
}
body.teacher #body #article h1 {
	background: url(../images/teacher-h1bg.gif) repeat-x;
	color: #fff;
	margin-bottom: 10px;
}
body.parents #body #article h1,
body.student #body #article h1 {
	background: url(../images/parents-h1bg.gif) repeat-x;
	color: #fff;
	margin-bottom: 10px;
}
/* h2 */
body.about #body #article h2 {
	background: url(../images/about-h2bg.gif) top left repeat-x;
	color: #fff;
	margin-bottom: 10px;
}
body.results #body #article h2 {
	background: url(../images/results-h2bg.gif) top left repeat-x;
	color: #fff;
	margin-bottom: 10px;
}
body.teacher #body #article h2 {
	background: url(../images/teacher-h2bg.gif) top left repeat-x;
	color: #fff;
	margin-bottom: 10px;
}
body.parents #body #article h2,
body.student #body #article h2 {
	background: url(../images/parents-h2bg.gif) top left repeat-x;
	color: #fff;
	margin-bottom: 10px;
}
body #body #article h2 a img {
	vertical-align: text-top;
}
/* about */

body.about #body .nav .local ul {
	border: 1px solid #D06632;
}
body.about #body .nav .local li.current {
	background-color: #D06632;
}
body.about #body .nav .local li {
	background: url(../images/body/nav/border/about.gif) 0 bottom repeat-x;
}
body.about #body .nav .local a {
	background-image: url(../images/body/nav/arrow/about.gif);
}
body.about #body .nav .local a:hover {
	background-color: #f3d9cc;
	background-image: url(../images/body/nav/arrow/about_on.gif);
}
body.about #body .nav .local li.current a {
	background-image: url(../images/body/nav/arrow/about_crnt.gif);
}
body.about #body .nav .local li.current a:hover {
	color: #D06632;
	background-image: url(../images/body/nav/arrow/about_on.gif);
}
/* results */
body.results #body .nav .local ul {
	border: 1px solid #7C28BC;
}
body.results #body .nav .local li.current {
	background-color: #7C28BC;
}
body.results #body .nav .local li {
	background: url(../images/body/nav/border/results.gif) 0 bottom repeat-x;
}
body.results #body .nav .local a {
	background-image: url(../images/body/nav/arrow/results.gif);
}
body.results #body .nav .local a:hover {
	background-color: #dec9ee;
	background-image: url(../images/body/nav/arrow/results_on.gif);
}
body.results #body .nav .local li.current a {
	background-image: url(../images/body/nav/arrow/results_crnt.gif);
}
body.results #body .nav .local li.current a:hover {
	color: #7C28BC;
	background-image: url(../images/body/nav/arrow/results_on.gif);
}
/* teacher */
body.teacher #body .nav .local ul {
	border: 1px solid #5F9617;
}
body.teacher #body .nav .local li.current {
	background-color: #5F9617;
}
body.teacher #body .nav .local li {
	background: url(../images/body/nav/border/teachers.gif) 0 bottom repeat-x;
}
body.teacher #body .nav .local a {
	background-image: url(../images/body/nav/arrow/teachers.gif);
}
body.teacher #body .nav .local a:hover {
	background-color: #d7e5c5;
	background-image: url(../images/body/nav/arrow/teachers_on.gif);
}
body.teacher #body .nav .local li.current a {
	background-image: url(../images/body/nav/arrow/teachers_crnt.gif);
}
body.teacher #body .nav .local li.current a:hover {
	color: #5F9617;
	background-image: url(../images/body/nav/arrow/teachers_on.gif);
}
/* student */
body.student #body .nav .local ul {
	border: 1px solid #D5687B;
}
body.student #body .nav .local li.current {
	background-color: #D5687B;
}
body.student #body .nav .local li {
	background: url(../images/body/nav/border/student.gif) 0 bottom repeat-x;
}
body.student #body .nav .local a {
	background-image: url(../images/body/nav/arrow/student.gif);
}
body.student #body .nav .local a:hover {
	background-color: #f3d5d9;
	background-image: url(../images/body/nav/arrow/student_on.gif);
}
body.student #body .nav .local li.current a {
	background-image: url(../images/body/nav/arrow/student_crnt.gif);
}
body.student #body .nav .local li.current a:hover {
	color: #D5687B;
	background-image: url(../images/body/nav/arrow/student_on.gif);
}

/* ----------------------------------------------------------------
end category color */


body #body .nav .local li.last-child {
	background-image: none;
	padding-bottom: 0;
}
#body .nav .relation h3 {
	border-color: #004c75;
}
#body .nav .relation ul {
	background: url(../images/border-dotted_gray.gif) 0 top repeat-x;
}
#body .nav .relation li{
	background: url(../images/border-dotted_gray.gif) 0 bottom repeat-x;
}
#body .nav .relation a {
	display: block;
	padding: 6px 6px 6px 13px;
	font-size: 1.2em;
	zoom: 1;
	text-decoration: none;
	background: url(../images/body/nav/arrow/gray.gif) 3px 50% no-repeat ;
}


#body .nav .external h3 {
	border-color: #004c75;
}
#body .nav .external ul {
	background: url(../images/border-dotted_gray.gif) 0 top repeat-x;
}
#body .nav .external li{
	background: url(../images/border-dotted_gray.gif) 0 bottom repeat-x;
}
#body .nav .external a {
	display: block;
	padding: 6px 6px 6px 13px;
	font-size: 1.2em;
	zoom: 1;
	text-decoration: none;
	background: url(../images/body/nav/arrow/gray.gif) 3px 50% no-repeat ;
}

/* article
------------------------------------------------------------------------------------------------------------------------------ */
#body #article {
	background: url(../images/body/article/h1.gif) 0 0 no-repeat;
	padding-bottom: 30px;
}
#body #article h1 {
	padding: 18px 18px 15px;
	font-size: 2.0em;
	font-weight: bold;
}
#body #article h2 ,
#body #article h3 ,
#body #article h4 {
	font-size: 1.4em;
	font-weight: bold;
}
#body #article p {
	margin-bottom: 30px;
	font-size: 1.3em;
	line-height: 1.769;
}

#body #article h2 {
	margin-bottom: 15px;
	padding: 6px 13px;
	background-color: #CCCCCC;
}
#body #article h3 {
	margin-bottom: 15px;
	padding: 8px 0px;
	border-bottom: 1px solid #CCCCCC;
}
#body #article h4 {
	margin-bottom: 15px;
	padding: 4px 8px;
	border-left: 4px solid #CCCCCC;
}

#body #article #gopagetop {
	position: absolute;
	margin-left: 730px;
}

#gopagetop {
	position: absolute;
	margin-left: 955px;
	_margin-left: 326px;
}


@charset "utf-8";
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
#information_register_date_year {
	margin-right: 3px;
}
#information_register_date_day, #information_register_date_month {
	margin-right: 3px;
	margin-left: 8px;
}
#information_content, #information_title {
	width: 500px;
}
div#article div#page_description {
	margin: 20px 0px;
}
div#article div#page_description p {
	margin: 5px 0px;
	line-height: 1.3em;
}
/*----------------------------------------------------------------------
/		table
/----------------------------------------------------------------------*/


table {
	font-size: 1.2em;
}
table.line {
	border-top: 1px solid #cccccc;
	border-collapse: collapse;
	background-image: none;
	width: 100%;
	margin: 0;
}
table.line tr {
	background-image: none;
}
table.line tr.title th {
	background-color: #efefef;
}
table.line td {
	border-bottom: 1px solid #cccccc;
	padding:7px 4px;
	vertical-align: top;
}
table.line td.date {
	white-space: nowrap;
}
table.line th {
	padding: 7px 4px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	vertical-align: middle;
	font-weight: normal;
	background-color: #efefef;
}
table.line td.center, table.line th.center {
	text-align: center
}
table.line th.center, table.line td.center {
	text-align: center;
}
table.line th.middle, table.line td.middle {
	vertical-align: middle;
}
table.line2 {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-collapse: collapse;
	width: 100%;
}
table.line2 td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px 6px;
	margin: 0;
	vertical-align: top;
}
table.line2 th {
	text-align: left;
	padding: 2px 6px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
}
.nowrap {
	white-space: nowrap;
}
table.line tr.header th {
	background-color: #666;
	color: #fff;
	font-weight: bold;
}
table.line tr.header2 th {
	background-color: #999;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	padding-left: 25px;
}
fieldset.field_selection {
	border: 1px solid;
	margin: 20px 0px;
}
fieldset.field_selection legend {
	margin-left: 10px;
	padding: 0px 5px;
	font-size: 1.5em;
}
fieldset.field_selection table {
	margin: 10px;
	width: 99%;
}
fieldset.field_selection th, fieldset.field_selection td {
	width:165px;
	padding: 0.2em;
}

/*----------------------------------------------------------------------
/		table > form
/----------------------------------------------------------------------*/

table.line li {
	margin: 3px 0;
}
.error_list {
	padding: 3px 5px;
	color: #FFF;
	font-weight: bold;
	background-color: #C30;
}
table.line textarea ,
table.line select ,
table.line input {
	margin-right: 5px;
	margin-left: 5px;
}
input#information_filters_keyword {
	width:300px;
}
#body #article p.createNew {
	text-align: right;
	margin-bottom: 10px;
	font-size: 1.5em;
}
#body #article li.form_button {
	margin-top: 3px;
}
input.submit_button {
	font-weight: bold;
}

/*==============================================================================
	 List Research Forms （発表会一覧　課題研究DB　活動事例DB）
==============================================================================*/
.formWrapper {
	width: 705px;
	margin-bottom: 10px;
}
.researchForm {
	width: 630px;
	border: solid 1px #ccc;
	padding: 5px;
	float: left;
	margin: 0 5px;
}
* html .researchForm { /* IE6 Layout tuning */
	width: 560px;
}
.eventSearchForm {
	width: 673px;
	border: solid 1px #ccc;
	padding: 5px;
	margin: 0 10px 10px;
}
.referenceButtons {
	padding: 10px;
}
.referenceButtons li {
	display: inline;
	margin-right: 10px;
}
.referenceButtons li.searchHint {
	margin: 0 10px;
	padding: 0;
	/margin-right: 4px;		/* IE 6,7 */
	margin-right: 4px\9;	/* IE 8 */
}
.referenceButtons li.searchHint a {	/*ヒントボタンlist.js対応*/
	display: block;
	float: left;
	width: 90px;
	height: 51px;
	background: url(../images/forms/hintButton.jpg) top left no-repeat;
	text-indent: -9999px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.referenceButtons li.searchHint a {
		margin-right: 15px;
	}
}
.referenceButtons ul li.searchHint a {
	/margin-bottom: 10px;
}

.formWrapper .referenceButtons li {
	margin-bottom: 10px;
}
p.newResearch {
	float: right;
}
input#research_filters_search_keyword,
input#event_filters_keyword,
input#activity_all_filters_keyword,
input#activity_curriculum_filters_keyword,
input#activity_experiment_filters_keyword,
input#activity_theme_filters_keyword,
input#activity_curriculum_curriculum_other,
input#activity_curriculum_subject_other,
input#activity_curriculum_target_other,
input#activity_theme_topic_other,
input#activity_theme_subject_other,
input#activity_theme_frequency_other,
input#activity_theme_target_other,
input#activity_experiment_subject_other,
input#school_name,
input#school_address,
input#school_home_page,
input#school_mail,
input#school_organ_address,
input#school_organ_charge_belong,
input#school_organ_mail, 
input#school_ctrl_address,
input#school_ctrl_charge_belong,
input#school_ctrl_mail {
	width: 300px;
}
.search_options input {
	margin-right: 10px;
}
p.submitButton {
	text-align: center;
}
table.detail td textarea#school_outline,
table.detail td textarea#school_note {
	width: 500px;
}

/* 課題研究データ新規登録フォーム */
table.researchUploadForm {
	width: 350px;
	border: 1px solid #ccc;
	margin: 10px 20px;
}
table.researchUploadForm tr {
	border-bottom: 1px solid #ccc;
}
table.researchUploadForm td {
	text-align: center;
}


/* detail */
div.detailContent table.detail th {
	width: 180px;
}
div.detailContent div.detailButtons {
	text-align: right;
	margin: 8px 20px;
}
/* show */
body.show {
	background: #FFFFFF;
}
body.show #wrapper {
	width: auto;
}
body.show #wrapper #body {
	padding: 5px;
}
body.show #wrapper #body #article {
	width: auto;
}
body.show #wrapper #body #article p#gopagetop {
	display: none;
}
/*
body.show #wrapper #footer .nav {
	display: none;
}
*/
/*==============================================================================
	ページ記述スタイリング
==============================================================================*/
#body #article .contWrapper p{
	border: solid 1px #666;
	padding: 5px 10px;;
	margin: 10px;
}
#body #article .contWrapper h2 {
	margin-top: 20px;
}



/* styling */
#body #article .contWrapper ul {
	margin: 0 10px;
	padding-left: 20px;
}
#body #article .contWrapper ul li{
	font-size: 1.3em;
	line-height: 1.8em;
	padding-left: 15px;
	background: url(../images/results/listarrow.gif) 2px 4px no-repeat !important;
	width: 600px;
	margin-bottom: 0.8em;
}
#body #article .contWrapper li img {
	vertical-align: text-bottom;
}
#body #article .contWrapper img {
	margin: 0 2px;
}
#body #article .contWrapper .eventRef {
	margin: 10px;
}
#body #article .contWrapper li.pdfList {
	background-position: 2px 11px;
}
#body #article .contWrapper li.pdfList dl dd {
	line-height: 1.4em;
}
#body #article .contWrapper li.pdfList dl dt span {
	font-weight: normal;
	font-size: 0.8em;
	margin-left: 3px;
}
#body #article .contWrapper .contWrapInner {
	border: none;
	padding: 5px 10px;;
	margin: 10px;
}


/**
 * 以下は、テンプレートの方で必要とされるClass/IDなど
 */

input.disabled {
	background-color: #e8e8e8;
}

p.memo {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	padding: 8px 18px;
	border: 1px solid #cc0;
	background-color: #eee;
}

p.noresult{
	font-weight: bold;
	text-align: center;
	font-size: 1.3em;
}

ul.filetype {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.filetype li {
	display: inline;
}
table.detail ul.filetype li, ul#appendfiles.filetype li {
	display: block;
	margin: 4px;
}
#body ul#appendfiles.filetype li p {
	margin :0;
	padding: 0;
	font-size: 1em;
}
#body ul#appendfiles.filetype .file {
	margin: 4px 0 0 12px;
}
#body ul#appendfiles.filetype .file img {
	vertical-align: middle;
}
ul.filetype li img {
	border: none;
	margin-right: 8px;
}
table.edit td {
}
table.edit textarea {
	width: 99%;
	margin: 8px;
	height: 180px;
}
ul.edit_submit {
	font-size: 1.3em;
	text-align: center;
	margin-top: 10px;
}
ul.edit_submit li {
	display: inline;
}
ul.edit_submit li input {
	background: url(../images/bt_white.gif) 0 bottom repeat-x #FFFFFF;
	border: 1px solid #CCC;
	padding: 5px;
}
/* 学校一覧 */
div.school_selector_list, div.school_list_wrapper, table.school_list {
	margin: 0;
	padding:0;
}
div.school_selector_list {
	background: #C7D7E8;
	margin-top: 5px;
	padding: 5px;
}
div.school_selector_list ul.radio_list {
	text-align: right;
	margin: 2px;
}
div.school_selector_list ul.radio_list li {
	display: inline;
}
div.school_list_wrapper {
	overflow: scroll;
	height: 200px;
}
table.school_list {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
div.school_list_wrapper table.school_list {
/*	width: 100%; */
	background: #FFFFFF;
}
html* table.school_list tr {
	height: 1.3em;
}
table.school_list td, table.school_list th {
	color: #000000;
}
table.school_list th {
	/* border-right: none; */
}
table.school_list .checkbox {
	width: 40px;
	text-align: center;
}
table.school_list .id {
	width: 60px;
	text-align: center;
}
table.school_list .name {
	padding-left: 24px;
}
table.school_list tbody {
	height: 120px;
}
ul.checkbox_list li.activity_list {
	display: inline;
}
ul.checkbox_list li.research_list {
	display: inline;
}

/* /school/list */
table#school_list tr {
	border-bottom: 1px solid #ccc;
}
html* #body #article table#school_list th,
html* #body #article table#school_list td {
	border: 1px solid #ccc;
}
table#school_list tr.on td {
	background-color: #ECE3D1;
}
table#school_list td.infoOutline span.desc {
	cursor:pointer;
	padding-bottom: 2px;
	border-bottom: 1px dotted #333;
}
table.school_list2 {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

table.school_list2 th.gaiyou_school {
	width: 60%;
	text-align: center;
	border: 1px solid #ccc;
	font-size:90%;
}
table.school_list2 td.gaiyou_school {
	width: 60%;
	border: 1px solid #ccc;
	font-size:90%;
}
table.school_list2 th.gaiyou_school2 {
	padding: 0.2em;
	width: 4.4em;
	text-align: center;
	border: 1px solid #ccc;
	font-size:90%;
}
table.school_list2 td.gaiyou_school2 {
	padding: 0.2em;
    width: 4.4em;
	border: 1px solid #ccc;
	font-size:90%;
}
table.school_list2 th.gaiyou_school3 {
	width: 14em;
	text-align: center;
	border: 1px solid #ccc;
	font-size:90%;
}
table.school_list2 td.gaiyou_school3 {
    width: 14em;
	border: 1px solid #ccc;
	font-size:90%;
}
table.school_list2 th.gaiyou_sitei {
	width: 12%;
	text-align: center;
	border: 1px solid #ccc;
}
table.school_list2 td.gaiyou_sitei {
    width: 12%;
    border: 1px solid #ccc;
	text-align: center;
}
table.school_list2 th.houkoku_year {
	width: 10%;
	text-align: center;
	border: 1px solid #ccc;
}
table.school_list2 td.houkoku_year {
	border: 1px solid #ccc;
	text-align: center;
}
table.school_list2 th.houkoku_year2 {
	width: 8%;
	text-align: center;
	border: 1px solid #ccc;
}
table.school_list2 td.houkoku_year2 {
    width: 8%;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 90%;
}
table.school_list2 td.houkoku_h30 {
    width: 3em;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 90%;
	padding: 2px;
}

.gaiyou {
	width: 44%;
	text-align: center;
	padding: 6px;
	border: 1px solid #ccc;
	border-bottom: none;
	font-size: 120%;
}
.houkoku {
	width: 56%;
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: none;
	font-size: 120%;
}
.siteikou_header {
	margin: 0 0 0 0.25em !important;
	font-size: 2em !important;
	color: #666;
	background-color: #fff;
	font-weight: bold;
}
.siteikou_fin_ul {
	margin: 0;
}
.siteikou_fin_li {
	float: left;
	width: 45%;
	margin-right: 1em;
	font-size: 110%;
	line-height: 1.5em;
}
.lightTip {
}
.lightTip .content {
	font-size: 1.2em;
	/*width: 660px;*/
	width: 250px;
	padding: 10px;
	border: 6px solid #e2e2e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ffffff;
	color: #020202;
	text-align: left;
}
.lightTip .bottom {
	height: 14px;
	width: 250px;
	background: transparent url(../images/tinyTip/notch-white.gif) 150px 0 no-repeat;
}
#body #article div.search_options p {
	text-align: right;
	margin: 0;
	padding:0;
}
#body #article form p.submit {
	text-align: center;
}
/*----------------------------------------------------------------------
/			pager
/----------------------------------------------------------------------*/
div.pager-wrapper {
position: relative;
overflow: hidden;
	margin-top: 10px;
}
ul.pager {
position: relative;
left: 50%;
float: left;
font-size: 1.2em;
margin-bottom: 5px;
}
ul.pager li {
position: relative;
left: -50%;
float: left;
	border: 1px solid #CCC;
	margin: 0 4px;
	line-height: 1.5;
	padding:0 5px;
}
ul.pager li a {
	display: block;
	padding: 0px 5px;
	margin: 0 -5px;
}
ul.pager li a:hover {
	background-color: #C5DAE3;
}
ul.pager li.current a {
}

#body #article div.pager-wrapper p.paging-result {
	clear: both;
	margin-bottom: 10px;
	text-align: center;
}





/**
 * 1件表示
 **/
div#body.detail div#articleDetail {
}
div#body.detail div#articleDetail h1 {
	font-size: 1.4em;
}
body.detail div#wrapper {
	width: 600px;
}
div#body.detail div#articleDetail table th {
	width: 120px;
	color: #333;
}
div#body.detail div#articleDetail table tr.header th {
	color: #fff;
}
div#body.detail div#articleDetail #gopagetop {
	display:none;
}
/* フォームボタン */
p.createNew a ,
input[type='submit'],
input[type='reset'],
input[type='button'],
button {
	text-decoration: none;
	border:1px solid #aaaaaa;
	color:black;
	background-color: gainsboro;
	margin:2px;
	padding: 2px 12px;
	line-height:18px;
	letter-spacing: 2px;
	/* other */
	/*background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAYAAADT5RIaAAAAc0lEQVQImQXBhQ3DAADAsPx/Y0llmMqkUmbzfZ+87yvP88h933Jdl5znKcdxyL7vsm2brOsqy7LIPM8yTZOM4yjDMEjf9/L7/aTrOmnbVpqmkbqupaoqKctSiqKQPM8lyzJJ01SSJJE4jiWKIgnDUIIg8A9qu3jB7icwNQAAAABJRU5ErkJggg==");*/
	background-image:url(../images/forms/buttonBg.png) top left;
	background-repeat:repeat-x;
	/* CSS3 */
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-radius: .5em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	/* MSIE */
	filter:
 progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=white, EndColorStr=gainsboro)  progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333');
	/* FireFox */
	background: -moz-linear-gradient(top, white, gainsboro);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-border-radius: .5em;
	/* Safari / Chrome */
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro));
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-border-radius: .5em;
}
/* 検索ボタン */
input[type='submit'] {
	font-size: 1em;
	font-weight: bold;
	margin-top: 5px;
}
* html #body #article p.submitButton {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 5px;
}
p.createNew a:hover ,
input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
button:hover {
	text-decoration: none;
	/*background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAYAAADT5RIaAAAAdklEQVQImQXBAQpEAAAAwf3/TwghhBwhhBAf2pvh+z5531ee55H7vuW6LjnPU47jkH3fZds2WddVlmWReZ5lmiYZx1GGYZC+7+X3+0nXddK2rTRNI3VdS1VVUpalFEUheZ5LlmWSpqkkSSJxHEsURRKGoQRB4B/0CmbxmNCiIwAAAABJRU5ErkJggg==");*/
	background-image:url(../images/forms/buttonBg.png) top left;
	background-repeat:repeat-x;
 filter:
 progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=lightgrey, EndColorStr=darkgray)  progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333');
	background: -moz-linear-gradient(top, lightgrey, darkgray);
	background: -webkit-gradient(linear, left top, left bottom, from(lightgrey), to(darkgray));
}
p.createNew a:active ,
input[type='submit']:active,
input[type='reset']:active,
input[type='button']:active,
button:active,
li.editData {
	position: relative;
	top: 1px;
	/* other */
	background-color: white;
	/*background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAYAAADT5RIaAAAAc0lEQVQImQXBhQ3DAADAsPx/Y0llmMqkUmYTBIGEYShRFEkcx5IkiaRpKlmWSZ7nUhSFlGUpVVVJXdfSNI20bStd18nv95O+72UYBhnHUaZpknmeZVkWWddVtm2Tfd/lOA45z1Ou65L7vuV5HnnfV77v8w8MKnjBigVjXQAAAABJRU5ErkJggg==");*/
	background-image:url(../images/forms/buttonBg.png) top left;
	background-repeat:repeat-x;
	/* css3 */
	box-shadow: 0 0 0 rgba(0,0,0,0);
	/* MSIE */
	filter:
 progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=gainsboro, EndColorStr=white)  progid:DXImageTransform.Microsoft.Shadow(Strength=0);
	/* FireFox */
	background: -moz-linear-gradient(top, gainsboro, white);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	/* Safari / Chrome */
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	background: -webkit-gradient(linear, left top, left bottom, from(gainsboro), to(white));
}

#body #article table tr td p.editData {
	margin-bottom: 3px;
}
#body #article ul.link_buttons {
	margin-top: 18px;
	margin-bottom: 15px;
}
li.editData a {
	padding: 7px 8px;
	line-height: 20px;
	font-size: 1em;
}
p.editData a {
	font-size: 0.8em;
	line-height:20px;
	padding: 4px 12px 3px;
}
p.editData a,
li.editData a{
	text-decoration: none;
	border:1px solid #aaaaaa;
	color:black;
	background-color: gainsboro;
	margin:2px;
	letter-spacing: 2px;
	/* other */
	/*background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAYAAADT5RIaAAAAc0lEQVQImQXBhQ3DAADAsPx/Y0llmMqkUmbzfZ+87yvP88h933Jdl5znKcdxyL7vsm2brOsqy7LIPM8yTZOM4yjDMEjf9/L7/aTrOmnbVpqmkbqupaoqKctSiqKQPM8lyzJJ01SSJJE4jiWKIgnDUIIg8A9qu3jB7icwNQAAAABJRU5ErkJggg==");*/
	background-image:url(../images/forms/buttonBg.png) top left;
	background-repeat:repeat-x;
	/* CSS3 */
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-radius: .5em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	/* MSIE */
	filter:
 progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=white, EndColorStr=gainsboro)  progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333');
	/* FireFox */
	background: -moz-linear-gradient(top, white, gainsboro);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-border-radius: .5em;
	/* Safari / Chrome */
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro));
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-border-radius: .5em;
}
p.editData a:hover,
li.editData a:hover {
	text-decoration: none;
	/*background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAYAAADT5RIaAAAAdklEQVQImQXBAQpEAAAAwf3/TwghhBwhhBAf2pvh+z5531ee55H7vuW6LjnPU47jkH3fZds2WddVlmWReZ5lmiYZx1GGYZC+7+X3+0nXddK2rTRNI3VdS1VVUpalFEUheZ5LlmWSpqkkSSJxHEsURRKGoQRB4B/0CmbxmNCiIwAAAABJRU5ErkJggg==");*/
	background-image:url(../images/forms/buttonBg.png) top left;
	background-repeat:repeat-x;
 filter:
 progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=lightgrey, EndColorStr=darkgray)  progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333');
	background: -moz-linear-gradient(top, lightgrey, darkgray);
	background: -webkit-gradient(linear, left top, left bottom, from(lightgrey), to(darkgray));
}

li.submit {
	font-weight:bold;
}

p.editData a:active
li.editData a:active {
	position: relative;
	top: 1px;
	/* other */
	background-color: white;
	/*background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAYAAADT5RIaAAAAc0lEQVQImQXBhQ3DAADAsPx/Y0llmMqkUmYTBIGEYShRFEkcx5IkiaRpKlmWSZ7nUhSFlGUpVVVJXdfSNI20bStd18nv95O+72UYBhnHUaZpknmeZVkWWddVtm2Tfd/lOA45z1Ou65L7vuV5HnnfV77v8w8MKnjBigVjXQAAAABJRU5ErkJggg==");*/
	background-image:url(../images/forms/buttonBg.png) top left;
	background-repeat:repeat-x;
	/* css3 */
	box-shadow: 0 0 0 rgba(0,0,0,0);
	/* MSIE */
	filter:
 progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=gainsboro, EndColorStr=white)  progid:DXImageTransform.Microsoft.Shadow(Strength=0);
	/* FireFox */
	background: -moz-linear-gradient(top, gainsboro, white);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	/* Safari / Chrome */
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	background: -webkit-gradient(linear, left top, left bottom, from(gainsboro), to(white));
}
/* /school/school/list */
table#school_list {
	width:100%;
}
/* 新規登録ボタン */
ul.new_edit li {
	float:right;
	display: inline;
	margin: 2px;
	padding: 2px;
}
/* ActivityEdit */
/* カリキュラム一覧とかのチェックボタン */
td.flatten_choices ul.radio_list, td.flatten_choices ul.radio_list li, td.flatten_choices ul.checkbox_list, td.flatten_choices ul.checkbox_list li {
	display: inline;
}
/* ファイルのマージン */
#body #article ul#appendfiles.filetype li p {
	margin :0;
	padding: 0;
}
/* 謝金旅費・立替金支払日検索 */
table#accountingsearch td.form {
	padding: 0;
}
table#accountingsearch td.form table {
	width: 100%;
	height: 100%;
	margin: 0;
	border: none;
}
table#accountingsearch td.form table th, table#accountingsearch td.form table td {
	padding: 4px;
	margin:0;
	border: none;
	vertical-align: middle;
}
.accounting dl.searchterm{
}
.accounting dl.searchterm dt{
	margin: 4px 12px;
	font-size: 1.4em;
}
.accounting dl.searchterm dd p{
	padding: 4px 0 4px 12px;
	font-size: 1.2em;
}


/* footer
============================================================================================================================== */
/*
#footer {
	font-size: 1.2em;
	text-align: right;
	padding: 6px 25px;
}
#footer .nav {
	margin-top: 15px;
}
#footer .nav li {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #d1d1d0;
}
#footer .nav li.last-child {
	border: none;
}

#footer address {
	margin-top: 10px;
	color: #4a4a4a;
}
*/
/*
	external link
*/
a.exLink,
a.exLink2,
a.exLinkAlt,
a.siteMapLink {
	background: url(../images/jirei/popup.gif) center right no-repeat;
	padding-right: 20px;
}
* html a.exLink img {
	background-image: none;
}
.popupCaption {
	margin: 3px 0 0 5px;;
	border: none;
	font-size: 1em;
	color: #666;
}
.popupCaption img {
	vertical-align: text-top;
	margin-right: 3px;
}
span.popupIe {
	background: url(../images/jirei/popup.gif) center right no-repeat;
	padding-right: 20px;
	margin-left: -0.5em;
}
dt.pdf,
.searchHint li.pdf {
	background: url(../images/icon/filetype/mini/pdf.gif) 0px 2px no-repeat;

	text-indent: 15px;
}
.searchHint li.pdf a {

}


/* 取り組み事例レイアウト */


/*==============================================================================
 banner links
===============================================================================*/
#body #article .menulistIndexColumn .bannerLinks {
	padding-left: 50px;
}
.bannerLinks table {
	width: 500px;
}
.bannerLinks table tr {
	height: 35px;
}
.bannerLinks table th,
.bannerLinks table td {

	padding-top: 5px;
	padding-bottom: 10px;
}
.bannerLinks table td.banner {
	width: 170px;
}


/*==============================================================================
	教員向けページ関係
==============================================================================*/
/* 謝金旅費・立替金支払日検索 */
table#accountingsearch td.accountingSearchOptionsTag {
	width: 60px;
	font-size: 0.8em;
}
/* 
謝金旅費・立替支払日リスト
*/
div#body.detail div#articleDetail table th.qNo {
	width: 100px;
}
div#body.detail div#articleDetail table th.qSchoolName {
	width: 300px;
}
/*
研究開発実施報告書リスト
*/
table.reportsList th {
	text-align: center;
}
/* 活動事例登録フォーム */
ul#report_selector {
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
}
ul#report_selector li {
	display: inline;
	margin-right: 5px;
}

/* リスト注意書き */
/*　フォーム注意書　*/
span.attention {
	color: #F00;
}
/*==============================================================================
	SSHの成果と事例＞取り組み事例
==============================================================================*/
#body #article .jireilist {
	padding: 8px;
	border: 1px solid #666;
}
#body #article .jireilist a {
	text-decoration: underline;
}
#body #article .jireilist a:hover {
	text-decoration: none;
}

/*==============================================================================
    Site Map
==============================================================================*/
.siteMapTree {
	font-size: 1.4em;
}
.siteMapTree li.category {
	text-indent: 20px;
}
.siteMapTree li {
	text-indent: 40px;
	line-height: 1.6em;
}
.siteMapTree li.pdf {
	background: url(../images/icon/filetype/mini/pdf.gif) 40px 2px no-repeat;
	text-indent: 60px;
	
}
.siteMapTree li.categoryChild {
	text-indent: 60px;
}
.siteMapTree li img {
	margin-right: 3px;
	vertical-align: text-top;
}
head/* */body .siteMapTree li img {
	margin-top: -10px;
}
	
.siteMapTree h2 {
	line-height: 1.6em;
	font-weight: bold;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 1em;
}
.siteMapTree h1 {
	margin-bottom: 10px;
}
.siteMapTree h2.admin {
	background: #007197;
}
.siteMapTree h2.about {
	background: #CF6730;
}
.siteMapTree h2.results {
	background: #7C28BC;
}
.siteMapTree h2.teacher {
	background: #5F9617;
}
.siteMapTree h2.student {
	background: #D5687B;
}
/* ==============================================================================
    検索のヒント
===============================================================================*/
.hintWrapper h1 {
	font-size: 1.6em;
	margin:0;
}
.searchHint {
	padding: 10px;
}
.searchHint h2 {
	line-height: 1.6em;
	font-weight: bold;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 1em;
	background: #007197;
}
.searchHint ul {
	margin: 20px 0;
}

.searchHint li {
	list-style: none;
	line-height: 1.8em;
}
.searchHint li img {
	vertical-align: text-bottom;
	margin-right: 3px;
}
* html .searchHint li img {
	padding-top: 5px;
}
a:hover {
	text-decoration: none;
}

/* ==============================================================================
    活動事例
===============================================================================*/
.activity p.evaluation{
	background: url("../images/body/nav/arrow/teachers.gif") center left no-repeat; 
	padding-left: 12px;
	font-weight: bold;
	font-size: 1.2em;
	margin: 8px 2px ;
	text-decoration: underline;
}
/*============================================================================
	clearfloat
============================================================================*/
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}