@charset "shift-jis";

/**
 * style.css
 *
 * ��Šx‰€�»’ƒŠ”Ž®‰ïŽÐHP - ƒgƒbƒvƒy�[ƒWcss
 *
 * @since 2011/02/28
 * @version 2011/02/28
 * @coptright Copyright c 2011 ��Šx‰€�»’ƒŠ”Ž®‰ïŽÐ
 * @link http://kougakuen.jp/
 */

/* ----------------------------------------------------------------------------
itemBoxTop()
------------------------------------------------------------------------------- */
.copyright{
	margin:-15px 0 0;
	padding:0;
	color:#999;
	font-size:10px;
	text-align:right;
	letter-spacing:0.1em;
}
.copyright a:link{
	color:#999;
	text-decoration:none;
}
.copyright a:visited{
	color:#999;
	text-decoration:none;
}
.copyright a:hover{
	color:#999;
	text-decoration:none;
}
.topMsgImg{
	margin:0;
	padding:30px 0 20px 0;
	text-align:left;
}
.topContentsMsg{
	letter-spacing:0.2em;
}
.textMsg02{
	margin:0 0 5px;
	padding:0;
	color:#f00;
	font-size:110%;
	letter-spacing: 0.15em;
}
.textMsg03{
	margin:15px 0 5px;
	padding:5px;
	border-left:5px solid #0e3c00;
	width:570px;
	background:#c6f40b;
	font-size:110%;
	letter-spacing: 0.1em;
}


/* ----------------------------------------------------------------------------
footer()
------------------------------------------------------------------------------- */
.scrollImg01 a {
	background:#fff url('images/homePic01_on.jpg') left top no-repeat;
}
.scrollImg02 a {
	background:#fff url('images/homePic02_on.jpg') left top no-repeat;
}
.scrollImg03 a {
	background:#fff url('images/homePic03_on.jpg') left top no-repeat;
}
.scrollImg04 a {
	background:#fff url('images/homePic04_on.jpg') left top no-repeat;
}
.scrollImg05 a {
	background:#fff url('images/homePic05_on.jpg') left top no-repeat;
}
.scrollableArea a {
	display:block;
	position:relative;
	overflow:hidden;
	width:262px;
	height:180px;
	color:#000;
	text-align:center;
}
.scrollableArea a:hover {
	color:#000;
}
.scrollableArea a img {
	background:#fff;
}
.scrollableArea a img.printImg {
	display:none;
}
.scrollableArea a:hover img {
	position:relative;
	top:-180px;
}
div.scrollingHotSpotLeft {
   min-width:75px;
   width:10%;
   height:100%;
   background-image:url('images/big_transparent.gif');
   background-repeat:repeat;
   background-position:center center;
   position:absolute;
   z-index:200;
   left:0;
}
/* Visible left hotspot */
div.scrollingHotSpotLeftVisible {
   background-image:url('images/arrow_left.gif');
   background-color:#fff;
   background-repeat:no-repeat;
   opacity:0.35;
   -moz-opacity:0.35;
   filter:alpha(opacity = 35);
   zoom:1;
}
/* Invisible right hotspot */
div.scrollingHotSpotRight {
   min-width:75px;
   width:10%;
   height:100%;
   background-image:url('images/big_transparent.gif');
   background-repeat:repeat;
   background-position:center center;
   position:absolute;
   z-index:200;
   right:0;
}
/* Visible right hotspot */
div.scrollingHotSpotRightVisible {
   background-image:url('images/arrow_right.gif');
   background-color:#fff;
   background-repeat:no-repeat;
   opacity:0.35;
   filter:alpha(opacity = 35);
   -moz-opacity:0.35;
   zoom:1;
}
/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper {
   position:relative;
   overflow:hidden;
   width:100%;
   height:180px;
}
div.scrollableArea {
   position:relative;
   width:auto; height:100%;
}
div.scrollableArea p{
	display:inline;
}
.makeme {
   width:100%;
   height:180px;
   position:relative;
}
.makeme * {
   position:relative;
   float:left;
   margin:0; padding:0;
}