@charset "shift_jis";
/* CSS Document */

/*------------------------
ccc outline
------------------------*/
.staffBox {
	clear: both;
 /*position:relative;
	left: -20px;
	width: 763px;
	background: url(../outline/images/bg_box.gif) bottom;*/
	background: url(../outline/images/bg_fra_bottom.gif) no-repeat bottom right;
	margin-bottom: 10px;
	width: 735px;
	display: inline-block;
	margin-top: 35px;
	padding-bottom: 5px;
}

.staffBox .leftBox {
	float: left;
	width: 255px;
	/*width: 260px;*/
}

.staffBox .centerBox {
	float: left;
	width: 252px;
}

.staffBox .rightBox {
	float: right;
	width: 474px;
	background: #FFFFFF;
	/*width: 251px;*/
}

#contents .staffBox h4 {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	/*padding: 40px 0 0 95px;
	font-size: 81.25%;
	color: #FFFFFF;
	height: 38px;*/
	background: none #fefed9;
}

#contents .staffBox h4.Mon {	background: url(../outline/images/img_staff_mon.gif) no-repeat; padding-left: 100px; }
#contents .staffBox h4.The {	background: url(../outline/images/img_staff_the.gif) no-repeat; }
#contents .staffBox h4.Wed {	background: url(../outline/images/img_staff_wed.gif) no-repeat; }
#contents .staffBox h4.Thu {	background: url(../outline/images/img_staff_thu.gif) no-repeat; padding-left: 100px; }
#contents .staffBox h4.Fri {	background: url(../outline/images/img_staff_fri.gif) no-repeat; }
#contents .staffBox h4.Photo {	background: url(../outline/images/img_staff_photo.gif) no-repeat; }
#contents .staffBox h4.MF {	background: url(../outline/images/img_staff_mon02.gif) no-repeat; padding-left: 120px; }
#contents .staffBox h4.WF {	background: url(../outline/images/img_staff_fri02.gif) no-repeat; padding-left: 110px; padding-top:30px; height: 48px; }
#contents .staffBox h4.WT {	background: url(../outline/images/img_staff_thu02.gif) no-repeat;	padding-left: 120px; }
.staffBox p {
	padding: 0 7px 0 22px;
	font-size: 81.25% !important;
}

.staffBox p img {
	float: left;
	margin: 0 10px 15px 0;
}

.staffBox .leftBox p {
	padding: 0 7px 0 30px;
}

#contents .staffBox dl {
	margin: 0 0 15px 0;
	padding: 15px 25px 0 25px;
	font-size: 87.5%;
	line-height: 140%;
	width:424px;
}

#contents .staffBox dl dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}

#contents .staffBox dl dd {
	margin: 0 0 2em 0;
	padding: 0 0 0.8em 0;
}

#contents .staffBox dl dd span {
float:right;
padding-left:5px;
}

#contents .staffBox dl.pink {
	background: url(../outline/images/dot_staff_01.gif) no-repeat 20px bottom;
	display: inline-block;
}

#contents .staffBox dl.pink :after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

#contents .staffBox dl.blue {
	background: url(../outline/images/dot_staff_02.gif) no-repeat 20px bottom;
	display: inline-block;
}

#contents .staffBox dl.blue :after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

.campus {
	margin-bottom: 30px;
}

.campus .leftBox {
	float: left;
	width: 49%;
}

.campus .rightBox {
	float: right;
	width: 49%;
}

.campus dl {
	padding: 0;
	font-size: 87.5%;
	line-height: 140%;
}

.campus dt {
	clear: both;
	float: left;
	width: 4.5em;
}

.campus dd {
	margin-left: 4.5em;
}

.campus .photo {
	display: inline-block;
	font-size: 68.75%;
	margin-bottom: 10px;
}

.campus .photo img {
	margin-bottom: 5px;
}


/*------------------------
subject
------------------------*/

table.first, table.second, table.subject, table.info01 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #666666;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}

table.first th {
	background: #bfe5e4;
	text-align: center;
}

table.first th,table.first td,table.second th,table.second td,table.subject td,table.subject th, table.info01 th, table.info01 td {
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 3px;
	font-size: 81.25%;
	line-height: 130%;
}

