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

*{margin:0px;
  padding:0px;
  zoom:1;
  font-family:"メイリオ", arial, helvetica, clean, sans-serif;
  font-size:12px;
  color: #666;
  line-height:15pt;}
  
a{text-decoration:none;}  
 
a:hover{color: #333;}
  
img{border:none;}


.error{background: #CCC;padding: 10px;text-align:center;}

p#toTop{position:fixed;
bottom:0;
right:0;
z-index:5;
}

#containts{
	position:absolute;
	top:0px;
	width:100%;
	height:3100px;/**コンテンツ高さ決定**/
	background-image:url(../images/cork_1.png);
	background-repeat:repeat;
	z-index:-1;
}


#header{
	position:absolute;
	top:0px;
	width:100%;
	height:130px;
	background-image:url(../images/header_black.png);
}

#h1{position:absolute;
top:0px;
left:0px;
width:100%;
height:17px;
color:#999;
}

#header_containts{position:absolute;
top:0px;
left:50%;
margin-left:-450px;
width:900px;
}

#logo{
	position:absolute;
	top:25px;
	left:50%;
	margin-left:-47px;
}

#header_menu{
	position:absolute;
	top:110px;
	left:50%;
	margin-left:-450px;
	width:350px;
	height:9px;
}

#sakura{
	position:absolute;
	top:0px;
	right:50%;
	margin-right:-500px;
	z-index:2;
}

#main{
	position:absolute;
	top:130px;
	left:50%;
	margin-left:-450px;
	width:900px;
	height: auto;
}

#glnavi{position:absolute;
top:50px;
left:50%;
margin-left:-450px;
width:780px;
height:35px;
z-index:999;
}


#language{
	position:absolute;
	top:70px;
	right:50%;
	margin-right:-450px;
	width:127px;
	height:14px;
	z-index:3;
}

#topimage{
	position:absolute;
	top:95px;
	left:50%;
	margin-left:-450px;
	width:900px;
	height:170px;
}	


#main_base{
	position:absolute;
	top:300px;
	left:50%;
	margin-left:-450px;
	width:900px;
	height:2400px;/**メイン高さ決定**/
	background-image:url(../images/main_base.png);
	background-repeat:repeat;
}

#main_base a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
}

#breadcrumbs{
	position:absolute;
	top:-27px;
	width:400px;
	height:20px;
	color:#999;
}

#breadcrumbs a{
	color:#939C71;
}

#breadcrumbs a:hover{
	color: #990;
}


#left_menu{
	position:absolute;
	top:25px;
	left:0px;
	width:150px;
	height:600px;
}

table#left_menu_table{ position:relative;
top:20px;
left:20px;
}

table#left_menu_table th{ text-align:left;
padding-bottom:20px;
}

table#left_menu_table td{ text-align:left;
padding-bottom:20px;
}


#main_space{
	position:absolute;
	top:25px;
	left:200px;
	width:650px;
	height: auto;
}

h2{ color:#939C71;
font-size:16px;
}


h3{ color:#333;
font-size:14px;
}


table#detail{
width:650px;
}

table#detail th{ padding-bottom:20px;
text-align:left;
}

table#detail td{
}




#footer{
	position: absolute;
	bottom:0px;
	width:100%;
	height: 150px;
	background-image: url(../images/footer.png);
	background-repeat:repeat-x;
}


/**
#footer{
	position:absolute;
	top:3250px; 
	width:100%;
	height: 150px;
	background-image: url(../images/footer.png);
	background-repeat:repeat-x;
}
**/

#footer_menu{
	position:absolute;
	top:15px;
	left:50%;
	margin-left:-450px;
	width:900px;
	height: 80px;
	text-align: left;
}

#partnarship{
	position:absolute;
	top:0px;
	right:0px;
	height:60px;
	width:200px;
	text-align: right;
}

#address{
	position:absolute;
	top:65px;
	left:50%;
	margin-left:-450px;
	width:680px;
	height: 80px;
	text-align: left;
}

#copyright{
	position:absolute;
	left:50%;
	margin-left:-450px;
	width:221px;
	margin-top: 135px;
}




