@charset "UTF-8";
/* CSS Document */

BODY{
    background-image:url(./img/bg.gif);
	padding:0px;
	border:0px;
	margin:0px;
	font-size:13px;
	color: #111111;
	line-height: 180%;
	letter-spacing:0.03em;
}

div#container {
	background-color: #FFFFFF;
	width:850px;
	padding:0px 0px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-left:auto;
    margin-right:auto;
	overflow:auto;
}

div#wrapper {
width:868px;
	background-image:url(./img/bgwpapper.gif);
	margin-left:auto;
    margin-right:auto;
}


div#header {
text-align:right;
margin:55px 30px 5px;
}

#cont{background:url(img/contbg.gif); overflow:auto; padding-bottom:10px;}

div#sidemenu {
	
}

div#contents {
	width:640px;
	float:right;
	margin-top:15px;
	padding-bottom:20px;
}

div#footer {
	text-align:right;
	margin:0px 30px 10px;
	padding:10px;
	font-size:10px;
	color: #333;
	clear:both;
	border-top:1px solid #ccc;
}

h2{
width:580px;
background-color:#4c6cb3;
padding:8px;
font-size:15px;
font-weight:normal;
color:#FFFFFF;
border-left:10px solid #7058a3;
margin:0;
}

h3{
width:500px;
    background-image:url(./img/yaji01.gif);
	background-repeat:no-repeat;
border-bottom:1px dotted #ccc;
margin:30px 0 10px 30px;
padding:0 0 10px 25px;
}

h4{
margin-top:25px;
font-size:15px;
border-bottom:1px solid #ccc;
padding:8px;
width:580px;
}

h5{
width:595px;
border-bottom:1px solid #99CC33;
border-left:8px solid #99CC33;
padding:2px;
padding-left:8px;
font-size:15px;
font-weight:bold;
}

.small{
font-size:12px;
line-height:150%;
}
.large{
font-size:15px;
line-height:150%;
}

.image{
clear:both;
width:790px;
height:194px;
background:#a4a8d4;
margin:10px 30px 2px;
}

.toppict{
padding:5px 0 5px 5px;}

.text{
width:550px;
margin:0 0 10px 20px;}

.text01{
width:500px;
margin:0 0 10px 50px;}

.title{
margin:15px 0 10px 25px;
position:absolute;}

.menu01{
margin:10px 5px}

.topimg{
}

.pictf{width:230px; margin:2px; border:0;}
.facilities{text-align:center; font-size:12px;}

.border{
margin:0px 30px;
}

.bana{
margin:5px 0;}

.home{
margin:0 0 2px}

.box{
border:1px solid #999;
padding:20px;
margin:10px;
}

.margin20{margin:20px;}
.margin20-w{margin:0 20px;}

.koyomi{
font-size:12px;
	color: #111111;
	line-height: 180%;
	letter-spacing:0.03em;
}

.koyomibox{
border:1px solid #333;
padding:20px 10px;
margin:10px 0;
width:580px;
}

.clear{clear:both;}

.topics{
background:url(img/yaji01.gif) no-repeat;
background-position:0 10px;
padding:8px 0 5px 25px;
border-bottom:1px dotted #999;
}

.topside{
width:150px;
margin:10px 10px 0;
}

view plainprint?
#imgHover {  
    position: relative;  
    margin-top: 0px;  
    width: 10px;  
}  
    #imgHover #imgFrame {  
        border: solid 3px #999;  
        position: relative;  
        right: 165px;  
        top: 0;  
        line-height: 124px;  
        text-align: center;  
        width: 300px !important;  
        width: 206px;  
        height: 124px !important;  
        height: 130px;  
    }  
      #imgHover #imgHoverList {  
        list-style: none;  
        position: relative;  
    }  
        #imgHover ul li {  
            float: left;  
            margin-right: 5px;  
        }  
            #imgHover ul li img {  
                border: none;  
            }  
              
            #imgHover ul li a {  
                display: block;  
            }  
              
            #imgHover ul li a:hover {  
                position: static;  
            }  
              
            #imgHover ul li a .mainImage {  
                display: none;  
            }  
              
            #imgHover ul li a:hover .mainImage {  
                display: block;  
                position: absolute;  
                top: 3px;  
                left: 0px !important;  
                left: 83px;  
            }