table.first td,table.second td,table.subject td, table.info01 td {	background: #FFFFFF; }
table td.green {	background: #e1f2d2; }
table td.beige {	background: #fbfba9; }

table.second th {
	background: #f9c1c0;
	text-align: center;
}

table.subject th {
	background: #FFFFFF;
	text-align: center;
}

table.info01 th {
	background: #e1f2d2;
}

.txtBlue {	color: #00a4d7; }
.txtRed {	color: #ff5966; }

table td a {
	color: #674c2e !important;
	text-decoration: underline;
}

table td a:hover {
	color: #CC0000;
	text-decoration: none;
}

table.news {
	font-size: 81.25%;
}

table.news a { color:#ff8e14 !important; }
table.news a:hover { color: #FF0000!important; text-decoration: none !important; }


/*------------------------
participation
------------------------*/
.list dl {
	padding: 0;
	margin-top: 15px;
}

.list dl dt {
	clear: both;
	float: left;
	width: 7.5em;
	font-size: 81.25%;
	padding-left: 1em;
}

.list dl dd {
	padding-left: 5.5em;
	font-size: 87.5%;
	line-height: 150%;
}

dl.oshareko {
	padding: 0;
	margin: 0 0 0 15px;
	font-size: 81.25%;
	float: left;
}

dl.oshareko dt {
	clear: both;
	float: left;
	width: 9em;
}

dl.oshareko dd {
	margin-left: 9em;
}

dl.flow {
	margin: 0;
	padding: 0 0 0 1em;
}

dl.flow dt {
	clear: both;
	float: left;
	width: 235px;
}

dl.flow dd {
	margin-left: 235px;
	font-size: 87.5%;
	padding-top: 5px;
	width: 480px;
	height: 70px;
}

dl.volunteer {
	font-size: 87.5%;
	margin: 5px 0 5px 0;
	padding: 0;
	line-height: 150%;
}

dl.volunteer dt {
	clear: both;
	width: 13em;
	float: left;
	padding-left: 0.7em;
}

dl.volunteer dd {
	margin-left: 13em;
	white-space: nowrap;
}

/*------------------------
info
------------------------*/
.infoPhoto {
	clear: both;
	margin-top: 15px;
	display: inline-block;
}

.infoPhoto .fLeft {
	float: left;
	margin-right: 15px;
}

.infoPhoto img {
	margin-bottom: 5px;
}

.infoPhoto span {
	font-size: 75%;
	display: block;
}

img.left {
	margin-right: 15px;
	margin-bottom: 5px;
}

.info {	
	background: url(../info/images/bg_inner.gif) repeat-y;
	margin: 0 0 15px 0;
	display: inline-block;
	width: 100%;
}

.info dl {
	margin: 0;
	background: url(../info/images/bg_top.gif) no-repeat top center;
	padding: 15px 15px 0 15px;
	color: #e65061;
	display: inline-block;
	width: 710px;
}

.info dl dt {
	clear: both;
	font-size: 81.25%;
	float: left;
	background-color: #FFFFFF;
	width: 22em;
	padding: 5px 0 5px 10px;
}

.info dl dt img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.info dl dt span {
	padding-top: 10px;
	display: block;
}

.info dl dd {
	font-size: 87.5%;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 12px 15px 10px 20em;
	margin: 0;
	line-height: 140%;
}

.info dl dd img {
	vertical-align: middle;
	margin: 0 0 0 5px;
}

.info ul {
	clear: both;
	margin: 0;
	padding: 10px 15px 10px 120px;
	list-style: none;
	background: url(../info/images/bg_bottom.gif) bottom center no-repeat;
	display: inline-block;
	width: 605px
}

.info ul li {
	float: left;
	margin-right: 30px;
}

.info ul.topics {
	background: url(../info/images/bg_bottom.gif) bottom left no-repeat;
	padding: 0 15px 20px 15px;
	width: 710px;
}

.info ul.topics li {
	float: none;
	margin: 0;
	padding: 5px 5px 5px 25px;
	background: url(../challenge/images/arrow.gif) no-repeat 5px center  #FFFFFF;
}

.info ul.topics a {
	color: #e65061;
	text-decoration: none;
}

.info ul.topics a:hover {
	color: #e65061;
	text-decoration: underline;
}

p.csl {
	clear: both;
	background: url(../info/images/ic_csl.gif) no-repeat center left;
	padding: 2px 0 5px 48px;
}

ul.eco {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.eco li {
	background: url(../info/info/images/eco.gif) no-repeat center left;
	padding: 10px 0 10px 45px;
}

.line {
	background: #FFFFFF;
	border: 1px solid #666666;
	margin-bottom: 10px;
}

.leftW {
	width: 75%;
}

.leftM {
	padding-left: 1em;
}

/*------------------------
�T�[�N���Љ�
------------------------*/
.circle {
	background: url(../challenge/circle/images/bg_bottom.gif) no-repeat bottom;
	padding-bottom: 15px;
	width: 740px;
	margin-top: 15px;
}

.circle .block {
	background: url(../challenge/circle/images/bg_inner.gif) repeat-y top;
	width: 740px;
	display: inline-block;
}

.circle .block-contents {
	background: url(../challenge/circle/images/bg_top.gif) no-repeat top;
	padding: 15px 25px 15px 25px;
	display: inline-block;
}

#contents .block h3 {
	background: url(../challenge/circle/images/ic_school.gif) no-repeat left 5px;
	border-bottom: 1px solid #ed6874;
	padding: 15px 0 10px 45px;
	height: auto;
	margin: 0;
	color: #ed6874;
	width:645px;
}

#contents .block h4 {
	background: none;
	padding: 0;
	margin: 15px 0 0 0;
	color: #ed6874;
}

#contents .block p {
	margin: 10px 0 0 0;
}


.circle .img-box {
	float: right;
	width: 220px;
/*	width: 160px;*/
	padding-left: 15px;
	margin-top: 10px;
}

.circle .img-box img {
	margin-bottom: 15px;
}

.circle dl {
	margin: 0;
	padding: 0;
	width: auto;
	overflow: hidden;
	font-size: 87.5%;
	line-height: 140%;
}

.circle dl dt {
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	width: 6em;
}

.circle-link {
	margin-bottom: 50px !important;
	padding-left: 15px;
}

.circle-link a {
	color: #0000FF;
}

.circle-link a:hover {
	color: #FF0000 !important;
	text-decoration: none;
}