@charset "UTF-8";
/* -------------------------------------------------------- CSS Information 
Lust up date:   2012.12.06
Style Info:     info css
------------------------------------------------------------------------ */  

/*CommonCSS_link*/
@import url(base.css);
@import url(common.css);
/*------------------------------------------------------------greeting*/
#greeting {
	margin: 0 0 30px;
	clear: both;
	background: url(../img/info_img/ph_greeting01.jpg) no-repeat right bottom;
}
/*------------------------------------------------------------original*/
#original {
	padding: 0 0 30px;
	clear: both;
}
ul.flow {
	list-style-type: none;
	clear: both;
	margin: 0 0 20px;
}
ul.flow li {
	background: #e4eff4;
	padding: 3px;
	overflow: hidden;
}
ul.flow li div#flow01 {
	background: url(../img/info_img/flow01.gif) no-repeat left center;
}
ul.flow li div#flow02 {
	background: url(../img/info_img/flow02.gif) no-repeat left center;
}
ul.flow li div#flow03 {
	background: url(../img/info_img/flow03.gif) no-repeat left center;
}
ul.flow li div#flow04 {
	background: url(../img/info_img/flow04.gif) no-repeat left center;
}
ul.flow li div#flow05 {
	background: url(../img/info_img/flow05.gif) no-repeat left center;
}
ul.flow li div#flow06 {
	background: url(../img/info_img/flow06.gif) no-repeat left center;
}
ul.flow li div#flow07 {
	background: url(../img/info_img/flow07.gif) no-repeat left center;
}
ul.flow li div#flow08 {
	background: url(../img/info_img/flow08.gif) no-repeat left center;
}
ul.flow li div#flow09 {
	background: url(../img/info_img/flow09.gif) no-repeat left center;
}
ul.flow li div {
	padding: 7px 10px 7px 35px;
	border: 1px solid #FFF;
}
ul.flow li div p {
	font-size: 14px;
	line-height: 170%;
}
ul.flow li div p span {
	font-size: 12px;
}
ul.flow li.arrowbox {
	height: 12px;
	background: #FFF;
	text-align: center;
	padding: 0;
	clear: both;
}
ul.flow li.arrowbox img {
	vertical-align: top;
}
#original table {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-collapse: collapse;
	width: 100%;
}
#original table th, #original table td {
	font-size: 12px;
	line-height: 170%;
	padding: 6px 10px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
#original table th {
	font-weight: bold;
	white-space: nowrap;
	background: #e4eff4;
	text-align: center;
}
#original table td {
}
/*------------------------------------------------------------gallery*/
#gallery {
	padding: 0 0 14px;
	clear: both;
}
ul#galleryphoto {
	list-style-type: none;
	height: 700px;
	overflow-x: hidden;
	overflow-y: scroll;
}
ul#galleryphoto li {
	text-align: center;
	float: left;
	width: 210px;
	margin: 0 5px 16px;
}
ul#galleryphoto li p {
	margin: 5px 0 0;
	font-size: 12px;
	line-height: 150%;
	width: 210px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
ul#galleryphoto li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
/*------------------------------------------------------------information*/
#information {
	padding: 0 0 30px;
	clear: both;
}
#information .halfbox {
	width: 330px;
}
/*table*/
table.sheet_info {
	width: 330px;
	margin: 5px 0 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-collapse: collapse;
}
table.sheet_info th, table.sheet_info td {
	font-size: 12px;
	line-height: 170%;
	padding: 8px 10px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
table.sheet_info th {
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	background: #e4eff4;
}
/*------------------------------------------------------------classroom*/
#classroom {
	clear: both;
}
ul#schoolphoto {
	list-style-type: none;
}
ul#schoolphoto li {
	text-align: center;
	float: left;
	width: 210px;
	margin: 0 8px 16px;
}
ul#schoolphoto li p {
	margin: 5px 0 0;
	font-size: 12px;
	line-height: 150%;
	width: 210px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
ul#schoolphoto li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}