/**

#bg_image{position: absolute;
top:15px;
height:345px;
width:100%;
background-image:url(IMG_1511.jpg); 
background-repeat:no-repeat;
background-position: center;
background-attachment: scroll;
}

#grade{position:absolute;
top:345px;
width:100%;
height:400px;
background-image:url(background.jpg);
background-repeat:repeat-x;}

#fixed_banner{position:absolute;
top:300px;
right:0px;
position:fixed;
background-color:#900;
height:100px;
width:30px;}


#h1{position:absolute;
top:0px;
height:15px;
width:100%;
background-color:#CCC;
color:#333;}


#header{position:absolute;
top:15px;
height:50px;
width:100%;
background-color:#FFF;
color:#666;
filter:alpha(opacity=0);
}

.weibo{position:absolute;
top:5px;
right:50%;
margin-right:-450px;
text-align:right;}

#logo{ position:absolute;
left:50%;
margin-left:-450px;
bottom:3px;
height:30px;
width:120px;
background-color:#F00;
}

#header_menu{position:absolute;
bottom:3px;
right:50%;
margin-right:-450px;
width:200px;
text-align:right;}

#header_menu ul{
margin:0;
padding:0;
list-style:none;}

#header_menu ul li {
float:left;
	}
	
	
#header_menu li a:hover{
text-decoration:underline;
color:#C9F;}

#glmenu{position:absolute;
top:65px;
left:50%;
margin-left:-450px;
height:28px;
width:900px;
border-bottom:#999 solid 1px;
border-top:#999 solid 1px;
border-left:#999 solid 1px;}


#glmenu ul { margin:0;
padding:0;
list-style:none;}


#glmenu ul li{float:left;
text-align:center;
border-right:#999 solid 1px;
width:149px;
height:28px;
background-color: #C9F;
color: #333;
line-height:2.5em;
	}	

#glmenu ul li a{ display:block;
width:149px;
height:28px;
color:#FFF;
background-color: #CCC;
}


#glmenu ul li a:hover{
background-color: #C9F;
color: #333;}




table.glmenu2{
	height:30px;
	width:688px;
	border:0px;
	padding:0px;
	margin:0px;
}

table.glmenu2 th {
	background-color:#333;
	color: #F00;
	text-align:center;
	width:10%;
	height:30px;
}

table.glmenu2 td {
background-color:#666;
	color:#FFF;
	text-align:center;
	width:10%;
	height:30px;
}

table.glmenu2 td a{
background-color:#666;
	color:#FFF;
	text-align:center;
	width:68px;
	height:30px;
}

table.glmenu2 td a:hover{
	color:#F00;

}



#topimage{
	position:absolute;
	top:97px;
	left:50%;
	margin-left:-450px;
	height:250px;
	width:900px;
}

#topimage_1{position:absolute;
top:5px;
right:50%;
margin-right:-445px;
margin-top:5px;
margin-bottom:2px;
width:270px;
height:100px;}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


#topimage_2{position:absolute;
top:110px;
right:50%;
margin-right:-445px;
margin-top:5px;
margin-bottom:2px;
width:270px;
height:100px;}


#bread{position:absolute;
top:345px;
left:50%;
margin-left:-450px;
height:15px;
width:900px;
background-color:#FFF;
text-indent:20px;}

#left_menu{position:absolute;
top:360px;
left:50%;
margin-left:-450px;
height:595px;
width:200px;
background-color:#FCC;}

#left_menu ul{
	position:absolute;
	top:10px;
	height: auto;
	left: 5px;
}


#left_menu li{
list-style:none;
margin-left:10px;
width:180px;
height:30px;
text-indent:20px;
line-height:3em;
background-color:#CCC;
border-bottom:#FFF dotted 2px;
}


#left_menu li a{ display:block;
width:180px;
height:30px;
}


#left_menu li a:hover{
background-color: #C9F;
color: #333;}



#line{position:absolute;
top:375px;
left:50%;
margin-left:-248px;
height:495px;
width:1px;
background-color:#999;
}

#main{
	position:absolute;
	top:360px;
	right:50%;
	margin-right:-450px;
	height:2000px;
	width:688px;
	background-color:#FFF;
	border:#999 1px solid;
}

.bar{
margin:10px;
height:30px;
width:660px;
border-left:#F9C double 10px;
border-bottom:#999 solid 2px;
text-indent:10px;
line-height:30px;
font-size:20px;
}

#news{
margin:20px 30px;
height:auto;
width:630px;
line-height:30px;
font-size:12px;
}

.date{
	text-align:left;
	color:#F00;
	width:80px;
	border-bottom:#CCC dotted 1px;}

.text{
	color:#666;
	width:550px;
	text-indent:10px;
	border-bottom:#CCC dotted 1px;}

.text a:hover{
	color: #9F0;
	text-decoration:underline;}	


.main_text{
margin:20px 30px;
height:auto;
width:630px;
line-height:30px;
font-size:12px;
}	


#footer{
	position:absolute;
	top:2380px;
	height:160px;
	width:100%;
	background-color: #FCC;
	color:#666;
	border-top:#999 3px double;
}

.footer_menu{position:absolute;
top:10px;
left:50%;
margin-left:-450px;
width:900px;
}

.table_footer_menu{}

.footer_menu th{
text-align:left;
font:bold;
text-indent:20px;}
	
.footer_menu td{
text-align:left;
text-indent:20px;}	

.copyright{position:absolute;
right:50%;
margin-right:-450px;
top:140px;
height:15px;
width:200px;
font:x-small;
text-align:right;}

**/


/**CSSで作る画像の切り替え・・Image Switcher**/

#images-wrap { width: 480px; 
margin: 20px auto; 
position: relative; }

#img_a { background: url(sample_a.jpg) no-repeat; z-index: 2; }
#img_b { background: url(sample_b.jpg) no-repeat; }
#img_c { background: url(sample_c.jpg) no-repeat; }
#img_d { background: url(sample_d.jpg) no-repeat; }

#img_a span {position: absolute; left: 0px; bottom: -36px; }
#img_b span { position: absolute; left: 121px; bottom: -36px; }
#img_c span { position: absolute; left: 242px; bottom: -36px; }
#img_d span { position: absolute; left: 363px; bottom: -36px; }

.image-link {display: block;  
width: 480px;  
height: 320px;  
border: 1px solid #000;  
position: absolute;  
top: 0;  left:0; }

.image-link span {text-align: center;  
width: 106px;  height: 20px;  
display: block;  padding: 5px;  
background: #555;  color:#fff;  
border: 1px solid #aaa;}

.image-link:hover { z-index: 100; }

.image-link:hover span {background: #333; 
color:#60afd8;}

a {text-decoration: none; color:#555; }





/**CSSだけで作るマウスオーバーでの画像の拡大**/
    #imgHover ul li {
		list-style:none;
        float: left;
        margin-right: 20px;
    }
    #imgHover ul li img {
        border: none;
    }
    #imgHover ul li a {
        display: block;
    }
    #imgHover ul li a:hover {
        position: relative;
    }
    #imgHover ul li a .mainImage {
        display: none;
    }
    #imgHover ul li a:hover .mainImage {
        display: block;
        position: absolute;
        top: -30px;
        left: -150px;
    }