@charset "Shift_JIS";

/* -----------------------------------------------------------

	Title: home.css
	Description: homeƒXƒ^ƒCƒ‹
	Created: 2008-3-3
	Last Up Date: 2008-3-3
	
----------------------------------------------------------- */

div#main {
	float: right;
	width: 725px;
	padding: 0 0 30px 0;
}

/* -----------------------------------------------------------	

	home
	
----------------------------------------------------------- */
div#home h3 {
	margin: 0 0 10px;
	padding: 0;
}

div#home div#leftArea {
	clear: both;

	float: left;
	width: 440px;
}

div#home div#rightArea {
	float: right;
	width: 280px;
	
	_padding-left:5px;
	_position: absolute;
	_top: 100px;
}

div#home div#mainVisal {
	margin: 0;
	padding: 0 0 1px;
}

div#home .bn {
	margin: 0;
	padding: 0 0 1px;
}

div#home ul.bn li {
	margin: 0;
	padding: 0 0 2px;
}

/* ---------------------------------------------- calendar */

div#home div#calender table {
	width: 219px;
	margin: 0 0 10px;
	border: solid 1px #CCCCCC;
}

div#home div#calender table th {
	padding: 0.5em 0;
	font-size: 92%;
	text-align: center;
	letter-spacing: 0.1em;
}

div#home div#calender table td {
	width: 14%;
	padding: 0.5em 0;
	font-size: 85%;
	text-align: center;
	vertical-align: middle;
}

div#home div#calender table td.sun {
	color: #FF0033;
}

div#home div#calender table td.closedDay {
	color: #ff0000;
	font-weight: bold;
}

div#home div#calender table.thisMonth {
	float: left;
}

div#home div#calender table.nextMonth {
	float: right;
}

div#home div#calender table.may {background: url(../image/bg_may.gif) 50% 50% no-repeat;}
div#home div#calender table.jun {background: url(../image/bg_jun.gif) 0 bottom no-repeat;}
div#home div#calender table.jul {background: url(../image/bg_jul.gif) right bottom no-repeat;}
div#home div#calender table.aug {background: url(../image/bg_aug.gif) right bottom no-repeat;}
div#home div#calender table.sep {background: url(../image/bg_sep.gif) right bottom no-repeat;}
div#home div#calender table.oct {background: url(../image/bg_oct_09.gif) right bottom no-repeat;}
div#home div#calender table.nov {background: url(../image/bg_nov_09.gif) right bottom no-repeat;}
div#home div#calender table.dec {background: url(../image/bg_dec.gif) right bottom no-repeat;}
div#home div#calender table.jan {
	background-image: url(../image/bg_jan.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#home div#calender table.feb09 {background: url(../image/bg_feb09.gif) right bottom no-repeat;}
div#home div#calender table.mar09 {
	background-image: url(../image/bg_mar09.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#home div#calender table.apr09 {background: url(../image/bg_apr09.gif) right bottom no-repeat;}
div#home div#calender table.may09 {background: url(../image/bg_may09.gif) right bottom no-repeat;}
div#home div#calender table.jun09 {background: url(../image/bg_jun.gif) right bottom no-repeat;}
div#home div#calender table.feb10 {
	background-image: url(../image/bg_feb10.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#home div#calender table.mar10 {background: url(../image/bg_mar10.gif) right bottom no-repeat;}
div#home div#calender table.jan11 {background: url(../image/bg_jan11.gif) right bottom no-repeat;}
div#home div#calender table.feb11 {background: url(../image/bg_jan11.gif) right bottom no-repeat;}
div#home div#calender table.mar11 {background: url(../image/bg_mar09.gif) right bottom no-repeat;}
div#home div#calender table.apr11 {
	background-image: url(../image/bg_apr09.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#home div#calender table.may11 {background: url(../image/bg_may09.gif) right bottom no-repeat;}
div#home div#calender table.jun11 {background: url(../image/bg_jun09.gif) right bottom no-repeat;}

/* ---------------------------------------------- pickUp */

div#home div#picUp {
	background: #f2f8ff;
	margin: 5px;
	height: 275px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

div#home div#picUp h3 {
	margin: 0;
}

div#home div#picUp ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

div#home div#picUp ul li {
	clear: both;
	margin: 0px;
}

div#home div#picUp ul li img {
	float: left;
}

/* ---------------------------------------------- news */

div#home div#news {
	border: solid 1px #CCCCCC;
	margin: 0 0 2px;
	padding: 5px 10px;
}

div#home div#news h3 {
	margin: 0;
}

div#home div#news dl {
	font-size: 85%;
	padding: 0 0 10px;
}

div#home div#news dt {
	padding: 10px 0 0;
}

/* ---------------------------------------------- info */

div#home div#info {
clear:both;
padding: 10px;
}

div#home div#info h2 {
clear: both;
font-size: 14px;
font-weight: bold;
border-left:#0088cc 5px solid;
border-bottom:#ccc 1px dotted;
padding:0px 8px;
margin-bottom: 10px;
}

div#home div#info h2 strong{
font-weight: bold;
}

div#home div#info3 {
clear:both;
padding: 10px;
}

div#home div#info3 h2 {
clear: both;
font-size: 14px;
font-weight: bold;
border-left:#0088cc 5px solid;
border-bottom:#ccc 1px dotted;
padding:0px 8px;
margin-bottom: 10px;
}

div#home div#info3 p {
padding-left:8px;
}

div#home div#info p {
padding-left:8px;
margin-bottom: 10px;
}

div#home div#info2 {
clear:both;
margin:10px 0;
border:#ccc 1px solid;
}

div#home div#info2 h3 {
background-color:#d9eeff;
background-image:none;
border-bottom:#0088cc 1px solid;
color:#555;
margin-bottom:10px;
padding: 5px;
font-size: 90%;
font-weight: bold;
}
div#home div#info2 h4 {
	background: url(../common/image/line_dot.gif) bottom repeat-x;
	margin: 0 10px 5px 10px;
	padding: 0 0 2px;
	color: #0088cc;
	line-height: 1.4;
	font-size: 100%;
	font-weight: bold;
}
div#home div#info2 p {
padding:0px 10px 10px 10px;
}

div#home div#news dt {
	padding: 10px 0 0;
}

/* -----------------------------------------------------------	

	bn_student_character
	
----------------------------------------------------------- */


.bnt {
	padding:0px 0px 0px 0px;

	line-height: 20px;
	font-size: 10px;
	text-decoration: none;
	color: #333333;
	text-align: center;
}
.info {
	margin: 20px 0 20px 0;
	line-height: 20px;
	font-size: 14px;
	text-decoration: none;
	color: #0000FF;
	text-align: center;
}